diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 9297ee7..07d2d60 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
+    <div class="echarts" ref="echarts" v-if="dataList.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">{{ allDate }}</div>
+      <div class="name">{{ totalData }}</div>
     </div>
   </div>
 </template>
@@ -11,30 +11,30 @@
 <script setup>
 import bus from '@/bus';
 import { useDicts } from '@/hooks';
-import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js';
 import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const allDate = ref(0)
+const totalData = ref(0);
 const { build_status } = useDicts(proxy);
 console.log(build_status, 333);
-const dataDate = ref([])
+const dataList = ref([]);
 async function getProjectStatisticsM() {
-  let { data, code } = await buildstatusCount()
-  data.forEach((k) => {
-    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
-  })
+  let { data, code } = await buildstatusCount();
+  data.forEach(k => {
+    dataList.value.push({ name: k.typeName, value: k.number, buildStatus: k.typeCode });
+  });
   data.reduce((i, k) => {
-    allDate.value += k.number
-  }, 0)
-  dataDate.value.forEach(function (val, idx, arr) {
+    totalData.value += k.number;
+  }, 0);
+  dataList.value.forEach(function (val, idx, arr) {
     total += val.value;
   });
-  for (let i = 0; i < dataDate.value.length; i++) {
+  for (let i = 0; i < dataList.value.length; i++) {
     baseDataWrap.push(
       {
-        value: dataDate.value[i].value,
-        name: dataDate.value[i].name,
+        value: dataList.value[i].value,
+        name: dataList.value[i].name,
         itemStyle: {
           normal: {
             color: colorWrap[i],
@@ -63,8 +63,8 @@
 
     if (i < 3) {
       baseDataPie.push({
-        value: dataDate.value[i].value,
-        name: dataDate.value[i].name,
+        value: dataList.value[i].value,
+        name: dataList.value[i].name,
         itemStyle: {
           normal: {
             borderWidth: 20,
@@ -102,11 +102,9 @@
   baseDataWrap = [];
 let total = 0;
 
-
-
 const curActive = reactive({
-  name: dataDate.value[0]?.name,
-  percent: dataDate.value[0]?.value,
+  name: dataList.value[0]?.name,
+  percent: dataList.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,7 +127,7 @@
     },
     legend: [
       {
-        data: dataDate.value,
+        data: dataList.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
@@ -138,17 +136,16 @@
         itemWidth: 10,
         itemHeight: 12,
         right: '1%',
-        selected: {
-        },
+        selected: {},
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < dataDate.value.length; i++) {
-            if (dataDate.value[i].name === name) {
-              target = dataDate.value[i].value;
+          for (let i = 0; i < dataList.value.length; i++) {
+            if (dataList.value[i].name === name) {
+              target = dataList.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,7 +164,6 @@
           },
         },
       },
-
     ],
 
     series: [
@@ -211,12 +207,12 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = dataDate.value[0]?.name;
-    curActive.percent = dataDate.value[0]?.value;
+    curActive.name = dataList.value[0]?.name;
+    curActive.percent = dataList.value[0]?.value;
   });
   myChart.value.on('legendselectchanged', function (params) {
-    let date = dataDate.value.filter((i) => i.name == params.name)
-    bus.emit('getProjectList',date );
+    let date = dataList.value.filter(i => i.name == params.name);
+    bus.emit('getProjectList', date);
   });
 };
 
@@ -224,11 +220,10 @@
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
-  getProjectStatisticsM()
+  getProjectStatisticsM();
   setTimeout(() => {
     initEcharts();
-  }, 500)
-
+  }, 500);
 });
 </script>
 

diff --git a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
index 9297ee7..07d2d60 100644
--- a/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
+++ b/src/views/sponeScreen/Echarts/ConstructionDrawings.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="soil_constituent">
-    <div class="echarts" ref="echarts" v-if="dataDate.length > 0"></div>
+    <div class="echarts" ref="echarts" v-if="dataList.length > 0"></div>
     <div class="curInfo">
       <div class="percent">总类型</div>
-      <div class="name">{{ allDate }}</div>
+      <div class="name">{{ totalData }}</div>
     </div>
   </div>
 </template>
@@ -11,30 +11,30 @@
 <script setup>
 import bus from '@/bus';
 import { useDicts } from '@/hooks';
-import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js'
+import { buildstatusCount } from '@/api/sponeScreen/gcpjApi.js';
 import { nextTick } from 'vue';
 const { proxy } = getCurrentInstance();
 const myChart = shallowRef(null);
-const allDate = ref(0)
+const totalData = ref(0);
 const { build_status } = useDicts(proxy);
 console.log(build_status, 333);
-const dataDate = ref([])
+const dataList = ref([]);
 async function getProjectStatisticsM() {
-  let { data, code } = await buildstatusCount()
-  data.forEach((k) => {
-    dataDate.value.push({ name: k.typeName, value: k.number ,buildStatus:k.typeCode})
-  })
+  let { data, code } = await buildstatusCount();
+  data.forEach(k => {
+    dataList.value.push({ name: k.typeName, value: k.number, buildStatus: k.typeCode });
+  });
   data.reduce((i, k) => {
-    allDate.value += k.number
-  }, 0)
-  dataDate.value.forEach(function (val, idx, arr) {
+    totalData.value += k.number;
+  }, 0);
+  dataList.value.forEach(function (val, idx, arr) {
     total += val.value;
   });
-  for (let i = 0; i < dataDate.value.length; i++) {
+  for (let i = 0; i < dataList.value.length; i++) {
     baseDataWrap.push(
       {
-        value: dataDate.value[i].value,
-        name: dataDate.value[i].name,
+        value: dataList.value[i].value,
+        name: dataList.value[i].name,
         itemStyle: {
           normal: {
             color: colorWrap[i],
@@ -63,8 +63,8 @@
 
     if (i < 3) {
       baseDataPie.push({
-        value: dataDate.value[i].value,
-        name: dataDate.value[i].name,
+        value: dataList.value[i].value,
+        name: dataList.value[i].name,
         itemStyle: {
           normal: {
             borderWidth: 20,
@@ -102,11 +102,9 @@
   baseDataWrap = [];
 let total = 0;
 
-
-
 const curActive = reactive({
-  name: dataDate.value[0]?.name,
-  percent: dataDate.value[0]?.value,
+  name: dataList.value[0]?.name,
+  percent: dataList.value[0]?.value,
 });
 const initEcharts = () => {
   myChart.value = proxy.echarts.init(proxy.$refs.echarts);
@@ -129,7 +127,7 @@
     },
     legend: [
       {
-        data: dataDate.value,
+        data: dataList.value,
         icon: 'vertical',
         right: '5px',
         top: 'center',
@@ -138,17 +136,16 @@
         itemWidth: 10,
         itemHeight: 12,
         right: '1%',
-        selected: {
-        },
+        selected: {},
         formatter: function (name) {
           let target, percent;
-          for (let i = 0; i < dataDate.value.length; i++) {
-            if (dataDate.value[i].name === name) {
-              target = dataDate.value[i].value;
+          for (let i = 0; i < dataList.value.length; i++) {
+            if (dataList.value[i].name === name) {
+              target = dataList.value[i].value;
               percent = ((target / total) * 100).toFixed(1);
             }
           }
-          let arr = [' {blue|' + name.slice(0,10)+'...' + '}', ' {yellow|' + target + '}'];
+          let arr = [' {blue|' + name + '}', ' {yellow|' + target + '}'];
           return arr.join('');
         },
         textStyle: {
@@ -167,7 +164,6 @@
           },
         },
       },
-
     ],
 
     series: [
@@ -211,12 +207,12 @@
     curActive.percent = params.data.value;
   });
   myChart.value.on('mouseout', function () {
-    curActive.name = dataDate.value[0]?.name;
-    curActive.percent = dataDate.value[0]?.value;
+    curActive.name = dataList.value[0]?.name;
+    curActive.percent = dataList.value[0]?.value;
   });
   myChart.value.on('legendselectchanged', function (params) {
-    let date = dataDate.value.filter((i) => i.name == params.name)
-    bus.emit('getProjectList',date );
+    let date = dataList.value.filter(i => i.name == params.name);
+    bus.emit('getProjectList', date);
   });
 };
 
@@ -224,11 +220,10 @@
   window.addEventListener('resize', () => {
     myChart.value && myChart.value.resize();
   });
-  getProjectStatisticsM()
+  getProjectStatisticsM();
   setTimeout(() => {
     initEcharts();
-  }, 500)
-
+  }, 500);
 });
 </script>
 
diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 2f9194f..6a751d9 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -69,12 +69,12 @@
   {
     name: '三片',
     NumberA: '04',
-    content: '北部水源保护区、中部海绵城市重点建设区、南部卫生防护区',
+    content: '水源保护(北)、海绵城市建设(中)、卫生防护(南)',
   },
   {
     name: '三廊',
     NumberA: '05',
-    content: '沿运粮河、开封西湖以及东护城大堤形成的三条生态廊道',
+    content: '运粮河、开封西湖以及东护城大堤',
   },
 ]);
 const showTotalArea = () => {
@@ -164,7 +164,7 @@
   newfiberVectorLayer.addGeojsonPolygon(newfiberMap, oneCenter, 'oneCenter');
 };
 const setLayerVisible = () => {
-  if(!(newfiberMap.xdmWms)){
+  if (!newfiberMap.xdmWms) {
     newfiberMap.xdmWms = newfiberMap.loadWmsLayer({
       url: '/geoserver/demo/wms',
       layers: 'demo:hn_kf_hm_dilei',
@@ -173,8 +173,8 @@
     return;
   }
   let imageryProvider = newfiberMap.getLayers([newfiberMap.xdmWms])[0];
-  imageryProvider.show = !!!(imageryProvider.show);
-}
+  imageryProvider.show = !!!imageryProvider.show;
+};
 
 onMounted(() => {});
 </script>
@@ -321,13 +321,14 @@
           color: #18e87a;
         }
         .text {
-          padding: 0 5px 0 5px;
+          padding: 0 6px 0 5px;
           font-size: 16px;
           color: #b8ecff;
         }
         .sum {
           font-size: 16px;
-          padding-right: 10px;
+          padding-right: 3px;
+          font-weight: bold;
         }
       }
       .bottomBgc {