index.vue 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711
  1. <!-- 采购订单修订—— 列表 -->
  2. <script>
  3. import { TableColumns, SearchColumns, TabColumns, SelectColumns } from "./column";
  4. import orderApi from "@/api/business/purchase/purchase-order";
  5. import {
  6. initPage,
  7. initParams,
  8. // initDicts,
  9. } from "@/utils/init/index.js";
  10. import { initDicts } from "@/utils/init.js";
  11. const allColumns = [...TableColumns, ...SearchColumns];
  12. TabColumns.forEach(column =>{
  13. allColumns.push(...column.tableColumns)
  14. })
  15. export default {
  16. name: "PuchaseOrder",
  17. // dicts: initDicts(SelectColumns),
  18. dicts: [...initDicts(allColumns)],
  19. components: {
  20. AddDrawer: () => import('./add/index.vue'),
  21. SeeDrawer: () => import('./see/index.vue'),
  22. EditDrawer: () => import('./edit/index.vue'),
  23. PurchaseReturnDrawer: () => import('./purchaseReturn/index.vue'),
  24. ElSuperTable: () => import("@/components/super-table/index.vue"),
  25. ElSuperSearch: () => import("@/components/super-search/index.vue"),
  26. },
  27. data() {
  28. const initTabColumns = () => TabColumns;
  29. return {
  30. loading: false,
  31. tabLoading:false,
  32. page: { pageNum: 1, pageSize: 10, total: 0 },
  33. searchColumns: SearchColumns,
  34. params: initParams(SearchColumns),
  35. tableColumns: TableColumns,
  36. tableData: [],
  37. tabColumns: initTabColumns(),
  38. tabName: "puOrderItemList",
  39. tabTableDatas: {
  40. puOrderItemList: [],
  41. puOrderExecuteList: [],
  42. },
  43. checkedList: [],
  44. // 子表Select
  45. checkedTabList: [],
  46. // 主表点击信息
  47. primaryResource:{},
  48. timer:300,
  49. timeOut:null,
  50. };
  51. },
  52. computed: {
  53. $dicts: {
  54. get: function () {
  55. return this.dict.type;
  56. },
  57. },
  58. },
  59. created() {
  60. this.fetchList(this.params, this.page);
  61. // this.handleRefreshList();
  62. },
  63. methods: {
  64. async fetchList(data, params) {
  65. try {
  66. this.loading = true;
  67. params['isAsc'] = 'desc';
  68. params['orderByColumn'] = 'updateTime';
  69. const { code, msg, rows, total } = await orderApi.list(data, params);
  70. if (code === 200) {
  71. this.page.total = total;
  72. this.tableData = rows;
  73. }
  74. } catch (err) {
  75. //
  76. } finally {
  77. this.loading = false;
  78. for (const key in this.tabTableDatas) {
  79. this.tabTableDatas[key] = [];
  80. }
  81. }
  82. },
  83. setSelectable(){
  84. return true
  85. },
  86. setTabSelectable(){
  87. if(this.tabName === 'puOrderItemList'){
  88. return true
  89. }
  90. return false
  91. },
  92. // 刷新操作
  93. handleRefreshList() {
  94. this.page.pageNum = 1;
  95. this.page.pageSize = 10;
  96. console.log(this,'this-------------------');
  97. this.$refs.purchaseTable.$refs.superTable.clearSelection();
  98. for (const key in this.tabTableDatas) {
  99. this.tabTableDatas[key] = []
  100. }
  101. this.$refs.puOrderItemList[0].$refs.superTable.clearSelection();
  102. // this.checkedList = [];
  103. // this.checkedTabList = [];
  104. this.primaryResource = {};
  105. this.fetchList(this.params, this.page);
  106. },
  107. // 查询操作
  108. handleQueryList() {
  109. let {date} = this.params;
  110. this.params.startDate = date ? date[0] :'';
  111. this.params.endDate = date ? date[1] : '';
  112. this.fetchList(this.params, this.page);
  113. },
  114. // 重置操作
  115. handleResetList() {
  116. this.page.pageNum = 1;
  117. this.page.pageSize = 10;
  118. this.params = initParams(SearchColumns);
  119. this.fetchList(this.params, this.page);
  120. },
  121. handleTabClick() { },
  122. // 新增
  123. handleOpenAddDrawer(copyVal) {
  124. const { setVisible, setCopyParams } = this.$refs.addDrawerFef;
  125. setVisible(true,(copyVal.id && copyVal.id != '') ? true :false);
  126. copyVal.id && copyVal.id != '' && setCopyParams(copyVal.id);
  127. },
  128. // 复制
  129. handleCopy() {
  130. this.handleOpenAddDrawer(this.checkedList[0]);
  131. },
  132. // 查看
  133. async handleOpenSeeDrawer(row) {
  134. window.clearInterval(this.timeOut);
  135. const { id } = row;
  136. const { setVisible, fetchItem } = this.$refs.seeDrawerRef;
  137. await setVisible(true);
  138. await fetchItem(id);
  139. },
  140. // 编辑、修订
  141. async handleOpenEditDrawer(row) {
  142. const { id } = row;
  143. const { setVisible, fetchItem } = this.$refs.editDrawerRef;
  144. await setVisible(true);
  145. await fetchItem(id);
  146. },
  147. // 获取子表信息
  148. handleDetailsData(row) {
  149. window.clearTimeout(this.timeOut);
  150. this.timeOut = setTimeout(async () =>{
  151. try {
  152. this.tabLoading = true;
  153. this.primaryResource = row;
  154. this.checkedTabList = [];
  155. const { code, msg, data } = await orderApi.details(row.id);
  156. if (code === 200) {
  157. // 物料信息:puOrderItemList 执行结果:puOrderExecuteList
  158. for (const key in this.tabTableDatas) {
  159. this.tabTableDatas[key] = data[key];
  160. }
  161. }
  162. } catch (err) {}
  163. finally{
  164. this.tabLoading = false;
  165. }
  166. },this.timer)
  167. },
  168. // 操作提示弹窗
  169. handleConfirmTips(success){
  170. this.$confirm('是否继续此操作?', '提示', {
  171. confirmButtonText: '确定',
  172. cancelButtonText: '取消',
  173. type: 'warning'
  174. }).then(() => {
  175. success();
  176. }).catch(() => {
  177. });
  178. },
  179. // 删除操作
  180. handleDeleteList(row) {
  181. try {
  182. this.loading = true;
  183. this.handleConfirmTips(async()=>{
  184. const { id } = row;
  185. const { code } = await orderApi.remove(id);
  186. if (code === 200) {
  187. this.handleRefreshList();
  188. }
  189. })
  190. } catch (err) {
  191. //
  192. } finally {
  193. this.loading = false;
  194. }
  195. },
  196. // 批量提交
  197. handleBatchSubmit(){
  198. let inconformity = this.checkedList.filter(row => !((row.status == '0' || row.status == '3') && row.isEnd === 'N'));
  199. if(!inconformity.length && this.checkedList.length){
  200. let puOrderIds = this.checkedList.map( item => Number(item.id));
  201. this.fetchSubmit(puOrderIds);
  202. }else{
  203. this.$notify({
  204. title: '警告',
  205. message: '当前选中存在不满足提交条件的数据!',
  206. type: 'warning'
  207. });
  208. }
  209. },
  210. // 提交
  211. handleSubmit(row) {
  212. let puOrderIds = [Number(row.id)];
  213. this.fetchSubmit(puOrderIds);
  214. },
  215. fetchSubmit(puOrderIds){
  216. this.handleConfirmTips(async()=>{
  217. try {
  218. this.loading = true;
  219. let { code } = await orderApi.submit({ puOrderIds});
  220. if (code == 200) {
  221. this.handleRefreshList();
  222. }
  223. } catch (error) {}
  224. finally{
  225. this.loading = false;
  226. }
  227. })
  228. },
  229. // 判断“整单退回”按钮
  230. judgeIsAllReturn() {
  231. if (this.checkedList.length == 1) {
  232. // 非手工、状态:自由/驳回
  233. if (this.judgeIsOption('return',this.checkedList[0])) {
  234. // if (this.checkedList[0].source != 3 &&
  235. // (this.checkedList[0].status == 0 || this.checkedList[0].status == 3)
  236. // ) {
  237. return false
  238. }
  239. }
  240. return true;
  241. },
  242. // 整单退回
  243. handleAllReturn() {
  244. this.handleReturn(this.checkedList[0].id,[]);
  245. },
  246. // 判断“行退回”按钮
  247. judgeIsLineReturn() {
  248. if (this.checkedTabList.length == 1) {
  249. // 主信息:非手工、状态:自由/驳回
  250. if(this.judgeIsOption('return',this.primaryResource)){
  251. // if(this.primaryResource.source != 3 &&
  252. // (this.primaryResource.status == 0 || this.primaryResource.status == 3) ){
  253. return false
  254. }
  255. }
  256. return true;
  257. },
  258. // 行退回
  259. handleLineReturn(){
  260. let ids = this.checkedTabList.map(checked => checked.id);
  261. console.log(ids,'行退回ids');
  262. this.handleReturn(this.primaryResource.id,ids);
  263. },
  264. // 退回接口
  265. handleReturn(id,documentIds){
  266. this.$prompt('请输入退回原因', '提示', {
  267. confirmButtonText: '确定',
  268. cancelButtonText: '取消',
  269. inputPattern: /\s*\S+?/,
  270. inputErrorMessage: '退回原因不能为空'
  271. }).then(async ({ value }) => {
  272. let data = {
  273. id:Number(id),
  274. documentIds:documentIds.map(ids =>Number(ids)),
  275. baskCause: value,
  276. };
  277. console.log(data);
  278. try {
  279. let { code, msg } = await orderApi.documentsReturn(data);
  280. if (code === 200) {
  281. this.handleRefreshList();
  282. }
  283. } catch (error) {
  284. console.log(error,'error------------');
  285. }
  286. }).catch(() => { });
  287. },
  288. // 判断是否满足整单关闭
  289. judgeIsAllClose() {
  290. if (this.checkedList.length == 1) {
  291. // if (this.checkedList[0].status == 0) {
  292. if (this.judgeIsOption('allClose',this.checkedList[0])) {
  293. // 未审批状态下整单关闭
  294. return false
  295. }
  296. }
  297. return true;
  298. },
  299. // 整单关闭
  300. handleAllClose() {
  301. // 未审批状态下整单关闭
  302. try {
  303. this.handleConfirmTips(async() =>{
  304. let puOrderIds = this.checkedList.map(order => Number(order.id));
  305. let { code } = await orderApi.close({ puOrderIds });
  306. if (code === 200) {
  307. this.handleRefreshList();
  308. }
  309. })
  310. } catch (error) { }
  311. },
  312. // 付款协议
  313. async handlePaymentRequest(){
  314. // name:工号
  315. try {
  316. let {code,msg} = await orderApi.payRequest();
  317. if(code == 200){
  318. msg.replace(/\/n/g,'');
  319. let url = `uclient://start/http://172.16.100.2:8081?ssoKey=${msg}&uiloader=nc.uap.lfw.applet.PortalUILoader&nodeId=40040407`
  320. window.location.href = url;
  321. }
  322. } catch (error) {}
  323. },
  324. // 退货
  325. async handlePurchaseReturn(){
  326. const { id } = this.checkedList[0];
  327. const { setVisible, fetchStorage } = this.$refs.PurchaseReturnDrawerRef;
  328. await setVisible(true);
  329. await fetchStorage(id);
  330. },
  331. // 主表Select框
  332. handleSelect(selection, row) {
  333. this.checkedList = selection;
  334. console.log(this.checkedList, 'this.checkedList');
  335. },
  336. handleSelectionChange(selection){
  337. this.checkedList = selection;
  338. },
  339. // 子表Select框
  340. handleTabSelect(selection, row){
  341. this.checkedTabList = selection;
  342. console.log(this.checkedTabList, 'this.checkedTabList');
  343. },
  344. handleTabSelectionChange(selection){
  345. this.checkedTabList = selection;
  346. },
  347. // 保留两位小数,补位
  348. keepTwoDecimalStr(num) {
  349. if(num){
  350. const result = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/));
  351. let s = result.toString();
  352. let rs = s.indexOf('.');
  353. if (rs < 0) {
  354. rs = s.length;
  355. s += '.';
  356. }
  357. while (s.length <= rs + 2) {
  358. s += '0';
  359. }
  360. return s;
  361. }else{
  362. return '';
  363. }
  364. },
  365. judgeIsOption(type,source){
  366. // status: 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中
  367. // source: 1=自动协议直采,2=协议直采,3=手工
  368. // isEnd:整单关闭标识
  369. switch(type){
  370. case 'edit':
  371. return (source.status == '0' || source.status == '3') && source.isEnd === 'N';
  372. case 'revise':
  373. return source.status == '2' && source.isEnd === 'N';
  374. case 'del':
  375. return (source.status == '0' || source.status == '3') && source.source == '3' && source.isEnd === 'N';
  376. case 'submit':
  377. return (source.status == '0' || source.status == '3') && source.isEnd === 'N';
  378. case 'allClose':
  379. return source.status == 0 && source.isEnd === 'N';
  380. case 'return':
  381. return source.source != 3 && source.isEnd === 'N' &&
  382. (source.status == 0 || source.status == 3);
  383. default:
  384. return false;
  385. }
  386. }
  387. }
  388. };
  389. </script>
  390. <template>
  391. <el-card
  392. v-loading="loading"
  393. style="width: calc(100% - 24px); height: 100%; margin: 10px;padding: 10px;"
  394. :body-style="{ padding: 0 }"
  395. >
  396. <SeeDrawer ref="seeDrawerRef"></SeeDrawer>
  397. <AddDrawer ref="addDrawerFef" @close="handleRefreshList"></AddDrawer>
  398. <EditDrawer ref="editDrawerRef" @close="handleRefreshList"></EditDrawer>
  399. <PurchaseReturnDrawer ref="PurchaseReturnDrawerRef" @close="handleRefreshList"></PurchaseReturnDrawer>
  400. <el-super-search
  401. v-model="params"
  402. :size="'mini'"
  403. :dict="dict"
  404. :columns="searchColumns"
  405. @reset="handleResetList"
  406. @submit="handleQueryList"
  407. ></el-super-search>
  408. <!-- 操作 -->
  409. <el-row :gutter="24" type="flex" justify="end" style="margin: 20px 0;">
  410. <el-col :span="24" style="text-align: right;">
  411. <el-button size="mini" type="primary" @click="handleOpenAddDrawer"
  412. v-hasPermi="['material:order:add']">新增</el-button>
  413. <el-button-group style="margin-left: 10px">
  414. <el-button type="primary" size="mini" :disabled="checkedList.length != 1" @click="handleCopy">复制</el-button>
  415. <el-button type="primary" size="mini" @click="handleBatchSubmit">批量提交</el-button>
  416. </el-button-group>
  417. <el-button-group style="margin-left: 10px" :key="checkedList.length + 1">
  418. <el-button type="primary" size="mini" @click="handleAllReturn" :disabled="judgeIsAllReturn()">整单退回</el-button>
  419. <el-button type="primary" size="mini" @click="handleAllClose" :disabled="judgeIsAllClose()">整单关闭</el-button>
  420. </el-button-group>
  421. <el-button-group style="margin:0 10px">
  422. <!-- <el-button size="mini"
  423. :disabled="!(checkedList.length == 1 && checkedList[0].deliveryStatus == '0')"
  424. :key="checkedList.length"
  425. @click="handlePurchaseReturn"
  426. >采购退货</el-button> -->
  427. <el-button type="primary" size="mini" @click="handlePaymentRequest">付款申请</el-button>
  428. </el-button-group>
  429. </el-col>
  430. </el-row>
  431. <el-super-table
  432. class="purchaseTable"
  433. v-model="tableData"
  434. ref="purchaseTable"
  435. :dict="dict"
  436. :columns="tableColumns"
  437. :selectable="setSelectable"
  438. index
  439. checkbox
  440. pagination
  441. :page="page"
  442. convenitentOperation
  443. @pagination="fetchList(params, page)"
  444. @row-dblclick="handleOpenSeeDrawer"
  445. @row-click="handleDetailsData"
  446. @selection-change="handleSelectionChange"
  447. @select="handleSelect"
  448. >
  449. <el-table-column fixed="right" label="操作" width="120">
  450. <template slot-scope="scope">
  451. <el-button
  452. v-if="judgeIsOption('revise',scope.row)"
  453. type="text"
  454. size="small"
  455. @click.stop="handleOpenEditDrawer(scope.row)"
  456. v-hasPermi="['material:order:edit']">
  457. 修订
  458. </el-button>
  459. <el-button
  460. v-if="judgeIsOption('edit',scope.row)"
  461. type="text"
  462. size="small"
  463. @click.stop="handleOpenEditDrawer(scope.row)"
  464. v-hasPermi="['material:order:edit']">
  465. 编辑
  466. </el-button>
  467. <!-- 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中-->
  468. <el-button
  469. v-if="judgeIsOption('del',scope.row)"
  470. type="text"
  471. size="small"
  472. @click.stop="handleDeleteList(scope.row)"
  473. v-hasPermi="['material:order:remove']"
  474. >删除</el-button>
  475. <el-button
  476. v-if="judgeIsOption('submit',scope.row)"
  477. type="text"
  478. size="mini"
  479. v-hasPermi="['material:order:toOa']"
  480. @click.stop="handleSubmit(scope.row)"
  481. >提交</el-button>
  482. </template>
  483. </el-table-column>
  484. </el-super-table>
  485. <div style="position: relative; padding-top: 10px;" v-loading="tabLoading">
  486. <el-row style="position: absolute; top: 30px; right: 20px;z-index: 10;">
  487. <el-button
  488. size="mini"
  489. @click="handleLineReturn"
  490. :disabled="judgeIsLineReturn()"
  491. >行退回</el-button>
  492. </el-row>
  493. <el-tabs
  494. v-model="tabName"
  495. @tab-click="handleTabClick"
  496. style="width: 100%;padding: 20px 10px;">
  497. <el-tab-pane
  498. v-for="(column, index) in tabColumns"
  499. :key="index"
  500. :label="column.title"
  501. :name="column.key"
  502. >
  503. <el-super-table
  504. style="height: 300px;"
  505. v-model="tabTableDatas[column.key]"
  506. :ref="column.key"
  507. :dict="dict"
  508. :columns="column.tableColumns"
  509. :selectable="setTabSelectable"
  510. :checkbox="setTabSelectable()"
  511. convenitentOperation
  512. @select="handleTabSelect"
  513. @selection-change="handleTabSelectionChange"
  514. >
  515. </el-super-table>
  516. </el-tab-pane>
  517. </el-tabs>
  518. </div>
  519. </el-card>
  520. </template>
  521. <style lang="scss">
  522. .purchaseTable{
  523. .el-table__body-wrapper{
  524. height: 480px;
  525. }
  526. }
  527. </style>