| | |
| | | bordered |
| | | size="middle" |
| | | rowKey="id" |
| | | :scroll="{x:'max-content',y:465}" |
| | | :scroll="{x:getTableColumnsTotalWidth,y:465}" |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | :pagination="ipagination" |
| | |
| | | @change="handleTableChange"> |
| | | |
| | | <span slot="action" slot-scope="text, record"> |
| | | <a @click="handelDetial(record,text)">查看详情</a> |
| | | <a @click="handelDetail(record,text)">查看详情</a> |
| | | </span> |
| | | |
| | | </a-table> |
| | |
| | | title: '流程业务简要描述', |
| | | align: 'center', |
| | | dataIndex: 'title', |
| | | width: 500 |
| | | width: 350, |
| | | ellipsis: true |
| | | |
| | | }, |
| | | { |
| | | title: '上一步处理人', |
| | |
| | | computed: { |
| | | importExcelUrl: function() { |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}` |
| | | }, |
| | | getTableColumnsTotalWidth() { |
| | | return this.columns.reduce((total, item) => total + item.width, 0) |
| | | } |
| | | }, |
| | | methods: { |
| | | handelDetial(item, index) { |
| | | handelDetail(item, index) { |
| | | console.log('点击了详情') |
| | | console.log('item----->', item) |
| | | console.log('index----->', index) |
| | | let approcesstype = this.splitAprocessType(item.category) |
| | | console.log('approcesstype--->', approcesstype) |
| | | switch (approcesstype) { |
| | | let processType = this.splitAprocessType(item.category) |
| | | console.log('processType--->', processType) |
| | | switch (processType) { |
| | | case 'drApproval': |
| | | this.handDrDetial(item) |
| | | this.handDrDetail(item) |
| | | break |
| | | case 'ggApproval': |
| | | this.handDispatchFileDetial(item) |
| | | this.handDispatchFileDetail(item) |
| | | break |
| | | case 'sbdjApproval': |
| | | this.handInspectionOrder(item) |
| | |
| | | let result = parts[0] |
| | | return result |
| | | }, |
| | | handDrDetial(item) { |
| | | this.selectShenpiData = item |
| | | this.$refs.modalFormApproval.clearTableSource() |
| | | this.$refs.modalFormApproval.getAllApproveData(item) |
| | | handDrDetail(record) { |
| | | this.selectShenpiData = Object.assign({}, record) |
| | | this.$refs.modalFormApproval.visible = true |
| | | this.$refs.modalFormApproval.getAllApproveData(record) |
| | | }, |
| | | searchReset() { |
| | | this.queryParam = {} |
| | | this.loadData(1) |
| | | }, |
| | | handDispatchFileDetial(item) { |
| | | handDispatchFileDetail(item) { |
| | | console.log('item----->', item) |
| | | this.selectDispatchFileXqData = item |
| | | this.$refs.modalFormDispatchFileXq.clearTableSource() |
| | | this.$refs.modalFormDispatchFileXq.getAllApproveData(item) |
| | | }, |
| | | handInspectionOrder(item) { |
| | | console.log('item----->', item) |
| | | if (item.taskDefKey === 'Confirmed_completed') { |
| | | this.selectInspectionOrderDataBzz = item |
| | | this.$refs.modalFormInspectionOrderBzz.clearTableSource() |
| | | this.$refs.modalFormInspectionOrderBzz.getAllApproveData(item) |
| | | handInspectionOrder(record) { |
| | | console.log('record----->', record) |
| | | const tableRecord = Object.assign({}, record) |
| | | if (record.taskDefKey === 'Confirmed_completed') { |
| | | this.selectInspectionOrderDataBzz = tableRecord |
| | | this.$refs.modalFormInspectionOrderBzz.getAllApproveData(record) |
| | | } else { |
| | | this.selectInspectionOrderData = item |
| | | this.$refs.modalFormInspectionOrder.clearTableSource() |
| | | this.$refs.modalFormInspectionOrder.getAllApproveData(item) |
| | | this.selectInspectionOrderData = tableRecord |
| | | this.$refs.modalFormInspectionOrder.visible = true |
| | | this.$refs.modalFormInspectionOrder.getAllApproveData(record) |
| | | this.$refs.modalFormInspectionOrder.getBasicInformation(record) |
| | | } |
| | | }, |
| | | batchHandle() { |