投放点区域，改为动态获取

2c2c2c
1 parent 2ee4f101
Showing 1 changed file with 33 additions and 7 deletions
trash-ui/src/views/unit/dropPointInfo/index.vue
@@ -81,8 +81,18 @@
     <el-table v-loading="loading" :data="dropPointInfoList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="投放点名称" align="center" prop="dropPointName"/>
-      <el-table-column label="所属区域" align="center" prop="district"/>
-      <el-table-column label="所属街道" align="center" prop="street"/>
+      <el-table-column label="所属区域" align="center" prop="district">
+        <template slot-scope="scope">
+          <span>{{ dict(scope.row.district) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="所属街道" align="center" prop="street">
+        <template slot-scope="scope">
+          <span>{{
+            dictInfo(scope.row.street)
+            }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="社区" align="center" prop="community"/>
       <el-table-column label="详细地址" align="center" prop="address"/>
       <el-table-column label="投放点形式" align="center" prop="type"/>
@@ -149,14 +159,14 @@
           <el-col :span="12">
             <el-form-item label="所属区域" prop="street">
               <el-select v-model="form.district" placeholder="请输入所属区域" style="width: 100%" clearable @change="getStreets">
-                <el-option v-for="(area,index) in areas" :label="area.name" :value="area.name" :key="index"/>
+                <el-option v-for="(area,index) in areas" :label="area.name" :value="area.code" :key="index"/>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="所属街道" prop="street">
               <el-select v-model="form.street" placeholder="请输入所属街道" style="width: 100%" clearable>
-                <el-option v-for="(area,index) in streets" :label="area.name" :value="area.name" :key="area.code" @click.native="createDropPointNo(area)"/>
+                <el-option v-for="(area,index) in streets" :label="area.name" :value="area.code" :key="area.code" @click.native="createDropPointNo(area)"/>
               </el-select>
             </el-form-item>
  
@@ -421,12 +431,12 @@ export default {
       const data = response;
       for (let dataKey in data) {
         if(data[dataKey].level === '3'){
-          this.areas.push({name:data[dataKey].name,id:data[dataKey].id, streets:[]})
+          this.areas.push({name:data[dataKey].name,code:data[dataKey].id, streets:[]})
         }
       }
       for(let dataKey in data){
         for(let areas1Key in this.areas){
-          if(data[dataKey].pid === this.areas[areas1Key].id){
+          if(data[dataKey].pid === this.areas[areas1Key].code){
             this.areas[areas1Key].streets.push({code:data[dataKey].id, name:data[dataKey].name})
           }
         }
@@ -437,6 +447,22 @@ export default {
     // this.initAMap();
   },
   methods: {
+    dict(code){
+      for(let key in this.areas){
+        if(this.areas[key].code === code){
+          return this.areas[key].name;
+        }
+      }
+    },
+    dictInfo(code){
+      for(let key in this.areas){
+        for(let keyInfo in this.areas[key].streets){
+          if(this.areas[key].streets[keyInfo].code === code){
+            return this.areas[key].streets[keyInfo].name;
+          }
+        }
+      }
+    },
     clearCoordinatePoint(){
       this.center = null;
       this.form.coordinatePoint = null;
@@ -584,7 +610,7 @@ export default {
       this.streets = [];
       this.form.dropPointNo = null;
       this.form.street = null;
-      const region = this.areas.find(region => region.name === regionName);
+      const region = this.areas.find(region => region.code === regionName);
       this.streets = region.streets;
     },
     /** 下载文件 */