diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{

diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{
diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue
index 59eb356..236118f 100644
--- a/src/views/project/components/firstLevel.vue
+++ b/src/views/project/components/firstLevel.vue
@@ -23,7 +23,7 @@
       <el-table-column label="分区面积（k㎡）" prop="partitionArea" />
       <el-table-column label="年径流总量控制率指标%" prop="annualRunoffTarget" show-overflow-tooltip />
       <template v-if="disabled">
-        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReality" show-overflow-tooltip />
+        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReal" show-overflow-tooltip />
         <el-table-column label="超目标%" prop="superTarget" show-overflow-tooltip>
           <template #default="{ row }">
             <span :class="row.superTarget ? (row.superTarget >= 0 ? 'green' : 'red') : ''">{{ row.superTarget }}</span>

diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{
diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue
index 59eb356..236118f 100644
--- a/src/views/project/components/firstLevel.vue
+++ b/src/views/project/components/firstLevel.vue
@@ -23,7 +23,7 @@
       <el-table-column label="分区面积（k㎡）" prop="partitionArea" />
       <el-table-column label="年径流总量控制率指标%" prop="annualRunoffTarget" show-overflow-tooltip />
       <template v-if="disabled">
-        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReality" show-overflow-tooltip />
+        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReal" show-overflow-tooltip />
         <el-table-column label="超目标%" prop="superTarget" show-overflow-tooltip>
           <template #default="{ row }">
             <span :class="row.superTarget ? (row.superTarget >= 0 ? 'green' : 'red') : ''">{{ row.superTarget }}</span>
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
index d2a1340..5967e73 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,20 +45,81 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMXJ'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.yAxis[1].name = 'SS(mg/L)';
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].name = '进口SS';
-  optionChart.option.series[1].data = [230, 190, 132]; //进口SS
-  optionChart.option.series[2].name = '出口SS';
-  optionChart.option.series[2].data = [110, 90, 103]; //出口SS
+  // optionChart.option.series[0].name = 'SS(mg/L)';
+  // optionChart.option.series[0].data = [12, 9, 20]; //降雨量
+  // optionChart.option.series[1].name = '降雨量(mm)';
+  // optionChart.option.series[1].data = [230, 190, 132]; //进口SS
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: 'SS(mg/L)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: 'SS(mg/L)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
+  // optionChart.option.series[2].name = '出口SS';
+  // optionChart.option.series[2].data = [110, 90, 103]; //出口SS
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
     optionChart.option.graphic.invisible = false; //暂无数据
   }
   charts.value.clear();
+  console.log(optionChart.option, 'optionChart.option');
   charts.value.setOption(optionChart.option);
 }
 //添加海绵设施
@@ -84,6 +145,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();

diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{
diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue
index 59eb356..236118f 100644
--- a/src/views/project/components/firstLevel.vue
+++ b/src/views/project/components/firstLevel.vue
@@ -23,7 +23,7 @@
       <el-table-column label="分区面积（k㎡）" prop="partitionArea" />
       <el-table-column label="年径流总量控制率指标%" prop="annualRunoffTarget" show-overflow-tooltip />
       <template v-if="disabled">
-        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReality" show-overflow-tooltip />
+        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReal" show-overflow-tooltip />
         <el-table-column label="超目标%" prop="superTarget" show-overflow-tooltip>
           <template #default="{ row }">
             <span :class="row.superTarget ? (row.superTarget >= 0 ? 'green' : 'red') : ''">{{ row.superTarget }}</span>
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
index d2a1340..5967e73 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,20 +45,81 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMXJ'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.yAxis[1].name = 'SS(mg/L)';
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].name = '进口SS';
-  optionChart.option.series[1].data = [230, 190, 132]; //进口SS
-  optionChart.option.series[2].name = '出口SS';
-  optionChart.option.series[2].data = [110, 90, 103]; //出口SS
+  // optionChart.option.series[0].name = 'SS(mg/L)';
+  // optionChart.option.series[0].data = [12, 9, 20]; //降雨量
+  // optionChart.option.series[1].name = '降雨量(mm)';
+  // optionChart.option.series[1].data = [230, 190, 132]; //进口SS
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: 'SS(mg/L)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: 'SS(mg/L)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
+  // optionChart.option.series[2].name = '出口SS';
+  // optionChart.option.series[2].data = [110, 90, 103]; //出口SS
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
     optionChart.option.graphic.invisible = false; //暂无数据
   }
   charts.value.clear();
+  console.log(optionChart.option, 'optionChart.option');
   charts.value.setOption(optionChart.option);
 }
 //添加海绵设施
@@ -84,6 +145,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
index 3fb9851..784a7a6 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,11 +45,68 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMJC'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].data = [2.3, 1.9, 3.2]; //进口流量
-  optionChart.option.series[2].data = [1.1, 0.9, 1.3]; //出口流量
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: '流量(m³/s)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: '流量(m³/s)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
@@ -81,6 +138,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();

diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{
diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue
index 59eb356..236118f 100644
--- a/src/views/project/components/firstLevel.vue
+++ b/src/views/project/components/firstLevel.vue
@@ -23,7 +23,7 @@
       <el-table-column label="分区面积（k㎡）" prop="partitionArea" />
       <el-table-column label="年径流总量控制率指标%" prop="annualRunoffTarget" show-overflow-tooltip />
       <template v-if="disabled">
-        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReality" show-overflow-tooltip />
+        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReal" show-overflow-tooltip />
         <el-table-column label="超目标%" prop="superTarget" show-overflow-tooltip>
           <template #default="{ row }">
             <span :class="row.superTarget ? (row.superTarget >= 0 ? 'green' : 'red') : ''">{{ row.superTarget }}</span>
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
index d2a1340..5967e73 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,20 +45,81 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMXJ'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.yAxis[1].name = 'SS(mg/L)';
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].name = '进口SS';
-  optionChart.option.series[1].data = [230, 190, 132]; //进口SS
-  optionChart.option.series[2].name = '出口SS';
-  optionChart.option.series[2].data = [110, 90, 103]; //出口SS
+  // optionChart.option.series[0].name = 'SS(mg/L)';
+  // optionChart.option.series[0].data = [12, 9, 20]; //降雨量
+  // optionChart.option.series[1].name = '降雨量(mm)';
+  // optionChart.option.series[1].data = [230, 190, 132]; //进口SS
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: 'SS(mg/L)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: 'SS(mg/L)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
+  // optionChart.option.series[2].name = '出口SS';
+  // optionChart.option.series[2].data = [110, 90, 103]; //出口SS
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
     optionChart.option.graphic.invisible = false; //暂无数据
   }
   charts.value.clear();
+  console.log(optionChart.option, 'optionChart.option');
   charts.value.setOption(optionChart.option);
 }
 //添加海绵设施
@@ -84,6 +145,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
index 3fb9851..784a7a6 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,11 +45,68 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMJC'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].data = [2.3, 1.9, 3.2]; //进口流量
-  optionChart.option.series[2].data = [1.1, 0.9, 1.3]; //出口流量
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: '流量(m³/s)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: '流量(m³/s)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
@@ -81,6 +138,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();
diff --git a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
index c5e2656..33609eb 100644
--- a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
+++ b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
@@ -43,7 +43,7 @@
       </el-table>
       <div style="color: aliceblue">
         佐证材料:
-        <ImageFileUpload :limit="1" :saveFileArr="form.coverPhotosFileList" :listType="'picture-card'"></ImageFileUpload>
+        <ImageFileUpload :limit="1" :saveFileArr="form.coverPhotosFileList" :listType="'picture-card'" :disabled="true"></ImageFileUpload>
       </div>
       <template #footer>
         <div class="dialog-footer">

diff --git a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
index e980b33..51add4b 100644
--- a/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
+++ b/src/views/longoPeration/Patrolmanagement/inspectiontasks.vue
@@ -115,7 +115,7 @@
           </el-table-column>
           <el-table-column label="任务开始时间" prop="planStartDatetime" />
           <el-table-column label="任务结束时间" prop="planEndDatetime" />
-          <el-table-column label="任务状态1" prop="status">
+          <el-table-column label="任务状态" prop="status">
             <template #default="scope">
               <span>
                 {{
diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue
index 59eb356..236118f 100644
--- a/src/views/project/components/firstLevel.vue
+++ b/src/views/project/components/firstLevel.vue
@@ -23,7 +23,7 @@
       <el-table-column label="分区面积（k㎡）" prop="partitionArea" />
       <el-table-column label="年径流总量控制率指标%" prop="annualRunoffTarget" show-overflow-tooltip />
       <template v-if="disabled">
-        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReality" show-overflow-tooltip />
+        <el-table-column label="年径流总量控制率实际值%" prop="annualRunoffReal" show-overflow-tooltip />
         <el-table-column label="超目标%" prop="superTarget" show-overflow-tooltip>
           <template #default="{ row }">
             <span :class="row.superTarget ? (row.superTarget >= 0 ? 'green' : 'red') : ''">{{ row.superTarget }}</span>
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
index d2a1340..5967e73 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualRunoffPollution.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,20 +45,81 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMXJ'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.yAxis[1].name = 'SS(mg/L)';
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].name = '进口SS';
-  optionChart.option.series[1].data = [230, 190, 132]; //进口SS
-  optionChart.option.series[2].name = '出口SS';
-  optionChart.option.series[2].data = [110, 90, 103]; //出口SS
+  // optionChart.option.series[0].name = 'SS(mg/L)';
+  // optionChart.option.series[0].data = [12, 9, 20]; //降雨量
+  // optionChart.option.series[1].name = '降雨量(mm)';
+  // optionChart.option.series[1].data = [230, 190, 132]; //进口SS
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: 'SS(mg/L)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: 'SS(mg/L)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
+  // optionChart.option.series[2].name = '出口SS';
+  // optionChart.option.series[2].data = [110, 90, 103]; //出口SS
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
     optionChart.option.graphic.invisible = false; //暂无数据
   }
   charts.value.clear();
+  console.log(optionChart.option, 'optionChart.option');
   charts.value.setOption(optionChart.option);
 }
 //添加海绵设施
@@ -84,6 +145,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();
diff --git a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
index 3fb9851..784a7a6 100644
--- a/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
+++ b/src/views/spongePerformance/OutputPerformance/AnnualTotalRunoff.vue
@@ -28,7 +28,7 @@
 import { queryProjectStation } from '@/api/sponeScreen/syntherticData.js';
 import bus from '@/bus';
 const { proxy } = getCurrentInstance();
-const dialogShow = ref(true);
+const dialogShow = ref(false);
 const charts = ref(null);
 const mapboxTimer = ref(null);
 const dateSearch = ref([proxy.moment(new Date()).subtract(60, 'days').format('YYYY-MM-DD'), proxy.moment().format('YYYY-MM-DD')]);
@@ -45,11 +45,68 @@
   charts.value && charts.value.dispose();
   charts.value = proxy.echarts.init(document.getElementById('chartHMJC'));
   optionChart.option.xAxis.data = ['2024-06-12 00:00:00', '2024-06-12 00:10:00', '2024-06-12 00:20:00'];
-  optionChart.option.series[0].data = [12, 9, 20]; //降雨量
-  optionChart.option.series[1].data = [2.3, 1.9, 3.2]; //进口流量
-  optionChart.option.series[2].data = [1.1, 0.9, 1.3]; //出口流量
+  optionChart.option.series = [
+    {
+      name: '降雨量(mm)',
+      data: [230, 190, 132],
+      type: 'bar',
+      barWidth: 10,
+      yAxisIndex: 0,
+    },
+    {
+      name: '流量(m³/s)',
+      data: [12, 9, 20],
+      type: 'line',
+      smooth: true,
+      yAxisIndex: 1,
+      symbolSize: 8,
+    },
+  ];
+  optionChart.option.yAxis = [
+    {
+      name: '降雨量(mm)',
+      type: 'value',
+      inverse: true, //翻转
+      nameLocation: 'start', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+    },
+    {
+      name: '流量(m³/s)',
+      type: 'value',
+      nameLocation: 'end', // 坐标轴名称显示位置
+      nameGap: 15, // 坐标轴名称与轴线之间的距离
+      nameTextStyle: {
+        color: '#c6c6c6', //字体颜色
+        fontSize: 12, //字体大小
+        align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      },
+      axisLabel: {
+        color: '#c6c6c6',
+      },
+      splitLine: {
+        lineStyle: {
+          type: 'dashed',
+          color: '#066592',
+        },
+      },
+    },
+  ];
   // 设置鼠标滚轮放大缩小展示数据区间
-  optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
+  // optionChart.option.dataZoom = [{ type: 'inside', startValue: optionChart.option.xAxis.data[optionChart.option.xAxis.data.length / 2] }];
   if (optionChart.option.xAxis.data.length > 0) {
     optionChart.option.graphic.invisible = true; //暂无数据
   } else {
@@ -81,6 +138,10 @@
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
+  dialogShow.value = true;
+  setTimeout(() => {
+    initChart();
+  });
 };
 onMounted(() => {
   handleQuery();
diff --git a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
index c5e2656..33609eb 100644
--- a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
+++ b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
@@ -43,7 +43,7 @@
       </el-table>
       <div style="color: aliceblue">
         佐证材料:
-        <ImageFileUpload :limit="1" :saveFileArr="form.coverPhotosFileList" :listType="'picture-card'"></ImageFileUpload>
+        <ImageFileUpload :limit="1" :saveFileArr="form.coverPhotosFileList" :listType="'picture-card'" :disabled="true"></ImageFileUpload>
       </div>
       <template #footer>
         <div class="dialog-footer">
diff --git a/src/views/spongePerformance/OutputPerformance/chartOption.js b/src/views/spongePerformance/OutputPerformance/chartOption.js
index c0e300f..8dc5845 100644
--- a/src/views/spongePerformance/OutputPerformance/chartOption.js
+++ b/src/views/spongePerformance/OutputPerformance/chartOption.js
@@ -65,72 +65,72 @@
       },
     },
     yAxis: [
-      {
-        name: '降雨量(mm)',
-        type: 'value',
-        inverse: true, //翻转
-        nameLocation: 'start', // 坐标轴名称显示位置
-        nameGap: 15, // 坐标轴名称与轴线之间的距离
-        nameTextStyle: {
-          color: '#c6c6c6', //字体颜色
-          fontSize: 12, //字体大小
-          align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
-        },
-        splitLine: {
-          lineStyle: {
-            type: 'dashed',
-            color: '#066592',
-          },
-        },
-        axisLabel: {
-          color: '#c6c6c6',
-        },
-      },
-      {
-        name: '流量(m³/h)',
-        type: 'value',
-        nameLocation: 'end', // 坐标轴名称显示位置
-        nameGap: 15, // 坐标轴名称与轴线之间的距离
-        nameTextStyle: {
-          color: '#c6c6c6', //字体颜色
-          fontSize: 12, //字体大小
-          align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
-        },
-        axisLabel: {
-          color: '#c6c6c6',
-        },
-        splitLine: {
-          lineStyle: {
-            type: 'dashed',
-            color: '#066592',
-          },
-        },
-      },
+      // {
+      //   name: '降雨量(mm)',
+      //   type: 'value',
+      //   inverse: true, //翻转
+      //   nameLocation: 'start', // 坐标轴名称显示位置
+      //   nameGap: 15, // 坐标轴名称与轴线之间的距离
+      //   nameTextStyle: {
+      //     color: '#c6c6c6', //字体颜色
+      //     fontSize: 12, //字体大小
+      //     align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      //   },
+      //   splitLine: {
+      //     lineStyle: {
+      //       type: 'dashed',
+      //       color: '#066592',
+      //     },
+      //   },
+      //   axisLabel: {
+      //     color: '#c6c6c6',
+      //   },
+      // },
+      // {
+      //   name: '流量(m³/h)',
+      //   type: 'value',
+      //   nameLocation: 'end', // 坐标轴名称显示位置
+      //   nameGap: 15, // 坐标轴名称与轴线之间的距离
+      //   nameTextStyle: {
+      //     color: '#c6c6c6', //字体颜色
+      //     fontSize: 12, //字体大小
+      //     align: 'center', // 文字水平对齐方式，默认自动（'left'，'center'，'right'）
+      //   },
+      //   axisLabel: {
+      //     color: '#c6c6c6',
+      //   },
+      //   splitLine: {
+      //     lineStyle: {
+      //       type: 'dashed',
+      //       color: '#066592',
+      //     },
+      //   },
+      // },
     ],
     series: [
-      {
-        name: '降雨量',
-        type: 'bar',
-        barWidth: 10,
-        yAxisIndex: 0,
-        data: [24, 12, 9],
-      },
-      {
-        name: '进口流量',
-        type: 'line',
-        smooth: true,
-        yAxisIndex: 1,
-        symbolSize: 8,
-        data: [14, 8, 5],
-      },
-      {
-        name: '出口流量',
-        type: 'line',
-        smooth: true,
-        yAxisIndex: 1,
-        symbolSize: 8,
-        data: [4, 2, 1],
-      },
+      // {
+      //   name: '降雨量(mm)',
+      //   type: 'bar',
+      //   barWidth: 10,
+      //   yAxisIndex: 0,
+      //   data: [24, 12, 9],
+      // },
+      // {
+      //   name: '流量(m³/s)',
+      //   type: 'line',
+      //   smooth: true,
+      //   yAxisIndex: 1,
+      //   symbolSize: 8,
+      //   data: [14, 8, 5],
+      // },
+      // {
+      //   name: '出口流量',
+      //   type: 'line',
+      //   smooth: true,
+      //   yAxisIndex: 1,
+      //   symbolSize: 8,
+      //   data: [4, 2, 1],
+      // },
     ],
   },
 };