update:修改排产换型页面

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

@@ -71,14 +71,13 @@
 
     <el-table v-loading="loading" :data="scheduleSetupRuleList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="产品材质宽度" align="center" width="120" prop="ruleId" />
       <el-table-column label="换型关键字" align="center" width="120" prop="ruleCode" />
       <el-table-column label="产品类别名称" align="center" width="120" prop="itemTypeName" />
       <el-table-column label="工序名称" align="center" width="120" prop="processName" />
-      <el-table-column label="刀" align="center" width="55" prop="tool" />
-      <el-table-column label="模" align="center" width="55" prop="mould" />
-      <el-table-column label="版" align="center" width="55" prop="plate" />
-      <el-table-column label="材料" align="center" width="80" prop="materialRecoil" />
+      <el-table-column label="刀" align="center" prop="tool" />
+      <el-table-column label="模" align="center" prop="mould" />
+      <el-table-column label="版" align="center" prop="plate" />
+      <el-table-column label="材料" align="center" prop="materialRecoil" />
       <el-table-column label="印张长度" align="center" prop="sheetLength" />
       <el-table-column label="印张宽度" align="center" prop="sheetWidth" />
       <el-table-column label="产品规格" align="center" prop="productStandard" />
@@ -116,18 +115,18 @@
 
     <!-- 添加或修改排产换型对照信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-row>
-          <el-col :span="24">
+          <el-col :span="12">
             <el-form-item label="换型关键字" prop="ruleCode">
               <el-input v-model="form.ruleCode" placeholder="请输入换型关键字" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <!-- <el-col :span="12">
             <el-form-item label="产品类别ID" prop="itemTypeId">
               <el-input disabled v-model="form.itemTypeId" placeholder="请输入产品类别ID" />
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <el-col :span="12">
             <el-form-item label="产品类别名称" prop="itemTypeName">
               <el-input v-model="form.itemTypeName" placeholder="请输入产品类别名称" >
@@ -137,18 +136,13 @@
                   @click="handleBrandSelect"
                 ></el-button>
               </el-input>
-              <BrandSelect
-                ref="brSelect"
-                v-if="open"
-                @onSelected="onBrandSelected"
-              ></BrandSelect>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
-            <el-form-item label="工序ID" prop="processId">
+          <!-- <el-col :span="12"> -->
+            <!-- <el-form-item label="工序ID" prop="processId">
               <el-input disabled v-model="form.processId" placeholder="请输入工序ID" />
             </el-form-item>
-          </el-col>
+          </el-col> -->
           <el-col :span="12">
             <el-form-item label="工序名称" prop="processName">
               <el-input v-model="form.processName" placeholder="请输入工序名称" >
@@ -158,11 +152,7 @@
                   @click="handleProcess"
                 ></el-button>
               </el-input>
-              <ProcessSelect
-                ref="brSelectpro"
-                v-if="open"
-                @onSelected="onBrandProcess"
-              ></ProcessSelect>
+
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -227,6 +217,18 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <BrandSelect
+      ref="brSelect"
+      v-if="open"
+      @onSelected="onBrandSelected"
+    ></BrandSelect>
+
+    <ProcessSelect
+      ref="brSelectpro"
+      v-if="open"
+      @onSelected="onBrandProcess"
+    ></ProcessSelect>
   </div>
 </template>
 
@@ -268,6 +270,15 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        ruleCode: [
+          { required: true, message: '请输入换型关键字', trigger: 'blur' },
+        ],
+        itemTypeName: [
+          { required: true, message: '请输入产品类别名称', trigger: ['blur', 'change'] },
+        ],
+        processName: [
+          { required: true, message: '请输入工序名称', trigger: ['blur', 'change'] },
+        ],
       }
     };
   },