下拉从接口获取参数

src/server/ajax.js

@@ -207,6 +207,9 @@ export default {
   post(args) {
     return request({ method: 'POST', ...args })
   },
+  postSync(args) {
+    return request({ method: 'POST', ...args })
+  },
   put(args) {
     return request({ method: 'PUT', ...args })
   },

src/views/label/labelRightSide.vue

@@ -114,13 +114,19 @@
                   <a-select-option value='btw'>区间</a-select-option>
                 </a-select>
               </a-form-item>
-              {{checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index))}}
-              <a-form-item v-if="checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).dataType == 'select'">
+
+              <a-form-item v-if="checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).dataType == 'select' && checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).isfromUrl == false">
                 <a-select style="width: 100px" placeholder='请选择' v-decorator="['inputOne-' + index66 +'-' + index,{initialValue: item.val, validateTrigger:'blur',rules: [{required: true, message: '请至少选择一项！'}]}]">
                   <a-select-option v-for="(item1, index) in JSON.parse(availableKeyList.find(item=>item.tblKey == infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).selVals)" :key='item1' :value="item1">{{index}}</a-select-option>
                 </a-select>
               </a-form-item>
               
+              <a-form-item v-else-if="checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).dataType == 'select' && checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).isfromUrl == true">
+                <a-select style="width: 100px" placeholder='请选择' v-decorator="['inputOne-' + index66 +'-' + index,{initialValue: item.val, validateTrigger:'blur',rules: [{required: true, message: '请至少选择一项！'}]}]">
+                  <a-select-option v-for="(item1, index) in sectOptions" :key='index' :value="item1.streetId">{{item1.name}}</a-select-option>
+                </a-select>
+              </a-form-item>
+
               <a-form-item v-else-if="checkIfSelectOptionAppears(availableKeyList, infoSettingForm.getFieldValue('tableName-' + index66 +'-' + index), infoSettingForm.getFieldValue('key-' + index66 +'-' + index)).dataType == 'str'">
                 <a-input style="width: 100px" placeholder='请输入' v-decorator="['inputOne-' + index66 +'-' + index,{initialValue: getInitialValueOne(item.val), validateTrigger:'blur',rules: [],}]"></a-input>
               </a-form-item>
@@ -206,6 +212,7 @@ export default {
           value: 'tbl_industry_council'
         }
       ],
+      sectOptions: [],
       verifySelect: false,
       verifyInput: false,
       jsonData: {},
@@ -344,6 +351,7 @@ export default {
     this.getLabelDetail()
     this.getParentLabelList()
     this.initKeyList()
+    this.getSectOptions()
   },
   props: [
     'triggerType',
@@ -367,6 +375,30 @@ export default {
     },
   },
   methods: {
+    getSectOptions() {
+      this.sectOptions = []
+      this.$ajax.get({
+        url: this.$api.BASE_URL + '/service-basicdatasync-ddd/streets',
+      }).then(res => {
+        if (res.code == '200') {
+          let resultList = res.data.content
+
+          // resultList.forEach(element => {
+          //   this.sectOptions[element.strName] = element.streetId
+          // })
+
+          resultList.forEach(element => {
+            this.sectOptions.push({
+              name: element.strName,
+              streetId: element.streetId
+            })
+          });
+          
+        } else {
+          alert('接口发生错误！')
+        }
+      })
+    },
     handleResultCancel() {
       this.resultModalVisible = !this.resultModalVisible
     },
@@ -408,39 +440,19 @@ export default {
      * key => 业务属性二级可选值
      */
     checkIfSelectOptionAppears(options, formValue, key) {
+      console.log(options, formValue, key);
       let findKey = options.find(item => (item.tblKey == key))
       let pushSels = []
-      // 如果是false则为输入框
+      // 如果没找到
       if (!findKey) return false
 
-      // 是选择框，日期框的情况
-      /**
-       * dataType == select，读pathUrl有没有值, 没值则selVal肯定有值
-       */
-      
-      // return (findKey.dataType);
       // str / date / select/ num
       // return findKey.dataType
-      // if(findKey.dataType == 'str') {
-      //   return false
-      // } else {
-
-      // }
-      if(!!findKey.pathUrl) {
-        this.$ajax.get({
-          url: this.$api.BASE_URL + findKey.pathUrl,
-        }).then(res => {
-          if (res.code == 200) {
-            pushSels = res.data.content
-            console.log(pushSels);
-            return {dataType: findKey.dataType, selVals: pushSels}
-          }
-        })
+      if(findKey.pathUrl == '/service-basicdatasync-ddd/streets') {
+        return { dataType: findKey.dataType, isfromUrl: true, selVals: this.sectOptions }
       } else {
-        return {dataType: findKey.dataType, selVals: findKey.selVals}
+        return { dataType: findKey.dataType, isfromUrl: false, selVals: findKey.selVals }
       }
-      // return {dataType: findKey.dataType, selVals: findKey.selVals}
-      // return `【` + findKey.dataType + '-' +findKey.pathUrl + '-' + findKey.selVals + '】'
     },
     handleResultOk() {
       this.resultModalVisible = !this.resultModalVisible