gx

src/view/dialog/dialogMapDp.vue

@@ -10,11 +10,7 @@
     >
       <template #header="{ close, titleId, titleClass }">
         <div class="my-header">
-          <el-icon
+          <el-icon size="26" color="#fff" @click="closeDialog">
-            size="26"
-            color="#fff"
-            @click="closeDialog"
-          >
             <CircleCloseFilled />
           </el-icon>
         </div>
@@ -49,6 +45,8 @@
             height="100%"
             :header-cell-style="{ background: '#008FCD' }"
             :key="tableKey"
+            @row-click="handleRowClick"
+            class="custom-table-font"
           >
             <!-- <el-table-column
             v-for="(item, index) in data.columns"
@@ -88,6 +86,7 @@
 
         <div class="pagePart">
           <el-pagination
+            class="small-pagination"
             background
             layout="prev, pager, next,total"
             :page-size="pagination.pageSize"
@@ -113,6 +112,9 @@ import {
   nextTick,
 } from "vue";
 import { CircleCloseFilled } from "@element-plus/icons-vue";
+import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const routers = useRoute();
 const props = defineProps({
   dialogShow: {
     type: Boolean,
@@ -144,7 +146,13 @@ const props = defineProps({
   },
 });
 const emit = defineEmits(["close", "handle"]);
-
+const handleRowClick = (row, column, event) => {
+  // row 是当前行的数据
+  console.log(row);
+  router.push({
+    path: `/home/index/person`,
+  });
+};
 // 详情弹框
 const dialogShow = ref();
 const data = reactive({
@@ -269,7 +277,7 @@ const handle = (current) => {
 }
 
 .title {
-  margin: 10px auto;
+  margin: 0px auto;
   display: flex;
   flex-direction: column;
 
@@ -285,7 +293,7 @@ const handle = (current) => {
     .name {
       font-family: PangMenZhengDao, PangMenZhengDao;
       font-weight: 600;
-      font-size: 24px;
+      font-size: 20px;
       color: #ffffff;
       line-height: 38px;
       text-align: center;
@@ -304,4 +312,8 @@ const handle = (current) => {
     height: 19px;
   }
 }
+
+.custom-table-font {
+  font-size: 10px;
+}
 </style>

src/view/sy_mapcopy.vue

@@ -90,7 +90,7 @@
         </div>
         <div class="tsbq">
           <div class="title">
-            <div class="title_name" >
+            <div class="title_name">
               <span>特殊标签</span>
             </div>
           </div>
@@ -1599,45 +1599,49 @@ const to_jd = (item_name) => {
   // } else {
   // console.log(111, choose.value.person);
   cfJd.value = item_name;
+  //存放街道中心点
   let jdCenter = [];
-  if (item_name == "溪口镇") {
+  BMAP();
-    BMAP();
+  loadCs(item_name);
-    if (choose.value.person == "") {
+  addPolygonCountyCs();
-      getDatas("溪口镇", "");
+  getDataBq(cfJd.value, "");
-    }
+  if (choose.value.person == "") {
-
+    getDatas(cfJd.value, "");
-    getDataBq(cfJd.value, "");
-    if (
-      choose.value.person == "cjr" ||
-      choose.value.person == "dibian" ||
-      choose.value.person == "db" ||
-      choose.value.person == "gxy" ||
-      choose.value.person == "tnb" ||
-      choose.value.person == "tyjr" ||
-      choose.value.person == "kjer"
-    ) {
-      getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
-      getDatas("溪口镇", "");
-    } else if (choose.value.person != "") {
-      if (choose.value.person == "9999") {
-        getDatas("溪口镇", "");
-      } else {
-        if (choose.value.person == 1) {
-          getDatas("溪口镇", "0"); //0岁传字符串
-        } else {
-          getDatas("溪口镇", choose.value.person - 1);
-        }
-      }
-    }
-    loadCs(item_name);
-    addPolygonCountyCs();
-    mapTownCount.map((item) => {
-      if (item.name == item_name) {
-        jdCenter = item.center;
-      }
-    });
-    goMapCenter(jdCenter, 13);
   }
+  if (
+    choose.value.person == "cjr" ||
+    choose.value.person == "dibian" ||
+    choose.value.person == "db" ||
+    choose.value.person == "gxy" ||
+    choose.value.person == "tnb" ||
+    choose.value.person == "tyjr" ||
+    choose.value.person == "kjer"
+  ) {
+    getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
+    getDatas(cfJd.value, "");
+  } else if (choose.value.person != "") {
+    if (choose.value.person == "9999") {
+      getDatas(cfJd.value, "");
+    } else {
+      if (choose.value.person == 1) {
+        getDatas(cfJd.value, "0"); //0岁传字符串
+      } else {
+        getDatas(cfJd.value, choose.value.person - 1);
+      }
+    }
+  }
+  // if (title_jd.value == item.name) {
+  // } else {
+  //   title_jd.value = item.name;
+  // }
+
+  mapTownCount.map((itemm) => {
+    if (itemm.name == item_name) {
+      jdCenter = itemm.center;
+    }
+  });
+  goMapCenter(jdCenter, 13);
+
   // }
 };
 //详情
@@ -2627,7 +2631,7 @@ const DGcreateCs2 = (polygon, indexx) => {
   });
   map.addOverlay(cs_dd_arr.value[indexx]);
   cs_dd_arr.value[indexx].addEventListener("click", () => {
-    console.log(cfJd.value,polygon.name);
+    console.log(cfJd.value, polygon.name);
     open_detail();
   });
 };
@@ -2649,7 +2653,7 @@ const reset_font = () => {
   }
 };
 onMounted(() => {
-  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
+  // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   reset_font();
   initMap();
   getData();