yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

✨ feat(mes): 更新工艺路线和工序管理界面，增强用户体验 

调整表单和列表中的标签，增加字段描述，优化布局，提升可读性和操作性。
pull/871/MERGE
YunaiV 2026-04-04 16:24:05 +08:00
parent 609cbb654c
commit 375d5a2236
4 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/mes/pro/route/RouteForm.vue
View File

@ -134,12 +134,14 @@ const formData = ref<ProRouteVO>({
const formRules = reactive({
code: [{ required: true, message: '编码不能为空', trigger: 'blur' }],
name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
// TODO @AI：生成时，默认是禁用的；后端默认禁用状态；save 不要接收状态；
status: [{ required: true, message: '状态不能为空', trigger: 'change' }]
})
const formRef = ref() // 表单 Ref
/** 生成编码 */
const generateCode = () => {
// TODO @AI：编码规则；mysql 也需要插入下；
formData.value.code = 'ROUTE' + generateRandomStr(8)
}

14
src/views/mes/pro/route/RouteProcessList.vue
View File

@ -35,7 +35,7 @@
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.keyFlag" />
</template>
</el-table-column>
<el-table-column label="质检工序" align="center" prop="checkFlag" width="80">
<el-table-column label="质检确认" align="center" prop="checkFlag" width="120">
<template #default="scope">
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.checkFlag" />
</template>
@ -50,7 +50,7 @@
{{ scope.row.waitTime ? scope.row.waitTime + '分钟' : '' }}
</template>
</el-table-column>
<el-table-column label="颜色" align="center" prop="colorCode" width="100">
<el-table-column label="甘特图颜色" align="center" prop="colorCode" width="100">
<template #default="scope">
<div
v-if="scope.row.colorCode"
@ -78,7 +78,7 @@
<!-- 表单弹窗：添加/修改 -->
<Dialog :title="formTitle" v-model="formVisible" width="960px">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="130px">
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="序号" prop="sort">
@ -112,7 +112,8 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="颜色" prop="colorCode">
<el-form-item label="甘特图颜色" prop="colorCode">
<!-- TODO @AI：unocss 哈 -->
<div style="display: flex; align-items: center; gap: 8px">
<el-color-picker v-model="formData.colorCode" />
<span v-if="formData.colorCode">{{ formData.colorCode }}</span>
@ -122,12 +123,12 @@
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="关键工序" prop="keyFlag">
<el-form-item label="是否关键工序" prop="keyFlag">
<el-switch v-model="formData.keyFlag" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="质检工序" prop="checkFlag">
<el-form-item label="是否需要质检确认" prop="checkFlag">
<el-switch v-model="formData.checkFlag" />
</el-form-item>
</el-col>
@ -200,6 +201,7 @@ const formRules = reactive({
sort: [{ required: true, message: '序号不能为空', trigger: 'blur' }],
processId: [{ required: true, message: '工序不能为空', trigger: 'change' }],
linkType: [{ required: true, message: '工序关系不能为空', trigger: 'change' }]
// TODO @AI：keyFlag、checkFlag 必填；
})
const formRef = ref() // 表单 Ref

1
src/views/mes/pro/route/RouteProductList.vue
View File

@ -13,6 +13,7 @@
<el-table-column label="产品物料名称" align="center" prop="itemName" width="150" />
<el-table-column label="规格型号" align="center" prop="specification" width="150" />
<el-table-column label="单位" align="center" prop="unitName" width="80" />
<!-- TODO @AI：对齐的话，生产数量、生产用时、生产单位，是不是不需要这些字段？？？ -->
<el-table-column label="生产数量" align="center" prop="quantity" width="100" />
<el-table-column label="生产用时" align="center" width="120">
<template #default="scope">

2
src/views/mes/pro/route/index.vue
View File

@ -73,6 +73,7 @@
</el-table-column>
<el-table-column label="路线名称" align="center" prop="name" min-width="200" />
<el-table-column label="路线说明" align="center" prop="description" min-width="200" />
<!-- TODO @AI：改成 el-switch 形式 -->
<el-table-column label="状态" align="center" prop="status" min-width="100">
<template #default="scope">
<dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
@ -89,6 +90,7 @@
<el-table-column label="操作" align="center" width="220" fixed="right">
<template #default="scope">
<!-- 停用状态：编辑、启用、删除 -->
<!-- TODO @AI：禁用不可编辑、删除时，有个 tooltip disable 这样，不要直接隐藏； -->
<el-button
link
type="primary"