index.vue 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702
  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. try {
  217. this.handleConfirmTips(async()=>{
  218. let { code } = await orderApi.submit({ puOrderIds});
  219. if (code == 200) {
  220. this.handleRefreshList();
  221. }
  222. })
  223. } catch (error) {}
  224. },
  225. // 判断“整单退回”按钮
  226. judgeIsAllReturn() {
  227. if (this.checkedList.length == 1) {
  228. // 非手工、状态:自由/驳回
  229. if (this.judgeIsOption('return',this.checkedList[0])) {
  230. // if (this.checkedList[0].source != 3 &&
  231. // (this.checkedList[0].status == 0 || this.checkedList[0].status == 3)
  232. // ) {
  233. return false
  234. }
  235. }
  236. return true;
  237. },
  238. // 整单退回
  239. handleAllReturn() {
  240. this.handleReturn(this.checkedList[0].id,[]);
  241. },
  242. // 判断“行退回”按钮
  243. judgeIsLineReturn() {
  244. if (this.checkedTabList.length == 1) {
  245. // 主信息:非手工、状态:自由/驳回
  246. if(this.judgeIsOption('return',this.primaryResource)){
  247. // if(this.primaryResource.source != 3 &&
  248. // (this.primaryResource.status == 0 || this.primaryResource.status == 3) ){
  249. return false
  250. }
  251. }
  252. return true;
  253. },
  254. // 行退回
  255. handleLineReturn(){
  256. let ids = this.checkedTabList.map(checked => checked.id);
  257. console.log(ids,'行退回ids');
  258. this.handleReturn(this.primaryResource.id,ids);
  259. },
  260. // 退回接口
  261. handleReturn(id,documentIds){
  262. this.$prompt('请输入退回原因', '提示', {
  263. confirmButtonText: '确定',
  264. cancelButtonText: '取消',
  265. inputPattern: /\s*\S+?/,
  266. inputErrorMessage: '退回原因不能为空'
  267. }).then(async ({ value }) => {
  268. let data = {
  269. id:Number(id),
  270. documentIds:documentIds.map(ids =>Number(ids)),
  271. baskCause: value,
  272. };
  273. console.log(data);
  274. try {
  275. let { code, msg } = await orderApi.documentsReturn(data);
  276. if (code === 200) {
  277. this.handleRefreshList();
  278. }
  279. } catch (error) {
  280. console.log(error,'error------------');
  281. }
  282. }).catch(() => { });
  283. },
  284. // 判断是否满足整单关闭
  285. judgeIsAllClose() {
  286. if (this.checkedList.length == 1) {
  287. // if (this.checkedList[0].status == 0) {
  288. if (this.judgeIsOption('allClose',this.checkedList[0])) {
  289. // 未审批状态下整单关闭
  290. return false
  291. }
  292. }
  293. return true;
  294. },
  295. // 整单关闭
  296. handleAllClose() {
  297. // 未审批状态下整单关闭
  298. try {
  299. this.handleConfirmTips(async() =>{
  300. let puOrderIds = this.checkedList.map(order => Number(order.id));
  301. let { code } = await orderApi.close({ puOrderIds });
  302. if (code === 200) {
  303. this.handleRefreshList();
  304. }
  305. })
  306. } catch (error) { }
  307. },
  308. // 付款协议
  309. async handlePaymentRequest(){
  310. // name:工号
  311. try {
  312. let {code,msg} = await orderApi.payRequest();
  313. if(code == 200){
  314. msg.replace(/\/n/g,'');
  315. let url = `uclient://start/http://172.16.100.2:8081?ssoKey=${msg}&uiloader=nc.uap.lfw.applet.PortalUILoader&nodeId=40040407`
  316. window.location.href = url;
  317. }
  318. } catch (error) {}
  319. },
  320. // 退货
  321. async handlePurchaseReturn(){
  322. const { id } = this.checkedList[0];
  323. const { setVisible, fetchStorage } = this.$refs.PurchaseReturnDrawerRef;
  324. await setVisible(true);
  325. await fetchStorage(id);
  326. },
  327. // 主表Select框
  328. handleSelect(selection, row) {
  329. this.checkedList = selection;
  330. console.log(this.checkedList, 'this.checkedList');
  331. },
  332. handleSelectionChange(selection){
  333. this.checkedList = selection;
  334. },
  335. // 子表Select框
  336. handleTabSelect(selection, row){
  337. this.checkedTabList = selection;
  338. console.log(this.checkedTabList, 'this.checkedTabList');
  339. },
  340. handleTabSelectionChange(selection){
  341. this.checkedTabList = selection;
  342. },
  343. // 保留两位小数,补位
  344. keepTwoDecimalStr(num) {
  345. if(num){
  346. const result = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/));
  347. let s = result.toString();
  348. let rs = s.indexOf('.');
  349. if (rs < 0) {
  350. rs = s.length;
  351. s += '.';
  352. }
  353. while (s.length <= rs + 2) {
  354. s += '0';
  355. }
  356. return s;
  357. }else{
  358. return '';
  359. }
  360. },
  361. judgeIsOption(type,source){
  362. // status: 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中
  363. // source: 1=自动协议直采,2=协议直采,3=手工
  364. // isEnd:整单关闭标识
  365. switch(type){
  366. case 'edit':
  367. return (source.status == '0' || source.status == '3') && source.isEnd === 'N';
  368. case 'revise':
  369. return source.status == '2' && source.isEnd === 'N';
  370. case 'del':
  371. return (source.status == '0' || source.status == '3') && source.source == '3' && source.isEnd === 'N';
  372. case 'submit':
  373. return (source.status == '0' || source.status == '3') && source.isEnd === 'N';
  374. case 'allClose':
  375. return source.status == 0 && source.isEnd === 'N';
  376. case 'return':
  377. return source.source != 3 && source.isEnd === 'N' &&
  378. (source.status == 0 || source.status == 3);
  379. default:
  380. return false;
  381. }
  382. }
  383. }
  384. };
  385. </script>
  386. <template>
  387. <el-card
  388. v-loading="loading"
  389. style="width: calc(100% - 24px); height: 100%; margin: 10px;padding: 10px;"
  390. :body-style="{ padding: 0 }"
  391. >
  392. <SeeDrawer ref="seeDrawerRef"></SeeDrawer>
  393. <AddDrawer ref="addDrawerFef" @close="handleRefreshList"></AddDrawer>
  394. <EditDrawer ref="editDrawerRef" @close="handleRefreshList"></EditDrawer>
  395. <PurchaseReturnDrawer ref="PurchaseReturnDrawerRef" @close="handleRefreshList"></PurchaseReturnDrawer>
  396. <el-super-search
  397. v-model="params"
  398. :size="'mini'"
  399. :dict="dict"
  400. :columns="searchColumns"
  401. @reset="handleResetList"
  402. @submit="handleQueryList"
  403. ></el-super-search>
  404. <!-- 操作 -->
  405. <el-row :gutter="24" type="flex" justify="end" style="margin: 20px 0;">
  406. <el-col :span="24" style="text-align: right;">
  407. <el-button size="mini" type="primary" @click="handleOpenAddDrawer"
  408. v-hasPermi="['material:order:add']">新增</el-button>
  409. <el-button-group style="margin-left: 10px">
  410. <el-button type="primary" size="mini" :disabled="checkedList.length != 1" @click="handleCopy">复制</el-button>
  411. <el-button type="primary" size="mini" @click="handleBatchSubmit">批量提交</el-button>
  412. </el-button-group>
  413. <el-button-group style="margin-left: 10px" :key="checkedList.length + 1">
  414. <el-button type="primary" size="mini" @click="handleAllReturn" :disabled="judgeIsAllReturn()">整单退回</el-button>
  415. <el-button type="primary" size="mini" @click="handleAllClose" :disabled="judgeIsAllClose()">整单关闭</el-button>
  416. </el-button-group>
  417. <el-button-group style="margin:0 10px">
  418. <!-- <el-button size="mini"
  419. :disabled="!(checkedList.length == 1 && checkedList[0].deliveryStatus == '0')"
  420. :key="checkedList.length"
  421. @click="handlePurchaseReturn"
  422. >采购退货</el-button> -->
  423. <el-button type="primary" size="mini" @click="handlePaymentRequest">付款申请</el-button>
  424. </el-button-group>
  425. </el-col>
  426. </el-row>
  427. <el-super-table
  428. class="purchaseTable"
  429. v-model="tableData"
  430. ref="purchaseTable"
  431. :dict="dict"
  432. :columns="tableColumns"
  433. :selectable="setSelectable"
  434. index
  435. checkbox
  436. pagination
  437. :page="page"
  438. convenitentOperation
  439. @pagination="fetchList(params, page)"
  440. @row-dblclick="handleOpenSeeDrawer"
  441. @row-click="handleDetailsData"
  442. @selection-change="handleSelectionChange"
  443. @select="handleSelect"
  444. >
  445. <el-table-column fixed="right" label="操作" width="120">
  446. <template slot-scope="scope">
  447. <el-button
  448. v-if="judgeIsOption('revise',scope.row)"
  449. type="text"
  450. size="small"
  451. @click.stop="handleOpenEditDrawer(scope.row)"
  452. v-hasPermi="['material:order:edit']">
  453. 修订
  454. </el-button>
  455. <el-button
  456. v-if="judgeIsOption('edit',scope.row)"
  457. type="text"
  458. size="small"
  459. @click.stop="handleOpenEditDrawer(scope.row)"
  460. v-hasPermi="['material:order:edit']">
  461. 编辑
  462. </el-button>
  463. <!-- 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中-->
  464. <el-button
  465. v-if="judgeIsOption('del',scope.row)"
  466. type="text"
  467. size="small"
  468. @click.stop="handleDeleteList(scope.row)"
  469. v-hasPermi="['material:order:remove']"
  470. >删除</el-button>
  471. <el-button
  472. v-if="judgeIsOption('submit',scope.row)"
  473. type="text"
  474. size="mini"
  475. v-hasPermi="['material:order:toOa']"
  476. @click.stop="handleSubmit(scope.row)"
  477. >提交</el-button>
  478. </template>
  479. </el-table-column>
  480. </el-super-table>
  481. <div style="position: relative; padding-top: 10px;" v-loading="tabLoading">
  482. <el-row style="position: absolute; top: 30px; right: 20px;z-index: 10;">
  483. <el-button
  484. size="mini"
  485. @click="handleLineReturn"
  486. :disabled="judgeIsLineReturn()"
  487. >行退回</el-button>
  488. </el-row>
  489. <el-tabs v-model="tabName" @tab-click="handleTabClick" style="width: 100%;padding: 20px 10px">
  490. <el-tab-pane
  491. v-for="(column, index) in tabColumns"
  492. :key="index"
  493. :label="column.title"
  494. :name="column.key"
  495. >
  496. <el-super-table
  497. v-model="tabTableDatas[column.key]"
  498. :ref="column.key"
  499. max-height="200"
  500. :dict="dict"
  501. :columns="column.tableColumns"
  502. :selectable="setTabSelectable"
  503. :checkbox="setTabSelectable()"
  504. convenitentOperation
  505. @select="handleTabSelect"
  506. @selection-change="handleTabSelectionChange"
  507. >
  508. </el-super-table>
  509. </el-tab-pane>
  510. </el-tabs>
  511. </div>
  512. </el-card>
  513. </template>
  514. <style lang="scss">
  515. .purchaseTable{
  516. .el-table__body-wrapper{
  517. height: 480px;
  518. }
  519. }
  520. </style>