index.vue 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833
  1. <template>
  2. <div class="mainContentBox">
  3. <avue-crud
  4. ref="crudRef"
  5. v-model:search="search"
  6. v-model="form"
  7. :data="data"
  8. :option="option"
  9. v-model:page="page"
  10. @row-save="createRow"
  11. @row-update="updateRow"
  12. @row-del="deleteRow"
  13. @search-change="searchChange"
  14. @search-reset="resetChange"
  15. @size-change="dataList"
  16. @current-change="dataList"
  17. @selection-change="selectionChange"
  18. >
  19. <template #menu-left="{ size }">
  20. <el-button
  21. type="primary"
  22. icon="el-icon-plus"
  23. :size="size"
  24. @click="openDialog(0, null)"
  25. >新增</el-button
  26. >
  27. <el-button
  28. :disabled="toDeleteIds.length < 1"
  29. type="danger"
  30. icon="el-icon-delete"
  31. :size="size"
  32. @click="multipleDelete"
  33. >删除</el-button
  34. >
  35. </template>
  36. <template #menu="{ size, row, index }">
  37. <el-button type="primary" link size="small" @click="openDialog(1, row)"
  38. ><i-ep-view />查看</el-button
  39. >
  40. <el-button type="primary" link size="small" @click="openDialog(2, row)"
  41. ><i-ep-edit />{{ row.state === "0" ? "编辑" : "流程" }}</el-button
  42. >
  43. <el-button
  44. type="primary"
  45. link
  46. size="small"
  47. @click="openDialog1(row)"
  48. ><i-ep-position />导出物料信息</el-button
  49. >
  50. </template>
  51. </avue-crud>
  52. <el-dialog
  53. v-model="dialog1.visible"
  54. :title="dialog1.title"
  55. @close="dialog1.visible = false"
  56. width="90%"
  57. >
  58. <ExportInfo :excelRow />
  59. </el-dialog>
  60. <el-dialog
  61. v-model="dialog.visible"
  62. :title="dialog.title"
  63. width="75%"
  64. @close="dialog.visible = false"
  65. >
  66. <template #header="{ close, titleId, titleClass }">
  67. <el-button
  68. v-if="dialogType === 1"
  69. type="primary"
  70. @click="printPage"
  71. size="small"
  72. >打印</el-button
  73. >
  74. </template>
  75. <div style="width: 100%; height: 30px">
  76. <!-- <el-steps :active="1" finish-status="success">-->
  77. <el-steps
  78. :active="form.state === '8' ? 3 : form.state === '9' ? 2 : 1"
  79. finish-status="success"
  80. >
  81. <el-step :title="form.sendOrg" />
  82. <el-step title="运输中" />
  83. <el-step :title="form.applyOrg" />
  84. </el-steps>
  85. </div>
  86. <div class="card-container">
  87. <el-card style="width: 70%; margin-top: 30px" shadow="always">
  88. <div ref="toPrintRef">
  89. <el-row style="text-align: center">
  90. <el-col :span="24"
  91. ><el-text tag="b">零、部(组)件领用单</el-text></el-col
  92. >
  93. </el-row>
  94. <el-row>
  95. <el-col :span="14"></el-col>
  96. <el-col :span="5"
  97. ><el-text tag="p" v-if="form.applyCode">{{
  98. form.applyCode
  99. }}</el-text></el-col
  100. >
  101. <el-col :span="5"></el-col>
  102. </el-row>
  103. <el-row style="width: 100%; height: 30px"></el-row>
  104. <el-row>
  105. <el-col :span="2"><el-text tag="p">领用单位:</el-text></el-col>
  106. <el-col :span="6">
  107. <el-text tag="p" v-if="dialogType === 1 || form.state > 0">{{
  108. form.applyOrg
  109. }}</el-text>
  110. <el-input
  111. v-else
  112. size="small"
  113. style="width: 150px; padding-bottom: 5px"
  114. v-model="form.applyOrg"
  115. />
  116. </el-col>
  117. <el-col :span="2"><el-text tag="p">发件单位: </el-text></el-col>
  118. <el-col :span="6">
  119. <el-text tag="p" v-if="dialogType === 1 || form.state > 0"
  120. >{{ form.sendOrg }}
  121. </el-text>
  122. <el-input
  123. v-else
  124. size="small"
  125. style="width: 150px; padding-bottom: 5px"
  126. v-model="form.sendOrg"
  127. />
  128. </el-col>
  129. <el-col :span="2"><el-text tag="p">工单编号:</el-text></el-col>
  130. <el-col :span="6">
  131. <el-text tag="p" v-if="dialogType === 1 || form.state > 0">{{
  132. form.workOrderCode
  133. }}</el-text>
  134. <el-select
  135. v-else
  136. size="small"
  137. v-model="form.workOrderCode"
  138. placeholder="请选择工单号"
  139. clearable
  140. style="width: 150px; padding-bottom: 5px"
  141. filterable
  142. @change="changeOrder"
  143. >
  144. <el-option
  145. v-for="option in orderList"
  146. :key="option.workOrderCode"
  147. :label="option.workOrderCode"
  148. :value="option.workOrderCode"
  149. />
  150. </el-select>
  151. </el-col>
  152. </el-row>
  153. <el-table
  154. class="print-table"
  155. v-loading="loading"
  156. :data="tableDataList"
  157. border
  158. >
  159. <el-table-column label="序号" type="index" width="60" />
  160. <el-table-column label="工作令号" prop="workCode">
  161. <template v-slot="{ row }">
  162. <el-text v-if="dialogType === 1 || form.state > 0">{{
  163. row.workCode
  164. }}</el-text>
  165. <el-input v-else v-model="row.workCode" />
  166. </template>
  167. </el-table-column>
  168. <el-table-column label="零、部(组)件图号" prop="materialCode" />
  169. <el-table-column label="名称" prop="materialName" />
  170. <el-table-column label="数量" align="num">
  171. <template v-slot="{ row }">
  172. <el-text v-if="dialogType === 1 || form.state > 0">{{
  173. row.num
  174. }}</el-text>
  175. <el-input v-else v-model="row.num" type="number" />
  176. </template>
  177. </el-table-column>
  178. <el-table-column
  179. label="实际接收"
  180. align="receiveNum"
  181. v-if="form.state === '6' || form.state === '8'"
  182. >
  183. <template v-slot="{ row }">
  184. <el-text>{{ row.receiveNum }}</el-text>
  185. </template>
  186. </el-table-column>
  187. <el-table-column label="备注" align="remark">
  188. <template v-slot="{ row }">
  189. <el-text v-if="dialogType === 1 || form.state > 0">{{
  190. row.remark
  191. }}</el-text>
  192. <el-input v-else v-model="row.remark" />
  193. </template>
  194. </el-table-column>
  195. <el-table-column
  196. label="操作"
  197. align="remark"
  198. v-if="dialogType !== 1 && form.state === '0'"
  199. >
  200. <template v-slot="{ row, index }">
  201. <el-button
  202. type="danger"
  203. @click="minusItem(row)"
  204. icon="el-icon-minus"
  205. style="margin-left: 15px; width: 25px; height: 25px"
  206. circle
  207. />
  208. </template>
  209. </el-table-column>
  210. </el-table>
  211. <el-row>
  212. <el-col :span="2"><el-text tag="p">领用人:</el-text></el-col>
  213. <el-col :span="4"
  214. ><el-text tag="p">{{ form.applyUser }}</el-text></el-col
  215. >
  216. <el-col :span="2"><el-text tag="p">审核: </el-text></el-col>
  217. <el-col :span="4"
  218. ><el-text tag="p">{{ form.auditUser }} </el-text></el-col
  219. >
  220. <!-- <el-col :span="2" ><el-text tag="p">会签:</el-text></el-col>
  221. <el-col :span="4" ><el-text tag="p" >{{form.countersignUser}}</el-text></el-col>-->
  222. <el-col :span="2"><el-text tag="p">批准:</el-text></el-col>
  223. <el-col :span="4"
  224. ><el-text tag="p">{{ form.approveUser }}</el-text></el-col
  225. >
  226. </el-row>
  227. </div>
  228. </el-card>
  229. <el-card style="width: 28%; margin-top: 30px" shadow="always">
  230. <template #header>
  231. <div class="card-header">
  232. <span>领用流程</span>
  233. </div>
  234. <el-timeline style="max-width: 500px">
  235. <el-timeline-item center type="success" placement="top">
  236. <el-card>
  237. <h4>申请</h4>
  238. <el-form
  239. ref="maintenanceInfoForm2"
  240. size="small"
  241. :model="form"
  242. label-width="auto"
  243. style="max-width: 400px"
  244. >
  245. <el-form-item label="领用人员" prop="auditUser">
  246. <el-text
  247. tag="p"
  248. v-if="dialogType === 1 || form.state > 0"
  249. >{{ form.applyUser }}</el-text
  250. >
  251. <el-select
  252. v-else
  253. size="small"
  254. filterable
  255. v-model="form.applyUser"
  256. placeholder="请选择领用人员"
  257. clearable
  258. >
  259. <el-option
  260. v-for="option in userList"
  261. :key="option.userName"
  262. :label="option.nickName"
  263. :value="option.userName"
  264. />
  265. </el-select>
  266. </el-form-item>
  267. <el-form-item label="审核人员" v-if="form.state === '0'">
  268. <el-text
  269. tag="p"
  270. v-if="dialogType === 1 || form.state > 0"
  271. >{{ form.auditUser }}</el-text
  272. >
  273. <el-select
  274. v-else
  275. size="small"
  276. filterable
  277. v-model="form.auditUser"
  278. placeholder="请选择审核人员"
  279. clearable
  280. >
  281. <el-option
  282. v-for="option in userList"
  283. :key="option.userName"
  284. :label="option.nickName"
  285. :value="option.userName"
  286. />
  287. </el-select>
  288. </el-form-item>
  289. <el-form-item label="申请时间" v-if="form.state > 0">
  290. <el-text tag="p">{{ form.created }}</el-text>
  291. </el-form-item>
  292. <el-form-item
  293. style="margin-left: 28%"
  294. v-if="dialogType !== 1"
  295. >
  296. <el-button
  297. type="primary"
  298. @click="saveForm(1)"
  299. v-if="form.state === '0'"
  300. >申 请</el-button
  301. >
  302. <el-button
  303. type="success"
  304. @click="saveForm(0)"
  305. v-if="form.state === '0'"
  306. >保 存</el-button
  307. >
  308. </el-form-item>
  309. </el-form>
  310. </el-card>
  311. </el-timeline-item>
  312. <el-timeline-item
  313. center
  314. placement="top"
  315. :type="form.state > 1 ? 'success' : 'primary'"
  316. >
  317. <el-card>
  318. <h4>审核</h4>
  319. <el-form
  320. v-if="form.state >= 1"
  321. size="small"
  322. :model="form"
  323. label-width="auto"
  324. style="max-width: 400px"
  325. >
  326. <el-form-item label="审核人员" prop="auditUser">
  327. <el-text tag="p">{{ form.auditUser }}</el-text>
  328. </el-form-item>
  329. <el-form-item label="处理结果">
  330. <el-text
  331. tag="p"
  332. v-if="dialogType === 1 || form.state !== '1'"
  333. >{{
  334. form.state === "1"
  335. ? "待审核"
  336. : form.auditState === 0
  337. ? "通过"
  338. : "未通过"
  339. }}</el-text
  340. >
  341. <el-text
  342. tag="p"
  343. v-else-if="form.auditUser !== username"
  344. >{{
  345. form.auditState
  346. ? form.auditState === 0
  347. ? "通过"
  348. : "未通过"
  349. : "待审核"
  350. }}</el-text
  351. >
  352. <el-radio-group v-else v-model="form.auditState">
  353. <el-radio :value="0">通过</el-radio>
  354. <el-radio :value="1">不通过</el-radio>
  355. </el-radio-group>
  356. </el-form-item>
  357. <el-form-item
  358. label="审批人员"
  359. v-if="
  360. dialogType !== 1 &&
  361. form.state === '1' &&
  362. form.auditUser === username
  363. "
  364. >
  365. <el-select
  366. size="small"
  367. filterable
  368. v-model="form.approveUser"
  369. placeholder="请选择审批人员"
  370. clearable
  371. >
  372. <el-option
  373. v-for="option in userList"
  374. :key="option.userName"
  375. :label="option.nickName"
  376. :value="option.userName"
  377. />
  378. </el-select>
  379. </el-form-item>
  380. <el-form-item
  381. label="审核时间"
  382. v-if="form.audit && form.audit.time"
  383. >
  384. <el-text tag="p">{{ form.audit.time }}</el-text>
  385. </el-form-item>
  386. <el-form-item style="margin-left: 35%">
  387. <el-button
  388. type="primary"
  389. @click="saveForm(2)"
  390. v-if="
  391. dialogType !== 1 &&
  392. form.state === '1' &&
  393. form.auditUser === username
  394. "
  395. >审 核</el-button
  396. >
  397. </el-form-item>
  398. </el-form>
  399. </el-card>
  400. </el-timeline-item>
  401. <!-- <el-timeline-item center placement="top" :type="form.state > 3 ? 'success' : 'primary'">
  402. <el-card>
  403. <h4>会签</h4>
  404. <el-form v-if="form.state >= 3" size="small" :model="form" label-width="auto" style="max-width: 400px">
  405. <el-form-item v-for="item of form.countersign" label="会签人员:">
  406. <el-text tag="p" >{{item.user}}&#45;&#45;</el-text>
  407. <el-text tag="p" v-if="dialogType === 1 || item.user !== username">{{item.state === -1 ? '未审核' : item.state === 0 ? '通过' : '未通过'}}</el-text>
  408. <el-text tag="p" v-else-if="item.state !== -1 && item.user === username">{{item.state === 0 ? '通过' : '未通过'}}</el-text>
  409. <el-radio-group v-model="form.countersignState" v-if="dialogType !== 1 && item.state === -1 && item.user === username">
  410. <el-radio :value=0>通过</el-radio>
  411. <el-radio :value=1>不通过</el-radio>
  412. </el-radio-group>
  413. </el-form-item>
  414. <el-form-item label="批准人员" v-if="dialogType !== 1 && form.countersignOk && form.state === '3'">
  415. <el-select
  416. size="small"
  417. v-model="form.approveUser"
  418. placeholder="请选择批准人员"
  419. clearable >
  420. <el-option
  421. v-for="option in userList"
  422. :key="option.userName"
  423. :label="option.nickName"
  424. :value="option.userName" />
  425. </el-select>
  426. </el-form-item>
  427. <el-form-item label="通过时间" v-if="form.countersignInfo && form.countersignInfo.time">
  428. <el-text tag="p" >{{form.countersignInfo.time}}</el-text>
  429. </el-form-item>
  430. <el-form-item style="margin-left: 35%">
  431. <el-button type="primary" v-if="dialogType !== 1 && form.state === '3' && form.countersignUser.includes(username) && form.countersignBtn" @click="saveForm(3)">审 核</el-button>
  432. </el-form-item>
  433. </el-form>
  434. </el-card>
  435. </el-timeline-item>-->
  436. <el-timeline-item
  437. center
  438. placement="top"
  439. :type="form.state > 5 ? 'success' : 'primary'"
  440. >
  441. <el-card>
  442. <h4>批准</h4>
  443. <el-form
  444. v-if="form.state >= 5"
  445. size="small"
  446. :model="form"
  447. label-width="auto"
  448. style="max-width: 400px"
  449. >
  450. <el-form-item label="审批人" v-if="form.state > 5">
  451. <el-text tag="p">{{ form.approve.user }}</el-text>
  452. </el-form-item>
  453. <el-form-item label="审批结果">
  454. <el-text
  455. tag="p"
  456. v-if="dialogType === 1 || form.state > 5"
  457. >{{
  458. form.state === "5"
  459. ? "待审批"
  460. : form.state > 5
  461. ? "通过"
  462. : "未通过"
  463. }}</el-text
  464. >
  465. <el-text tag="p" v-else-if="form.approveUser !== username"
  466. >待审批</el-text
  467. >
  468. <el-radio-group v-else v-model="form.approveState">
  469. <el-radio :value="0">通过</el-radio>
  470. <el-radio :value="1">不通过</el-radio>
  471. </el-radio-group>
  472. </el-form-item>
  473. <el-form-item label="审批时间" v-if="form.state > 5">
  474. <el-text tag="p">{{ form.approve.time }}</el-text>
  475. </el-form-item>
  476. <el-form-item style="margin-left: 35%">
  477. <el-button
  478. type="primary"
  479. @click="saveForm(4)"
  480. v-if="
  481. dialogType !== 1 &&
  482. form.state === '5' &&
  483. form.approveUser === username
  484. "
  485. >审 核</el-button
  486. >
  487. </el-form-item>
  488. </el-form>
  489. </el-card>
  490. </el-timeline-item>
  491. </el-timeline>
  492. </template>
  493. </el-card>
  494. </div>
  495. </el-dialog>
  496. </div>
  497. </template>
  498. <script setup>
  499. import { useUserStoreHook } from "@/store/index";
  500. import { ref, getCurrentInstance } from "vue";
  501. import { html2CanvasPrint } from "@/utils/common";
  502. import { useCrud } from "@/hooks/userCrud";
  503. import dictDataUtil from "@/common/configs/dictDataUtil";
  504. import {
  505. queryApplyInfoDetails,
  506. queryWorkOrderList,
  507. saveApplyInfoDetails,
  508. auditApplyInfoDetails,
  509. } from "@/api/order";
  510. import { getUserList } from "@/api/system/user";
  511. import { useCommonStoreHook } from "@/store";
  512. import ExportInfo from "./exportInfo.vue";
  513. const { isShowTable, tableType } = toRefs(useCommonStoreHook());
  514. const test = () => {
  515. isShowTable.value = true;
  516. tableType.value = tableType.value == 1 ? 2 : 1;
  517. };
  518. // 1.定义ref
  519. const toPrintRef = ref(null);
  520. // 传入一个url,后面不带/
  521. const { form, data, option, search, page, toDeleteIds, Methords, Utils } =
  522. useCrud({
  523. src: "/api/v1/plan/requisition",
  524. });
  525. const { dataList, createRow, updateRow, deleteRow, searchChange, resetChange } =
  526. Methords; //增删改查
  527. const { selectionChange, multipleDelete } = Methords; //选中和批量删除事件
  528. const { checkBtnPerm, downloadTemplate, exportData } = Utils; //按钮权限等工具
  529. const { username } = useUserStoreHook().user;
  530. const minusItem = (row) => {
  531. tableDataList.value = tableDataList.value.filter(
  532. (item) => item.id !== row.id
  533. );
  534. };
  535. const changeOrder = (val) => {
  536. queryApplyInfoDetails({ workOrderCode: val }).then((data) => {
  537. tableDataList.value = data.data;
  538. });
  539. };
  540. const excelRow = ref(null);
  541. const openDialog1 = (row) => {
  542. dialog1.visible = true;
  543. excelRow.value = row;
  544. };
  545. const saveForm = (type) => {
  546. let state = type;
  547. let step = null;
  548. let nextUsers = "";
  549. if (type === 1 || type === 0) {
  550. if (tableDataList.value.length === 0) {
  551. ElMessage.error("当前没有申请的物料信息");
  552. return;
  553. }
  554. for (let item of tableDataList.value) {
  555. /*if (!item.workCode) {
  556. ElMessage.error("工作令号不能为空");
  557. return;
  558. }*/
  559. if (!item.num || item.num <= 0) {
  560. ElMessage.error("物料数量不正确");
  561. return;
  562. }
  563. }
  564. if (!form.value.applyUser) {
  565. ElMessage.error("领用人员不能为空");
  566. return;
  567. }
  568. if (!form.value.auditUser) {
  569. ElMessage.error("审核人员不能为空");
  570. return;
  571. }
  572. const params = {
  573. ...form.value,
  574. state: state,
  575. details: tableDataList.value,
  576. };
  577. saveApplyInfoDetails(params).then((data) => {
  578. if (data.code === "200") {
  579. ElMessage.success(data.msg);
  580. dialog.visible = false;
  581. dataList();
  582. } else {
  583. ElMessage.error(data.msg);
  584. }
  585. });
  586. return;
  587. }
  588. step = "audit";
  589. if (type === 2) {
  590. if (form.value.auditState != undefined) {
  591. if (form.value.auditState === 0 && !form.value.approveUser) {
  592. ElMessage.error("审批人员不能为空");
  593. return;
  594. }
  595. } else {
  596. if (!form.value.auditState) {
  597. ElMessage.error("请选择处理结果");
  598. return;
  599. }
  600. }
  601. nextUsers = form.value.approveUser;
  602. state = form.value.auditState;
  603. }
  604. /*if(type === 3){
  605. step = "countersign";
  606. if(!form.value.approveUser && form.value.countersignOk){
  607. ElMessage.error("请选择审批人员")
  608. return;
  609. }
  610. if(form.value.countersignState === undefined){
  611. ElMessage.error("请选择处理结果")
  612. return;
  613. }
  614. nextUsers = form.value.approveUser
  615. state = form.value.countersignState
  616. }*/
  617. if (type === 4) {
  618. step = "approve";
  619. if (form.value.approveState === undefined) {
  620. ElMessage.error("请选择处理结果");
  621. return;
  622. }
  623. state = form.value.approveState;
  624. }
  625. const params = {
  626. id: form.value.id,
  627. state: state,
  628. currentStep: step,
  629. nextUser: nextUsers,
  630. };
  631. auditApplyInfoDetails(params).then((data) => {
  632. if (data.code === "200") {
  633. ElMessage.success(data.msg);
  634. dialog.visible = false;
  635. dataList();
  636. } else {
  637. ElMessage.error(data.msg);
  638. }
  639. });
  640. };
  641. const loading = ref(false);
  642. const crudRef = ref(null); //crudRef.value 获取avue-crud对象
  643. const userList = ref([]);
  644. const orderList = ref([]);
  645. const dialogType = ref(false);
  646. const dialog = reactive({
  647. title: "领用单",
  648. visible: false,
  649. });
  650. const dialog1 = reactive({
  651. title: "物料信息配置(请使用谷歌浏览器实现)",
  652. visible: false,
  653. });
  654. const tableDataList = ref([]);
  655. const openDialog = (type, row) => {
  656. dialogType.value = type;
  657. tableDataList.value = [];
  658. form.value = {};
  659. form.value.sendOrg = "周转库";
  660. form.value.applyOrg = "制造中心";
  661. form.value.state = "0";
  662. if (type !== 0) {
  663. queryApplyInfoDetails({ applyCode: row.applyCode }).then((data) => {
  664. tableDataList.value = data.data;
  665. });
  666. form.value = row;
  667. }
  668. form.value.countersign = [];
  669. if (row && row.flowInfo) {
  670. let json = JSON.parse(row.flowInfo);
  671. let auditInfo = json.audit;
  672. if (auditInfo) {
  673. form.value.audit = auditInfo.info;
  674. form.value.auditState = form.value.audit.state;
  675. }
  676. if (row.countersignUser) {
  677. form.value.countersignUsers = row.countersignUser.split(",");
  678. }
  679. form.value.countersignBtn = false;
  680. if (json.countersign) {
  681. form.value.countersign = json.countersign.list;
  682. form.value.countersignInfo = json.countersign.info;
  683. //当断当前是否最后一个
  684. let isOk = true;
  685. for (let obj of form.value.countersign) {
  686. if (obj.state === -1 && obj.user === username) {
  687. form.value.countersignBtn = true;
  688. }
  689. if (obj.user !== username && obj.state === -1) {
  690. isOk = false;
  691. }
  692. }
  693. form.value.countersignOk = isOk;
  694. }
  695. if (json.approve) {
  696. form.value.approve = json.approve.info;
  697. }
  698. form.value.approveUser = row.approveUser;
  699. }
  700. dialog.visible = true;
  701. getUserList({}).then((data) => {
  702. userList.value = data.data;
  703. });
  704. };
  705. const printPage = () => {
  706. html2CanvasPrint(toPrintRef.value);
  707. };
  708. // 设置表格列或者其他自定义的option
  709. option.value = Object.assign(option.value, {
  710. delBtn: false,
  711. addBtn: false,
  712. editBtn: false,
  713. viewBtn: false,
  714. selection: true,
  715. column: [
  716. {
  717. label: "领用单号",
  718. prop: "applyCode",
  719. search: true,
  720. width: 150,
  721. overHidden: true,
  722. },
  723. {
  724. label: "工单单号",
  725. prop: "workOrderCode",
  726. search: true,
  727. width: 150,
  728. overHidden: true,
  729. },
  730. {
  731. label: "订单编号",
  732. prop: "orderCode",
  733. search: true,
  734. width: 150,
  735. overHidden: true,
  736. },
  737. {
  738. label: "领用单位",
  739. prop: "applyOrg",
  740. width: 150,
  741. overHidden: true,
  742. },
  743. {
  744. label: "发件单位",
  745. prop: "sendOrg",
  746. width: 150,
  747. overHidden: true,
  748. },
  749. {
  750. label: "领用人员",
  751. prop: "applyUser",
  752. width: 150,
  753. overHidden: true,
  754. search: true,
  755. },
  756. {
  757. label: "审核人员",
  758. prop: "auditUser",
  759. width: 150,
  760. overHidden: true,
  761. },
  762. /* {
  763. label: "会签人员",
  764. width: 150,
  765. overHidden: true,
  766. prop: "countersignUser",
  767. },*/
  768. {
  769. label: "审批人员",
  770. width: 150,
  771. overHidden: true,
  772. prop: "approveUser",
  773. },
  774. {
  775. label: "状态",
  776. prop: "state",
  777. width: 150,
  778. type: "select",
  779. dicUrl:
  780. dictDataUtil.request_url + dictDataUtil.TYPE_CODE.requisition_state,
  781. props: {
  782. label: "dictLabel", // 下拉菜单显示的字段
  783. value: "dictValue", // 下拉菜单值的字
  784. },
  785. },
  786. {
  787. label: "创建时间",
  788. prop: "created",
  789. width: 160,
  790. display: false,
  791. },
  792. ],
  793. });
  794. onMounted(() => {
  795. let url = window.location.href;
  796. if (url.includes("workOrderCode")) {
  797. search.value.workOrderCode = url.substring(
  798. url.indexOf("workOrderCode") + 14
  799. );
  800. }
  801. queryWorkOrderList({}).then((data) => {
  802. if (!data.data) {
  803. ElMessage.warning("请维护物料BOM");
  804. }
  805. orderList.value = data.data;
  806. });
  807. // console.log("crudRef", crudRef)
  808. dataList();
  809. });
  810. </script>
  811. <style scoped>
  812. :deep(.card-container .el-form-item) {
  813. display: flex;
  814. justify-content: center;
  815. align-items: center;
  816. height: 15px; /* 根据需要调整高度 */
  817. }
  818. :deep(.el-timeline-item) {
  819. padding-bottom: 0px;
  820. position: relative;
  821. }
  822. .card-container {
  823. display: flex;
  824. justify-content: space-around;
  825. }
  826. </style>