自适应高度

src/views/index/index.vue

@@ -331,16 +331,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"
@@ -432,7 +436,8 @@ export default {
       old_value: '',
       enlargeImgShow: false,
       enlargeImg: '',
-      top: ''
+      top: '',
+      remark_level:[]//绩效提成经营分析品线等级下拉选择
     }
   },
   computed: {
@@ -453,6 +458,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
@@ -488,6 +498,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
             })