diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index 65ed28e..57937db 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -236,10 +236,18 @@
         "
       >
         <div class="CrumbesTitle">
-          <span class="crumbs2">港渠统计</span>
+          <span v-if="AllData.regionGrade == 'one'" class="crumbs2">港渠统计</span>
+          <span v-if="AllData.regionGrade == 'two'" class="crumbs2">水质统计</span>
         </div>
         <div class="modularRight2">
-          <YSRight :waterRegionCode="AllData.waterRegionCode"></YSRight>
+          <YSRight
+            v-if="AllData.regionGrade == 'one'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight>
+          <YSRight2
+            v-if="AllData.regionGrade == 'two'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight2>
         </div>
       </div>
     </Transition>
@@ -264,6 +272,7 @@
 // 右侧面板接入
 import RightCharts from "./components/RightCharts.vue";
 import YSRight from "./YSIndex_right.vue";
+import YSRight2 from "./YSIndex_right2.vue";
 // 面板控制组件
 import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起

diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index 65ed28e..57937db 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -236,10 +236,18 @@
         "
       >
         <div class="CrumbesTitle">
-          <span class="crumbs2">港渠统计</span>
+          <span v-if="AllData.regionGrade == 'one'" class="crumbs2">港渠统计</span>
+          <span v-if="AllData.regionGrade == 'two'" class="crumbs2">水质统计</span>
         </div>
         <div class="modularRight2">
-          <YSRight :waterRegionCode="AllData.waterRegionCode"></YSRight>
+          <YSRight
+            v-if="AllData.regionGrade == 'one'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight>
+          <YSRight2
+            v-if="AllData.regionGrade == 'two'"
+            :waterRegionCode="AllData.waterRegionCode"
+          ></YSRight2>
         </div>
       </div>
     </Transition>
@@ -264,6 +272,7 @@
 // 右侧面板接入
 import RightCharts from "./components/RightCharts.vue";
 import YSRight from "./YSIndex_right.vue";
+import YSRight2 from "./YSIndex_right2.vue";
 // 面板控制组件
 import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
new file mode 100644
index 0000000..a64f6fe
--- /dev/null
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex_right2.vue
@@ -0,0 +1,36 @@
+<template>
+  <div id="YSIndex_right2">水质统计在这里写--------------------------</div>
+</template>
+
+<script setup name="YSIndex_right2">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const props = defineProps({
+  //分区编号
+  waterRegionCode: {
+    type: [String],
+    default: "",
+  },
+});
+const AllData = reactive({});
+watch(
+  () => props.waterRegionCode,
+  (val) => {
+    console.log("YSIndex_right:分区编号变了", val);
+    // debugger
+    if (val != "") {
+      filetData(val);
+    } else {
+      getData();
+    }
+  },
+  { immediate: true, deep: true }
+);
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#YSIndex_right2 {
+  width: 100%;
+  height: 100%;
+}
+</style>