gx

src/router/index.js

@@ -56,6 +56,11 @@ const router = createRouter({
       path: "/error/noConstruction",
       component: () => import("../view/error/noConstruction.vue"),
     },
+    {
+      name: "未享受人员",
+      path: "/person/rwTable",
+      component: () => import("../view/person/rwTable.vue"),
+    },
     {
       path: "/home",
       component: () => import("../view/home.vue"),
@@ -110,6 +115,7 @@ const router = createRouter({
           path: "/home/index/person",
           component: () => import("../view/person/index.vue"),
         },
+        
         // {
         //   name: '地图编辑',
         //   path: '/home/index/mapEdit',

src/utils/request.js

@@ -3,7 +3,7 @@ import { ElMessage } from "element-plus";
 import tools from "@/utils/tools";
 import router from "../router";
 
-// axios.defaults.baseURL = 'http://220.191.238.50:996/'
+// axios.defaults.baseURL = 'https://jzzf.longyou.gov.cn:998/'
 axios.defaults.timeout = 120000;
 
 // HTTP request 拦截器

src/view/person/rwTable.vue

@@ -0,0 +1,78 @@
+<template>
+  <div>
+    <el-table
+      :data="data.tableData"
+      stripe
+      border
+      max-height="100vh"
+      style="width: 100%"
+    >
+      <el-table-column prop="xm" label="姓名" width="60" />
+      <el-table-column prop="sfzhm" label="身份证号" />
+      <el-table-column prop="dz" label="地址" />
+      <el-table-column prop="nl" label="年龄" width="60" />
+      <el-table-column prop="bq" label="人口标签" />
+    </el-table>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref, reactive } from "vue";
+import { useRouter, useRoute } from "vue-router";
+import http from "@/utils/request.js";
+const router = useRouter();
+const routers = useRoute();
+const data = reactive({
+  xh: "",
+  bm: "",
+  columns: [
+    {
+      label: "姓名",
+      property: "xm",
+      width: "90",
+    },
+    {
+      label: "身份证",
+      property: "sfz",
+    },
+    {
+      label: "地址",
+      property: "dz",
+    },
+    {
+      label: "年龄",
+      property: "nl",
+      width: "60",
+    },
+    {
+      label: "人口标签",
+      property: "bq",
+      type: "slot",
+    },
+  ],
+  tableData: [],
+});
+
+const personDetails = () => {
+  http.get(`/api/ggfwyth/pg/wxsbmRyxx/${data.xh}/${data.bm}`).then((res) => {
+    if (res.code == 200) {
+      console.log(res.data);
+      data.tableData = res.data;
+    } else {
+      ElMessage.warning({
+        message: res.message,
+      });
+    }
+  });
+};
+
+onMounted(() => {
+  //   data.tableData = JSON.parse(routers.query.personDetails);
+  data.xh = routers.query.xh;
+  data.bm = routers.query.bm;
+  console.log(11, data.tableData);
+    personDetails()
+});
+</script>
+
+<style lang="less" scoped></style>

src/view/sy_details.vue

@@ -81,6 +81,7 @@
           class="table_border"
           :row-style="rowState"
           :header-cell-style="tableHeaderColor"
+          @row-click="handleRowClickGO"
         >
           <template v-for="item in data.column_1">
             <el-table-column
@@ -571,6 +572,12 @@ const handleRowClick = (row) => {
     });
   }
 };
+const handleRowClickGO = (row) => {
+  router.push({
+    path: `/person/rwTable`,
+    query: { xh: row.xh, bm: row.bm },
+  });
+};
 
 // 初始化 判断赋值
 const listAssignment = () => {
@@ -618,6 +625,7 @@ const rowState = (row) => {
     };
   }
 };
+
 onMounted(() => {
   if (routers.query.name) {
     data.name = routers.query.name;

vite.config.js

@@ -15,8 +15,9 @@ export default defineConfig({
       // 第一个代理
       "/api": {
         // 匹配到啥来进行方向代理
-        // target: "http://10.0.0.65:8095/", //刘进
+        target: "http://10.0.0.7:8095/", //刘进
-        target: "http://220.191.238.50:996/", //线上
+        // target: "https://jzzf.longyou.gov.cn:998/", //线上
+        // target: "http://220.191.238.50:996/", //线上
         // target: "https://zzdyyfb.dsjj.qz.gov.cn/web/mgop/gov-open/zj/2002428903/reserved/", //线上
         changeOrigin: true, //是否支持跨域
         // rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空，这个