Bladeren bron

【ID1005378】箱体分类动态表单校验和v-select影响问题

chenrui 4 jaren geleden
bovenliggende
commit
8a3e9bcdc9
1 gewijzigde bestanden met toevoegingen van 14 en 8 verwijderingen
  1. 14 8
      src/views/equipmentManage/boxSetting/AddBoxModal.vue

+ 14 - 8
src/views/equipmentManage/boxSetting/AddBoxModal.vue

@@ -1,5 +1,13 @@
 <template>
   <div>
+    <v-select
+      id="addBoxModal-status"
+      ref="rubbishType"
+      code="RUBBISH_TYPE"
+      placeholder="请选择分类"
+      v-show="false"
+    >
+    </v-select>
     <a-modal
       class="modalBox"
       :title="titleText"
@@ -84,15 +92,13 @@
                 trigger: ['change'],
               }"
             >
-              <v-select
-                id="addBoxModal-status"
-                ref="orderStatus"
-                code="RUBBISH_TYPE"
+              <a-select
+                :id="'addBoxModal-status' + index"
                 placeholder="请选择分类"
                 allowClear
-                v-model="item.rubbishType"
-              >
-              </v-select>
+                v-model="item.rubbishType">
+                <a-select-option v-for="item in $refs.rubbishType.getOptionDatas()" :key="item.code" :value="item.code">{{ item.dispName }}</a-select-option>
+              </a-select>
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -158,7 +164,7 @@ export default {
       for (let i = 0; i < v; i++) {
         this.formData.deviceTypeBoxList.push({
           maxWeight: '',
-          rubbishType: '',
+          rubbishType: undefined,
           boxCode: i + 1
         })
       }