diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index 960a629..de2af42 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -61,6 +61,14 @@
   });
 };
 
+export const queryYearStatistic = params => {
+  return request({
+    url: `/sponge/blackWaterSampling/queryYearStatistic`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index 960a629..de2af42 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -61,6 +61,14 @@
   });
 };
 
+export const queryYearStatistic = params => {
+  return request({
+    url: `/sponge/blackWaterSampling/queryYearStatistic`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/sponeScreen/Echarts/echartBar3D.vue b/src/views/sponeScreen/Echarts/echartBar3D.vue
index ced8605..ce77a76 100644
--- a/src/views/sponeScreen/Echarts/echartBar3D.vue
+++ b/src/views/sponeScreen/Echarts/echartBar3D.vue
@@ -221,7 +221,6 @@
       () => props.refresh,
       () => {
         if (allData.chart) {
-          allData.chart.dispose();
           allData.chart = null;
         }
         setTimeout(() => {
@@ -231,6 +230,7 @@
     );
 
     onMounted(() => {
+      // console.log(props, 'props.refresh');
       setTimeout(() => {
         init();
       }, 0);

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index 960a629..de2af42 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -61,6 +61,14 @@
   });
 };
 
+export const queryYearStatistic = params => {
+  return request({
+    url: `/sponge/blackWaterSampling/queryYearStatistic`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/sponeScreen/Echarts/echartBar3D.vue b/src/views/sponeScreen/Echarts/echartBar3D.vue
index ced8605..ce77a76 100644
--- a/src/views/sponeScreen/Echarts/echartBar3D.vue
+++ b/src/views/sponeScreen/Echarts/echartBar3D.vue
@@ -221,7 +221,6 @@
       () => props.refresh,
       () => {
         if (allData.chart) {
-          allData.chart.dispose();
           allData.chart = null;
         }
         setTimeout(() => {
@@ -231,6 +230,7 @@
     );
 
     onMounted(() => {
+      // console.log(props, 'props.refresh');
       setTimeout(() => {
         init();
       }, 0);
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
index 0f029eb..bfd7d4a 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
@@ -14,60 +14,16 @@
     <!-- gis地图 -->
     <MapBox :initJson="`/static/libs/mapbox/style/preventionCX.json`"></MapBox>
   </div>
-  <!-- 地图水体点击弹窗 -->
-  <el-dialog v-model="dialogShow" title="2022黄汴河水质监测详情" :modal-append-to-body="false" width="900px">
-    <div class="hcstDialog">
-      <div class="part">
-        <div class="title">透明度(cm)</div>
-        <ChartBar3D :refresh="refresh1" :echartData="echartData1" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氨氮(mg/L)</div>
-        <ChartBar3D :refresh="refresh2" :echartData="echartData2" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">溶解氧(mg/L)</div>
-        <ChartBar3D :refresh="refresh3" :echartData="echartData3" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氧化还原电位(mV)</div>
-        <ChartBar3D :refresh="refresh4" :echartData="echartData4" class="chart"></ChartBar3D>
-      </div>
-    </div>
-  </el-dialog>
 </template>
 <script setup>
 import { blackOdorpaging, blackOdorpagingriverInfo } from '@/api/spongePerformance/surfaceWater';
 import MapBox from '@/views/gisMapPage/gisMapBox1'; //gis地图
 import todoDon from './todoDon.vue';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
-
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
-const refresh1 = ref(1);
-const refresh2 = ref(1);
-const refresh3 = ref(1);
-const refresh4 = ref(1);
-const echartData1 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [52, 35, 69, 86, 22],
-});
-const echartData2 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [0.8, 0.35, 1.12, 0.9, 0.98],
-});
-const echartData3 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [5.4, 13, 9.2, 10.4, 8.9],
-});
-const echartData4 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [126, 162, 119, 86, 113],
-});
 const todoDonRef = ref(null);
 const pipePopupShow = ref(false);
 const popsdata = ref('');
-
 let isComponent = ref(0);
 let tuliList = ref([
   { label: '未考核', id: 0, icon: '/images/1.1.jpg' },

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index 960a629..de2af42 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -61,6 +61,14 @@
   });
 };
 
+export const queryYearStatistic = params => {
+  return request({
+    url: `/sponge/blackWaterSampling/queryYearStatistic`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/sponeScreen/Echarts/echartBar3D.vue b/src/views/sponeScreen/Echarts/echartBar3D.vue
index ced8605..ce77a76 100644
--- a/src/views/sponeScreen/Echarts/echartBar3D.vue
+++ b/src/views/sponeScreen/Echarts/echartBar3D.vue
@@ -221,7 +221,6 @@
       () => props.refresh,
       () => {
         if (allData.chart) {
-          allData.chart.dispose();
           allData.chart = null;
         }
         setTimeout(() => {
@@ -231,6 +230,7 @@
     );
 
     onMounted(() => {
+      // console.log(props, 'props.refresh');
       setTimeout(() => {
         init();
       }, 0);
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
index 0f029eb..bfd7d4a 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
@@ -14,60 +14,16 @@
     <!-- gis地图 -->
     <MapBox :initJson="`/static/libs/mapbox/style/preventionCX.json`"></MapBox>
   </div>
-  <!-- 地图水体点击弹窗 -->
-  <el-dialog v-model="dialogShow" title="2022黄汴河水质监测详情" :modal-append-to-body="false" width="900px">
-    <div class="hcstDialog">
-      <div class="part">
-        <div class="title">透明度(cm)</div>
-        <ChartBar3D :refresh="refresh1" :echartData="echartData1" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氨氮(mg/L)</div>
-        <ChartBar3D :refresh="refresh2" :echartData="echartData2" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">溶解氧(mg/L)</div>
-        <ChartBar3D :refresh="refresh3" :echartData="echartData3" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氧化还原电位(mV)</div>
-        <ChartBar3D :refresh="refresh4" :echartData="echartData4" class="chart"></ChartBar3D>
-      </div>
-    </div>
-  </el-dialog>
 </template>
 <script setup>
 import { blackOdorpaging, blackOdorpagingriverInfo } from '@/api/spongePerformance/surfaceWater';
 import MapBox from '@/views/gisMapPage/gisMapBox1'; //gis地图
 import todoDon from './todoDon.vue';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
-
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
-const refresh1 = ref(1);
-const refresh2 = ref(1);
-const refresh3 = ref(1);
-const refresh4 = ref(1);
-const echartData1 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [52, 35, 69, 86, 22],
-});
-const echartData2 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [0.8, 0.35, 1.12, 0.9, 0.98],
-});
-const echartData3 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [5.4, 13, 9.2, 10.4, 8.9],
-});
-const echartData4 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [126, 162, 119, 86, 113],
-});
 const todoDonRef = ref(null);
 const pipePopupShow = ref(false);
 const popsdata = ref('');
-
 let isComponent = ref(0);
 let tuliList = ref([
   { label: '未考核', id: 0, icon: '/images/1.1.jpg' },
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
index ccab67f..591a56b 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
@@ -27,18 +27,61 @@
         </template>
       </el-table-column>
     </el-table>
+    <!-- 地图水体点击弹窗 -->
+    <el-dialog v-model="dialogShow" :title="ExamineYearA + '黄汴河水质监测详情'" :modal-append-to-body="false" width="900px">
+      <div class="hcstDialog">
+        <div class="part">
+          <div class="title">透明度(cm)</div>
+          <ChartBar3D :echartData="echartData1" class="chart" :key="refresh1"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">氨氮(mg/L)</div>
+          <ChartBar3D :key="refresh2" :echartData="echartData2" class="chart"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">溶解氧(mg/L)</div>
+          <ChartBar3D :key="refresh3" :echartData="echartData3" class="chart"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">氧化还原电位(mV)</div>
+          <ChartBar3D :echartData="echartData4" class="chart" :key="refresh4"></ChartBar3D>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { preventionInfo, blackWaterInfoList } from '@/api/spongePerformance/prevention';
+import { preventionInfo, blackWaterInfoList, queryYearStatistic } from '@/api/spongePerformance/prevention';
 import bus from '@/bus';
 import { riverInfoWater } from '@/api/spongePerformance/surfaceWater';
-
+import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
 const { proxy } = getCurrentInstance();
 const tableData = ref([]);
 const tableLoading = ref(true);
 const tableRef = ref(null);
-
+const dialogShow = ref(false);
+const ExamineYearA = ref('');
+const blackWaterCodeA = ref('');
+const refresh1 = ref(1);
+const refresh2 = ref(1);
+const refresh3 = ref(1);
+const refresh4 = ref(1);
+const echartData1 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [126, 162, 119, 86, 113],
+});
+const echartData2 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [0.8, 0.35, 1.12, 0.9, 0.98],
+});
+const echartData3 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [5.4, 13, 9.2, 10.4, 8.9],
+});
+const echartData4 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [126, 162, 119, 86, 113],
+});
 const emits = defineEmits(['clicksWaterBodies']);
 //获取列表数据
 const getDataList = async () => {
@@ -51,11 +94,13 @@
     tableData.value = res.data;
     tableRef.value.setCurrentRow(tableData.value[0], true); //表格默认第一个高亮选中
     clickTableRow(tableData.value[0]); //默认渲染第一行gis地图
+    console.log(tableData.value[0], 'tableData.value[0]');
   }
 };
 
 // 表格点击，查看对应的项目情况
 function clickTableRow(row) {
+  ExamineYearA.value = row.examineYear;
   row.blackOdorSampleInfos &&
     row.blackOdorSampleInfos.map(item => {
       if (row.reachStandard == 0) {
@@ -65,6 +110,7 @@
       }
     });
   gisMapInit(row.blackOdorSampleInfos);
+  addOdorousWaterBodies(row.examineYear);
 }
 
 // gis地图渲染
@@ -115,8 +161,13 @@
     });
 };
 //地图渲染黑臭水体
-const addOdorousWaterBodies = async () => {
-  const res = await blackWaterInfoList();
+const addOdorousWaterBodies = async Year => {
+  // 飞哥 这=这里
+  let params = {
+    examineYear: Year,
+  };
+  const res = await blackWaterInfoList(params);
+  console.log(res, 'ress');
   if (res && res.code == 200) {
     let black_odor = [],
       black_odor_label = [];
@@ -169,6 +220,27 @@
   }
 };
 
+const queryYearStatist = async () => {
+  let params = {
+    blackWaterCode: 'bck008',
+    sampleDate: '2022',
+  };
+  const res = await queryYearStatistic(params);
+  refresh1.value++;
+  refresh2.value++;
+  refresh3.value++;
+  refresh4.value++;
+  echartData1.value.xAxis = res.data.datelist;
+  echartData1.value.seriesData = res.data.tralist;
+  echartData2.value.xAxis = res.data.datelist;
+  echartData2.value.seriesData = res.data.nh3nlist;
+  echartData3.value.xAxis = res.data.datelist;
+  echartData3.value.seriesData = res.data.dolist;
+  echartData4.value.xAxis = res.data.datelist;
+  echartData4.value.seriesData = res.data.orplist;
+  // console.log(echartData1.value, '123');
+};
+
 onMounted(() => {
   getDataList();
   setTimeout(() => {
@@ -183,9 +255,15 @@
           [e.point.x - 10 / 2, e.point.y - 10 / 2],
           [e.point.x + 10 / 2, e.point.y + 10 / 2],
         ])
-        .filter(i => i.layer.id == 'odorousWaterBodies' || i.layer.id == 'waterLine');
-      console.log('clickfeature', '点击事件', clickfeature);
-      emits('clicksWaterBodies', clickfeature[0].properties);
+        // .filter(i => i.layer.id == 'odorousWaterBodies' || i.layer.id == 'waterLine');
+        .filter(i => i.layer.id == 'waterLine');
+      dialogShow.value = true;
+      blackWaterCodeA.value = clickfeature[0].properties.blackWaterCode;
+
+      queryYearStatist();
+      console.log('clickfeature', '点击事件11', clickfeature);
+
+      // emits('clicksWaterBodies', clickfeature[0].properties);
     });
   }, 5000);
 });

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index 960a629..de2af42 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -61,6 +61,14 @@
   });
 };
 
+export const queryYearStatistic = params => {
+  return request({
+    url: `/sponge/blackWaterSampling/queryYearStatistic`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/sponeScreen/Echarts/echartBar3D.vue b/src/views/sponeScreen/Echarts/echartBar3D.vue
index ced8605..ce77a76 100644
--- a/src/views/sponeScreen/Echarts/echartBar3D.vue
+++ b/src/views/sponeScreen/Echarts/echartBar3D.vue
@@ -221,7 +221,6 @@
       () => props.refresh,
       () => {
         if (allData.chart) {
-          allData.chart.dispose();
           allData.chart = null;
         }
         setTimeout(() => {
@@ -231,6 +230,7 @@
     );
 
     onMounted(() => {
+      // console.log(props, 'props.refresh');
       setTimeout(() => {
         init();
       }, 0);
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
index 0f029eb..bfd7d4a 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/index.vue
@@ -14,60 +14,16 @@
     <!-- gis地图 -->
     <MapBox :initJson="`/static/libs/mapbox/style/preventionCX.json`"></MapBox>
   </div>
-  <!-- 地图水体点击弹窗 -->
-  <el-dialog v-model="dialogShow" title="2022黄汴河水质监测详情" :modal-append-to-body="false" width="900px">
-    <div class="hcstDialog">
-      <div class="part">
-        <div class="title">透明度(cm)</div>
-        <ChartBar3D :refresh="refresh1" :echartData="echartData1" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氨氮(mg/L)</div>
-        <ChartBar3D :refresh="refresh2" :echartData="echartData2" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">溶解氧(mg/L)</div>
-        <ChartBar3D :refresh="refresh3" :echartData="echartData3" class="chart"></ChartBar3D>
-      </div>
-      <div class="part">
-        <div class="title">氧化还原电位(mV)</div>
-        <ChartBar3D :refresh="refresh4" :echartData="echartData4" class="chart"></ChartBar3D>
-      </div>
-    </div>
-  </el-dialog>
 </template>
 <script setup>
 import { blackOdorpaging, blackOdorpagingriverInfo } from '@/api/spongePerformance/surfaceWater';
 import MapBox from '@/views/gisMapPage/gisMapBox1'; //gis地图
 import todoDon from './todoDon.vue';
 import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
-
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
-const refresh1 = ref(1);
-const refresh2 = ref(1);
-const refresh3 = ref(1);
-const refresh4 = ref(1);
-const echartData1 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [52, 35, 69, 86, 22],
-});
-const echartData2 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [0.8, 0.35, 1.12, 0.9, 0.98],
-});
-const echartData3 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [5.4, 13, 9.2, 10.4, 8.9],
-});
-const echartData4 = ref({
-  xAxis: ['3月', '4月', '9月', '11月'],
-  seriesData: [126, 162, 119, 86, 113],
-});
 const todoDonRef = ref(null);
 const pipePopupShow = ref(false);
 const popsdata = ref('');
-
 let isComponent = ref(0);
 let tuliList = ref([
   { label: '未考核', id: 0, icon: '/images/1.1.jpg' },
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
index ccab67f..591a56b 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
@@ -27,18 +27,61 @@
         </template>
       </el-table-column>
     </el-table>
+    <!-- 地图水体点击弹窗 -->
+    <el-dialog v-model="dialogShow" :title="ExamineYearA + '黄汴河水质监测详情'" :modal-append-to-body="false" width="900px">
+      <div class="hcstDialog">
+        <div class="part">
+          <div class="title">透明度(cm)</div>
+          <ChartBar3D :echartData="echartData1" class="chart" :key="refresh1"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">氨氮(mg/L)</div>
+          <ChartBar3D :key="refresh2" :echartData="echartData2" class="chart"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">溶解氧(mg/L)</div>
+          <ChartBar3D :key="refresh3" :echartData="echartData3" class="chart"></ChartBar3D>
+        </div>
+        <div class="part">
+          <div class="title">氧化还原电位(mV)</div>
+          <ChartBar3D :echartData="echartData4" class="chart" :key="refresh4"></ChartBar3D>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script setup>
-import { preventionInfo, blackWaterInfoList } from '@/api/spongePerformance/prevention';
+import { preventionInfo, blackWaterInfoList, queryYearStatistic } from '@/api/spongePerformance/prevention';
 import bus from '@/bus';
 import { riverInfoWater } from '@/api/spongePerformance/surfaceWater';
-
+import ChartBar3D from '@/views/sponeScreen/Echarts/echartBar3D.vue';
 const { proxy } = getCurrentInstance();
 const tableData = ref([]);
 const tableLoading = ref(true);
 const tableRef = ref(null);
-
+const dialogShow = ref(false);
+const ExamineYearA = ref('');
+const blackWaterCodeA = ref('');
+const refresh1 = ref(1);
+const refresh2 = ref(1);
+const refresh3 = ref(1);
+const refresh4 = ref(1);
+const echartData1 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [126, 162, 119, 86, 113],
+});
+const echartData2 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [0.8, 0.35, 1.12, 0.9, 0.98],
+});
+const echartData3 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [5.4, 13, 9.2, 10.4, 8.9],
+});
+const echartData4 = ref({
+  xAxis: ['3月', '4月', '9月', '11月'],
+  seriesData: [126, 162, 119, 86, 113],
+});
 const emits = defineEmits(['clicksWaterBodies']);
 //获取列表数据
 const getDataList = async () => {
@@ -51,11 +94,13 @@
     tableData.value = res.data;
     tableRef.value.setCurrentRow(tableData.value[0], true); //表格默认第一个高亮选中
     clickTableRow(tableData.value[0]); //默认渲染第一行gis地图
+    console.log(tableData.value[0], 'tableData.value[0]');
   }
 };
 
 // 表格点击，查看对应的项目情况
 function clickTableRow(row) {
+  ExamineYearA.value = row.examineYear;
   row.blackOdorSampleInfos &&
     row.blackOdorSampleInfos.map(item => {
       if (row.reachStandard == 0) {
@@ -65,6 +110,7 @@
       }
     });
   gisMapInit(row.blackOdorSampleInfos);
+  addOdorousWaterBodies(row.examineYear);
 }
 
 // gis地图渲染
@@ -115,8 +161,13 @@
     });
 };
 //地图渲染黑臭水体
-const addOdorousWaterBodies = async () => {
-  const res = await blackWaterInfoList();
+const addOdorousWaterBodies = async Year => {
+  // 飞哥 这=这里
+  let params = {
+    examineYear: Year,
+  };
+  const res = await blackWaterInfoList(params);
+  console.log(res, 'ress');
   if (res && res.code == 200) {
     let black_odor = [],
       black_odor_label = [];
@@ -169,6 +220,27 @@
   }
 };
 
+const queryYearStatist = async () => {
+  let params = {
+    blackWaterCode: 'bck008',
+    sampleDate: '2022',
+  };
+  const res = await queryYearStatistic(params);
+  refresh1.value++;
+  refresh2.value++;
+  refresh3.value++;
+  refresh4.value++;
+  echartData1.value.xAxis = res.data.datelist;
+  echartData1.value.seriesData = res.data.tralist;
+  echartData2.value.xAxis = res.data.datelist;
+  echartData2.value.seriesData = res.data.nh3nlist;
+  echartData3.value.xAxis = res.data.datelist;
+  echartData3.value.seriesData = res.data.dolist;
+  echartData4.value.xAxis = res.data.datelist;
+  echartData4.value.seriesData = res.data.orplist;
+  // console.log(echartData1.value, '123');
+};
+
 onMounted(() => {
   getDataList();
   setTimeout(() => {
@@ -183,9 +255,15 @@
           [e.point.x - 10 / 2, e.point.y - 10 / 2],
           [e.point.x + 10 / 2, e.point.y + 10 / 2],
         ])
-        .filter(i => i.layer.id == 'odorousWaterBodies' || i.layer.id == 'waterLine');
-      console.log('clickfeature', '点击事件', clickfeature);
-      emits('clicksWaterBodies', clickfeature[0].properties);
+        // .filter(i => i.layer.id == 'odorousWaterBodies' || i.layer.id == 'waterLine');
+        .filter(i => i.layer.id == 'waterLine');
+      dialogShow.value = true;
+      blackWaterCodeA.value = clickfeature[0].properties.blackWaterCode;
+
+      queryYearStatist();
+      console.log('clickfeature', '点击事件11', clickfeature);
+
+      // emits('clicksWaterBodies', clickfeature[0].properties);
     });
   }, 5000);
 });
diff --git a/vite.config.js b/vite.config.js
index ea36ec6..24dcf41 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 }) => {