diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 6d9aef7..9a17811 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -90,6 +90,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     {
@@ -126,6 +128,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -162,6 +166,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -199,6 +205,10 @@
   if (newfiberMapbox.map.getLayer('demo:hn_kf_hm_dilei')) {
     newfiberMapbox.map.setLayoutProperty('demo:hn_kf_hm_dilei', 'visibility', 'none');
   }
+  newfiberMapBoxVectorLayer.removeByIds([
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
+  ]);
   bus.emit('setIniteLayer', [
     // {
     //   layername: 'buildingModel',

diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 6d9aef7..9a17811 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -90,6 +90,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     {
@@ -126,6 +128,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -162,6 +166,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -199,6 +205,10 @@
   if (newfiberMapbox.map.getLayer('demo:hn_kf_hm_dilei')) {
     newfiberMapbox.map.setLayoutProperty('demo:hn_kf_hm_dilei', 'visibility', 'none');
   }
+  newfiberMapBoxVectorLayer.removeByIds([
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
+  ]);
   bus.emit('setIniteLayer', [
     // {
     //   layername: 'buildingModel',
diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue
index 76bd845..8763843 100644
--- a/src/views/sponeScreen/cityGK/cityplanning.vue
+++ b/src/views/sponeScreen/cityGK/cityplanning.vue
@@ -6,7 +6,7 @@
         <!-- 水安全规划 -->
         <div class="rightBox rightBox1">
           <div class="ListTitle">水安全规划</div>
-          <div class="precedence">
+          <div class="precedence" @click="showFlowTotalQuantity">
             <div class="eachinfo">
               <div class="headText">年径流总量控制率</div>
               <div class="middleext">
@@ -116,6 +116,10 @@
 <script setup>
 import RainwaterTakeAdvantage from '@/views/sponeScreen/Echarts/RainwaterTakeAdvantage.vue'; //雨水资源利用图例
 import SewageEcharts from '@/views/sponeScreen/Echarts/SewageEcharts.vue'; //污水资源利用图例
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json';
+import bus from '@/bus/index';
+const isShowFlowTotalQuantity = ref(false);
 // 水环境规划
 const policiesList = ref([
   {
@@ -147,6 +151,44 @@
     content: '2035年≥80%',
   },
 ]);
+const showFlowTotalQuantity = () => {
+  let YSFQ2_cope;
+
+  //移除一心一核
+  newfiberMapBoxVectorLayer.removeByIds([
+    'oneCenter',
+    'oneCenter_label',
+    'oneCenter1',
+    'oneCenter1_label',
+    'oneCenter2',
+    'oneCenter2_label',
+  ]);
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'topography',
+      show: true,
+    },
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+  YSFQ2_cope = YSFQ2;
+  YSFQ2_cope.features.forEach(element => {
+    element.properties.name = element.properties.totalflow;
+  });
+  newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('rainAreaLayer', YSFQ2_cope);
+  newfiberMapbox.map.setLayoutProperty('rainAreaLayer_label', 'text-allow-overlap', true);
+  newfiberMapbox.map.easeTo({
+    center: [114.315, 34.782],
+    zoom: 10.4,
+    pitch: 10,
+  });
+};
 </script>
 
 <style lang="scss" scoped>

diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 6d9aef7..9a17811 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -90,6 +90,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     {
@@ -126,6 +128,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -162,6 +166,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -199,6 +205,10 @@
   if (newfiberMapbox.map.getLayer('demo:hn_kf_hm_dilei')) {
     newfiberMapbox.map.setLayoutProperty('demo:hn_kf_hm_dilei', 'visibility', 'none');
   }
+  newfiberMapBoxVectorLayer.removeByIds([
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
+  ]);
   bus.emit('setIniteLayer', [
     // {
     //   layername: 'buildingModel',
diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue
index 76bd845..8763843 100644
--- a/src/views/sponeScreen/cityGK/cityplanning.vue
+++ b/src/views/sponeScreen/cityGK/cityplanning.vue
@@ -6,7 +6,7 @@
         <!-- 水安全规划 -->
         <div class="rightBox rightBox1">
           <div class="ListTitle">水安全规划</div>
-          <div class="precedence">
+          <div class="precedence" @click="showFlowTotalQuantity">
             <div class="eachinfo">
               <div class="headText">年径流总量控制率</div>
               <div class="middleext">
@@ -116,6 +116,10 @@
 <script setup>
 import RainwaterTakeAdvantage from '@/views/sponeScreen/Echarts/RainwaterTakeAdvantage.vue'; //雨水资源利用图例
 import SewageEcharts from '@/views/sponeScreen/Echarts/SewageEcharts.vue'; //污水资源利用图例
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json';
+import bus from '@/bus/index';
+const isShowFlowTotalQuantity = ref(false);
 // 水环境规划
 const policiesList = ref([
   {
@@ -147,6 +151,44 @@
     content: '2035年≥80%',
   },
 ]);
+const showFlowTotalQuantity = () => {
+  let YSFQ2_cope;
+
+  //移除一心一核
+  newfiberMapBoxVectorLayer.removeByIds([
+    'oneCenter',
+    'oneCenter_label',
+    'oneCenter1',
+    'oneCenter1_label',
+    'oneCenter2',
+    'oneCenter2_label',
+  ]);
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'topography',
+      show: true,
+    },
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+  YSFQ2_cope = YSFQ2;
+  YSFQ2_cope.features.forEach(element => {
+    element.properties.name = element.properties.totalflow;
+  });
+  newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('rainAreaLayer', YSFQ2_cope);
+  newfiberMapbox.map.setLayoutProperty('rainAreaLayer_label', 'text-allow-overlap', true);
+  newfiberMapbox.map.easeTo({
+    center: [114.315, 34.782],
+    zoom: 10.4,
+    pitch: 10,
+  });
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 9ee8b66..23da68c 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -174,12 +174,12 @@
   //newfiberMap.removeByIds(['projectBoundaryLayers', 'haimianFacility']);
   let arr = listDataXm.value.filter(i => i.checked);
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
-  // let lonlat = row.projectLocation.split(',').map(Number);
-  // newfiberMapbox.map.easeTo({
-  //   center: lonlat,
-  //   zoom: 15.5,
-  //   pitch: 15,
-  // });
+  let lonlat = row.projectLocation.split(',').map(Number);
+  newfiberMapbox.map.easeTo({
+    center: lonlat,
+    zoom: 15.5,
+    pitch: 15,
+  });
 };
 
 const { queryParams } = toRefs(AllData);

diff --git a/src/views/sponeScreen/cityGK/PhysicalGeography.vue b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
index 6d9aef7..9a17811 100644
--- a/src/views/sponeScreen/cityGK/PhysicalGeography.vue
+++ b/src/views/sponeScreen/cityGK/PhysicalGeography.vue
@@ -90,6 +90,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     {
@@ -126,6 +128,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -162,6 +166,8 @@
     'oneCenter1_label',
     'oneCenter2',
     'oneCenter2_label',
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
   ]);
   bus.emit('setIniteLayer', [
     // {
@@ -199,6 +205,10 @@
   if (newfiberMapbox.map.getLayer('demo:hn_kf_hm_dilei')) {
     newfiberMapbox.map.setLayoutProperty('demo:hn_kf_hm_dilei', 'visibility', 'none');
   }
+  newfiberMapBoxVectorLayer.removeByIds([
+    'rainAreaLayer', //年经总量控制率
+    'rainAreaLayer_label',
+  ]);
   bus.emit('setIniteLayer', [
     // {
     //   layername: 'buildingModel',
diff --git a/src/views/sponeScreen/cityGK/cityplanning.vue b/src/views/sponeScreen/cityGK/cityplanning.vue
index 76bd845..8763843 100644
--- a/src/views/sponeScreen/cityGK/cityplanning.vue
+++ b/src/views/sponeScreen/cityGK/cityplanning.vue
@@ -6,7 +6,7 @@
         <!-- 水安全规划 -->
         <div class="rightBox rightBox1">
           <div class="ListTitle">水安全规划</div>
-          <div class="precedence">
+          <div class="precedence" @click="showFlowTotalQuantity">
             <div class="eachinfo">
               <div class="headText">年径流总量控制率</div>
               <div class="middleext">
@@ -116,6 +116,10 @@
 <script setup>
 import RainwaterTakeAdvantage from '@/views/sponeScreen/Echarts/RainwaterTakeAdvantage.vue'; //雨水资源利用图例
 import SewageEcharts from '@/views/sponeScreen/Echarts/SewageEcharts.vue'; //污水资源利用图例
+import newfiberMapBoxVectorLayer from '@/views/sponeScreen/gisMF/mapboxVectorLayer.js';
+import YSFQ2 from '@/assets/geojson/kaifeng/kaifengPSFQ2.json';
+import bus from '@/bus/index';
+const isShowFlowTotalQuantity = ref(false);
 // 水环境规划
 const policiesList = ref([
   {
@@ -147,6 +151,44 @@
     content: '2035年≥80%',
   },
 ]);
+const showFlowTotalQuantity = () => {
+  let YSFQ2_cope;
+
+  //移除一心一核
+  newfiberMapBoxVectorLayer.removeByIds([
+    'oneCenter',
+    'oneCenter_label',
+    'oneCenter1',
+    'oneCenter1_label',
+    'oneCenter2',
+    'oneCenter2_label',
+  ]);
+  bus.emit('setIniteLayer', [
+    {
+      layername: 'topography',
+      show: true,
+    },
+    {
+      layername: 'builtCity',
+      show: true,
+    },
+    {
+      layername: 'centerCity',
+      show: true,
+    },
+  ]);
+  YSFQ2_cope = YSFQ2;
+  YSFQ2_cope.features.forEach(element => {
+    element.properties.name = element.properties.totalflow;
+  });
+  newfiberMapBoxVectorLayer.addGeojsonPolygonWithLabel('rainAreaLayer', YSFQ2_cope);
+  newfiberMapbox.map.setLayoutProperty('rainAreaLayer_label', 'text-allow-overlap', true);
+  newfiberMapbox.map.easeTo({
+    center: [114.315, 34.782],
+    zoom: 10.4,
+    pitch: 10,
+  });
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/sponeScreen/projectHM/ProjectDisplay.vue b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
index 9ee8b66..23da68c 100644
--- a/src/views/sponeScreen/projectHM/ProjectDisplay.vue
+++ b/src/views/sponeScreen/projectHM/ProjectDisplay.vue
@@ -174,12 +174,12 @@
   //newfiberMap.removeByIds(['projectBoundaryLayers', 'haimianFacility']);
   let arr = listDataXm.value.filter(i => i.checked);
   emitM('qipaoDateMeth', arr[0], arr[0]?.checked);
-  // let lonlat = row.projectLocation.split(',').map(Number);
-  // newfiberMapbox.map.easeTo({
-  //   center: lonlat,
-  //   zoom: 15.5,
-  //   pitch: 15,
-  // });
+  let lonlat = row.projectLocation.split(',').map(Number);
+  newfiberMapbox.map.easeTo({
+    center: lonlat,
+    zoom: 15.5,
+    pitch: 15,
+  });
 };
 
 const { queryParams } = toRefs(AllData);
diff --git a/vite.config.js b/vite.config.js
index 24dcf41..ea36ec6 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,8 +7,8 @@
 const Timestamp = new Date().getTime(); //随机时间戳
 
 // const targetUrl = 'http://192.168.16.254:7200'; //孙逢时
-const targetUrl = 'http://192.168.20.52:7300'; //杨辉
-// const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
+// const targetUrl = 'http://192.168.20.52:7300'; //杨辉
+const targetUrl = 'https://server2.wh-nf.cn:8082/prod-api'; //线上
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {