增加区县选择

src/components/Restaurant/restaurantInfoManage.vue

@@ -713,12 +713,19 @@
             </el-select>
           </el-form-item>
           <el-form-item :label="$t('hotel.hotel_city')">
-            <el-select :placeholder="$t('pub.pleaseSel')" filterable class='multiple_input w300' v-model="addMsg.City">
+            <el-select :placeholder="$t('pub.pleaseSel')" filterable class='multiple_input w300' v-model="addMsg.City" @change="GetSubAreaList(addMsg.City,3)">
               <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
               <el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name" :value="childItem.ID">
               </el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="区">
+            <el-select v-model="addMsg.District" class="w300" @change="getArea" filterable :placeholder="$t('hotel.hotel_area')">
+              <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
+              <el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
+            </el-select>
+          </el-form-item>
+
           <el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address">
             <el-input :placeholder="$t('fnc.qsrneirong')" class="w300 addAddress" v-model="addMsg.Address">
               <el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button>
@@ -952,6 +959,8 @@
         ProvinceList: [],
         //城市列表
         CityList: [],
+        //区域
+        district: [],
         //上传的文件数组
         DiningImageArray: [],
         //删除的图片文件数组
@@ -1206,6 +1215,9 @@
               if (this.addMsg.Province > 0) {
                 this.GetSubAreaList(this.addMsg.Province, 2, 1);
               }
+              if(this.addMsg.City > 0){
+                this.GetSubAreaList(this.addMsg.City, 3, 1);
+              }
               if (this.addMsg.OpenPlatform != null) {
                 if (this.addMsg.OpenPlatform != "") {
                   this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(",");
@@ -1365,11 +1377,16 @@
           if (isClear != 1) {
             this.addMsg.Province = 0;
             this.addMsg.City = 0;
+            this.addMsg.District = 0;
           }
         } else if (type == 2) {
           if (isClear != 1) {
             this.addMsg.City = 0;
+            this.addMsg.District = 0;
           }
+        }
+         else if (type == 3) {
+           this.addMsg.District = 0;
         }
         if (this.addMsg.Country != 0) {
           this.apipost(
@@ -1380,6 +1397,8 @@
                 this.ProvinceList = res.data.data;
               } else if (type == 2) {
                 this.CityList = res.data.data;
+              }else if (type == 3) {
+                this.district = res.data.data;
               }
             },
             err => {}
@@ -1459,7 +1478,9 @@
           this.$set(this.DiningImageArray, index, downItem);
         }
       },
-
+      getArea(){
+        this.$forceUpdate();
+      }
     },
     mounted() {
       let userInfo = this.getLocalStorage()

src/components/scenicSpot/scenicSpotInfoManage.vue

@@ -733,13 +733,20 @@
             </el-select>
           </el-form-item>
           <el-form-item label="市">
-            <el-select placeholder="请选择市" filterable class='multiple_input w300' v-model="addMsg.City">
+            <el-select placeholder="请选择市" filterable @change="GetSubAreaList(addMsg.City,3)" class='multiple_input w300' v-model="addMsg.City">
               <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
               <el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name"
                 :value="childItem.ID">
               </el-option>
             </el-select>
           </el-form-item>
+          <el-form-item label="区">
+            <el-select v-model="addMsg.District" class="w300" @change="getArea" filterable :placeholder="$t('hotel.hotel_area')">
+              <el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
+              <el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
+            </el-select>
+          </el-form-item>
+
           <el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address">
             <el-input placeholder="请输入内容" class="w300 addAddress" v-model="addMsg.Address">
               <el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button>
@@ -982,6 +989,8 @@
         ProvinceList: [],
         //城市列表
         CityList: [],
+        //区域
+        district: [],
         inActive: 1, //已选中
         notInActive: 0, //未选中
         //支付方式
@@ -1225,6 +1234,9 @@
               if (this.addMsg.Province > 0) {
                 this.GetSubAreaList(this.addMsg.Province, 2, 1);
               }
+              if(this.addMsg.City > 0){
+                this.GetSubAreaList(this.addMsg.City, 3, 1);
+              }
               if (this.addMsg.OpenPlatform) {
                 this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(",");
                 this.OpenPlatformStrings.forEach(x => {
@@ -1396,12 +1408,17 @@
           if (isClear != 1) {
             this.addMsg.Province = 0;
             this.addMsg.City = 0;
+            this.addMsg.District = 0;
           }
         } else if (type == 2) {
           if (isClear != 1) {
             this.addMsg.City = 0;
+            this.addMsg.District = 0;
           }
         }
+        else if (type == 3) {
+           this.addMsg.District = 0;
+        }
         if (this.addMsg.Country != 0) {
           this.apipost(
             "dict_post_Destination_GetChildList",
@@ -1411,6 +1428,8 @@
                 this.ProvinceList = res.data.data;
               } else if (type == 2) {
                 this.CityList = res.data.data;
+              }else if (type == 3) {
+                this.district = res.data.data;
               }
             },
             err => {}
@@ -1454,6 +1473,9 @@
           this.$set(this.TicketCouponsImageArray, index, downItem);
         }
       },
+      getArea(){
+        this.$forceUpdate();
+      }
     },
     mounted() {
       let userInfo = this.getLocalStorage()