区县选择修改

src/components/permissions/user/index.vue

@@ -258,13 +258,18 @@
           </div>
           <div v-if="isHaveUser">
             <el-form-item label="地市" prop="cityId">
+              <el-input
+              v-model="form.cityId"
+              v-show="false"
+            ></el-input>
+              <span v-if="!formCityList.children">{{ formCityList.label }}</span>
             <el-select
                 ref="selectCity"
                 v-model="form.cityId"
                 placeholder="请选择地市"
                 style="width: 100%"
                 @change="selectCityChange"
-                v-if="isHaveUser"
+                v-if="isHaveUser && formCityList.children"
                 >
                 <el-option
                 v-for="dict in formCityList.children"
@@ -272,6 +277,13 @@
                   :label="dict.label"
                   :value="dict.value"
                 />
+                <!-- <el-option
+                v-if="!formCityList.children"
+                v-for="dict in formCityList"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                /> -->
               </el-select>
             </el-form-item>
           </div>
@@ -473,6 +485,13 @@ export default {
       // 查询所有角色-添加、详情表单里面选择地市
       getTreeProvinceCity().then((re) => {
         this.formCityList = re.data;
+        if(!this.formCityList.children) {
+          this.form.cityId = re.data.value
+          getAreasByCityId({cityId: re.data.value}).then(res=>{
+          console.log('res: ', res);
+          this.areasList = res.data;
+        })
+        }
       });
     },
     getList() {