sampling.vue 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826
  1. <template>
  2. <div class="hc-page-layout-box">
  3. <div :style="`width:${leftWidth}px;`" class="hc-layout-left-box">
  4. <div class="hc-project-box">
  5. <div class="hc-project-icon-box">
  6. <HcIcon name="stack" />
  7. </div>
  8. <div class="ml-2 project-name-box">
  9. <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
  10. <div class="text-xs text-cut project-name">{{ projectInfo.name }}</div>
  11. </div>
  12. </div>
  13. <div class="hc-tree-box">
  14. <el-scrollbar>
  15. <TestTree
  16. :auto-expand-keys="treeAutoExpandKeys"
  17. :project-id="projectId"
  18. :tenant-id="userInfo?.tenant_id"
  19. :wbs-temp-id="projectInfo?.referenceWbsTemplateIdTrial"
  20. :wbs-type="2"
  21. @nodeTap="wbsElTreeClick"
  22. />
  23. </el-scrollbar>
  24. </div>
  25. <!-- 左右拖动 -->
  26. <div class="horizontal-drag-line" @mousedown="onmousedown" />
  27. </div>
  28. <div class="hc-page-content-box">
  29. <HcNewCard :scrollbar="false" action-size="lg">
  30. <template #header>
  31. <HcTooltip keys="tentative_material_sampling_add">
  32. <el-button :disabled="!primaryKeyId" hc-btn type="primary" @click="addFormModalClick">
  33. <HcIcon name="add-circle" />
  34. <span>新增</span>
  35. </el-button>
  36. </HcTooltip>
  37. <HcTooltip keys="tentative_material_sampling_edit">
  38. <el-button
  39. :disabled="tableCheckedKeys.length <= 0" hc-btn type="primary"
  40. color="#12C060" style="color: white;"
  41. @click="editFormModalClick"
  42. >
  43. <HcIcon name="edit" />
  44. <span>编辑</span>
  45. </el-button>
  46. </HcTooltip>
  47. <HcTooltip keys="tentative_material_sampling_copy">
  48. <el-button :disabled="tableCheckedKeys.length <= 0" hc-btn color="#A16222" @click="copyTableModalClick">
  49. <HcIcon name="file-copy-2" />
  50. <span>复制</span>
  51. </el-button>
  52. </HcTooltip>
  53. <HcTooltip keys="tentative_material_sampling_del">
  54. <el-button :disabled="tableCheckedKeys.length <= 0" hc-btn color="#e03997" @click="delModalClick">
  55. <HcIcon name="delete-bin-2" />
  56. <span>删除</span>
  57. </el-button>
  58. </HcTooltip>
  59. <HcTooltip keys="tentative_material_sampling_printer">
  60. <el-button
  61. :disabled="tableCheckedKeys.length <= 0" :loading="printerLoading" hc-btn color="#567722"
  62. @click="printerClick"
  63. >
  64. <HcIcon name="printer" />
  65. <span>打印</span>
  66. </el-button>
  67. </HcTooltip>
  68. <HcTooltip keys="tentative_material_sampling_import">
  69. <el-button :disabled="!primaryKeyId" hc-btn color="#567722" @click="importModalClick">
  70. <HcIcon name="folder-upload" />
  71. <span>导入</span>
  72. </el-button>
  73. </HcTooltip>
  74. </template>
  75. <template #search>
  76. <div class="w-64">
  77. <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate" />
  78. </div>
  79. <div class="w-72 ml-2">
  80. <el-input
  81. v-model="searchForm.queryValue" clearable
  82. placeholder="请输入名称、规格、材料编号进行查询" @keyup="keyUpEvent"
  83. />
  84. </div>
  85. <div class="ml-2">
  86. <el-button type="primary" @click="searchClick">
  87. <HcIcon name="search-2" />
  88. <span>搜索</span>
  89. </el-button>
  90. </div>
  91. </template>
  92. <HcTable
  93. ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check
  94. border @selection-change="tableSelection"
  95. >
  96. <template #materialCount="{ row }">{{ row.materialCount === -1 ? "" : row.materialCount }}</template>
  97. <template #representativeCount="{ row }">
  98. {{ row.representativeCount === -1 ? "" : row.representativeCount }}
  99. </template>
  100. </HcTable>
  101. <template #action>
  102. <HcPages :pages="searchForm" @change="pageChange" />
  103. </template>
  104. </HcNewCard>
  105. </div>
  106. <!-- 新增/编辑 -->
  107. <HcDialog
  108. :show="addEditFormModal" :title="`${addEditFormModel.id ? '编辑' : '新增'}样品信息`" is-row-footer
  109. widths="50rem" @close="addEditFormModalClose"
  110. >
  111. <el-form
  112. ref="addEditFormRef" :model="addEditFormModel" :rules="addEditFormRules" label-width="auto"
  113. size="large"
  114. >
  115. <div class="hc-form-item">
  116. <el-form-item label="样品名称" prop="materialName">
  117. <el-input v-model="addEditFormModel.materialName" />
  118. </el-form-item>
  119. <el-form-item label="进场日期">
  120. <el-date-picker
  121. v-model="addEditFormModel.mobilizationDate" :clearable="false" class="block"
  122. type="date" value-format="YYYY-MM-DD"
  123. />
  124. </el-form-item>
  125. </div>
  126. <div class="hc-form-item">
  127. <el-form-item label="样品编号" prop="specificationNumber">
  128. <el-input v-model="addEditFormModel.specificationNumber" />
  129. </el-form-item>
  130. <el-form-item label="取样日期">
  131. <el-date-picker
  132. v-model="addEditFormModel.samplingDate" :clearable="false" class="block"
  133. type="date" value-format="YYYY-MM-DD"
  134. />
  135. </el-form-item>
  136. </div>
  137. <div class="hc-form-item">
  138. <el-form-item label="规格型号">
  139. <el-input v-model="addEditFormModel.specificationModel" />
  140. </el-form-item>
  141. <el-form-item label="取样地点">
  142. <el-input v-model="addEditFormModel.samplingLocation" />
  143. </el-form-item>
  144. </div>
  145. <div class="hc-form-item">
  146. <el-form-item label="试样数量">
  147. <el-input v-model="addEditFormModel.materialCount" type="number" />
  148. </el-form-item>
  149. <el-form-item label="是否外委">
  150. <el-radio-group v-model="addEditFormModel.isOutsourcing" size="large">
  151. <el-radio :label="1">是</el-radio>
  152. <el-radio :label="0">否</el-radio>
  153. </el-radio-group>
  154. </el-form-item>
  155. </div>
  156. <div class="hc-form-item">
  157. <el-form-item label="代表数量">
  158. <el-input v-model="addEditFormModel.representativeCount" type="number" />
  159. </el-form-item>
  160. <el-form-item label="供应商">
  161. <el-input v-model="addEditFormModel.supplierUnit" />
  162. </el-form-item>
  163. </div>
  164. <div class="hc-form-item">
  165. <el-form-item label="计算单位">
  166. <el-input v-model="addEditFormModel.calculationUnit" />
  167. </el-form-item>
  168. <el-form-item label="生产批号">
  169. <el-input v-model="addEditFormModel.batchNumber" />
  170. </el-form-item>
  171. </div>
  172. <div class="hc-form-item">
  173. <el-form-item label="取样人">
  174. <el-select v-model="addEditFormModel.userId" block @change="changeusername">
  175. <el-option v-for="item in userListData" :label="item.userName" :value="item.userId" />
  176. </el-select>
  177. </el-form-item>
  178. <el-form-item label="拟用部位">
  179. <el-input v-model="addEditFormModel.proposedPosition" />
  180. </el-form-item>
  181. </div>
  182. <el-form-item label="样品描述">
  183. <el-input v-model="addEditFormModel.sampleDescription" />
  184. </el-form-item>
  185. </el-form>
  186. <template #leftRowFooter>
  187. <HcTooltip keys="tentative_material_sampling_links">
  188. <el-button hc-btn type="primary" @click="linksApproachModalClick(addEditFormModel.mobilizationId)">
  189. <HcIcon name="links" />
  190. <span>关联进场材料</span>
  191. </el-button>
  192. </HcTooltip>
  193. </template>
  194. <template #rightRowFooter>
  195. <el-button size="large" @click="addEditFormModalClose">
  196. <HcIcon name="close" />
  197. <span>取消</span>
  198. </el-button>
  199. <el-button :loading="addEditFormLoading" hc-btn type="primary" @click="addEditFormClick">
  200. <HcIcon name="check" />
  201. <span>确认</span>
  202. </el-button>
  203. </template>
  204. </HcDialog>
  205. <!-- 关联进场材料 -->
  206. <HcDialog
  207. :show="linksApproachModal" is-row-footer is-table title="关联进场材料信息" widths="60%"
  208. @close="linksApproachModalClose"
  209. >
  210. <HcTable
  211. :column="linksApproachTableColumn" :datas="linksApproachTableData"
  212. :is-index="false" :loading="linksApproachTableLoading" border
  213. >
  214. <template #materialType="{ row }">{{ getRowTableMaterialType(row.materialType) }}</template>
  215. <template #action="{ row }">
  216. <HcTooltip keys="tentative_material_approach_annex">
  217. <el-button
  218. v-if="mobilizationId === row.id" plain size="small" type="primary"
  219. @click="cancelApproachRow(row)"
  220. >
  221. 取消关联
  222. </el-button>
  223. <el-button v-else plain size="small" type="primary" @click="linksApproachRow(row)">
  224. 关联
  225. </el-button>
  226. </HcTooltip>
  227. </template>
  228. </HcTable>
  229. <template #leftRowFooter>
  230. <HcPages :pages="ApproachSearchForm" @change="linksApproachPageChange" />
  231. </template>
  232. <template #rightRowFooter>
  233. <el-button size="large" @click="linksApproachModalClose">
  234. <HcIcon name="close" />
  235. <span>取消</span>
  236. </el-button>
  237. <el-button hc-btn type="primary" @click="linksApproachModalSave">
  238. <HcIcon name="check" />
  239. <span>确定</span>
  240. </el-button>
  241. </template>
  242. </HcDialog>
  243. <!-- 复制样品登记信息 -->
  244. <HcDialog
  245. :loading="copyTableLoading" :show="copyTableModal" is-table title="复制样品登记信息" widths="60rem"
  246. @close="copyTableModalClose" @save="copyTableClick"
  247. >
  248. <HcTable :column="copyTableColumn" :datas="copyTableData" border>
  249. <template #specificationNumber="{ row }">
  250. <el-input v-model="row.specificationNumber" placeholder="请输入样品编号" />
  251. </template>
  252. <template #action="{ index }">
  253. <el-button plain size="small" type="danger" @click="specificationNumberDel(index)">删除</el-button>
  254. </template>
  255. </HcTable>
  256. </HcDialog>
  257. <!-- 导入 -->
  258. <HcDialog :show="importModal" is-row-footer title="导入" widths="38rem" @close="importModalClose">
  259. <HcDragUpload
  260. ref="uploadRef" api="/api/blade-business/material/" :datas="uploadData"
  261. action="sample/import"
  262. @finished="uploadFinished" @progress="uploadprogress"
  263. />
  264. <template #leftRowFooter>
  265. <el-button size="large" @click="downloadImportClick">
  266. <HcIcon name="download-2" />
  267. <span>下载模板</span>
  268. </el-button>
  269. </template>
  270. <template #rightRowFooter>
  271. <el-button size="large" @click="importModalClose">
  272. <HcIcon name="close" />
  273. <span>取消导入</span>
  274. </el-button>
  275. <el-button :loading="importModalLoading" hc-btn type="primary" @click="importModalYesClick">
  276. <HcIcon name="folder-upload" />
  277. <span>确认导入</span>
  278. </el-button>
  279. </template>
  280. </HcDialog>
  281. </div>
  282. </template>
  283. <script setup>
  284. import { onMounted, ref, watch } from 'vue'
  285. import { useAppStore } from '~src/store'
  286. import TestTree from './components/TestTree.vue'
  287. import { getStoreValue, setStoreValue } from '~src/utils/storage'
  288. import HcDragUpload from './components/HcDragUpload.vue'
  289. import samplingApi from '~api/tentative/material/sampling'
  290. import approachApi from '~api/tentative/material/approach'
  291. import { getContractUserList, getDictionary } from '~api/other'
  292. import { arrIndex, arrToId, deepClone, formValidate, getArrValue } from 'js-fast-way'
  293. import { delMessageV2 } from '~com/message/index.js'
  294. //变量
  295. const useAppState = useAppStore()
  296. const userInfo = ref(useAppState.getUserInfo)
  297. const projectId = ref(useAppState.getProjectId)
  298. const contractId = ref(useAppState.getContractId)
  299. const projectInfo = ref(useAppState.getProjectInfo)
  300. const isCollapse = ref(useAppState.getCollapse)
  301. //监听
  302. watch(() => [
  303. useAppState.getCollapse,
  304. ], ([Collapse]) => {
  305. isCollapse.value = Collapse
  306. })
  307. //自动展开缓存
  308. const treeAutoExpandKeys = ref(getStoreValue('testTreeExpandKeys') || [])
  309. //渲染完成
  310. onMounted(() => {
  311. getUserListData()
  312. getMaterialType()
  313. })
  314. //获取材料类型
  315. const typeData = ref([])
  316. const getMaterialType = async () => {
  317. const { data } = await getDictionary({
  318. code: 'material_type',
  319. })
  320. typeData.value = getArrValue(data)
  321. }
  322. //获取材料类型
  323. const getRowTableMaterialType = (type) => {
  324. if (type > 0) {
  325. const nodeData = typeData.value
  326. const index = arrIndex(nodeData, 'dictKey', type)
  327. return nodeData[index]?.dictValue ?? type
  328. } else {
  329. return ''
  330. }
  331. }
  332. //获取用户列表
  333. const userListData = ref([])
  334. const getUserListData = async () => {
  335. const { data } = await getContractUserList({
  336. contractId: contractId.value,
  337. })
  338. userListData.value = getArrValue(data)
  339. }
  340. //搜索表单
  341. const searchForm = ref({
  342. startTime: null, endTime: null, queryValue: null, nodeId: '',
  343. current: 1, size: 20, total: 0,
  344. })
  345. //树相关的变量
  346. const primaryKeyId = ref('')
  347. const nodeItemInfo = ref({})
  348. const nodeDataInfo = ref({})
  349. //树被点击
  350. const wbsElTreeClick = ({ node, data, keys }) => {
  351. nodeItemInfo.value = node
  352. nodeDataInfo.value = data
  353. primaryKeyId.value = data['primaryKeyId'] || ''
  354. //缓存自动展开
  355. treeAutoExpandKeys.value = keys
  356. setStoreValue('testTreeExpandKeys', keys)
  357. //改变搜索表单数据
  358. searchForm.value.nodeId = data['primaryKeyId'] || ''
  359. searchForm.value.current = 1
  360. getTableData()
  361. }
  362. //日期时间被选择
  363. const betweenTime = ref(null)
  364. const betweenTimeUpdate = ({ arr }) => {
  365. betweenTime.value = arr
  366. if (arr.length > 0) {
  367. searchForm.value.startTime = arr[0]
  368. searchForm.value.endTime = arr[1]
  369. } else {
  370. searchForm.value.startTime = ''
  371. searchForm.value.endTime = ''
  372. }
  373. }
  374. //回车搜索
  375. const keyUpEvent = (e) => {
  376. if (e.key === 'Enter') {
  377. searchForm.value.current = 1
  378. getTableData()
  379. }
  380. }
  381. //搜索
  382. const searchClick = () => {
  383. searchForm.value.current = 1
  384. getTableData()
  385. }
  386. //分页被点击
  387. const pageChange = ({ current, size }) => {
  388. searchForm.value.current = current
  389. searchForm.value.size = size
  390. getTableData()
  391. }
  392. //表格数据
  393. const tableRef = ref(null)
  394. const tableColumn = ref([
  395. { key: 'materialName', name: '取样名称' },
  396. { key: 'samplingDate', name: '取样日期' },
  397. { key: 'specificationNumber', name: '样品编号' },
  398. { key: 'specificationModel', name: '规格型号' },
  399. { key: 'materialCount', name: '试样数量' },
  400. { key: 'calculationUnit', name: '计算单位' },
  401. { key: 'proposedPosition', name: '拟用部位' },
  402. { key: 'representativeCount', name: '代表数量' },
  403. { key: 'userName', name: '取样人' },
  404. ])
  405. //获取数据
  406. const tableLoading = ref(false)
  407. const tableData = ref([])
  408. const getTableData = async () => {
  409. const nodeId = primaryKeyId.value
  410. if (nodeId) {
  411. tableLoading.value = true
  412. const { error, code, data } = await samplingApi.queryPage({
  413. projectId: projectId.value,
  414. contractId: contractId.value,
  415. nodeId,
  416. ...searchForm.value,
  417. })
  418. //处理数据
  419. tableLoading.value = false
  420. if (!error && code === 200) {
  421. tableData.value = getArrValue(data['records'])
  422. searchForm.value.total = data.total || 0
  423. } else {
  424. tableData.value = []
  425. searchForm.value.total = 0
  426. }
  427. } else {
  428. window?.$message?.warning('请先选择一个树节点')
  429. }
  430. }
  431. //多选
  432. const tableCheckedKeys = ref([])
  433. const tableSelection = (rows) => {
  434. tableCheckedKeys.value = rows.filter((item) => {
  435. return (item ?? '') !== ''
  436. })
  437. }
  438. //新增
  439. const addEditFormModal = ref(false)
  440. const addFormModalClick = () => {
  441. addEditFormModel.value = {
  442. isOutsourcing: 0,
  443. mobilizationId: '',
  444. nodeId: primaryKeyId.value,
  445. userId: userInfo.value.user_id,
  446. }
  447. addEditFormModal.value = true
  448. }
  449. //编辑
  450. const editFormModalClick = () => {
  451. const keys = tableCheckedKeys.value
  452. if (keys.length === 1) {
  453. addEditFormModel.value = keys[0]
  454. addEditFormModel.value.representativeCount = addEditFormModel.value.representativeCount === -1 ? '' : addEditFormModel.value.representativeCount
  455. addEditFormModel.value.materialCount = addEditFormModel.value.materialCount === -1 ? '' : addEditFormModel.value.materialCount
  456. addEditFormModal.value = true
  457. } else if (keys.length > 1) {
  458. window?.$message?.warning('只能选择一条数据编辑')
  459. }
  460. }
  461. const addEditFormModalClose = () => {
  462. addEditFormModal.value = false
  463. addEditFormModel.value = {}
  464. }
  465. //新增/编辑 表单
  466. const addEditFormRef = ref(null)
  467. const addEditFormModel = ref({})
  468. const addEditFormRules = {
  469. materialName: {
  470. required: true,
  471. trigger: 'blur',
  472. message: '请输入样品名称',
  473. },
  474. specificationNumber: {
  475. required: false,
  476. validator: async (rule, value, callback) => {
  477. if (!value) {
  478. // callback(new Error('请输入样品编号'))
  479. } else {
  480. const ver = await verification(value)
  481. if (!ver) {
  482. callback(new Error('样品编号必须是惟一的'))
  483. } else {
  484. callback()
  485. }
  486. }
  487. },
  488. trigger: 'blur',
  489. },
  490. }
  491. //校验材料编号是否唯一
  492. const verification = async (val) => {
  493. const { error, code, data } = await samplingApi.verification({
  494. projectId: projectId.value,
  495. contractId: contractId.value,
  496. specificationNumber: val,
  497. id: addEditFormModel.value.id ?? '',
  498. nodeId: primaryKeyId.value,
  499. })
  500. if (!error && code === 200) {
  501. return !data
  502. } else {
  503. return false
  504. }
  505. }
  506. //新增/编辑 保存
  507. const addEditFormLoading = ref(false)
  508. const addEditFormClick = async () => {
  509. const validate = await formValidate(addEditFormRef.value)
  510. if (validate) {
  511. addEditFormLoading.value = true
  512. const { error, code } = await samplingApi.submitForm({
  513. ...addEditFormModel.value,
  514. projectId: projectId.value,
  515. contractId: contractId.value,
  516. })
  517. //处理数据
  518. if (!error && code === 200) {
  519. window?.$message?.success('操作成功')
  520. addEditFormModal.value = false
  521. setTimeout(() => {
  522. addEditFormLoading.value = false
  523. }, 1000)
  524. await getTableData()
  525. }
  526. }
  527. }
  528. //复制表格
  529. const copyTableColumn = ref([
  530. { key: 'materialName', name: '样品名称' },
  531. { key: 'specificationNumber', name: '样品编号' },
  532. { key: 'action', name: '操作', width: 100 },
  533. ])
  534. const copyTableData = ref([])
  535. //复制
  536. const copyTableModal = ref(false)
  537. const copyTableModalClick = () => {
  538. copyTableModal.value = true
  539. copyTableData.value = deepClone(tableCheckedKeys.value)
  540. }
  541. //删除
  542. const specificationNumberDel = (index) => {
  543. copyTableData.value.splice(index, 1)
  544. const rows = copyTableData.value
  545. if (rows.length <= 0) {
  546. copyTableModal.value = false
  547. }
  548. }
  549. const copyTableModalClose = () => {
  550. copyTableModal.value = false
  551. }
  552. //复制 保存
  553. const copyTableLoading = ref(false)
  554. const copyTableClick = () => {
  555. copyTableModal.value = false
  556. const rows = copyTableData.value
  557. if (rows.length > 0) {
  558. for (let i = 0; i < rows.length; i++) {
  559. rows[i].dataNumber = i
  560. }
  561. tableCopyData(rows)
  562. } else {
  563. window.$message?.warning('请先在列表勾选要复制的数据')
  564. copyTableModal.value = false
  565. }
  566. }
  567. //复制数据请求
  568. const tableCopyData = async (rows) => {
  569. copyTableLoading.value = true
  570. const { error, code } = await samplingApi.copyData(rows)
  571. //处理数据
  572. copyTableLoading.value = false
  573. if (!error && code === 200) {
  574. window?.$message?.success('操作成功')
  575. copyTableModal.value = false
  576. await getTableData()
  577. }
  578. }
  579. //删除
  580. const delModalClick = () => {
  581. delMessageV2(async (action, instance, done) => {
  582. if (action === 'confirm') {
  583. instance.confirmButtonLoading = true
  584. tableRemoveData()
  585. instance.confirmButtonLoading = false
  586. done()
  587. } else {
  588. done()
  589. }
  590. })
  591. }
  592. //批量删除
  593. const tableRemoveData = async () => {
  594. const rows = tableCheckedKeys.value
  595. if (rows.length > 0) {
  596. const ids = arrToId(rows)
  597. //删除请求
  598. const { error, code } = await samplingApi.removeData({
  599. projectId: projectId.value,
  600. contractId: contractId.value,
  601. ids: ids,
  602. })
  603. //处理数据
  604. if (!error && code === 200) {
  605. window?.$message?.success('操作成功')
  606. searchClick()
  607. }
  608. }
  609. }
  610. //打印
  611. const printerLoading = ref(false)
  612. const printerClick = async () => {
  613. const rows = tableCheckedKeys.value
  614. if (rows.length > 0) {
  615. printerLoading.value = true
  616. const ids = arrToId(rows)
  617. //删除请求
  618. const { error, code, data } = await samplingApi.exportPdf({
  619. projectId: projectId.value,
  620. contractId: contractId.value,
  621. ids: ids,
  622. })
  623. //处理数据
  624. printerLoading.value = false
  625. if (!error && code === 200) {
  626. window.open(data, '_blank')
  627. }
  628. }
  629. }
  630. //导入
  631. const uploadRef = ref(null)
  632. const uploadData = ref({})
  633. //导入
  634. const importModal = ref(false)
  635. const importModalClick = () => {
  636. importModal.value = true
  637. uploadData.value = {
  638. contractId: contractId.value,
  639. nodeId: primaryKeyId.value,
  640. isCovered: 1,
  641. }
  642. }
  643. //上传进度
  644. const uploadprogress = (res) => {
  645. importModalLoading.value = res
  646. }
  647. //确认导入
  648. const importModalLoading = ref(false)
  649. const importModalYesClick = () => {
  650. uploadRef.value?.submit()
  651. }
  652. //上传完成
  653. const uploadFinished = () => {
  654. importModal.value = false
  655. getTableData()
  656. }
  657. //关闭导入
  658. const importModalClose = () => {
  659. importModal.value = false
  660. }
  661. //更改取样人名称changeusername
  662. const changeusername = (item) => {
  663. userListData.value.forEach((ele) => {
  664. if (item == ele.userId) {
  665. addEditFormModel.value.userName = ele.userName
  666. }
  667. })
  668. }
  669. //关联进场材料
  670. const linksApproachModal = ref(false)
  671. const ApproachSearchForm = ref({
  672. current: 1, size: 20, total: 0,
  673. })
  674. const mobilizationId = ref('')
  675. const linksApproachModalClick = (mId) => {
  676. mobilizationId.value = mId ?? ''
  677. ApproachSearchForm.value.current = 1
  678. linksApproachModal.value = true
  679. getApproachTableData()
  680. }
  681. //分页被点击
  682. const linksApproachPageChange = ({ current, size }) => {
  683. ApproachSearchForm.value.current = current
  684. ApproachSearchForm.value.size = size
  685. getApproachTableData()
  686. }
  687. //关联进场材料数据
  688. const linksApproachTableColumn = ref([
  689. { key: 'materialNumber', name: '材料编号' },
  690. { key: 'mobilizationDate', name: '进场日期' },
  691. { key: 'materialName', name: '材料名称' },
  692. { key: 'materialType', name: '材料类型' },
  693. { key: 'specificationModel', name: '规格型号' },
  694. { key: 'supplierUnit', name: '供应商单位' },
  695. { key: 'proposedPosition', name: '拟用部位' },
  696. { key: 'userName', name: '记录人' },
  697. { key: 'action', name: '操作', width: 100, fixed: 'right', align: 'center' },
  698. ])
  699. const linksApproachTableData = ref([])
  700. //获取进场材料数据
  701. const linksApproachTableLoading = ref(false)
  702. const getApproachTableData = async () => {
  703. linksApproachTableLoading.value = true
  704. const { error, code, data } = await approachApi.queryPage({
  705. projectId: projectId.value,
  706. contractId: contractId.value,
  707. ...ApproachSearchForm.value,
  708. })
  709. //处理数据
  710. linksApproachTableLoading.value = false
  711. if (!error && code === 200) {
  712. linksApproachTableData.value = getArrValue(data['records'])
  713. ApproachSearchForm.value.total = data.total || 0
  714. } else {
  715. linksApproachTableData.value = []
  716. ApproachSearchForm.value.total = 0
  717. }
  718. }
  719. //关联
  720. const linksApproachRow = (row) => {
  721. const form = addEditFormModel.value
  722. form.materialName = row.materialName ?? '' //样品名称
  723. form.mobilizationDate = row.mobilizationDate ?? null //进场日期
  724. form.specificationNumber = row.materialNumber ?? '' //样品编号
  725. form.specificationModel = row.specificationModel ?? '' //规格型号
  726. form.supplierUnit = row.supplierUnit ?? '' //供应商
  727. form.calculationUnit = row.calculationUnit ?? '' //计算单位
  728. form.batchNumber = row.batchNumber ?? '' //生产批号
  729. form.proposedPosition = row.proposedPosition ?? '' //拟用部位
  730. form.mobilizationId = row.id //关联ID
  731. //更新数据
  732. addEditFormModel.value = form
  733. mobilizationId.value = row.id //关联ID
  734. }
  735. //取消关联
  736. const cancelApproachRow = (row) => {
  737. if (row.id === mobilizationId.value) {
  738. addEditFormModel.value.mobilizationId = ''
  739. mobilizationId.value = ''
  740. }
  741. }
  742. const linksApproachModalSave = () => {
  743. linksApproachModal.value = false
  744. }
  745. //关闭关联进场材料
  746. const linksApproachModalClose = () => {
  747. linksApproachModal.value = false
  748. }
  749. //下载导入模板
  750. const downloadImportClick = () => {
  751. window.open('https://bladex-test-info.oss-cn-chengdu.aliyuncs.com//upload/20221109/1f1cc15e4e4918d8c793fa6ec0a2ae2a.xlsx', '_blank')
  752. }
  753. //左右拖动,改变树形结构宽度
  754. const leftWidth = ref(382)
  755. const onmousedown = () => {
  756. const leftNum = isCollapse.value ? 142 : 272
  757. document.onmousemove = (ve) => {
  758. let diffVal = ve.clientX - leftNum
  759. if (diffVal >= 310 && diffVal <= 900) {
  760. leftWidth.value = diffVal
  761. }
  762. }
  763. document.onmouseup = () => {
  764. document.onmousemove = null
  765. document.onmouseup = null
  766. }
  767. }
  768. </script>
  769. <style lang="scss" scoped>
  770. @import "../../../styles/tentative/material/sampling.scss";
  771. </style>