调整地图

src/views/dataBoard/overview/components/jdwgy.vue

@@ -84,9 +84,9 @@ export default {
     }
   },
   methods: {
-    getData(level = "", orgId = "") {
+    getData() {
       this.loading = true;
-      if (level == "grid") {
+      if (this.currentLevelData.orgLevel == "grid") {
         this.$http.get("/actual/base/streetOverview/queryPersonnelGridGroup?personnelType=" +
             this.peopleType +
             "&level=" + this.currentLevelData.orgLevel +

src/views/dataBoard/overview/index.vue

@@ -8,12 +8,14 @@
     <div class="g-row">
       <div class="g-left">
         <div class="m-box">
-          <title-box :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}介绍`" />
+          <title-box
+              :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}介绍`"/>
           <jdjs :currentLevelData="currentLevelData"/>
         </div>
 
         <div class="m-box">
-          <title-box :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}图谱画像`" />
+          <title-box
+              :text="`${currentLevel === 'district' ? '区' : currentLevel === 'street' ? '街道' : currentLevel === 'community' ? '社区' : currentLevel === 'grid' ? '网格' : ''}图谱画像`"/>
           <jdtphx :currentLevelData="currentLevelData" :id="orgId"/>
         </div>
       </div>
@@ -23,7 +25,8 @@
           <div v-if="breadList.length > 1" class="go-back" @click="goBackMap">
             <img src="~@/assets/images/shuju/overview/go-back.png"/>
           </div>
-          <grid-map ref="map" @clickAgency="clickAgencyItem" :srcGridData="orgData" @clickDotBtn="handleClickDotBtn" :level="currentLevel" />
+          <grid-map ref="map" @clickAgency="clickAgencyItem" :srcGridData="orgData" @clickDotBtn="handleClickDotBtn"
+                    :level="currentLevel"/>
         </div>
         <div class="m-box m-rybox">
           <title-box :text="`${customerName}${peopleList[peopleType]}`"/>
@@ -40,7 +43,8 @@
         <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
           <title-box text="各社区人房数据更新排行">
             <span class="date-span">
-              <el-date-picker v-model="rfphDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月"> </el-date-picker>
+              <el-date-picker v-model="rfphDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
+                              type="month" :clearable="false" placeholder="选择月"> </el-date-picker>
             </span>
           </title-box>
           <sqrfph :currentLevelData="currentLevelData" :date="rfphDate"/>
@@ -48,7 +52,8 @@
         <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
           <title-box text="各社区12345投诉事件统计">
             <span class="date-span">
-              <el-date-picker v-model="sq12345Date" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false" placeholder="选择月" />
+              <el-date-picker v-model="sq12345Date" format="yyyy-MM" value-format="yyyy-MM" type="month"
+                              :clearable="false" placeholder="选择月"/>
             </span>
           </title-box>
           <sq12345 :currentLevelData="currentLevelData" :date="sq12345Date"/>
@@ -57,7 +62,8 @@
         <!-- 社区&网格-->
         <div v-if="currentLevel === 'community' || currentLevel === 'grid'" class="m-box">
           <title-box text="人房数据动态更新"/>
-          <Tabs v-model="dynamicType" :list="dynamicTypeList" v-if="currentLevel === 'community'" @changeVal="dynamicTypeChange" />
+          <Tabs v-model="dynamicType" :list="dynamicTypeList" v-if="currentLevel === 'community'"
+                @changeVal="dynamicTypeChange"/>
           <DynamicHumanRoomData :currentLevelData="currentLevelData" v-if="dynamicType === 1"/>
           <GridUpdateRanking :currentLevelData="currentLevelData" v-if="dynamicType === 2"/>
         </div>
@@ -65,7 +71,8 @@
         <div v-if="currentLevel === 'community'" class="m-box">
           <title-box text="社区满意度自查结果">
             <span class="date-span">
-              <el-date-picker v-model="sqzcDate" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false" placeholder="选择月" />
+              <el-date-picker v-model="sqzcDate" format="yyyy-MM" value-format="yyyy-MM" type="month" :clearable="false"
+                              placeholder="选择月"/>
             </span>
           </title-box>
           <CommunityResult :currentLevelData="currentLevelData" :date="sqzcDate"/>
@@ -73,7 +80,8 @@
         <div v-if="currentLevel === 'community'" class="m-box">
           <title-box text="事件&回访">
             <span class="date-span">
-              <el-date-picker v-model="sjhfDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月" />
+              <el-date-picker v-model="sjhfDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
+                              type="month" :clearable="false" placeholder="选择月"/>
             </span>
           </title-box>
           <Tabs v-model="eventType" :list="eventTypeList" @changeVal="eventTypeChange"/>
@@ -84,7 +92,8 @@
         <div v-if="currentLevel === 'grid'" class="m-box">
           <title-box text="社区网格数据更新情况排行">
             <span class="date-span">
-              <el-date-picker v-model="sqwggxDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate" type="month" :clearable="false" placeholder="选择月" />
+              <el-date-picker v-model="sqwggxDate" format="yyyy-MM" value-format="yyyy-MM" @change="changeDate"
+                              type="month" :clearable="false" placeholder="选择月"/>
             </span>
           </title-box>
           <RankingGridData :currentLevelData="currentLevelData" :date="sqwggxDate"/>
@@ -217,9 +226,7 @@ export default {
     // const queryOrgLevel = getQueryPara("orgLevel");
     // this.init(queryOrgId, queryOrgLevel);
     this.changeCustomerName();
-    if (this.$store.state.chooseArea.chooseName.orgId) {
     this.getMapData();
-    }
   },
 
   watch: {
@@ -235,9 +242,6 @@ export default {
     },
   },
 
-  mounted() {
-    this.getMapData();
-  },
 
   methods: {
     changeCustomerName() {
@@ -441,14 +445,17 @@ export default {
 <style lang="scss" scoped>
 .up-style {
   width: 51%;
+
   img {
     height: 12px;
     width: 12px;
   }
+
   img:hover {
     cursor: pointer;
   }
 }
+
 .go-back {
   position: absolute;
   z-index: 100;
@@ -465,6 +472,7 @@ export default {
     cursor: pointer;
   }
 }
+
 .date-current-weiyi {
   background: #000;
 }