m

shuzhixiangzheng/src/assets/api/imgs.js

@@ -0,0 +1,20 @@
+export var imgs={
+    dazhongshequ:"大中社区",
+    zhejishequ:"柘矶社区",
+    dalingshequ:"大岭社区",
+    taisanshequ:"台山社区",
+    yuntingshequ:"云亭社区",
+    ximenshequ:"西门社区",
+    jiangfashequ:"江阀社区",
+    lianwanshequ:"莲湾社区",
+    sanlishequ:"三里社区",
+    jiangxingshequ:"江新社区",
+    zhongsanshequ:"钟山社区",
+    fanhushequ:"鄱湖社区",
+    shenglichun:"胜利村",
+    yueliangchun:"月亮村",
+    honghuchun:"洪湖村",
+    baishushequ:"柏树社区",
+    yanggangshequ:"洋港社区"
+}
+   

shuzhixiangzheng/src/components/MainPage.vue

@@ -29,24 +29,24 @@
       <VaccinationPage :vaccin='dataAll.vaccin'></VaccinationPage>
     </div>
 
-    <div id="click" class="click_class" v-on:click="to3DMap('大中社区')"></div>
-
-    <div class="click_class" myName='叶家舍小区' id="click_1" v-on:click="toZheji('柘矶社区')"></div>
-    <div class="click_class" myName='大岭社区' id="click_2" v-on:click="toOther('大岭社区')"></div>
-    <div class="click_class" myName='台山社区' id="click_3" v-on:click="toOther('台山社区')"></div>
-    <div class="click_class" myName='云亭社区' id="click_4" v-on:click="toOther('云亭社区')"></div>
-    <div class="click_class" myName='西门社区' id="click_5" v-on:click="toXiMen('西门社区')"></div>
-    <div class="click_class" myName='江阀社区' id="click_6" v-on:click="toOther('江阀社区')"></div>
-    <div class="click_class" myName='莲湾社区' id="click_7" v-on:click="toOther('莲湾社区')"></div>
-    <div class="click_class" myName='三里社区' id="click_8" v-on:click="toOther('三里社区')"></div>
-    <div class="click_class" myName='江新社区' id="click_9" v-on:click="toOther('江新社区')"></div>
-    <div class="click_class" myName='钟山社区' id="click_10" v-on:click="toOther('钟山社区')"></div>
-    <div class="click_class" myName='鄱湖社区' id="click_11" v-on:click="toOther('鄱湖社区')"></div>
-    <div class="click_class" myName='胜利村' id="click_12" v-on:click="toOther('胜利村')"></div>
-    <div class="click_class" myName='月亮村' id="click_13" v-on:click="toOther('月亮村')"></div>
-    <div class="click_class" myName='洪湖村' id="click_14" v-on:click="toOther('洪湖村')"></div>
-    <div class="click_class" myName='柏树社区' id="click_15" v-on:click="toOther('柏树社区')"></div>
-    <div class="click_class" myName='洋港社区' id="click_16" v-on:click="toOther('洋港社区')"></div>
+    <div id="click" class="click_class" v-on:click="to3DMap('dazhongshequ')"></div>
+
+    <div class="click_class" myName='叶家舍小区' id="click_1" v-on:click="toZheji('zhejishequ')"></div>
+    <div class="click_class" myName='大岭社区' id="click_2" v-on:click="toOther('dalingshequ')"></div>
+    <div class="click_class" myName='台山社区' id="click_3" v-on:click="toOther('taisanshequ')"></div>
+    <div class="click_class" myName='云亭社区' id="click_4" v-on:click="toOther('yuntingshequ')"></div>
+    <div class="click_class" myName='西门社区' id="click_5" v-on:click="toXiMen('ximenshequ')"></div>
+    <div class="click_class" myName='江阀社区' id="click_6" v-on:click="toOther('jiangfashequ')"></div>
+    <div class="click_class" myName='莲湾社区' id="click_7" v-on:click="toOther('lianwanshequ')"></div>
+    <div class="click_class" myName='三里社区' id="click_8" v-on:click="toOther('sanlishequ')"></div>
+    <div class="click_class" myName='江新社区' id="click_9" v-on:click="toOther('jiangxingshequ')"></div>
+    <div class="click_class" myName='钟山社区' id="click_10" v-on:click="toOther('zhongsanshequ')"></div>
+    <div class="click_class" myName='鄱湖社区' id="click_11" v-on:click="toOther('fanhushequ')"></div>
+    <div class="click_class" myName='胜利村' id="click_12" v-on:click="toOther('shenglichun')"></div>
+    <div class="click_class" myName='月亮村' id="click_13" v-on:click="toOther('yueliangchun')"></div>
+    <div class="click_class" myName='洪湖村' id="click_14" v-on:click="toOther('honghuchun')"></div>
+    <div class="click_class" myName='柏树社区' id="click_15" v-on:click="toOther('baishushequ')"></div>
+    <div class="click_class" myName='洋港社区' id="click_16" v-on:click="toOther('yanggangshequ')"></div>
   </div>
 </template>
 
@@ -59,6 +59,7 @@
   import EmploymentSituation from "./MainPageChild/EmploymentSituation.vue";
   import VaccinationPage from "./MainPageChild/VaccinationPage.vue";
   import EducationPage from "./MainPageChild/EducationPage.vue";
+  import {imgs} from "../assets/api/imgs"
   import {
     SZZSY_httpGet,
     SZZSQSY_httpGet,
@@ -107,16 +108,12 @@
         for (let i = 0; i < boxCollection.length; i++) {
           boxCollection[i].addEventListener("click", (event) => {
             window.name = window.cesiumMap.addLocationName(event);
-
-            // setTimeout(() => {
-            //   this.changeData(event.target.getAttribute("name"));
-            // }, 1000);
           });
         }
       },
       changeData(name) {
         SZZSQSY_httpGet(
-          name,
+          imgs[name],
           (result) => {
             this.$store.commit("setDaZhongdata", result.data);
             //this.$store.commit("setSzdata", result.data);
@@ -286,8 +283,9 @@
     position: absolute;
     z-index: 111;
     width: 80px;
-    height: 40px;
+    height: 35px;
     cursor: pointer;
+    /* background-color: rgb(0, 0, 255,0.3); */
   }
 
   #click {
@@ -307,12 +305,12 @@
 
   #click_2 {
     left: 47.5%;
-    top: 32.5%;
+    top: 33.5%;
   }
 
   #click_3 {
     left: 57.5%;
-    top: 31%;
+    top: 32%;
   }
 
   #click_4 {
@@ -336,8 +334,8 @@
   }
 
   #click_7 {
-    left: 42%;
-    top: 43%;
+    left: 42.5%;
+    top: 43.5%;
   }
 
   #click_8 {
@@ -371,8 +369,8 @@
   }
 
   #click_14 {
-    left: 27%;
-    top: 56%;
+    left: 27.5%;
+    top: 56.5%;
   }
 
   #click_15 {