diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index bba7f76..960a629 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -52,6 +52,15 @@
   });
 }
 
+// 染黑臭水体 空间位置
+export const blackWaterInfoList = params => {
+  return request({
+    url: `/sponge/blackWaterInfo/list`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index bba7f76..960a629 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -52,6 +52,15 @@
   });
 }
 
+// 染黑臭水体 空间位置
+export const blackWaterInfoList = params => {
+  return request({
+    url: `/sponge/blackWaterInfo/list`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
index d09779a..7474de8 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script setup>
-import { preventionInfo } from '@/api/spongePerformance/prevention';
+import { preventionInfo, blackWaterInfoList } from '@/api/spongePerformance/prevention';
 import bus from '@/bus';
 import { riverInfoWater } from '@/api/spongePerformance/surfaceWater';
 
@@ -54,6 +54,11 @@
   }
 };
 
+const gisList = async () => {
+  const res = await blackWaterInfoList();
+  console.log(res.data.geometrys, '123');
+};
+
 // 表格点击，查看对应的项目情况
 function clickTableRow(row) {
   row.blackOdorSampleInfos &&
@@ -166,6 +171,7 @@
 
 onMounted(() => {
   getDataList();
+  gisList();
   setTimeout(() => {
     addOdorousWaterBodies();
   }, 2000);

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index bba7f76..960a629 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -52,6 +52,15 @@
   });
 }
 
+// 染黑臭水体 空间位置
+export const blackWaterInfoList = params => {
+  return request({
+    url: `/sponge/blackWaterInfo/list`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
index d09779a..7474de8 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script setup>
-import { preventionInfo } from '@/api/spongePerformance/prevention';
+import { preventionInfo, blackWaterInfoList } from '@/api/spongePerformance/prevention';
 import bus from '@/bus';
 import { riverInfoWater } from '@/api/spongePerformance/surfaceWater';
 
@@ -54,6 +54,11 @@
   }
 };
 
+const gisList = async () => {
+  const res = await blackWaterInfoList();
+  console.log(res.data.geometrys, '123');
+};
+
 // 表格点击，查看对应的项目情况
 function clickTableRow(row) {
   row.blackOdorSampleInfos &&
@@ -166,6 +171,7 @@
 
 onMounted(() => {
   getDataList();
+  gisList();
   setTimeout(() => {
     addOdorousWaterBodies();
   }, 2000);
diff --git a/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue b/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue
new file mode 100644
index 0000000..e291922
--- /dev/null
+++ b/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue
@@ -0,0 +1,153 @@
+<template>
+  <!-- 图形报表分析 -->
+  <div class="reportAnalyPage" v-loading="echartLoading">
+    <!-- <div class="tableLineMonitor">
+      <el-icon @click="checkLine('1')" title="表格数据统计"><Grid /></el-icon>
+    </div> -->
+    <!-- 折线图 -->
+    <div id="reportEchart" class="animate__animated animate__fadeIn" v-if="chartOptionYs.xAxis.data.length > 0"></div>
+    <!-- 暂无数据 -->
+    <el-empty :image-size="200" v-if="chartOptionYs.xAxis.data.length == 0" />
+  </div>
+</template>
+<script setup>
+import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import chartOptionYs from '@/views/dataAnalysis/syntheticData/chartYs';
+
+const props = defineProps({
+  searchDate: Array,
+  stationCode: String,
+});
+const emit = defineEmits(['changeOneData']);
+const { proxy } = getCurrentInstance();
+const myChart = shallowRef(null);
+const echartLoading = ref(true);
+const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
+
+// 获取列表数据
+async function getList(code) {
+  // console.log('报表分析---', code);
+  let params = {
+    startTime: props.searchDate ? props.searchDate[0] : '',
+    endTime: props.searchDate ? props.searchDate[1] : '',
+    stCode: code,
+  };
+  echartLoading.value = true;
+  chartOptionYs.series = [];
+  chartOptionYs.legend.data = [];
+  chartOptionYs.xAxis.data = [];
+  chartOptionYs.yAxis = [];
+  chartOptionYs.color = [];
+  let res = await graphicReport(params);
+  if (res && res.code == 200) {
+    let datas = res.data;
+    if (JSON.stringify(datas) == '{}' || datas.propertyMonitorXList.length == 0) {
+      chartOptionYs.xAxis.data = [];
+      echartLoading.value = false;
+      return false;
+    } else {
+      chartOptionYs.xAxis.data = datas.propertyMonitorXList;
+      datas.propertyMonitorList.map(item => {
+        setEchartY(item); //设置多y轴
+        chartOptionYs.series.push({
+          name: item.monitorPropertyName + item.propertyUnit,
+          type: 'line',
+          smooth: true,
+          data: item.ylist,
+          lineStyle: { color: chartOptionYs.color[chartOptionYs.yAxis.length - 1] },
+          yAxisIndex: chartOptionYs.yAxis.length - 1,
+        });
+        chartOptionYs.legend.data.push(item.monitorPropertyName + item.propertyUnit);
+      });
+      chartOptionYs.grid.left = 50 * (chartOptionYs.yAxis.length - 1); //left值设置
+      setTimeout(() => {
+        intChart();
+      });
+      echartLoading.value = false;
+    }
+  }
+}
+// 设置多y轴
+function setEchartY(row) {
+  propsColor.map((item, index) => {
+    if (row.propertyUnit == item.label) {
+      chartOptionYs.color.push(item.color);
+      chartOptionYs.yAxis.push({
+        name: item.value, //value是英文单位，label是中文单位
+        position: 'left',
+        offset: 50 * chartOptionYs.yAxis.length,
+        axisLine: { show: true, lineStyle: { color: item.color } },
+        axisTick: { show: true },
+        splitLine: {
+          show: true, // 显示网格线
+          lineStyle: { type: 'dashed' },
+        },
+      });
+    }
+  });
+  chartOptionYs.color = [...new Set(chartOptionYs.color)]; //颜色和值对应
+  chartOptionYs.yAxis = unique(chartOptionYs.yAxis); //去重
+}
+// 数组内对象去重
+function unique(arr) {
+  let allArr = [];
+  for (let i = 0; i < arr.length; i++) {
+    let flag = true;
+    for (let j = 0; j < allArr.length; j++) {
+      if (arr[i].name == allArr[j].name) {
+        flag = false;
+      }
+    }
+    if (flag) {
+      allArr.push(arr[i]);
+    }
+  }
+  return allArr;
+}
+// 点击切换
+function checkLine(val) {
+  emit('changeOneData', val);
+}
+
+// 初始化echarts
+function intChart() {
+  if (!!myChart.value) {
+    myChart.value.dispose();
+  }
+  // 绘制图表
+  myChart.value = proxy.echarts.init(document.getElementById('reportEchart'));
+  myChart.value.setOption(chartOptionYs);
+}
+
+//自适应
+function resizeTheChart() {
+  if (myChart.value) {
+    myChart.value.resize();
+  }
+}
+// 初始化
+onMounted(() => {
+  getList(props.stationCode);
+  window.addEventListener('resize', resizeTheChart);
+});
+defineExpose({
+  getList,
+});
+</script>
+<style lang="scss">
+.reportAnalyPage {
+  width: 100%;
+  #reportEchart {
+    width: 100%;
+    height: calc(100vh - 490px);
+  }
+  .tableBox {
+    .el-pagination {
+      right: 25%;
+    }
+    .el-scrollbar {
+      height: calc(100vh - 650px);
+    }
+  }
+}
+</style>

diff --git a/src/api/spongePerformance/prevention.js b/src/api/spongePerformance/prevention.js
index bba7f76..960a629 100644
--- a/src/api/spongePerformance/prevention.js
+++ b/src/api/spongePerformance/prevention.js
@@ -52,6 +52,15 @@
   });
 }
 
+// 染黑臭水体 空间位置
+export const blackWaterInfoList = params => {
+  return request({
+    url: `/sponge/blackWaterInfo/list`,
+    method: 'get',
+    params,
+  });
+};
+
 // 示范期考核 内涝防治标准模型法
 export const moduleFloodResult = params => {
   return request({
diff --git a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
index d09779a..7474de8 100644
--- a/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
+++ b/src/views/spongePerformance/waterUtilizationRate/odorousWaterBodies/todoDon.vue
@@ -30,7 +30,7 @@
   </div>
 </template>
 <script setup>
-import { preventionInfo } from '@/api/spongePerformance/prevention';
+import { preventionInfo, blackWaterInfoList } from '@/api/spongePerformance/prevention';
 import bus from '@/bus';
 import { riverInfoWater } from '@/api/spongePerformance/surfaceWater';
 
@@ -54,6 +54,11 @@
   }
 };
 
+const gisList = async () => {
+  const res = await blackWaterInfoList();
+  console.log(res.data.geometrys, '123');
+};
+
 // 表格点击，查看对应的项目情况
 function clickTableRow(row) {
   row.blackOdorSampleInfos &&
@@ -166,6 +171,7 @@
 
 onMounted(() => {
   getDataList();
+  gisList();
   setTimeout(() => {
     addOdorousWaterBodies();
   }, 2000);
diff --git a/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue b/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue
new file mode 100644
index 0000000..e291922
--- /dev/null
+++ b/src/views/spongePerformance/waterlogging/floodControlStandard/ReportAnaly.vue
@@ -0,0 +1,153 @@
+<template>
+  <!-- 图形报表分析 -->
+  <div class="reportAnalyPage" v-loading="echartLoading">
+    <!-- <div class="tableLineMonitor">
+      <el-icon @click="checkLine('1')" title="表格数据统计"><Grid /></el-icon>
+    </div> -->
+    <!-- 折线图 -->
+    <div id="reportEchart" class="animate__animated animate__fadeIn" v-if="chartOptionYs.xAxis.data.length > 0"></div>
+    <!-- 暂无数据 -->
+    <el-empty :image-size="200" v-if="chartOptionYs.xAxis.data.length == 0" />
+  </div>
+</template>
+<script setup>
+import { graphicReport } from '@/api/dataAnalysis/syntherticData';
+import chartOptionYs from '@/views/dataAnalysis/syntheticData/chartYs';
+
+const props = defineProps({
+  searchDate: Array,
+  stationCode: String,
+});
+const emit = defineEmits(['changeOneData']);
+const { proxy } = getCurrentInstance();
+const myChart = shallowRef(null);
+const echartLoading = ref(true);
+const propsColor = proxy.fixDict['propsColorYs']; // 根据因子的单位来匹配
+
+// 获取列表数据
+async function getList(code) {
+  // console.log('报表分析---', code);
+  let params = {
+    startTime: props.searchDate ? props.searchDate[0] : '',
+    endTime: props.searchDate ? props.searchDate[1] : '',
+    stCode: code,
+  };
+  echartLoading.value = true;
+  chartOptionYs.series = [];
+  chartOptionYs.legend.data = [];
+  chartOptionYs.xAxis.data = [];
+  chartOptionYs.yAxis = [];
+  chartOptionYs.color = [];
+  let res = await graphicReport(params);
+  if (res && res.code == 200) {
+    let datas = res.data;
+    if (JSON.stringify(datas) == '{}' || datas.propertyMonitorXList.length == 0) {
+      chartOptionYs.xAxis.data = [];
+      echartLoading.value = false;
+      return false;
+    } else {
+      chartOptionYs.xAxis.data = datas.propertyMonitorXList;
+      datas.propertyMonitorList.map(item => {
+        setEchartY(item); //设置多y轴
+        chartOptionYs.series.push({
+          name: item.monitorPropertyName + item.propertyUnit,
+          type: 'line',
+          smooth: true,
+          data: item.ylist,
+          lineStyle: { color: chartOptionYs.color[chartOptionYs.yAxis.length - 1] },
+          yAxisIndex: chartOptionYs.yAxis.length - 1,
+        });
+        chartOptionYs.legend.data.push(item.monitorPropertyName + item.propertyUnit);
+      });
+      chartOptionYs.grid.left = 50 * (chartOptionYs.yAxis.length - 1); //left值设置
+      setTimeout(() => {
+        intChart();
+      });
+      echartLoading.value = false;
+    }
+  }
+}
+// 设置多y轴
+function setEchartY(row) {
+  propsColor.map((item, index) => {
+    if (row.propertyUnit == item.label) {
+      chartOptionYs.color.push(item.color);
+      chartOptionYs.yAxis.push({
+        name: item.value, //value是英文单位，label是中文单位
+        position: 'left',
+        offset: 50 * chartOptionYs.yAxis.length,
+        axisLine: { show: true, lineStyle: { color: item.color } },
+        axisTick: { show: true },
+        splitLine: {
+          show: true, // 显示网格线
+          lineStyle: { type: 'dashed' },
+        },
+      });
+    }
+  });
+  chartOptionYs.color = [...new Set(chartOptionYs.color)]; //颜色和值对应
+  chartOptionYs.yAxis = unique(chartOptionYs.yAxis); //去重
+}
+// 数组内对象去重
+function unique(arr) {
+  let allArr = [];
+  for (let i = 0; i < arr.length; i++) {
+    let flag = true;
+    for (let j = 0; j < allArr.length; j++) {
+      if (arr[i].name == allArr[j].name) {
+        flag = false;
+      }
+    }
+    if (flag) {
+      allArr.push(arr[i]);
+    }
+  }
+  return allArr;
+}
+// 点击切换
+function checkLine(val) {
+  emit('changeOneData', val);
+}
+
+// 初始化echarts
+function intChart() {
+  if (!!myChart.value) {
+    myChart.value.dispose();
+  }
+  // 绘制图表
+  myChart.value = proxy.echarts.init(document.getElementById('reportEchart'));
+  myChart.value.setOption(chartOptionYs);
+}
+
+//自适应
+function resizeTheChart() {
+  if (myChart.value) {
+    myChart.value.resize();
+  }
+}
+// 初始化
+onMounted(() => {
+  getList(props.stationCode);
+  window.addEventListener('resize', resizeTheChart);
+});
+defineExpose({
+  getList,
+});
+</script>
+<style lang="scss">
+.reportAnalyPage {
+  width: 100%;
+  #reportEchart {
+    width: 100%;
+    height: calc(100vh - 490px);
+  }
+  .tableBox {
+    .el-pagination {
+      right: 25%;
+    }
+    .el-scrollbar {
+      height: calc(100vh - 650px);
+    }
+  }
+}
+</style>
diff --git a/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue b/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue
index c28a703..eb4d3e0 100644
--- a/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue
+++ b/src/views/spongePerformance/waterlogging/floodControlStandard/tableDalgo.vue
@@ -45,7 +45,7 @@
     </div>
 
     <!-- 地图标记点点击查看历史水位数据 -->
-    <el-dialog v-model="dialogShow" title="河道历史水位" :modal-append-to-body="false" width="600px">
+    <el-dialog v-model="dialogShow" title="河道历史水位" :modal-append-to-body="false" width="1200px">
       <div style="margin-bottom: 20px">
         <el-form inline>
           <el-form-item label="日期:" prop="hisDate">
@@ -55,7 +55,8 @@
             <el-button type="primary" icon="Search" @click="searchData">查询</el-button>
           </el-form-item>
         </el-form>
-        <div id="chartHistoryR" style="width: 100%; height: 300px"></div>
+        <!-- <div id="chartHistoryR" style="width: 100%; height: 300px"></div> -->
+        <ReportAnaly :searchDate="hisDate" :stationCode="stationCode" :key="reportAnaly"></ReportAnaly>
       </div>
     </el-dialog>
   </div>
@@ -67,10 +68,14 @@
 import chartOption from '@/components/Echarts/pieChart_1.js';
 import * as echarts from 'echarts';
 import gisMap2D from '@/views/gisMapPage/gisMapBox1.vue';
+import ReportAnaly from './reportAnaly.vue';
+
 import { getStationList } from '@/api/sponeScreen/syntherticData.js';
 
 const { proxy } = getCurrentInstance();
+const reportAnaly = ref(0);
 const dialogShow = ref(false);
+const stationCode = ref('');
 const hisDate = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
 const { typeList } = defineProps(['typeList']);
 const emits = defineEmits();
@@ -127,9 +132,11 @@
 
 // 历史水位查询
 function searchData() {
-  setTimeout(() => {
-    getRiverData();
-  }, 0);
+  reportAnaly.value++;
+
+  console.log(hisDate.value, 'hisDate.value');
+  console.log(stationCode.value, 'stationCode.value');
+  console.log(reportAnaly.value, 'reportAnaly.value');
 }
 
 // 河道echarts
@@ -183,11 +190,15 @@
 //地图点击事件
 const clickMap = (point, properties) => {
   console.log('point', point);
-  console.log('properties', properties);
+  console.log('properties', properties.stCode);
+  stationCode.value = properties.stCode;
   dialogShow.value = true;
-  setTimeout(() => {
-    getRiverData();
-  }, 0);
+  hisDate.value = [proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')];
+  reportAnaly.value++;
+
+  // setTimeout(() => {
+  //   getRiverData();
+  // }, 1000);
 };
 onMounted(() => {
   loadProjerctListData();