gx

src/components/header.vue

@@ -131,18 +131,14 @@ const data = reactive({
     },
   ],
   urlLeft: [
-    {
-      name: "评估模型",
-      url: "/home/index/table",
-    },
-    {
-      name: "要素一张图",
-      url: "/home/index/map",
-    },
     {
       name: "总体概览",
       url: "/home/index",
     },
+    {
+      name: "评估模型",
+      url: "/home/index/table",
+    },
     // {
     //   name: "养老",
     //   url: "/home/yl",
@@ -159,6 +155,10 @@ const data = reactive({
     //   name: "救助",
     //   url: "/home/work",
     // },
+    {
+      name: "要素一张图",
+      url: "/home/index/map",
+    },
     {
       name: "智能分析",
       url: "/home/analyze",

src/view/analyze.vue

@@ -507,10 +507,10 @@ const dataEc = reactive({
   title: "",
 });
 const nlfb = reactive({
-  year: [2022, 2023, 2024, 2025, 2026],
+  year: [2022, 2023, 2024, 2025, 2026,2027],
-  list1: [0, 1000, 500, 0, 0],
+  list1: [0, 1000, 500, 0, 0,0],
-  list2: [0, 2000, 1000, 0, 0],
+  list2: [0, 2000, 1000, 0, 0,0],
-  list3: [0, 3000, 1500, 0, 0],
+  list3: [0, 3000, 1500, 0, 0,0],
 });
 const showEnrol = () => {
   dialogShowEnrol.value = true;

src/view/dialog/diaLogElderlyData.vue

@@ -188,7 +188,7 @@ const closeDialog = () => {
 :deep(.el-dialog) {
   --el-dialog-bg-color: none;
   --el-dialog-width: 55% !important;
-  --el-dialog-margin-top: 11vh;
+  --el-dialog-margin-top: 14vh;
 }
 
 .my-header {

src/view/dialog/dialogEnrol.vue

@@ -240,7 +240,7 @@ const selectChange1 = (e) => {
 :deep(.el-dialog) {
   --el-dialog-bg-color: none;
   --el-dialog-width: 76% !important;
-  --el-dialog-margin-top: 11vh;
+  --el-dialog-margin-top: 14vh;
   // --el-dialog-margin-bottom: 0px !important;
   margin-bottom: 0px !important;
 }

src/view/dialog/dialogMapDp.vue

@@ -152,7 +152,7 @@ const handleRowClick = (row, column, event) => {
   console.log(row);
   router.push({
     path: `/home/index/person`,
-    query: {nm: row.nm, identNo: row.identNo },
+    query: {nm: row.nm, identNo: row.identNo,type:'map'},
   });
 };
 // 详情弹框

src/view/echart_analyze/dialog_jjlxfb.vue

@@ -35,31 +35,38 @@ const colors = [
   },
 ];
 const maxList = ref([
-  190, 190, 190, 190, 190, 190, 190, 190, 190, 190, 190, 190, 190, 190, 190,
+  18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000, 18000,
+  18000, 18000, 18000, 18000,
 ]);
 // const valueList = [20, 53, 47, 65, 29, 11, 10];
 const data = reactive({
   list: [],
   option: {},
-  Max: 200,
+  Max: 20000,
-  valueList: [20, 53, 47, 65, 29, 11, 10, 20, 53, 47, 65, 29, 11, 10, 30],
+  valueList: [
-  valueList2: [120, 153, 47, 65, 29, 11, 10, 20, 53, 47, 65, 29, 11, 10, 30],
+    4504, 16086, 6130, 2844, 4967, 179, 1685, 5010, 633, 569, 219, 5152, 40,
+    631, 536,
+  ],
+  valueList2: [
+    1181, 2177, 3720, 3711, 4642, 1654, 3395, 5552, 2651, 3468, 5078, 1944,
+    1959, 4593, 3823,
+  ],
   xxname: [
+    "龙洲街道",
     "东华街道",
-    "大街乡",
+    "湖镇镇",
-    "塔石镇",
     "小南海镇",
-    "模环乡",
+    "溪口镇",
     "横山镇",
-    "沐尘畲族乡",
+    "塔石镇",
-    "石佛乡",
+    "詹家镇",
     "罗家乡",
     "庙下乡",
-    "溪口镇",
+    "沐尘畲族乡",
+    "模环乡",
+    "石佛乡",
     "社阳乡",
-    "詹家镇",
+    "大街乡",
-    "龙洲街道",
-    "湖镇镇",
   ],
 });
 // 注册5个面图形:左侧、前面、右面、上面、下面
@@ -294,7 +301,7 @@ const getOption = () => {
     },
     tooltip: {
       trigger: "axis",
-      //   formatter: "{b0}:{c1}",
+        formatter: "{b0}:</br>{a0}:{c0}</br>{a1}:{c1}",
     },
     grid: {
       left: 0,
@@ -630,6 +637,45 @@ const getOption = () => {
         },
         data: data.valueList2,
       },
+      //顶部字体
+      {
+        type: "bar",
+        xAxisIndex: 1,
+        label: {
+          show: true,
+          fontSize: 18,
+          position: "top",
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value - 5;
+          },
+        },
+        itemStyle: {
+          color: "rgba(221, 242, 255, 0)",
+        },
+
+        data: data.valueList.map((item) => parseInt(item) + 5),
+        barWidth: 30,
+      },
+      {
+        type: "bar",
+        xAxisIndex: 1,
+        label: {
+          show: true,
+          fontSize: 18,
+          position: "top",
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value - 5;
+          },
+        },
+        itemStyle: {
+          color: "rgba(221, 242, 255, 0)",
+        },
+
+        data: data.valueList2.map((item) => parseInt(item) + 5),
+        barWidth: 20,
+      },
     ],
   };
 };

src/view/echarts_yl/table_pie.vue

@@ -0,0 +1,272 @@
+<template>
+  <div ref="chart" style="width: 100%; height: 260px"></div>
+</template>
+
+<script setup>
+import { onBeforeMount, reactive, defineProps, ref, nextTick } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from "echarts";
+
+const chart = ref(); // 创建DOM引用
+
+const props = defineProps({
+  list1: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
+  list2: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
+  year: {
+    type: Array,
+    default: () => {
+      return [];
+    },
+  },
+});
+
+const data = reactive({
+  list1: [],
+  list2: [],
+  year: [],
+  option: {},
+});
+const getOption = () => {
+  data.option = {
+    tooltip: {
+      trigger: "axis",
+      formatter: "{b0}<br />{a1}:{c1} <br />{a3}:{c3} ",
+    },
+    legend: {
+      data: ["职工养老保险发放人次", "城乡养老保险发放人次"],
+      top: "8%",
+      right: "11%",
+      textStyle: {
+        fontSize: 16,
+        color: "#ffffff",
+      },
+    },
+    grid: {
+      left: "1%",
+      right: "10%",
+      bottom: "0%",
+      containLabel: true,
+    },
+    calculable: true,
+    xAxis: [
+      {
+        type: "category",
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+          },
+        },
+        data: data.year,
+      },
+      {
+        axisTick: false,
+        type: "category",
+        data: data.year,
+        axisLabel: {
+          show: false,
+        },
+      },
+    ],
+
+    yAxis: [
+      {
+        type: "value",
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: "rgba(226, 226, 226, 0.3)",
+            fontSize: 16,
+            width: 1,
+          },
+        },
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+          },
+        },
+      },
+      {
+        type: "value",
+        splitLine: {
+          show: false,
+          lineStyle: {
+            type: "solid",
+            color: "rgb(221, 242, 255,0.1)",
+          },
+        },
+        axisLine: {
+          show: false,
+          lineStyle: {
+            type: "dotted",
+          },
+        },
+        axisLabel: {
+          show: false,
+          fontSize: 16,
+          fontFamily: "MicrosoftYaHei",
+          color: "#ffffff",
+          lineHeight: 19,
+        },
+      },
+    ],
+    series: [
+      {
+        z: 1,
+        name: "上部1",
+        type: "pictorialBar",
+        symbolPosition: "end",
+        data: data.list1,
+        symbol: "diamond",
+        symbolOffset: ["-60%", "-50%"],
+        symbolSize: [16, 8],
+        itemStyle: {
+          borderColor: "#2fffa4",
+          color: "rgba(142, 187, 255, 1)",
+        },
+      },
+      {
+        z: 1,
+        name: "职工养老保险发放人次",
+        type: "bar",
+        barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/,
+        data: data.list1,
+        barWidth: "18%",
+        itemStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            x2: 1,
+            y: 0,
+            y2: 0,
+            colorStops: [
+              { offset: 0, color: "rgba(142, 187, 255, .7)" },
+              { offset: 0.5, color: "rgba(142, 187, 255, .7)" },
+              { offset: 0.5, color: "rgba(142, 187, 255, .3)" },
+              { offset: 1, color: "rgba(142, 187, 255, .5)" },
+            ],
+          },
+        },
+        // itemStyle: {
+        //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        //     {
+        //       offset: 0,
+        //       color: "rgba(142, 187, 255, 1)",
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: "rgba(142, 187, 255, 0.20)",
+        //     },
+        //   ]),
+        // },
+        label: {
+          show: true,
+          position: "top",
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+      },
+      {
+        z: 2,
+        name: "上部1",
+        type: "pictorialBar",
+        symbolPosition: "end",
+        data: data.list2,
+        symbol: "diamond",
+        symbolOffset: ["62%", "-50%"],
+        symbolSize: [16, 8],
+        itemStyle: {
+          borderColor: "#32ffee",
+          color: "rgba(23, 237, 255, 1)",
+        },
+      },
+      {
+        name: "城乡养老保险发放人次",
+        type: "bar",
+        data: data.list2,
+        // barGap: "-50%",
+        barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/,
+        barWidth: "18%",
+        itemStyle: {
+          color: {
+            type: "linear",
+            x: 0,
+            x2: 1,
+            y: 0,
+            y2: 0,
+            colorStops: [
+              { offset: 0, color: "rgba(23, 237, 255, .7)" },
+              { offset: 0.5, color: "rgba(23, 237, 255, .7)" },
+              { offset: 0.5, color: "rgba(23, 237, 255, .3)" },
+              { offset: 1, color: "rgba(23, 237, 255, .5)" },
+            ],
+          },
+        },
+        // itemStyle: {
+        //   color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+        //     {
+        //       offset: 0,
+        //       color: "rgba(23, 237, 255, 1)",
+        //     },
+        //     {
+        //       offset: 1,
+        //       color: "rgba(23, 237, 255, 0.20)",
+        //     },
+        //   ]),
+        // },
+        label: {
+          show: true,
+          position: "top",
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+      },
+      {
+        type: "bar",
+        xAxisIndex: 1,
+        yAxisIndex: 1,
+        itemStyle: {
+          color: "rgba(221, 242, 255, 0.1)",
+        },
+        data: data.year.map(() => 100),
+        barWidth: 50,
+      },
+    ],
+  };
+};
+const setChart = () => {
+  // Vue3中： 需要引入
+  var myChart = echarts.init(chart.value);
+  // 使用刚指定的配置项和数据显示图表。
+  myChart.setOption(data.option);
+};
+
+// 使用生命钩子
+onBeforeMount(() => {
+  setTimeout(() => {
+    data.list1 = props.list1;
+    data.list2 = props.list2;
+    data.year = props.year;
+    getOption();
+    setChart();
+  }, 600);
+});
+</script>
+
+<style scoped></style>

src/view/hygiene.vue

@@ -119,20 +119,20 @@
           </div>
         </div>
         <div class="center_top">
-          <div class="item">
+          <div class="item5">
-            <img src="@/assets/images/hygiene/mjzrc.png" class="left" />
+            <img src="@/assets/images/hygiene/mjzrc.png" class="left5" />
-            <div class="right">
+            <div class="right5">
-              <div class="right_top font">门急诊人次</div>
+              <div class="right5_top font">门急诊人次</div>
-              <img src="@/assets/images/hygiene/jt.png" class="right_center" />
+              <img src="@/assets/images/hygiene/jt.png" class="right5_center" />
-              <div class="right_bottom">{{ data.mz.mjzrc }}</div>
+              <div class="right5_bottom">{{ data.mz.mjzrc }}</div>
             </div>
           </div>
-          <div class="item">
+          <div class="item5">
-            <img src="@/assets/images/hygiene/zyrs.png" class="left" />
+            <img src="@/assets/images/hygiene/zyrs.png" class="left5" />
-            <div class="right">
+            <div class="right5">
-              <div class="right_top font">住院人数</div>
+              <div class="right5_top font">住院人数</div>
-              <img src="@/assets/images/hygiene/jt.png" class="right_center" />
+              <img src="@/assets/images/hygiene/jt.png" class="right5_center" />
-              <div class="right_bottom">{{ data.mz.zyrs }}</div>
+              <div class="right5_bottom">{{ data.mz.zyrs }}</div>
             </div>
           </div>
         </div>
@@ -163,20 +163,20 @@
             </div>
           </div>
           <div class="minTopPart2">
-            <div class="left">
+            <div class="left5">
-              <div class="leftImg">
+              <div class="leftImg5">
                 <eP4 :list="data.jkda.jdl" v-if="showEchart"></eP4>
               </div>
-              <div class="left_me">
+              <div class="left5_me">
                 <div>建档率</div>
                 <div class="bo">{{ data.jkda.jdl }}%</div>
               </div>
             </div>
-            <div class="right">
+            <div class="right5">
-              <div class="rightImg">
+              <div class="rightImg5">
                 <eP4_1 :list="data.jkda.jtysqyl" v-if="showEchart"></eP4_1>
               </div>
-              <div class="right_me">
+              <div class="right5_me">
                 <div>家庭医生签约率</div>
                 <div class="bo">{{ data.jkda.jtysqyl }}%</div>
               </div>
@@ -734,26 +734,26 @@ const getData = async () => {
   display: flex;
   align-items: center;
   justify-content: space-around;
-  .item {
+  .item5 {
     display: flex;
     align-items: center;
-    .left {
+    .left5 {
       width: 102px;
       height: 102px;
     }
-    .right {
+    .right5 {
       margin-left: 10px;
-      .right_top {
+      .right5_top {
         font-size: 16px;
         color: #ffffff;
         line-height: 22px;
         letter-spacing: 2px;
       }
-      .right_center {
+      .right5_center {
         width: 100px;
         height: 7px;
       }
-      .right_bottom {
+      .right5_bottom {
         margin-top: 3px;
         padding: 5px;
         font-size: 22px;
@@ -1186,16 +1186,16 @@ const getData = async () => {
   margin-top: 35px;
   padding: 0 5px;
   box-sizing: border-box;
-  .left {
+  .left5 {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: 13px;
-    .leftImg {
+    .leftImg5 {
       width: 90px;
       height: 90px;
     }
-    .left_me {
+    .left5_me {
       margin-left: 10px;
       display: flex;
       flex-direction: column;
@@ -1218,16 +1218,16 @@ const getData = async () => {
       }
     }
   }
-  .right {
+  .right5 {
     display: flex;
     align-items: center;
     // justify-content: center;
 
-    .rightImg {
+    .rightImg5 {
       width: 90px;
       height: 90px;
     }
-    .right_me {
+    .right5_me {
       margin-left: 10px;
       display: flex;
       flex-direction: column;

src/view/person/index.vue

@@ -9,7 +9,7 @@
           <div class="my-info-item">
             <div class="my-info-label">姓&emsp;&emsp;名</div>
             <div class="my-info-content">
-              <p>{{ baseInfo.nm }}</p>
+              <p>{{ baseInfo.nm || baseInfo.xm}}</p>
             </div>
           </div>
           <div class="my-info-item">
@@ -21,7 +21,8 @@
           <div class="my-info-item">
             <div class="my-info-label">证件号码</div>
             <div class="my-info-content">
-              <p>{{ baseInfo.identNo }}</p>
+              <p>******************</p>
+               <!-- <p>{{ baseInfo.identNo }}</p> -->
             </div>
           </div>
           <div class="my-info-item">
@@ -34,7 +35,8 @@
             <div class="my-info-label">居住状态</div>
             <div class="my-info-content">
               <p v-if="baseInfo.jzzt == 1">居住</p>
-              <p v-else>未居住</p>
+              <p v-else-if="baseInfo.jzzt == 0">未居住</p>
+              <p v-else></p>
             </div>
           </div>
           <div class="my-info-item">
@@ -52,7 +54,7 @@
           <div class="my-info-item">
             <div class="my-info-label">户口登记地</div>
             <div class="my-info-content">
-              <p>{{ baseInfo.domicAddr }}</p>
+              <p>{{ baseInfo.domicAddr || baseInfo.dz }}</p>
             </div>
           </div>
         </div>
@@ -408,13 +410,59 @@ const getData = (nm, identNo) => {
             item.show = Number(res.data[item.jkName]);
           }
         });
+        if(res.data.yljlx){
+          data.value=[
+            {
+              type:res.data.yljlx,
+              date:res.data.yljffrq,
+              sum:res.data.yljffje
+            }
+          ]
+        }else{
+           data.value=[]
+        }
         // console.log(dataMyTag.myTag, 555);
       }
     });
 };
+// const getData2 = (nm, identNo) => {
+//   http
+//     .get(`/api/ggfwyth/pg/lyxsdbrymdDetails?xm=${nm}&sfzhm=${identNo}`)
+//     .then((res) => {
+//       if (res.code == 200) {
+//         baseInfo.value = res.data;
+
+//         // dataMyTag.myTag.map((item) => {
+//         //   if (res.data[item.jkName]) {
+//         //     item.show = Number(res.data[item.jkName]);
+//         //   }
+//         // });
+//         if(res.data.yljlx){
+//           data.value=[
+//             {
+//               type:res.data.yljlx,
+//               date:res.data.yljffrq,
+//               sum:res.data.yljffje
+//             }
+//           ]
+//         }else{
+//            data.value=[]
+//         }
+//         // console.log(dataMyTag.myTag, 555);
+//       }
+//     });
+// };
 onMounted(() => {
   // console.log(routers.query);
+  if(routers.query.type == 'map'){
     getData(routers.query.nm, routers.query.identNo);
+  }else{
+    // getData2(routers.query.nm, routers.query.identNo);
+    baseInfo.value.nm=routers.query.nm;
+    baseInfo.value.dz=routers.query.dz;
+    baseInfo.value.identNo=routers.query.identNo;
+  }
+  
 });
 </script>
 

src/view/sy_details.vue

@@ -19,6 +19,7 @@
           class="table_border"
           :row-style="rowState"
           :header-cell-style="tableHeaderColor"
+          @row-click="handleRowClick"
         >
           <el-table-column prop="xm" label="姓名" width="90" />
           <el-table-column prop="dz" label="地址" />
@@ -115,7 +116,7 @@
         >
           <el-table-column prop="fullName" label="姓名" width="90" />
           <el-table-column prop="address" label="地址" />
-          <el-table-column prop="age" label="年龄" width="60"/>
+          <el-table-column prop="age" label="年龄" width="60" />
           <!-- <el-table-column prop="IDNumber" label="身份证号" /> -->
           <el-table-column prop="PopulationLabel" label="人口标签" />
         </el-table>
@@ -137,7 +138,9 @@
 <script setup>
 import { ref, reactive, onMounted } from "vue";
 import http from "@/utils/request.js";
-
+import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const routers = useRoute();
 const data = reactive({
   pagedData: [],
   first: true,
@@ -591,7 +594,14 @@ const getTable = async (url, currentPage) => {
       }
     });
 };
-
+const handleRowClick = (row, column, event) => {
+  // row 是当前行的数据
+  console.log(row);
+  router.push({
+    path: `/home/index/person`,
+    query: { nm: row.xm, identNo: row.sfzhm, dz: row.dz, type: "detail" },
+  });
+};
 onMounted(() => {
   getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage);
   handleCurrentChange(1);

src/view/sy_mapcopy.vue

@@ -47,7 +47,7 @@
                       'below-line2': index % 2 === 0,
                     },
                   ]"
-                  >{{ (item.progress).toFixed(2) + "%" }}</span
+                  >{{ item.progress.toFixed(2) + "%" }}</span
                 >
                 <span
                   style="color: #fff; white-space: nowrap"
@@ -111,7 +111,7 @@
       <div class="right" style="width: 517px">
         <div class="jbggfwq">
           <div class="title">
-            <div class="title_name" ><span> 基本公共服务圈</span></div>
+            <div class="title_name"><span> 基本公共服务圈</span></div>
           </div>
           <div class="jbggfwq_content">
             <div
@@ -161,7 +161,7 @@
         @handle="handlePagination"
       >
         <template #jzzt="{ currentCol, currentData }">
-        <div v-if="currentData.jzzt==1">居住</div>
+          <div v-if="currentData.jzzt == 1">居住</div>
           <div v-else>未居住</div>
         </template>
       </Dialog>
@@ -239,7 +239,7 @@ const cfJd = ref("");
 //存放村社
 const cfCs = ref("");
 //点击存放村社暂时
-const cfCsZs=ref('')
+const cfCsZs = ref("");
 //地图
 var map = null;
 //默认龙游县灰色地块
@@ -970,7 +970,7 @@ const tableType = reactive({
     {
       label: "居住状态",
       property: "jzzt",
-      type:'slot'
+      type: "slot",
     },
     {
       label: "民族",
@@ -986,9 +986,7 @@ const tableType = reactive({
       width: "300px",
     },
   ],
-  data: [
+  data: [],
- 
-  ],
 });
 // 表格分页
 const pagination = reactive({
@@ -1032,7 +1030,7 @@ const clear = () => {
   title_cs.value = "";
   cfJd.value = "";
   cfCs.value = "";
-  cfCsZs.value='';
+  cfCsZs.value = "";
   cs_un_choose_arr.value.forEach((item, index) => {
     map.removeOverlay(cs_un_choose_arr.value[index]);
   });
@@ -1140,7 +1138,6 @@ const getData = async (i, e) => {
             percent: item.percent,
           });
         });
-        // console.log(personTotal.value,"111");
         // 年龄百分比
         const agename = [
           "09Percent",
@@ -1275,6 +1272,7 @@ const getDatas = async (e, i) => {
               cs_dd_arr.value.forEach((item, index) => {
                 map.removeOverlay(cs_dd_arr.value[index]);
               });
+
               cs_dd_arr.value = [...xuanzhongCs.value];
               cs_dd_arr.value.map((item, index) => {
                 DGcreateCs2(item, index);
@@ -1750,8 +1748,6 @@ const open_detail = () => {
     person_detail(age);
     dialogShow.value = true;
   }
-  
-  
 };
 const close = () => {
   dialogShow.value = false;
@@ -1778,11 +1774,13 @@ const person_detail = (age) => {
     .get(
       `/api/ggfwyth/ysyzt/getRysmzq?page=${pagination.currentPage}&size=${
         pagination.pageSize
-      }&age=${age || ""}&committee=${cfCsZs.value || ""}&town=${cfJd.value || ""}`
+      }&age=${age || ""}&committee=${cfCsZs.value || ""}&town=${
+        cfJd.value || ""
+      }`
     )
     .then((res) => {
       if (res.code == 200) {
-        tableType.data=res.data;
+        tableType.data = res.data;
         pagination.total = res.count;
       }
     });
@@ -2389,7 +2387,12 @@ const addPolygonCountyCs = () => {
           //   getDataBqs(cfJd.value, cfCs.value);
         }
         //这段注意
-        getDatas2(cfJd.value, choose.value.person, cfCs.value);
+        if (choose.value.person == 1) {
+          getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
+        } else {
+          getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
+        }
+        // getDatas2(cfJd.value, choose.value.person, cfCs.value);
         addCsChoose();
         addCsUnChoose();
         // if (choose.value.person == "") {
@@ -2482,7 +2485,12 @@ const addCsUnChoose = () => {
         // });
         // getDataBqs(cfJd.value, cfCs.value);
         getDataBq(cfJd.value, cfCs.value);
-        getDatas2(cfJd.value, choose.value.person, cfCs.value);
+              if (choose.value.person == 1) {
+          getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
+        } else {
+          getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
+        }
+        // getDatas2(cfJd.value, choose.value.person, cfCs.value);
         // if (
         //   choose.value.person == "cjr" ||
         //   choose.value.person == "dibian" ||
@@ -2667,7 +2675,7 @@ const createCs2 = (polygon, indexx) => {
   });
   map.addOverlay(cs_number_name_arr.value[indexx]);
   cs_number_name_arr.value[indexx].addEventListener("click", () => {
-    cfCsZs.value=polygon.name;
+    cfCsZs.value = polygon.name;
     if (
       choose.value.person == "cjr" ||
       choose.value.person == "dibian" ||
@@ -2737,10 +2745,10 @@ const DGcreateCs = (polygon, indexx) => {
 };
 //添加单个村社(+数量)
 const DGcreateCs2 = (polygon, indexx) => {
-  console.log(choose.value.person, "单个村社", polygon);
+  // console.log(choose.value.person, "单个村社", polygon);
-  console.log("单个村社", polygon.name);
+  // console.log("单个村社", polygon.name);
-  console.log("单个村社", polygon.number);
+  // console.log("单个村社", polygon.number);
-  console.log("单个村社", polygon.swrs);
+  // console.log("单个村社", polygon.swrs);
   function createLabelDOM() {
     var content = document.createElement("div");
     content.style.display = "flex";
@@ -2818,7 +2826,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);
-    cfCsZs.value=polygon.name;
+    cfCsZs.value = polygon.name;
     if (
       choose.value.person == "cjr" ||
       choose.value.person == "dibian" ||

src/view/sy_table.vue

@@ -36,9 +36,9 @@
         </div>
       </div>
     </div>
-    <div class="displayFlex right_bg">
+    <div class="displayFlex right_bg" v-if="gk">
       <div class="formText">
-        <div class="formText_top">
+        <div class="formText_top" v-if="show_7yx">
           <div class="yd_title left_1">
             <div class="animate-border">
               <i></i>
@@ -102,7 +102,7 @@
           </div>
         </div>
         <div class="formText_bootom">
-          <div class="yd_title left_2">
+          <div class="yd_title left_2" :style="{'margin-top': show_7yx ? '40px' : '0px'}">
             <div class="animate-border">
               <i></i>
               <i></i>
@@ -143,11 +143,15 @@
         </div>
       </div>
     </div>
+    <work v-if="gaikuangList.work"></work>
+    <education v-if="gaikuangList.education"></education>
+    <yl v-if="gaikuangList.yl"></yl>
+    <hygiene v-if="gaikuangList.hygiene"></hygiene>
   </div>
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from "vue";
+import { ref, reactive, onMounted, computed } from "vue";
 import icon1 from "@/assets/sy-table/sy-table9.png";
 import icon2 from "@/assets/sy-table/sy-table10.png";
 import icon3 from "@/assets/sy-table/sy-table11.png";
@@ -164,7 +168,10 @@ import Bj1 from "@/assets/sy-table/sy-table7.png";
 import Bj2 from "@/assets/sy-table/sy-table4.png";
 import Bj3 from "@/assets/sy-table/sy-table5.png";
 import Bj4 from "@/assets/sy-table/sy-table6.png";
-
+import work from "./table_gk/gk_work.vue";
+import education from "./table_gk/gk_education.vue";
+import yl from "./table_gk/gk_yl.vue";
+import hygiene from "./table_gk/gk_hygiene.vue";
 import { useRouter, useRoute } from "vue-router";
 import http from "@/utils/request.js";
 import { ElMessage } from "element-plus";
@@ -186,7 +193,7 @@ const goto = (url, val) => {
 
 const data = reactive({
   taps1: "6",
-  taps: "0",
+  taps: "1",
   tabPosition: [
     {
       id: "0",
@@ -216,18 +223,22 @@ const data = reactive({
       son: [
         {
           id: "0",
-          name: "学前教育助学服务",
+          name: "概况",
         },
         {
           id: "1",
-          name: "义务教育服务",
+          name: "学前教育助学服务",
         },
         {
           id: "2",
-          name: "普通高中助学服务",
+          name: "义务教育服务",
         },
         {
           id: "3",
+          name: "普通高中助学服务",
+        },
+        {
+          id: "4",
           name: "中等职业教育助学服务",
         },
       ],
@@ -256,14 +267,18 @@ const data = reactive({
       son: [
         {
           id: "0",
-          name: "公共卫生服务",
+          name: "概况",
         },
         {
           id: "1",
-          name: "医疗保险服务",
+          name: "公共卫生服务",
         },
         {
           id: "2",
+          name: "医疗保险服务",
+        },
+        {
+          id: "3",
           name: "计划生育扶助服务",
         },
       ],
@@ -276,10 +291,14 @@ const data = reactive({
       son: [
         {
           id: "0",
-          name: "养老助老服务",
+          name: "概况",
         },
         {
           id: "1",
+          name: "养老助老服务",
+        },
+        {
+          id: "2",
           name: "养老保险服务",
         },
       ],
@@ -308,14 +327,18 @@ const data = reactive({
       son: [
         {
           id: "0",
-          name: "社会救助服务",
+          name: "概况",
         },
         {
           id: "1",
-          name: "法律援助服务",
+          name: "社会救助服务",
         },
         {
           id: "2",
+          name: "法律援助服务",
+        },
+        {
+          id: "3",
           name: "扶残助残服务",
         },
       ],
@@ -462,13 +485,48 @@ const data = reactive({
   ],
   Bj: [Bj, Bj1, Bj2, Bj3, Bj4],
 });
+const gaikuangList = reactive({
+  work: false,
+  education: false,
+  yl: false,
+  hygiene: false,
+});
+//是否显示七优享
+const show_7yx=ref(true);
+const gk = computed(() => {
+  if (
+    gaikuangList.work ||
+    gaikuangList.hygiene ||
+    gaikuangList.education ||
+    gaikuangList.yl
+  ) {
+    return false;
+  } else {
+    return true;
+  }
+});
 
 const tapshow = (parentId, childId) => {
-  // console.log(parentId, childId, "菜单名");
+  console.log(parentId, childId, "菜单名");
   data.taps1 = parentId.id;
   data.taps = childId;
+  if (
+    childId == 0 &&
+    (parentId.name == "弱有所扶" ||
+      parentId.name == "学有所教" ||
+      parentId.name == "老有所养" ||
+      parentId.name == "病有所医")
+  ) {
+    gaikuang(parentId.name);
+  } else {
+    // gaikuangList.work = false;
+    // gaikuangList.education = false;
+    // gaikuangList.yl = false;
+    // gaikuangList.hygiene = false;
+      for (let name in gaikuangList) {
+      gaikuangList[name]=false;
+  }
     getData(parentId.name, parentId.son[childId].name);
-
     // 菜单名匹配
     const menuName = [
       "幼有善育",
@@ -483,7 +541,11 @@ const tapshow = (parentId, childId) => {
     const firstChar = parentId.name.charAt(0);
     const matchingMenu = menuName.find((name) => name.charAt(0) === firstChar);
     if (matchingMenu) {
+      show_7yx.value=true;
       sevenYX(matchingMenu);
+    }else{
+      show_7yx.value=false;
+    }
   }
 };
 const toggleVisibility = (val) => {
@@ -494,9 +556,25 @@ const toggleVisibility = (val) => {
       parent.visible = !parent.visible;
     }
   });
-  tapshow(val,0)
+  console.log(val);
-};
 
+  tapshow(val, 0);
+};
+const gaikuang = (name) => {
+  console.log(4444, name);
+  for (let name in gaikuangList) {
+      gaikuangList[name]=false;
+  }
+  if (name == "弱有所扶") {
+    gaikuangList.work = true;
+  } else if (name == "学有所教") {
+    gaikuangList.education = true;
+  } else if (name == "老有所养") {
+    gaikuangList.yl = true;
+  } else if (name == "病有所医") {
+    gaikuangList.hygiene = true;
+  }
+};
 // 服务表格样式
 const tableHeaderColor = (arg) => {
   return {
@@ -545,7 +623,8 @@ const getData = async (name, fullName) => {
               Bj: data.Bj[imageIndex],
               name: item.sx,
               text: item.bmfxqk,
-              progress: item.xh,
+              // progress: item.xh,
+              progress: '95', //进度条
             });
           });
         }
@@ -866,7 +945,7 @@ onMounted(() => {
   background-size: 100% 100%;
   // cursor: pointer;
   margin-bottom: 30px;
-  margin-top: 40px;
+  // margin-top: 40px;
 }
 </style>
 <style lang="scss" scoped>

src/view/yl.vue

@@ -217,10 +217,7 @@
           </div>
         </div>
         <div class="history">
-          <div
+          <div class="history1" @click="showMapDialog('养老机构')">
-            class="history1"
-            @click="showMapDialog('养老机构')"
-          >
             <div>
               <span>{{ data.yljgzlzx.yljg }}<span class="unit">个</span></span>
             </div>
@@ -445,10 +442,10 @@ const showDialog = (title, url, coulumn) => {
   getTable(url, pagination.currentPage);
 };
 //养老机构地图
-const showMapDialog =(title)=>{
+const showMapDialog = (title) => {
   mapTitle.value = title;
   dialogShowMap.value = true;
-}
+};
 //获取表格数据
 const getTable = (url, currentPage) => {
   http
@@ -657,7 +654,7 @@ const getData = () => {
       // 计划生育
       res.data.familyPlanning.familyPlanningData.forEach((element) => {
         data.centerBottom1.push(element.jhsyrs); // 人次
-        data.centerBottom2.push((element.jhsybtje / 10000)); // 金额
+        data.centerBottom2.push(element.jhsybtje / 10000); // 金额
         // data.centerBottom2.push(element.jhsybtje); // 金额
       });
       // 年份
@@ -668,9 +665,20 @@ const getData = () => {
       // 助老服务
       data.smfwcs = res.data.zlfw.smfwcs;
       // 乡镇助餐次数
-      res.data.zlfw.xzzccs.forEach((element) => {
+      let elements = res.data.zlfw.xzzccs;
+      // 先处理 zccs 不等于 0 的元素
+      elements.forEach((element) => {
+        if (element.zccs !== 0) {
           data.zccs1.push(element.xzjd); // 地点
           data.zccs2.push(element.zccs); // 次数
+        }
+      });
+      // 处理 zccs 等于 0 的元素
+      elements.forEach((element) => {
+        if (element.zccs === 0) {
+          data.zccs1.push(element.xzjd); // 地点
+          data.zccs2.push(element.zccs); // 次数
+        }
       });
     }
     showEchart.value = true;