客户产品标签模板对照表

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

@@ -191,10 +191,11 @@
     <el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-row>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="客户名称" prop="customerCode">
               <el-select
                 v-model="form.customerCode"
+                style="width: 100%"
                 placeholder="请选择客户名称"
               >
                 <el-option
@@ -206,9 +207,9 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="品牌" prop="brandCode">
-              <el-select v-model="form.brandCode" placeholder="请选择品牌">
+              <el-select v-model="form.brandCode" placeholder="请选择品牌" style="width: 100%">
                 <el-option
                   v-for="item in brandOptions"
                   :key="item.brandCode"
@@ -218,7 +219,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="产品类别" prop="itemTypeName">
               <el-input
                 v-model="form.itemTypeName"
@@ -233,7 +234,7 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="24">
             <el-form-item label="产品" prop="itemName">
               <el-input v-model="form.itemName" placeholder="请选择产品" disabled>
                 <el-button
@@ -244,9 +245,9 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="24">
             <el-form-item label="模板" prop="templateId">
-              <el-select v-model="form.templateId" placeholder="请选择模板">
+              <el-select v-model="form.templateId" placeholder="请选择模板" style="width: 100%">
                 <el-option
                   v-for="item in templateOptions"
                   :key="item.id"
@@ -319,6 +320,7 @@ export default {
       customerOptions: [],
       brandOptions: [],
       templateOptions: [],
+      selectedRows: [],
       // 表单参数
       form: {},
       // 表单校验
@@ -430,6 +432,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map((item) => item.id)
+      this.selectedRows = selection
       this.single = selection.length !== 1
       this.multiple = !selection.length
     },
@@ -441,6 +444,7 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
+      if(!row || !row.id) row = this.selectedRows[0]
       this.reset()
       this.form = row
       this.open = true