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

调整表单和列表中的标签，增加字段描述，优化布局，提升可读性和操作性。

src/views/mes/pro/route/RouteForm.vue

@@ -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)
 }
 

src/views/mes/pro/route/RouteProcessList.vue

@@ -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
 

src/views/mes/pro/route/RouteProductList.vue

@@ -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">

src/views/mes/pro/route/index.vue

@@ -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"