| | |
| | | @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad" > |
| | | <template #menu="scope"> |
| | | <el-button type="primary" text size="default" @click.stop="handleView(scope.row, scope.index)">查看</el-button> |
| | | <el-button type="primary" :disabled="scope.row.processIsFinished==='true'" v-if="permission.withdraw_button" text size="default" @click.stop="handleWithdraw(scope.row, scope.index)">撤回</el-button> |
| | | </template> |
| | | |
| | | </avue-crud> |
| | | <el-dialog title="查看详情" v-model="dialogVisible" width="60%"> |
| | | <avue-form v-model="viewRow" :option="viewFormOption" readonly class="viewRowForm"></avue-form> |
| | |
| | | selection: false, |
| | | // viewBtn: true, |
| | | menu: true, |
| | | menuWidth: 100, |
| | | menuWidth: 120, |
| | | column: [ |
| | | { |
| | | label: '关键字', |
| | |
| | | { |
| | | label: '标题', |
| | | prop: '', |
| | | width: 100, |
| | | width: 200, |
| | | render: ({ row }) => { |
| | | return h('p', |
| | | { |
| | |
| | | }, |
| | | { |
| | | label: '创建时间', |
| | | width: 200, |
| | | width: 100, |
| | | prop: 'processCreateTime', |
| | | type: 'datetime', |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | |
| | | }, |
| | | { |
| | | label: '开始时间', |
| | | width: 200, |
| | | width: 100, |
| | | prop: 'createTime', |
| | | type: 'datetime', |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | |
| | | }, |
| | | { |
| | | label: '结束时间', |
| | | width: 200, |
| | | width: 100, |
| | | prop: 'endTime', |
| | | type: 'datetime', |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | sortable:true, |
| | | search: false, |
| | | searchRange: true, |
| | | searchSpan: 8, |
| | |
| | | }, |
| | | { |
| | | label: '任务名称', |
| | | width: 200, |
| | | width: 100, |
| | | prop: 'taskName', |
| | | }, |
| | | { |
| | |
| | | this.tableData = res.data.data; |
| | | }); |
| | | this.dialogVisible = true; |
| | | }, |
| | | handleWithdraw(row) { |
| | | //console.log(row,row.processInstanceId) |
| | | this.$confirm('确认要撤回吗?', '', { |
| | | confirmButtonText: this.$t('submitText'), |
| | | cancelButtonText: this.$t('cancelText'), |
| | | type: 'warning', |
| | | }).then(() => { |
| | | axios({ |
| | | url: '/blade-mdm/flow/mgr/withdraw', |
| | | method: 'get', |
| | | params: {processInstanceId: row.processInstanceId} |
| | | }).then(res => { |
| | | if(res.data.code !== 200) { |
| | | this.$message.error(res.data.msg); |
| | | return; |
| | | } |
| | | this.$message.success('操作成功'); |
| | | }).catch(err => { |
| | | console.error(err); |
| | | done() |
| | | }); |
| | | |
| | | }).catch(() => { |
| | | console.log('>>>>>>') |
| | | // this.$message.info('已取消操作'); |
| | | done(); |
| | | }); |
| | | }, |
| | | currentChange(currentPage) { |
| | | this.page.currentPage = currentPage; |
| | |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | at1(){ |
| | | console.log('computed') |
| | | } |
| | | |
| | | }, |
| | | computed: { |
| | | |
| | | ...mapGetters(['userInfo', 'permission']), |
| | | } |
| | | } |
| | | </script> |