index.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856
  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), 'oa_templete_id'],
  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. Retrieve: () => import("@/components/Retrieve/index.vue"),
  27. ZpButton: () => import("./zhuan-pai/index.vue"),
  28. },
  29. data() {
  30. const initTabColumns = () => TabColumns;
  31. return {
  32. loading: false,
  33. tabLoading:false,
  34. page: { pageNum: 1, pageSize: 10, total: 0 },
  35. searchColumns: SearchColumns,
  36. params: initParams(SearchColumns),
  37. tableColumns: TableColumns,
  38. tableData: [],
  39. tabColumns: initTabColumns(),
  40. tabName: "puOrderItemList",
  41. tabTableDatas: {
  42. puOrderItemList: [],
  43. puOrderExecuteList: [],
  44. },
  45. checkedList: [],
  46. // 子表Select
  47. checkedTabList: [],
  48. // 主表点击信息
  49. primaryResource:{},
  50. timer:300,
  51. timeOut:null,
  52. size:'mini',
  53. };
  54. },
  55. computed: {
  56. $dicts: {
  57. get: function () {
  58. return this.dict.type;
  59. },
  60. },
  61. tabHeight:{
  62. get(){
  63. return `${this.tabTableDatas['puOrderItemList'].length ?
  64. (this.tabTableDatas['puOrderItemList'].length > 8 ? 500 :
  65. (this.tabTableDatas['puOrderItemList'].length *50) +170)
  66. : 120}px`
  67. },
  68. set(){}
  69. }
  70. },
  71. created() {
  72. if(this.$route.query.billCode) this.params.orderCode = this.$route.query.billCode
  73. this.fetchList(this.params, this.page);
  74. // this.handleRefreshList();
  75. },
  76. methods: {
  77. async fetchList(data, params) {
  78. try {
  79. this.loading = true;
  80. params['isAsc'] = 'desc';
  81. params['orderByColumn'] = 'updateTime';
  82. const { code, msg, rows, total } = await orderApi.list(data, params);
  83. if (code === 200) {
  84. this.page.total = total;
  85. this.tableData = rows;
  86. }
  87. } catch (err) {
  88. //
  89. } finally {
  90. this.loading = false;
  91. for (const key in this.tabTableDatas) {
  92. this.tabTableDatas[key] = [];
  93. }
  94. }
  95. },
  96. async handleDownload(){
  97. console.log(this.params,'条件');
  98. this.download('/pu/order/export', {...this.params}, `采购订单维护${new Date().getTime()}.xlsx`);
  99. // try {
  100. // this.loading = true;
  101. // orderApi.orderExport({...this.params}).then(res=>{
  102. // const isBlob = blobValidate(res);
  103. // if (isBlob) {
  104. // const blob = new Blob([res]);
  105. // saveAs(blob, `采购订单维护${new Date().getTime()}.xlsx`);
  106. // }
  107. // })
  108. // } catch (error) {
  109. // }finally{
  110. // this.loading = false;
  111. // }
  112. },
  113. async jumpFlow(row){
  114. const {name} = this.$store.state.user;
  115. try {
  116. let {code,msg,oaUrl} = await orderApi.toOA(name,row.flowId);
  117. if(code == 200){
  118. window.open(oaUrl)
  119. }
  120. } catch (error) {
  121. }finally{
  122. }
  123. },
  124. setSelectable(){
  125. return true
  126. },
  127. setTabSelectable(){
  128. if(this.tabName === 'puOrderItemList'){
  129. return true
  130. }
  131. return false
  132. },
  133. // 刷新操作
  134. handleRefreshList() {
  135. this.page.pageNum = 1;
  136. this.page.pageSize = 10;
  137. this.$refs.purchaseTable.$refs.superTable.clearSelection();
  138. for (const key in this.tabTableDatas) {
  139. this.tabTableDatas[key] = []
  140. }
  141. this.$refs.puOrderItemList[0].$refs.superTable.clearSelection();
  142. // this.checkedList = [];
  143. // this.checkedTabList = [];
  144. this.primaryResource = {};
  145. this.fetchList(this.params, this.page);
  146. },
  147. // 查询操作
  148. handleQueryList() {
  149. let {date} = this.params;
  150. this.params.startDate = date ? date[0] :'';
  151. this.params.endDate = date ? date[1] : '';
  152. this.fetchList(this.params, this.page);
  153. },
  154. // 重置操作
  155. handleResetList() {
  156. this.page.pageNum = 1;
  157. this.page.pageSize = 10;
  158. this.params = initParams(SearchColumns);
  159. this.fetchList(this.params, this.page);
  160. },
  161. handleTabClick() { },
  162. // 新增
  163. handleOpenAddDrawer(copyVal) {
  164. const { setVisible, setCopyParams } = this.$refs.addDrawerFef;
  165. setVisible(true,(copyVal.id && copyVal.id != '') ? true :false);
  166. copyVal.id && copyVal.id != '' && setCopyParams(copyVal.id);
  167. },
  168. // 复制
  169. handleCopy() {
  170. this.handleOpenAddDrawer(this.checkedList[0]);
  171. },
  172. // 查看
  173. async handleOpenSeeDrawer(row) {
  174. window.clearInterval(this.timeOut);
  175. const { id } = row;
  176. const { setVisible, fetchItem } = this.$refs.seeDrawerRef;
  177. await setVisible(true);
  178. await fetchItem(id);
  179. },
  180. // 编辑、修订
  181. async handleOpenEditDrawer(row) {
  182. const { id } = row;
  183. const { setVisible, fetchItem } = this.$refs.editDrawerRef;
  184. await setVisible(true);
  185. await fetchItem(id);
  186. },
  187. // 获取子表信息
  188. handleDetailsData(row) {
  189. window.clearTimeout(this.timeOut);
  190. this.timeOut = setTimeout(async () =>{
  191. try {
  192. this.tabLoading = true;
  193. this.primaryResource = row;
  194. this.checkedTabList = [];
  195. const { code, msg, data } = await orderApi.details(row.id);
  196. if (code === 200) {
  197. // 物料信息:puOrderItemList 执行结果:puOrderExecuteList
  198. for (const key in this.tabTableDatas) {
  199. this.tabTableDatas[key] = data[key];
  200. }
  201. }
  202. } catch (err) {}
  203. finally{
  204. this.tabLoading = false;
  205. }
  206. },this.timer)
  207. },
  208. // 操作提示弹窗
  209. handleConfirmTips(success){
  210. this.$confirm('是否继续此操作?', '提示', {
  211. confirmButtonText: '确定',
  212. cancelButtonText: '取消',
  213. type: 'warning'
  214. }).then(() => {
  215. success();
  216. }).catch(() => {
  217. });
  218. },
  219. // 删除操作
  220. handleDeleteList(row) {
  221. try {
  222. this.loading = true;
  223. this.handleConfirmTips(async()=>{
  224. const { id } = row;
  225. const { code } = await orderApi.remove(id);
  226. if (code === 200) {
  227. this.handleRefreshList();
  228. }
  229. })
  230. } catch (err) {
  231. //
  232. } finally {
  233. this.loading = false;
  234. }
  235. },
  236. // 批量提交
  237. handleBatchSubmit(){
  238. let inconformity = this.checkedList.filter(row => !((row.status == '0' || row.status == '3' || row.status == '9') && row.isEnd === 'N'));
  239. if(!inconformity.length && this.checkedList.length){
  240. let puOrderIds = this.checkedList.map( item => Number(item.id));
  241. this.fetchSubmit(puOrderIds);
  242. }else{
  243. this.$notify({
  244. title: '警告',
  245. message: '当前选中存在不满足提交条件的数据!',
  246. type: 'warning'
  247. });
  248. }
  249. },
  250. // 提交
  251. handleSubmit(row) {
  252. let puOrderIds = [Number(row.id)];
  253. this.fetchSubmit(puOrderIds);
  254. },
  255. fetchSubmit(puOrderIds){
  256. let _this = this;
  257. this.handleConfirmTips(async()=>{
  258. try {
  259. _this.loading = true;
  260. let { code,msg } = await orderApi.submit({ puOrderIds,checkAmount:true});
  261. if (code == 200) {
  262. _this.handleRefreshList();
  263. }else if(code == 10000){
  264. _this.$alert(msg, '提示', {
  265. showCancelButton: true,
  266. confirmButtonText: '继续提交',
  267. cancelButtonText: '取消',
  268. beforeClose: async(action, instance, done) => {
  269. if (action === 'confirm') {
  270. instance.confirmButtonLoading = true;
  271. instance.confirmButtonText = '执行中...';
  272. try {
  273. let { code,msg } = await orderApi.submit({ puOrderIds,checkAmount:false});
  274. if(code == 200){
  275. done();
  276. _this.handleRefreshList();
  277. }
  278. } catch (error) {
  279. instance.confirmButtonText = "确认";
  280. }finally{
  281. instance.confirmButtonLoading = false;
  282. }
  283. } else {
  284. done();
  285. }
  286. }
  287. });
  288. }
  289. } catch (error) {}
  290. finally{
  291. this.loading = false;
  292. }
  293. })
  294. },
  295. //流程收回
  296. async handleBack(row){
  297. console.log('xxxx',this.dict.type)
  298. try {
  299. const { msg, code } = await orderApi.oaBack({
  300. fdTemplateId: this.dict.type.oa_templete_id.find(item => {
  301. return item.label == "采购订单"
  302. }).value,
  303. fdId: row.flowId,
  304. billCode: row.code,
  305. billMaker: row.createBy
  306. });
  307. if (code === 200) {
  308. this.$emit("success");
  309. this.$notify.success(msg);
  310. }
  311. } catch (err) {
  312. console.error(err);
  313. } finally {
  314. this.fetchList(this.params, this.page);
  315. }
  316. },
  317. // 判断“整单退回”按钮
  318. judgeIsAllReturn() {
  319. if (this.checkedList.length == 1) {
  320. // 非手工、状态:自由/驳回
  321. if (this.judgeIsOption('return',this.checkedList[0])) {
  322. // if (this.checkedList[0].source != 3 &&
  323. // (this.checkedList[0].status == 0 || this.checkedList[0].status == 3)
  324. // ) {
  325. return false
  326. }
  327. }
  328. return true;
  329. },
  330. // 整单退回
  331. handleAllReturn() {
  332. this.handleReturn(this.checkedList[0].id,[]);
  333. },
  334. // 判断“行退回”按钮
  335. judgeIsLineReturn() {
  336. if (this.checkedTabList.length == 1) {
  337. // 主信息:非手工、状态:自由/驳回
  338. if(this.judgeIsOption('return',this.primaryResource)){
  339. // if(this.primaryResource.source != 3 &&
  340. // (this.primaryResource.status == 0 || this.primaryResource.status == 3) ){
  341. return false
  342. }
  343. }
  344. return true;
  345. },
  346. // 行退回
  347. handleLineReturn(){
  348. let ids = this.checkedTabList.map(checked => checked.id);
  349. console.log(ids,'行退回ids');
  350. this.handleReturn(this.primaryResource.id,ids);
  351. },
  352. // 退回接口
  353. handleReturn(id,documentIds){
  354. this.$prompt('请输入退回原因', '提示', {
  355. confirmButtonText: '确定',
  356. cancelButtonText: '取消',
  357. inputPattern: /\s*\S+?/,
  358. inputErrorMessage: '退回原因不能为空'
  359. }).then(async ({ value }) => {
  360. let data = {
  361. id:Number(id),
  362. documentIds:documentIds.map(ids =>Number(ids)),
  363. baskCause: value,
  364. };
  365. console.log(data);
  366. try {
  367. let { code, msg } = await orderApi.documentsReturn(data);
  368. if (code === 200) {
  369. this.handleRefreshList();
  370. }
  371. } catch (error) {
  372. console.log(error,'error------------');
  373. }
  374. }).catch(() => { });
  375. },
  376. // 判断是否满足整单关闭
  377. judgeIsAllClose() {
  378. if (this.checkedList.length == 1) {
  379. // if (this.checkedList[0].status == 0) {
  380. if (this.judgeIsOption('allClose',this.checkedList[0])) {
  381. // 未审批状态下整单关闭
  382. return false
  383. }
  384. }
  385. return true;
  386. },
  387. // 整单关闭
  388. handleAllClose() {
  389. // 未审批状态下整单关闭
  390. try {
  391. this.handleConfirmTips(async() =>{
  392. let puOrderIds = this.checkedList.map(order => Number(order.id));
  393. let { code } = await orderApi.close({ puOrderIds });
  394. if (code === 200) {
  395. this.handleRefreshList();
  396. }
  397. })
  398. } catch (error) { }
  399. },
  400. // 付款协议
  401. async handlePaymentRequest(){
  402. // name:工号
  403. try {
  404. let {code,msg} = await orderApi.payRequest();
  405. if(code == 200){
  406. msg.replace(/\/n/g,'');
  407. let url = `uclient://start/http://172.16.100.2:8081?ssoKey=${msg}&uiloader=nc.uap.lfw.applet.PortalUILoader&nodeId=40040407`
  408. window.location.href = url;
  409. }
  410. } catch (error) {}
  411. },
  412. // 退货
  413. async handlePurchaseReturn(){
  414. const { id } = this.checkedList[0];
  415. const { setVisible, fetchStorage } = this.$refs.PurchaseReturnDrawerRef;
  416. await setVisible(true);
  417. await fetchStorage(id);
  418. },
  419. // 主表Select框
  420. handleSelect(selection, row) {
  421. this.checkedList = selection;
  422. console.log(this.checkedList, 'this.checkedList');
  423. },
  424. handleSelectionChange(selection){
  425. this.checkedList = selection;
  426. },
  427. // 子表Select框
  428. handleTabSelect(selection, row){
  429. this.checkedTabList = selection;
  430. console.log(this.checkedTabList, 'this.checkedTabList');
  431. },
  432. handleTabSelectionChange(selection){
  433. this.checkedTabList = selection;
  434. },
  435. // 保留两位小数,补位
  436. keepTwoDecimalStr(num) {
  437. if(num){
  438. const result = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/));
  439. let s = result.toString();
  440. let rs = s.indexOf('.');
  441. if (rs < 0) {
  442. rs = s.length;
  443. s += '.';
  444. }
  445. while (s.length <= rs + 2) {
  446. s += '0';
  447. }
  448. return s;
  449. }else{
  450. return '';
  451. }
  452. },
  453. judgeIsOption(type,source){
  454. // status: 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中 9=已回退
  455. // source: 1=自动协议直采,2=协议直采,3=手工
  456. // isEnd:整单关闭标识
  457. switch(type){
  458. case 'edit':
  459. return (source.status == '0' || source.status == '3' || source.status == '9') && source.isEnd === 'N';
  460. case 'revise':
  461. return source.status == '2' && source.isEnd === 'N';
  462. case 'del':
  463. return (source.status == '0' || source.status == '3' || source.status == '9') && source.source == '3' && source.isEnd === 'N';
  464. case 'submit':
  465. return (source.status == '0' || source.status == '3' || source.status == '9') && source.isEnd === 'N';
  466. case 'allClose':
  467. return source.status == 0 && source.isEnd === 'N';
  468. case 'return':
  469. return source.source != 3 && source.isEnd === 'N' &&
  470. (source.status == 0 || source.status == 3 || source.status == '9');
  471. default:
  472. return false;
  473. }
  474. },
  475. handelRetrieve(row){
  476. let { status, flowId, code,createBy } = row;
  477. return {
  478. status,
  479. fdId:flowId,
  480. fdTemplateId: this.dict.type.oa_templete_id.find(item => {
  481. return item.label == "采购订单"
  482. }).value,
  483. billCode:code,
  484. billMaker:createBy,
  485. }
  486. },
  487. }
  488. };
  489. </script>
  490. <template>
  491. <el-card
  492. v-loading="loading"
  493. style="width: calc(100% - 24px); height: 100%; margin: 10px;padding: 10px;"
  494. :body-style="{ padding: 0 }"
  495. >
  496. <SeeDrawer ref="seeDrawerRef"></SeeDrawer>
  497. <AddDrawer ref="addDrawerFef" @close="handleRefreshList"></AddDrawer>
  498. <EditDrawer ref="editDrawerRef" @close="handleRefreshList"></EditDrawer>
  499. <PurchaseReturnDrawer ref="PurchaseReturnDrawerRef" @close="handleRefreshList"></PurchaseReturnDrawer>
  500. <el-super-search
  501. v-model="params"
  502. :size="'mini'"
  503. :dict="dict"
  504. :columns="searchColumns"
  505. @reset="handleResetList"
  506. @submit="handleQueryList"
  507. ></el-super-search>
  508. <!-- 操作 -->
  509. <el-row :gutter="24" type="flex" justify="end" style="margin: 20px 0;">
  510. <el-col :span="24" style="text-align: right;">
  511. <el-button :size="size" type="primary" @click="handleOpenAddDrawer"
  512. v-hasPermi="['material:order:add']">新增</el-button>
  513. <el-button-group style="margin-left: 10px">
  514. <el-button type="primary" :size="size" :disabled="checkedList.length != 1" @click="handleCopy">复制</el-button>
  515. <el-button type="primary" :size="size" @click="handleBatchSubmit">批量提交</el-button>
  516. </el-button-group>
  517. <el-button-group style="margin-left: 10px" :key="checkedList.length + 1">
  518. <el-button type="primary" :size="size" @click="handleAllReturn" :disabled="judgeIsAllReturn()">整单退回</el-button>
  519. <!-- <el-button type="primary" :size="size" @click="handleAllClose" :disabled="judgeIsAllClose()">整单关闭</el-button> -->
  520. </el-button-group>
  521. <el-button-group style="margin:0 10px">
  522. <!-- <el-button size="mini"
  523. :disabled="!(checkedList.length == 1 && checkedList[0].deliveryStatus == '0')"
  524. :key="checkedList.length"
  525. @click="handlePurchaseReturn"
  526. >采购退货</el-button> -->
  527. <el-button type="primary" size="mini" @click="handlePaymentRequest">付款申请</el-button>
  528. <el-button
  529. type="primary"
  530. size="mini"
  531. @click="handleDownload"
  532. >批量导出</el-button>
  533. </el-button-group>
  534. <el-button-group>
  535. <zp-button
  536. :size="size"
  537. :select-data="checkedList"
  538. @success="handleQueryList"
  539. >
  540. </zp-button>
  541. </el-button-group>
  542. </el-col>
  543. </el-row>
  544. <div style="display: flex;height:420px;">
  545. <el-super-table
  546. class="purchaseTable"
  547. v-model="tableData"
  548. ref="purchaseTable"
  549. :dict="dict"
  550. :columns="tableColumns"
  551. :selectable="setSelectable"
  552. index
  553. checkbox
  554. pagination
  555. showSummary
  556. :page="page"
  557. convenitentOperation
  558. @pagination="fetchList(params, page)"
  559. @row-dblclick="handleOpenSeeDrawer"
  560. @row-click="handleDetailsData"
  561. @selection-change="handleSelectionChange"
  562. @select="handleSelect"
  563. >
  564. <el-table-column fixed="right" label="操作" width="120">
  565. <template slot-scope="scope">
  566. <el-button
  567. v-if="judgeIsOption('revise',scope.row)"
  568. type="text"
  569. size="small"
  570. @click.stop="handleOpenEditDrawer(scope.row)"
  571. v-hasPermi="['material:order:edit']">
  572. 修订
  573. </el-button>
  574. <el-button
  575. v-if="judgeIsOption('edit',scope.row)"
  576. type="text"
  577. size="small"
  578. @click.stop="handleOpenEditDrawer(scope.row)"
  579. v-hasPermi="['material:order:edit']">
  580. 编辑
  581. </el-button>
  582. <!-- 0=自由态,1=审批中,2=已审核,3=已驳回 4=提交中-->
  583. <el-button
  584. v-if="judgeIsOption('del',scope.row)"
  585. type="text"
  586. size="small"
  587. @click.stop="handleDeleteList(scope.row)"
  588. v-hasPermi="['material:order:remove']"
  589. >删除</el-button>
  590. <el-button
  591. v-if="judgeIsOption('submit',scope.row)"
  592. type="text"
  593. size="mini"
  594. v-hasPermi="['material:order:toOa']"
  595. @click.stop="handleSubmit(scope.row)"
  596. >提交</el-button>
  597. <el-button
  598. v-if="scope.row.status == '1'"
  599. type="text"
  600. size="mini"
  601. @click.stop="handleBack(scope.row)"
  602. >收回</el-button>
  603. <el-button
  604. v-if="scope.row.flowId && scope.row.flowId !== '' && scope.row.status !== '9'"
  605. type="text"
  606. size="mini"
  607. @click.stop="jumpFlow(scope.row)"
  608. >流程跳转</el-button>
  609. <!-- <Retrieve :data="handelRetrieve(scope.row)" @success="handleQueryList"></Retrieve> -->
  610. </template>
  611. </el-table-column>
  612. </el-super-table>
  613. </div>
  614. <div style="position: relative; padding-top: 10px;" v-loading="tabLoading">
  615. <el-row style="position: absolute; top: 30px; right: 20px;z-index: 10;">
  616. <el-button
  617. size="mini"
  618. @click="handleLineReturn"
  619. :disabled="judgeIsLineReturn()"
  620. >行退回</el-button>
  621. </el-row>
  622. <el-tabs
  623. v-model="tabName"
  624. @tab-click="handleTabClick"
  625. style="width: 100%;padding: 20px 10px;">
  626. <el-tab-pane
  627. v-for="(column, index) in tabColumns"
  628. :key="index"
  629. :label="column.title"
  630. :name="column.key"
  631. >
  632. <div
  633. :style="{
  634. height:tabHeight,
  635. display:'flex'
  636. }"
  637. >
  638. <el-super-table
  639. v-model="tabTableDatas[column.key]"
  640. :ref="column.key"
  641. :dict="dict"
  642. :columns="column.tableColumns"
  643. :selectable="setTabSelectable"
  644. :checkbox="setTabSelectable()"
  645. convenitentOperation
  646. showSummary
  647. @select="handleTabSelect"
  648. @selection-change="handleTabSelectionChange"
  649. >
  650. </el-super-table>
  651. </div>
  652. </el-tab-pane>
  653. </el-tabs>
  654. </div>
  655. </el-card>
  656. </template>
  657. <style lang="scss">
  658. </style>