gx

src/view/dialog/dialogMapDp.vue

@@ -10,11 +10,7 @@
     >
       <template #header="{ close, titleId, titleClass }">
         <div class="my-header">
-          <el-icon
-            size="26"
-            color="#fff"
-            @click="closeDialog"
-          >
+          <el-icon 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

@@ -1599,14 +1599,15 @@ const to_jd = (item_name) => {
   // } else {
   // console.log(111, choose.value.person);
   cfJd.value = item_name;
+  //存放街道中心点
   let jdCenter = [];
-  if (item_name == "溪口镇") {
   BMAP();
-    if (choose.value.person == "") {
-      getDatas("溪口镇", "");
-    }
-
+  loadCs(item_name);
+  addPolygonCountyCs();
   getDataBq(cfJd.value, "");
+  if (choose.value.person == "") {
+    getDatas(cfJd.value, "");
+  }
   if (
     choose.value.person == "cjr" ||
     choose.value.person == "dibian" ||
@@ -1617,27 +1618,30 @@ const to_jd = (item_name) => {
     choose.value.person == "kjer"
   ) {
     getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
-      getDatas("溪口镇", "");
+    getDatas(cfJd.value, "");
   } else if (choose.value.person != "") {
     if (choose.value.person == "9999") {
-        getDatas("溪口镇", "");
+      getDatas(cfJd.value, "");
     } else {
       if (choose.value.person == 1) {
-          getDatas("溪口镇", "0"); //0岁传字符串
+        getDatas(cfJd.value, "0"); //0岁传字符串
       } else {
-          getDatas("溪口镇", choose.value.person - 1);
+        getDatas(cfJd.value, choose.value.person - 1);
       }
     }
   }
-    loadCs(item_name);
-    addPolygonCountyCs();
-    mapTownCount.map((item) => {
-      if (item.name == item_name) {
-        jdCenter = item.center;
+  // 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);
-  }
+
   // }
 };
 //详情
@@ -2649,7 +2653,7 @@ const reset_font = () => {
   }
 };
 onMounted(() => {
-  tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
+  // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
   reset_font();
   initMap();
   getData();