gx

src/components/header.vue

@@ -1,8 +1,11 @@
 <template>
-
   <teleport to="body">
-    <div class="header_content" style="position: absolute;z-index: 999;width: 1920px;">
+    <div
+      class="header_content"
+      style="position: absolute; z-index: 999; width: 1920px"
+    >
       <div class="header">
+        <div class="headerGo" @click="to('/guide')"></div>
         <!-- <img class="title" src="../assets/img_07.png" alt="" /> -->
         <!-- <div class="time">
       <div id="date-display"></div>
@@ -11,14 +14,20 @@
 
         <div class="header-menu">
           <div class="header-menu-item header-menu-left">
-            <div :class="data.nowTab == item.url ? 'leftItemC' : 'leftItem'" v-for="item in data.urlLeft.slice(0, 4)"
+            <div
-              :key="item.name">
+              :class="data.nowTab == item.url ? 'leftItemC' : 'leftItem'"
+              v-for="item in data.urlLeft.slice(0, 4)"
+              :key="item.name"
+            >
               <div class="itemText" @click="to(item.url)">{{ item.name }}</div>
             </div>
           </div>
           <div class="header-menu-item header-menu-right">
-            <div :class="data.nowTab == item.url ? 'rightItemC' : 'rightItem'" v-for="item in data.urlLeft.slice(4, 8)"
+            <div
-              :key="item.name">
+              :class="data.nowTab == item.url ? 'rightItemC' : 'rightItem'"
+              v-for="item in data.urlLeft.slice(4, 8)"
+              :key="item.name"
+            >
               <div class="itemText" @click="to(item.url)">{{ item.name }}</div>
             </div>
           </div>
@@ -27,13 +36,12 @@
         <img src="../assets/RightLine.gif" class="leftLineClass" />
       </div>
     </div>
-     
   </teleport>
 </template>
 
 <script setup>
 import { ref, reactive, toRefs, onMounted, inject, nextTick, watch } from "vue";
-import { useRouter, useRoute } from "vue-router"; 
+import { useRouter, useRoute } from "vue-router";
 const updateClock = () => {
   //获取当前时间
   const now = new Date();
@@ -102,7 +110,7 @@ const data = reactive({
     },
   ],
   nowTab: "/home/index",
-}); 
+});
 onMounted(() => {
   // 初始调用 updateClock 以立即显示时间
   updateClock();
@@ -114,7 +122,17 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
+.headerGo {
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  right: 50%;
+  width: 700px;
+  height: 80px;
+  transform: translate(50%, 8%);
+}
 .header {
+  position: relative;
   background-image: url(../assets/headerBg.png);
   background-size: 100% 100%;
   display: flex;
@@ -251,7 +269,7 @@ onMounted(() => {
   }
 }
 
-.header_content{
+.header_content {
   background: url("../assets/bgImg.png") no-repeat 0/100% 100%;
 }
 </style>

src/view/echarts_sy/zwfw1.vue

@@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
 const dataList = [
   {
     name: "2.0收件数",
-    value: 33044,
+    value: 42277,
   },
   {
     name: "总收件数",
-    value: 33295,
+    value: 42632,
   },
 ];
 //内圈数据

src/view/echarts_sy/zwfw2.vue

@@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
 const dataList = [
   {
     name: "超期受理数",
-    value: 9,
+    value: 3,
   },
   {
     name: "应受理数",
-    value: 32561,
+    value: 41341,
   },
 ];
 var data = [

src/view/echarts_sy/zwfw3.vue

@@ -11,11 +11,11 @@ const chart = ref(); // 创建DOM引用
 const dataList = [
   {
     name: "超期办理数",
-    value: 7,
+    value: 0,
   },
   {
     name: "应办理数",
-    value: 31615,
+    value: 39196,
   },
 ];
 var data = [

src/view/sy.vue

@@ -396,7 +396,7 @@
                   <div class="right">
                     <div class="name">平均受理时长</div>
                     <img class="line" src="@/assets/images/sy/zwfw_line.png" />
-                    <div class="time"><span>0.22</span>小时</div>
+                    <div class="time"><span>0.28</span>小时</div>
                   </div>
                 </div>
                 <div class="fgx"></div>
@@ -405,7 +405,7 @@
                   <div class="right">
                     <div class="name">平均办理时长</div>
                     <img class="line" src="@/assets/images/sy/zwfw_line.png" />
-                    <div class="time"><span>0.54</span>小时</div>
+                    <div class="time"><span>0.78</span>小时</div>
                   </div>
                 </div>
               </div>

src/view/sy_details.vue

@@ -20,9 +20,9 @@
           :row-style="rowState"
           :header-cell-style="tableHeaderColor"
         >
-          <el-table-column prop="xm" label="姓名" width="60" />
+          <el-table-column prop="xm" label="姓名" width="90" />
           <el-table-column prop="dz" label="地址" />
-          <el-table-column prop="nl" label="年龄" />
+          <el-table-column prop="nl" label="年龄" width="60" />
           <!-- <el-table-column prop="sfzhm" label="身份证号" /> -->
           <el-table-column prop="bq" label="人口标签" />
         </el-table>
@@ -113,9 +113,9 @@
           :row-style="rowState"
           :header-cell-style="tableHeaderColor"
         >
-          <el-table-column prop="fullName" label="姓名" width="60" />
+          <el-table-column prop="fullName" label="姓名" width="90" />
           <el-table-column prop="address" label="地址" />
-          <el-table-column prop="age" label="年龄" />
+          <el-table-column prop="age" label="年龄" width="60"/>
           <!-- <el-table-column prop="IDNumber" label="身份证号" /> -->
           <el-table-column prop="PopulationLabel" label="人口标签" />
         </el-table>
@@ -513,7 +513,7 @@ const data = reactive({
 // 表格分页
 const pagination = reactive({
   total: 10,
-  pageSize: 10,
+  pageSize: 20,
   currentPage: 1,
 });
 const pagination1 = reactive({
@@ -523,7 +523,7 @@ const pagination1 = reactive({
 });
 const pagination2 = reactive({
   total: 10,
-  pageSize: 10,
+  pageSize: 20,
   currentPage: 1,
 });
 //表格分页

src/view/sy_map.vue

@@ -142,6 +142,13 @@ import b6 from "@/assets/images/map/b6.png";
 import xcbg from "@/assets/images/map/xcbg.png";
 import AED from "@/assets/images/map/AED.png";
 
+const data = reactive({
+  serviceCircleList: [],
+  fwqCoordinates: "", //服务圈中心坐标
+  fwqCoordinates1: [], //服务圈中心坐标
+  fwqCoordinates2: [], //服务圈中心坐标
+});
+
 //删除(存放渲染的地块及图标)
 const jdm_arr = ref([]);
 const jdm_number_arr = ref([]);
@@ -459,9 +466,11 @@ const BMAP = () => {
 // 添加服务圈
 var circle;
 const drawACircle = (v) => {
+  console.log(data.fwqCoordinates);
+  // forEach;
   if (!circle) {
-    var point = new BMapGL.Point(119.184803, 28.853725);
+    var point = new BMapGL.Point(data.fwqCoordinates1, data.fwqCoordinates2);
-    circle = new BMapGL.Circle(point, 900, {
+    circle = new BMapGL.Circle(point, 1000, {
       strokeColor: "yellow",
       strokeWeight: 2,
 
@@ -480,7 +489,7 @@ const drawACircle = (v) => {
     circle.show();
     map.addOverlay(circle);
     map.setViewport({
-      center: new BMapGL.Point(119.184803, 28.853725),
+      center: new BMapGL.Point(data.fwqCoordinates1, data.fwqCoordinates2),
       zoom: 14,
     });
   }
@@ -560,7 +569,7 @@ const addPolygonCounty = () => {
               choose.value.person == "tyjr" ||
               choose.value.person == "kjer"
             ) {
-              console.log(5555555555555555);
+              // console.log(5555555555555555);
               // getDataBq(cfJd.value, "");
               getDataBqs2(cfJd.value, cfCs.value, choose.value.person, false);
             } else {
@@ -834,7 +843,7 @@ const addCsUnChoose = () => {
           map.removeOverlay(cs_qk_arr.value[index]);
         });
         getDataBqs(cfJd.value, cfCs.value);
-         getDataBq(cfJd.value, cfCs.value);
+        getDataBq(cfJd.value, cfCs.value);
         getDatas2(cfJd.value, choose.value.person, cfCs.value);
         if (
           choose.value.person == "cjr" ||
@@ -962,7 +971,7 @@ const createCustomOverlayJd2 = (polygon, indexx) => {
   }
   let num = "";
   if (choose.value.person == "6666") {
-    console.log(1);
+    // console.log(1);
     num = "swrs";
   } else if (
     choose.value.person == "cjr" ||
@@ -1268,14 +1277,29 @@ const DGcreateCs2 = (polygon, indexx) => {
 //创建公共服务圈
 const addggfwq = () => {
   if (fwqList.value) {
+    data.fwqCoordinates1 = [];
+    data.fwqCoordinates1 = [];
+    // console.log(fwqList.value,444);
     fwqList.value.map((item, index) => {
+      data.fwqCoordinates1.push(item.point[0]);
+      data.fwqCoordinates2.push(item.point[1]);
       createCustomOverlay(item, index);
     });
+
+    function calculateAverage(coordinates) {
+      const numericCoordinates = coordinates.map(Number); // 将字符串转换为数字
+      const sum = numericCoordinates.reduce((acc, val) => acc + val, 0); // 计算总和
+      return sum / numericCoordinates.length; // 计算平均值
+    }
+    data.fwqCoordinates1 = calculateAverage(data.fwqCoordinates1);
+    data.fwqCoordinates2 = calculateAverage(data.fwqCoordinates2);
+    // console.log(average1,average2, 555);
+    drawACircle();
   }
 };
 // 添加公共服务圈的图标
 const createCustomOverlay = (polygon, indexx) => {
-  drawACircle();
+  data.fwqCoordinates = polygon.point;
   function createLabelDOM() {
     var content = document.createElement("div");
     content.style.display = "flex";
@@ -1455,16 +1479,15 @@ const changeFwq = async (id, list, center, name, names) => {
     fwq_list_arr.value.forEach((item, index) => {
       map.removeOverlay(fwq_list_arr.value[index]); // 清空服务圈 图标
     });
-
     drawACircle("hide"); //隐藏服务圈  圆
   } else {
     await getServiceCircle(names, name);
     choose.value.fwq = id;
     map.clearOverlays(); //清空地图上所有的覆盖物
-    choose.value.person=''
+    choose.value.person = "";
     addggfwq(); //创建公共服务圈
     setTimeout(() => {
-      goMapCenter(center, 16); //中心点缩放
+      goMapCenter([data.fwqCoordinates1,data.fwqCoordinates2], 16); //中心点缩放
     }, 500);
   }
 };
@@ -2605,14 +2628,16 @@ const getDataBqJD = async (bq) => {
 
   await http.get(`/api/ggfwyth/ysyzt/getTsbqByXzjdOrCsq`, data).then((res) => {
     if (res.code == 200) {
-      mapTownCount.map((item) => {
+      if (res?.data) {
-        item.numbers = 0;
+        mapTownCount.map((item) => {
-        res.data.map((items) => {
+          item.numbers = 0;
-          if (items.xzjd == item.name) {
+          res.data.map((items) => {
-            item.numbers = items.rs;
+            if (items.xzjd == item.name) {
-          }
+              item.numbers = items.rs;
+            }
+          });
         });
-      });
+      }
     }
   });
 };
@@ -2889,11 +2914,12 @@ onMounted(() => {
 
   .jbggfwq {
     .jbggfwq_content {
-      height: 550px;
+      height: 500px;
       overflow: auto;
-      margin-top: 15px;
       display: flex;
       flex-direction: column;
+      margin-top: 15px;
+      margin-bottom: 34px;
 
       .jbggfwq_content_item {
         margin-bottom: 5px;
@@ -2912,8 +2938,8 @@ onMounted(() => {
           width: 370px;
           display: flex;
           flex-flow: row wrap;
-          border-radius: 6px;
           overflow: hidden;
+          // border-radius: 6px;
 
           .jbggfwq_content_item_right_item {
             cursor: pointer;
@@ -2968,7 +2994,7 @@ onMounted(() => {
   }
 
   .zyys {
-    margin-top: 25px;
+    // margin-top: 25px;
     .zyys_content {
       margin-top: 20px;
       box-sizing: border-box;
@@ -2977,14 +3003,14 @@ onMounted(() => {
       flex-flow: row wrap;
 
       .zyys_content_item {
+        width: 110px;
+        height: 54px;
         cursor: pointer;
-        margin-bottom: 15px;
+        margin-bottom: 20px;
         color: #ffffff;
         display: flex;
         align-items: center;
         justify-content: center;
-        width: 110px;
-        height: 42px;
         background: rgba(124, 151, 180, 0.8);
 
         .zyys_content_item_left {

src/view/sy_table.vue

@@ -6,9 +6,15 @@
       <div class="menuBar">
         <div class="tabPosition" v-for="(item, index) in data.tabPosition">
           <div class="tabPositionBox" @click="toggleVisibility(item)">
-            <div class="img"><img :src="item.img" alt="" /></div>
+            <div style="display: flex;text-align: center;" >
-            <div class="tabsItem">
+              <div class="img"><img :src="item.img" alt="" /></div>
-              {{ item.name }}
+              <div class="tabsItem">
+                {{ item.name }}
+              </div>
+            </div>
+            <div class="img1">
+              <img src="@/assets/sy-table/sy-table21.png" v-if="item.visible" />
+              <img src="@/assets/sy-table/sy-table20.png" v-else />
             </div>
           </div>
           <transition name="fade-scale">
@@ -506,21 +512,25 @@ const rowState = (row) => {
       color: #ffffff;
       text-align: left;
       font-style: normal;
-      font-family: YouSheBiaoTiHei;
+      // font-family: YouSheBiaoTiHei;
+      font-family: titleNore;
       text-shadow: 0px 2px 4px rgba(56, 50, 50, 0.5);
+      padding: 19px 0 0 17px;
     }
     .lineEnd {
       height: 3px;
       border-top: 1px solid #fff;
       border-bottom: 1px dashed #fff;
+      width: 180px;
       margin: 17px 0;
+      margin-left: 16px;
     }
 
     .menuBar::-webkit-scrollbar {
       display: none; /* Chrome Safari */
     }
     .menuBar {
-      height: 100vh;
+      height: 100%;
       overflow-y: auto;
     }
     .tabPosition {
@@ -537,9 +547,18 @@ const rowState = (row) => {
       margin-right: 10px;
       vertical-align: middle;
     }
+    .tabPosition .img1 {
+      img {
+      width: 20px;
+      height: 10px;
+      margin-right: 24px;
+      vertical-align: middle;
+    }
+    }
     .tabPositionBox {
       display: flex;
       align-items: center;
+      justify-content: space-between;
       margin: 12px 0 12px 19px;
       cursor: pointer;
     }
@@ -547,10 +566,20 @@ const rowState = (row) => {
       font-size: 18px;
       display: flex;
       align-items: center;
-      justify-content: center;
+      // justify-content: center;
-      width: 200px;
+      padding-left: 30px;
       height: 50px;
-      border-radius: 4px;
+      background-color: #032862;
+      white-space: nowrap;
+    }
+    .tabPositionminBox::before {
+      content: "";
+      display: block;
+      width: 4px;
+      height: 4px;
+      border-radius: 50%;
+      background-color: #ffffff;
+      margin-right: 6px;
     }
     .tabPositionminBoxBgc {
       background: rgba(73, 121, 191);
@@ -570,14 +599,13 @@ const rowState = (row) => {
     width: 270px;
     height: 943px;
     box-sizing: border-box;
-    padding: 19px 17px;
+    // padding: 19px 17px;
     // margin-right: 28px;
     background: linear-gradient(
       270deg,
       rgba(3, 56, 127, 0.77) 0%,
       rgba(3, 56, 127, 0.74) 100%
     );
-    box-shadow: inset 0px 0px 56px 0px rgba(173, 221, 255, 0.5);
     border-radius: 0px 24px 24px 0px;
     backdrop-filter: blur(3px);
   }
@@ -665,6 +693,7 @@ const rowState = (row) => {
             font-size: 26px;
             color: #ffffff;
             letter-spacing: 2px;
+            font-family: titleNore;
           }
           .tableBoxCenter1 {
             width: 70px;