2021-07-30

src/views/collectData/collectData.vue

@@ -3,14 +3,7 @@
     <!-- 汇总数据的 nav -->
     <div class="box">
       <label for="area">区域选择：</label>
-      <el-select id="area" v-model="areaSelected">
-        <el-option
-          v-for="item in areas"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
-        </el-option>
-      </el-select>
+      <area-zz @getCityCode="getCityCode"></area-zz>
       <div class="box_item" v-for="item in boxList" :key="item.id">
         <p>{{item.name}}</p>
         <p>{{item.value}}</p>
@@ -60,33 +53,34 @@
 <script>
 import lineChart from './charts/lineChart.vue'
 import hisChart from './charts/hisChart.vue'
+import areaZz from '../../components/areaZz.vue'
 export default {
   name: "collectData",
   data () {
     return {
-      areas: [ // 区域选择 select 的 option
-        {
-          value: 1,
-          label: '浙江省'
-        },
-        {
-          value: 2,
-          label: '杭州市'
-        },
-        {
-          value: 3,
-          label: '宁波市'
-        },
-        {
-          value: 4,
-          label: '温州市'
-        },
-        {
-          value: 5,
-          label: '绍兴市'
-        }
-      ],
-      areaSelected: 1,
+      // areas: [ // 区域选择 select 的 option
+      //   {
+      //     value: 1,
+      //     label: '浙江省'
+      //   },
+      //   {
+      //     value: 2,
+      //     label: '杭州市'
+      //   },
+      //   {
+      //     value: 3,
+      //     label: '宁波市'
+      //   },
+      //   {
+      //     value: 4,
+      //     label: '温州市'
+      //   },
+      //   {
+      //     value: 5,
+      //     label: '绍兴市'
+      //   }
+      // ],
+      areaSelected: '',
       boxList: [
         {
           id: 1,
@@ -115,7 +109,8 @@ export default {
   },
   components: {
     lineChart,
-    hisChart
+    hisChart,
+    areaZz
   },
   methods: {
     /* 年月日选择 */
@@ -164,7 +159,12 @@ export default {
       //     'type': this.form.countyName
       //   })
       // })
-    }
+    },
+    // 省市县
+    getCityCode (val) {
+      let len = val.length
+      this.areaSelected = val[len-1]
+    },
   },
   mounted() {
     this.initEchart()