调整界面

yangys

2025-08-20 4b04e45c82740e8aad72b8ac664884b3d17b090e

 src/views/flow/donelist.vue

@@ -9,7 +9,20 @@
        <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>
            </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,21 +31,169 @@
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,
                menu: true,
                menuWidth: 100,
                column: [
                    {
@@ -68,8 +229,16 @@
                    },
                    {
                        label: '流程名称',
                        prop: 'processDefinitionName',
                        prop: '',
                        width: 100,
                  render: ({ row }) => {
                            return h('p',
                                {
                                    attrs: {},
                                    class: {},
                                    style: {},
                                }, row?.variables?.myProcessName)
                        }
                    },/*
                    {
                        label: '流程类型',
@@ -148,6 +317,19 @@
        }
    },
    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;
        },
        currentChange(currentPage) {
            this.page.currentPage = currentPage;
        },
@@ -208,3 +390,11 @@
    }
}
</script>
<style lang="scss">
.margin0 {
    margin: 0
}
.viewRowForm .el-form-item--default {
    margin-bottom: 0
}
</style>