绩效提成经营分析品线(二级) 修改为下拉框绩效提成经营分析品线(一级)随着二级变化而变化，不能编辑

src/views/index/index.vue

@@ -23,18 +23,9 @@
     </div>
     <!--表格-->
     <div class="bg_white table_90 m-t-10 border-r-10 text-black f-12">
-      <vxe-table border resizable show-overflow ref="xTable" height="700" :scroll-x="{ enabled: false }"
+      <vxe-table border resizable show-overflow height="700" :scroll-x="{ enabled: false }"
         :scroll-y="{ enabled: false }" :header-row-style="header_style" :data="tableData" :edit-config="editConfig">
         <vxe-colgroup title="基本信息" header-align="center" fixed="left" resizable>
-          <!-- <vxe-colgroup title="品牌" header-align="center">
-              <vxe-column field="name" width="100">
-                <template #header>
-                  <el-select v-model="brand_name" placeholder="" @change="selectSKU()" clearable filterable size="mini">
-                    <el-option v-for="(option, index) in brand_list" :key="index"></el-option>
-                </el-select>
-                </template>
-              </vxe-column> 
-          </vxe-colgroup>-->
           <vxe-column field="picture" title="图片" width="80" header-align="center" align="center" class="position-r">
             <template #default="{ row }">
               <el-upload :action="api_upload_url" :with-credentials="true" :on-success="function (res, file, file_list) {
@@ -163,37 +154,6 @@
             <vxe-input v-model="row.overseas_minimum_activity_price" type="text"></vxe-input>
           </template>
         </vxe-column>
-        <!-- <vxe-colgroup title="供应信息" header-align="center">
-            <vxe-colgroup title="供应链" header-align="center">
-              <vxe-column field="sex" width="100">
-                <template #header>
-                  <el-select v-model="brand_name" placeholder="" @change="selectSKU()" clearable filterable size="mini">
-                    <el-option v-for="(option, index) in brand_list" :key="index"></el-option>
-                </el-select>
-                </template>
-              </vxe-column>
-            </vxe-colgroup>
-            <vxe-colgroup title="是否211" header-align="center">
-              <vxe-column field="sex" width="80">
-                <template #header>
-                  <el-select v-model="brand_name" placeholder="" @change="selectSKU()" clearable filterable size="mini">
-                    <el-option value="1" label="是">是</el-option>
-                    <el-option value="2" label="否">否</el-option>
-                </el-select>
-                </template>
-              </vxe-column>
-            </vxe-colgroup>
-            <vxe-colgroup title="供应商" header-align="center">
-              <vxe-column field="sex" width="200">
-                <template #header>
-                  <el-select v-model="brand_name" placeholder="" @change="selectSKU()" clearable filterable size="mini">
-                    <el-option v-for="(option, index) in supplier_list" :key="index"></el-option>
-                </el-select>
-                </template>
-              </vxe-column>
-            </vxe-colgroup>
-        </vxe-colgroup>-->
-        <!-- <vxe-column field="cost" title="产品成本（含税）" width="80" header-align="center" align="right"></vxe-column> -->
         <vxe-colgroup title="产品成本构成" header-align="center" v-allow="'NewCost.NewCostFinance'">
           <vxe-column field="clinker_cost" title="结构/本体" width="70" header-align="center" align="right"
             :edit-render="{ autofocus: '.vxe-input--inner' }">
@@ -362,16 +322,20 @@
         </vxe-colgroup>
         <vxe-column field="FITEMPPROPERTY" title="物料属性" width="80" header-align="center" align="right"></vxe-column>
         <vxe-column field="bom_version"  title="BOM版本" width="140" header-align="center" align="right"></vxe-column>
-        <vxe-column field="remark1" title="绩效提成经营分析品线(一级)" width="80" header-align="center" align="right"
+        <vxe-column field="remark1" title="绩效提成经营分析品线(一级)" width="80" header-align="center" align="right">
-          :edit-render="{ autofocus: '.vxe-input--inner' }">
+          <template #default="{ row }">
-          <template #edit="{ row }">
+            {{ row.remark1 }}
-            <vxe-input v-model="row.remark1" type="text"></vxe-input>
           </template>
         </vxe-column>
         <vxe-column field="remark2" title="绩效提成经营分析品线(二级)" width="80" header-align="center" align="right"
-          :edit-render="{ autofocus: '.vxe-input--inner' }">
+          :edit-render="{}">
-          <template #edit="{ row }">
+          <template #default="{ row }">
-            <vxe-input v-model="row.remark2" type="text"></vxe-input>
+            {{ row.remark2}}
+          </template>
+          <template #edit="{ row, $rowIndex }">
+            <vxe-select v-model="row.remark2" @change="val => updateRemark(val, $rowIndex)">
+               <vxe-option v-for="item in remark_level" :key="item.remark_two" :value="item.remark_two" :label="item.remark_two"></vxe-option>
+            </vxe-select>
           </template>
         </vxe-column>
         <vxe-column field="remark3" title="业绩/回款统计品线" width="80" header-align="center" align="right"
@@ -464,7 +428,8 @@ export default {
       old_value: '',
       enlargeImgShow: false,
       enlargeImg: '',
-      top: ''
+      top: '',
+      remark_level:[]//绩效提成经营分析品线等级下拉选择
     }
   },
   computed: {
@@ -485,6 +450,11 @@ export default {
     this.getList()
   },
   methods: {
+    updateRemark(val, rowIndex){
+      // 根据选中的二级品线查找对应的一级品线
+      const item = this.remark_level.find(i => i && i.remark_two === val.value);
+      this.tableData[rowIndex].remark1 = item.remark_one;
+    },
     enlarge (e, row) {
       console.log(e)
       this.enlargeImg = row.picture
@@ -520,6 +490,7 @@ export default {
             this.form_buy = res.data.form_buy
             this.fast = res.data.fast
             this.opd_list = res.data.opd
+            this.remark_level = res.data.remark_level
             this.tableData.forEach(item => {
               item.is_show = 1
             })
@@ -611,10 +582,8 @@ export default {
             })
           }
         })
-        .finally(() => {
-          listLoading.close()
-        })
     },
+
     //同步ERP
     synchronizeErp () {
       const listLoading = ElLoading.service({