mdmweb.git - Gitblit

			@@ -9,7 +9,22 @@
			<avue-crud :option="option" :table-loading="loading" :data="data" v-model:page="page" v-model="form" ref="crud"
			@search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
			@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>
			<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="assigneeName" label="执行人" />
			<el-table-column prop="taskName" label="任务名称" />
			<el-table-column prop="comment" label="批注" />
			<el-table-column prop="createTime" label="开始时间" />
			<el-table-column prop="endTime" label="完成时间" />
			</el-table>
			</el-dialog>
			</basic-container>
			</template>
			<script>
			@@ -18,22 +33,170 @@
			export default {
			data() {
			return {
			tableData: [],
			viewFormOption: {
			emptyBtn: false,
			submitBtn: false,
			menuBtn: false,

			labelWidth: 100,
			span: 8,
			column: [
			{
			label: '流程类型',
			prop: 'processDefinitionKey',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.processDefinitionKey)
			},
			},
			{
			label: '创建时间',
			prop: 'createTime',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.createTime)
			},
			},
			{
			label: '标题',
			prop: 'variables.title',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.title)
			}
			},
			{
			label: '流程名称',
			prop: 'processDefinitionName',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.processDefinitionName)
			}
			},
			{
			label: '工艺版次',
			prop: 'variables.craftEdition',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.craftEdition \|\| '');
			}
			},
			{
			label: '工序号',
			prop: 'processNo',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.processNo \|\| '');
			}
			},
			{
			label: '工序名称',
			prop: 'processName',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.processName \|\| '');
			}
			},
			{
			label: '工序版次',
			prop: 'processEdition',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.processEdition \|\| '');
			}
			},
			{
			label: '零组件号',
			prop: 'drawingNo',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.drawingNo \|\| '');
			}
			},
			{
			label: '任务车间',
			prop: 'workshop',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.workshop \|\| '');
			}
			},
			{
			label: '过程卡号',
			prop: 'empty',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.empty \|\| '');
			}
			},
			{
			label: '图号',
			prop: 'drawingNo',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.drawingNo)
			}
			},
			{
			label: '产品型号',
			prop: 'productModel',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.productModel)
			}
			},
			{
			label: '机床',
			prop: 'machineCode',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.machineCode)
			}
			},
			{
			label: '创建人',
			prop: 'startUserName',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.startUserName)
			}
			},
			{
			label: '创建时间',
			prop: 'processCreateTime',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.processCreateTime)
			}
			},
			{
			label: '当前节点',
			prop: 'taskName',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.taskName)
			}
			},
			{
			label: '计划加工时间',
			prop: 'planStartTime',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.planStartTime \|\| '');
			}
			},
			{
			label: '程序包名',
			prop: 'programPackageName',
			render: ({ row }) => {
			return h('p',{'class': 'margin0'}, row?.variables?.programPackageName \|\| '');
			}
			},
			],
			},
			viewRow: {},
			dialogVisible: false,
			loading: false,
			option: {
			rowKey: "taskId",
			addBtn: false,
			editBtn: false,
			delBtn: false,
			columnBtn: false,
			tip: false,
			searchShow: true,
			searchEnter:true,
			searchMenuSpan: 6,
			dialogWidth: '60%',
			border: true,
			index: true,
			selection: false,
			// viewBtn: true,
			menu: false,
			menuWidth: 100,
			menu: true,
			menuWidth: 120,
			column: [
			{
			label: '关键字',
			@@ -56,7 +219,7 @@
			{
			label: '标题',
			prop: '',
			width: 100,
			width: 200,
			render: ({ row }) => {
			return h('p',
			{
			@@ -68,8 +231,16 @@
			},
			{
			label: '流程名称',
			prop: 'processDefinitionName',
			prop: '',
			width: 100,
			render: ({ row }) => {
			return h('p',
			{
			attrs: {},
			class: {},
			style: {},
			}, row?.variables?.myProcessName)
			}
			},/*
			{
			label: '流程类型',
			@@ -92,7 +263,7 @@
			},
			{
			label: '创建时间',
			width: 200,
			width: 100,
			prop: 'processCreateTime',
			type: 'datetime',
			format: 'YYYY-MM-DD HH:mm:ss',
			@@ -104,7 +275,7 @@
			},
			{
			label: '开始时间',
			width: 200,
			width: 100,
			prop: 'createTime',
			type: 'datetime',
			format: 'YYYY-MM-DD HH:mm:ss',
			@@ -116,7 +287,7 @@
			},
			{
			label: '结束时间',
			width: 200,
			width: 100,
			prop: 'endTime',
			type: 'datetime',
			format: 'YYYY-MM-DD HH:mm:ss',
			@@ -128,7 +299,7 @@
			},
			{
			label: '任务名称',
			width: 200,
			width: 100,
			prop: 'taskName',
			},
			{
			@@ -148,6 +319,47 @@
			}
			},
			methods: {
			handleView(row) {
			console.log(row,1111)
			this.viewRow = {...row};
			axios({
			url: '/blade-mdm/flow/mgr/process-trace',
			method: 'get',
			params: {processInstanceId: row.processInstanceId}
			}).then(
			res => {
			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;
			},
			@@ -204,7 +416,22 @@
			this.loading = false;
			});
			},
			at1(){
			console.log('computed')
			}

			},
			computed: {

			...mapGetters(['userInfo', 'permission']),
			}
			}
			</script>
			<style lang="scss">
			.margin0 {
			margin: 0
			}
			.viewRowForm .el-form-item--default {
			margin-bottom: 0
			}
			</style>