diff --git a/src/assets/images/pictureOnMap/SLFX2.png b/src/assets/images/pictureOnMap/SLFX2.png
new file mode 100644
index 0000000..8ac1aec
--- /dev/null
+++ b/src/assets/images/pictureOnMap/SLFX2.png
Binary files differ

diff --git a/src/assets/images/pictureOnMap/SLFX2.png b/src/assets/images/pictureOnMap/SLFX2.png
new file mode 100644
index 0000000..8ac1aec
--- /dev/null
+++ b/src/assets/images/pictureOnMap/SLFX2.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
new file mode 100644
index 0000000..712198c
--- /dev/null
+++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
@@ -0,0 +1,343 @@
+<template>
+  <div id="BengZhanRight">
+    <div class="modular1_right">
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站名称:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.name ? AllData.bengZhanInfo.name : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站类型:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          <dict-tag :options="pump_station_type" :value="AllData.bengZhanInfo.type" />
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">所属水系:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          {{
+            selectArrListLabel(
+              alllist,
+              AllData.bengZhanInfo.waterRegionCode,
+              "id",
+              "name"
+            )
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">设计规模:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.designFlowRate
+              ? AllData.bengZhanInfo.designFlowRate + "m³/s"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵机个数:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.pumpNumber
+              ? AllData.bengZhanInfo.pumpNumber + "个"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">装机功率:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.power ? AllData.bengZhanInfo.power + "kw" : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">起抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.startLevel ? AllData.bengZhanInfo.startLevel + "m" : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">停抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.controlLevel
+              ? AllData.bengZhanInfo.controlLevel + "m"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">汇入管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.entrance ? AllData.bengZhanInfo.entrance : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">排出管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.discharge ? AllData.bengZhanInfo.discharge : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">流入场站:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.flowInto ? AllData.bengZhanInfo.flowInto : "--" }}
+        </div>
+      </div>
+    </div>
+    <div class="modular2_right">
+      <div class="leve2Title">进站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 一级泵站 展示出水量 -->
+    <div class="modular2_right" v-if="AllData.ChuShuiShow">
+      <div class="leve2Title">出站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 二级泵站 展示泵机状态 -->
+    <div class="modular3_right" v-if="!AllData.ChuShuiShow">
+      <div class="leve2Title">泵机状态</div>
+      <div class="modularBody"></div>
+    </div>
+    <div class="modular4_right">
+      <div class="leve2Title">实时水量</div>
+      <div class="modularBody">Echarts</div>
+    </div>
+  </div>
+</template>
+
+<script setup name="BengZhanRight">
+import { ref, reactive, toRefs, onMounted } from "vue";
+import { listwaterRegionInfo, getBaseDetail } from "@/api/MonitorAssetsOnMap";
+const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  // 泵站基础信息
+  bengZhanInfo: {},
+  // 是否展示出水量
+  ChuShuiShow: true,
+  // 进站水量 :::::: 与后台对接口后替换jinZhanA,B,C的字段即可
+  jinZhan: {
+    jinZhanA: "10",
+    jinZhanB: "20",
+    jinZhanC: "30",
+  },
+  // 出站水量:::::: 与后台对接口后替换ChuZhanA,B,C的字段即可
+  ChuZhan: {
+    ChuZhanA: "11",
+    ChuZhanB: "21",
+    ChuZhanC: "31",
+  },
+});
+const props = defineProps({
+  //类型
+  Datatype: {
+    type: String,
+    default: "",
+  },
+  //id
+  DataId: {
+    default: "",
+  },
+});
+const { pump_station_type } = proxy.useDict("pump_station_type");
+// 获取所有泵站信息
+const getBengZhanInfo = () => {
+  getBaseDetail({
+    dataId: props.DataId,
+    dataCode: props.Datatype,
+  }).then((res) => {
+    if (res && res.code == 200) {
+      AllData.bengZhanInfo = res.data;
+    }
+  });
+};
+// 获取水系信息
+const alllist = ref([]);
+function getListlast() {
+  listwaterRegionInfo().then((response) => {
+    alllist.value = response.data;
+  });
+}
+watch(
+  () => props.DataId,
+  (val) => {
+    console.log("BengZhanRight组件的泵站id编号变了", val);
+    getBengZhanInfo();
+  },
+  { immediate: true, deep: true }
+);
+onMounted(() => {
+  getListlast();
+});
+</script>
+
+<style lang="scss" scoped>
+#BengZhanRight {
+  width: 100%;
+  height: 100%;
+
+  .modular1_right {
+    width: 100%;
+    height: auto;
+    overflow: auto;
+    .ListInfo100 {
+      width: 100%;
+      height: auto;
+      float: left;
+      margin-top: 5px;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: flex-start;
+      // box-sizing: border-box;
+      // padding: 0 20px 0 10px;
+    }
+    .ListInfo_label {
+      width: 75px;
+      height: auto;
+      line-height: 26px;
+      text-align: center;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      color: #ccdfff;
+    }
+    .ListInfo_value {
+      width: calc(100% - 75px);
+      height: auto;
+      line-height: 18px;
+      background: #0d2359;
+      border-radius: 6px;
+      border: 1px solid #0b9bff;
+      box-sizing: border-box;
+      padding: 5px 5px 5px 10px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #00fcff;
+    }
+  }
+  .modular2_right {
+    width: 100%;
+    height: 120px;
+    .modularBody {
+      width: 100%;
+      height: calc(100% - 50px);
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-evenly;
+      align-items: center;
+      .SLList {
+        display: inline-block;
+        width: 33.33%;
+        height: 80px;
+        box-sizing: border-box;
+        padding: 15px 0;
+        background-image: url("@/assets/images/pictureOnMap/SLFX2.png");
+        background-repeat: no-repeat;
+        background-size: contain;
+        .SlList1P {
+          width: 100%;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          .SlListNum {
+            font-family: DINPro;
+            font-weight: bold;
+            font-size: 22px;
+            color: #00fcff;
+          }
+          .SlListUnit {
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            font-size: 16px;
+            color: #ccdfff;
+          }
+        }
+        .SlList2P {
+          font-family: Source Han Sans CN;
+          font-weight: 400;
+          font-size: 16px;
+          color: #ffffff;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .modular4_right {
+    width: 100%;
+    height: 280px;
+    .modularBody {
+    }
+  }
+}
+</style>

diff --git a/src/assets/images/pictureOnMap/SLFX2.png b/src/assets/images/pictureOnMap/SLFX2.png
new file mode 100644
index 0000000..8ac1aec
--- /dev/null
+++ b/src/assets/images/pictureOnMap/SLFX2.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
new file mode 100644
index 0000000..712198c
--- /dev/null
+++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
@@ -0,0 +1,343 @@
+<template>
+  <div id="BengZhanRight">
+    <div class="modular1_right">
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站名称:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.name ? AllData.bengZhanInfo.name : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站类型:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          <dict-tag :options="pump_station_type" :value="AllData.bengZhanInfo.type" />
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">所属水系:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          {{
+            selectArrListLabel(
+              alllist,
+              AllData.bengZhanInfo.waterRegionCode,
+              "id",
+              "name"
+            )
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">设计规模:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.designFlowRate
+              ? AllData.bengZhanInfo.designFlowRate + "m³/s"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵机个数:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.pumpNumber
+              ? AllData.bengZhanInfo.pumpNumber + "个"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">装机功率:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.power ? AllData.bengZhanInfo.power + "kw" : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">起抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.startLevel ? AllData.bengZhanInfo.startLevel + "m" : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">停抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.controlLevel
+              ? AllData.bengZhanInfo.controlLevel + "m"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">汇入管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.entrance ? AllData.bengZhanInfo.entrance : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">排出管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.discharge ? AllData.bengZhanInfo.discharge : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">流入场站:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.flowInto ? AllData.bengZhanInfo.flowInto : "--" }}
+        </div>
+      </div>
+    </div>
+    <div class="modular2_right">
+      <div class="leve2Title">进站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 一级泵站 展示出水量 -->
+    <div class="modular2_right" v-if="AllData.ChuShuiShow">
+      <div class="leve2Title">出站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 二级泵站 展示泵机状态 -->
+    <div class="modular3_right" v-if="!AllData.ChuShuiShow">
+      <div class="leve2Title">泵机状态</div>
+      <div class="modularBody"></div>
+    </div>
+    <div class="modular4_right">
+      <div class="leve2Title">实时水量</div>
+      <div class="modularBody">Echarts</div>
+    </div>
+  </div>
+</template>
+
+<script setup name="BengZhanRight">
+import { ref, reactive, toRefs, onMounted } from "vue";
+import { listwaterRegionInfo, getBaseDetail } from "@/api/MonitorAssetsOnMap";
+const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  // 泵站基础信息
+  bengZhanInfo: {},
+  // 是否展示出水量
+  ChuShuiShow: true,
+  // 进站水量 :::::: 与后台对接口后替换jinZhanA,B,C的字段即可
+  jinZhan: {
+    jinZhanA: "10",
+    jinZhanB: "20",
+    jinZhanC: "30",
+  },
+  // 出站水量:::::: 与后台对接口后替换ChuZhanA,B,C的字段即可
+  ChuZhan: {
+    ChuZhanA: "11",
+    ChuZhanB: "21",
+    ChuZhanC: "31",
+  },
+});
+const props = defineProps({
+  //类型
+  Datatype: {
+    type: String,
+    default: "",
+  },
+  //id
+  DataId: {
+    default: "",
+  },
+});
+const { pump_station_type } = proxy.useDict("pump_station_type");
+// 获取所有泵站信息
+const getBengZhanInfo = () => {
+  getBaseDetail({
+    dataId: props.DataId,
+    dataCode: props.Datatype,
+  }).then((res) => {
+    if (res && res.code == 200) {
+      AllData.bengZhanInfo = res.data;
+    }
+  });
+};
+// 获取水系信息
+const alllist = ref([]);
+function getListlast() {
+  listwaterRegionInfo().then((response) => {
+    alllist.value = response.data;
+  });
+}
+watch(
+  () => props.DataId,
+  (val) => {
+    console.log("BengZhanRight组件的泵站id编号变了", val);
+    getBengZhanInfo();
+  },
+  { immediate: true, deep: true }
+);
+onMounted(() => {
+  getListlast();
+});
+</script>
+
+<style lang="scss" scoped>
+#BengZhanRight {
+  width: 100%;
+  height: 100%;
+
+  .modular1_right {
+    width: 100%;
+    height: auto;
+    overflow: auto;
+    .ListInfo100 {
+      width: 100%;
+      height: auto;
+      float: left;
+      margin-top: 5px;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: flex-start;
+      // box-sizing: border-box;
+      // padding: 0 20px 0 10px;
+    }
+    .ListInfo_label {
+      width: 75px;
+      height: auto;
+      line-height: 26px;
+      text-align: center;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      color: #ccdfff;
+    }
+    .ListInfo_value {
+      width: calc(100% - 75px);
+      height: auto;
+      line-height: 18px;
+      background: #0d2359;
+      border-radius: 6px;
+      border: 1px solid #0b9bff;
+      box-sizing: border-box;
+      padding: 5px 5px 5px 10px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #00fcff;
+    }
+  }
+  .modular2_right {
+    width: 100%;
+    height: 120px;
+    .modularBody {
+      width: 100%;
+      height: calc(100% - 50px);
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-evenly;
+      align-items: center;
+      .SLList {
+        display: inline-block;
+        width: 33.33%;
+        height: 80px;
+        box-sizing: border-box;
+        padding: 15px 0;
+        background-image: url("@/assets/images/pictureOnMap/SLFX2.png");
+        background-repeat: no-repeat;
+        background-size: contain;
+        .SlList1P {
+          width: 100%;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          .SlListNum {
+            font-family: DINPro;
+            font-weight: bold;
+            font-size: 22px;
+            color: #00fcff;
+          }
+          .SlListUnit {
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            font-size: 16px;
+            color: #ccdfff;
+          }
+        }
+        .SlList2P {
+          font-family: Source Han Sans CN;
+          font-weight: 400;
+          font-size: 16px;
+          color: #ffffff;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .modular4_right {
+    width: 100%;
+    height: 280px;
+    .modularBody {
+    }
+  }
+}
+</style>
diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
index 82fc747..ee688a1 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
@@ -106,10 +106,15 @@
           </div>
         </div></div
     ></Transition>
+    <!-- 右侧面板 -->
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
@@ -226,6 +231,19 @@
         </div>
       </div>
     </Transition>
+    <!-- 泵站信息 -->
+    <Transition name="fade_right">
+      <div
+        :class="['moduleBox', 'moduleBoxRight']"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rain_water_pump_station_info'
+        "
+      >
+        泵站信息
+      </div>
+    </Transition>
   </div>
 </template>
 
@@ -258,6 +276,7 @@
   waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
   RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
       abbreviation: "一级分区", //分区缩写-动态
@@ -393,6 +412,7 @@
   console.log(item);
   AllData.RightShow = false;
   AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -530,6 +550,7 @@
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
     if (Row.properties.level == "4") return;
@@ -626,15 +647,17 @@
     });
   } else if (Row.layerId == "point") {
     // 点位
-    if (Row.properties.pointType == "sewage_pipeline_quality") {
-      if (AllData.RightShowID == Row.properties.id) {
-        // 说明是同样的一个点点了两次,所以进行关闭
-        AllData.RightShow = false;
-        AllData.RightShowID = "";
-      } else {
+    if (AllData.RightShowID == Row.properties.id) {
+      // 说明是同样的一个点点了两次,所以进行关闭
+      AllData.RightShow = false;
+      AllData.RightShowID = "";
+    } else {
+      // 管点
+      if (Row.properties.pointType == "sewage_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
-        AllData.RightShow = true;
         AllData.RightShowID = Row.properties.id;
+        AllData.RightShowType = "sewage_pipeline_quality";
+        AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
         console.log("Row", Row);
@@ -680,6 +703,36 @@
         GetRightCharts(Row.properties);
         //   }, 900);
       }
+      // 泵站
+      if (Row.properties.pointType == "sewage_pump_station_info") {
+        if (Row.properties.id == "") {
+          // 不展示
+          AllData.ClicksiteName = "";
+          AllData.RightShow = false;
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
+        } else {
+          AllData.ClicksiteName = Row.properties.name;
+          AllData.RightShowID = Row.properties.id;
+          AllData.RightShowType = "sewage_pump_station_info";
+          AllData.RightShow = true;
+        }
+      }
+      // 污水处理厂
+      if (Row.properties.pointType == "sewage_factory_info") {
+        if (Row.properties.id == "") {
+          // 不展示
+          AllData.ClicksiteName = "";
+          AllData.RightShow = false;
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
+        } else {
+          AllData.ClicksiteName = Row.properties.name;
+          AllData.RightShowID = Row.properties.id;
+          AllData.RightShowType = "sewage_factory_info";
+          AllData.RightShow = true;
+        }
+      }
     }
   }
 };

diff --git a/src/assets/images/pictureOnMap/SLFX2.png b/src/assets/images/pictureOnMap/SLFX2.png
new file mode 100644
index 0000000..8ac1aec
--- /dev/null
+++ b/src/assets/images/pictureOnMap/SLFX2.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
new file mode 100644
index 0000000..712198c
--- /dev/null
+++ b/src/views/pictureOnMap/page/DrainageSystem/BengZhanRight.vue
@@ -0,0 +1,343 @@
+<template>
+  <div id="BengZhanRight">
+    <div class="modular1_right">
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站名称:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.name ? AllData.bengZhanInfo.name : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵站类型:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          <dict-tag :options="pump_station_type" :value="AllData.bengZhanInfo.type" />
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">所属水系:</div>
+        <div class="ListInfo_value">
+          <!-- {{ AllData.bengZhanInfo.pointNumber ? AllData.bengZhanInfo.pointNumber : "--" }} -->
+          {{
+            selectArrListLabel(
+              alllist,
+              AllData.bengZhanInfo.waterRegionCode,
+              "id",
+              "name"
+            )
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">设计规模:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.designFlowRate
+              ? AllData.bengZhanInfo.designFlowRate + "m³/s"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">泵机个数:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.pumpNumber
+              ? AllData.bengZhanInfo.pumpNumber + "个"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">装机功率:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.power ? AllData.bengZhanInfo.power + "kw" : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">起抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.startLevel ? AllData.bengZhanInfo.startLevel + "m" : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">停抽水位:</div>
+        <div class="ListInfo_value">
+          {{
+            AllData.bengZhanInfo.controlLevel
+              ? AllData.bengZhanInfo.controlLevel + "m"
+              : "--"
+          }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">汇入管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.entrance ? AllData.bengZhanInfo.entrance : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">排出管网:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.discharge ? AllData.bengZhanInfo.discharge : "--" }}
+        </div>
+      </div>
+      <div class="ListInfo100">
+        <div class="ListInfo_label">流入场站:</div>
+        <div class="ListInfo_value">
+          {{ AllData.bengZhanInfo.flowInto ? AllData.bengZhanInfo.flowInto : "--" }}
+        </div>
+      </div>
+    </div>
+    <div class="modular2_right">
+      <div class="leve2Title">进站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.jinZhan.jinZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.jinZhan.jinZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 一级泵站 展示出水量 -->
+    <div class="modular2_right" v-if="AllData.ChuShuiShow">
+      <div class="leve2Title">出站水量</div>
+      <div class="modularBody">
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanA + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanA }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">今日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanB + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanB }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">昨日水量</div>
+        </div>
+        <div class="SLList">
+          <div class="SlList1P">
+            <el-tooltip :content="AllData.ChuZhan.ChuZhanC + '万吨'" placement="top">
+              <span class="SlListNum">{{ AllData.ChuZhan.ChuZhanC }}</span>
+            </el-tooltip>
+            <span class="SlListUnit">万吨</span>
+          </div>
+          <div class="SlList2P">7日平均水量</div>
+        </div>
+      </div>
+    </div>
+    <!-- 二级泵站 展示泵机状态 -->
+    <div class="modular3_right" v-if="!AllData.ChuShuiShow">
+      <div class="leve2Title">泵机状态</div>
+      <div class="modularBody"></div>
+    </div>
+    <div class="modular4_right">
+      <div class="leve2Title">实时水量</div>
+      <div class="modularBody">Echarts</div>
+    </div>
+  </div>
+</template>
+
+<script setup name="BengZhanRight">
+import { ref, reactive, toRefs, onMounted } from "vue";
+import { listwaterRegionInfo, getBaseDetail } from "@/api/MonitorAssetsOnMap";
+const { proxy } = getCurrentInstance();
+const AllData = reactive({
+  // 泵站基础信息
+  bengZhanInfo: {},
+  // 是否展示出水量
+  ChuShuiShow: true,
+  // 进站水量 :::::: 与后台对接口后替换jinZhanA,B,C的字段即可
+  jinZhan: {
+    jinZhanA: "10",
+    jinZhanB: "20",
+    jinZhanC: "30",
+  },
+  // 出站水量:::::: 与后台对接口后替换ChuZhanA,B,C的字段即可
+  ChuZhan: {
+    ChuZhanA: "11",
+    ChuZhanB: "21",
+    ChuZhanC: "31",
+  },
+});
+const props = defineProps({
+  //类型
+  Datatype: {
+    type: String,
+    default: "",
+  },
+  //id
+  DataId: {
+    default: "",
+  },
+});
+const { pump_station_type } = proxy.useDict("pump_station_type");
+// 获取所有泵站信息
+const getBengZhanInfo = () => {
+  getBaseDetail({
+    dataId: props.DataId,
+    dataCode: props.Datatype,
+  }).then((res) => {
+    if (res && res.code == 200) {
+      AllData.bengZhanInfo = res.data;
+    }
+  });
+};
+// 获取水系信息
+const alllist = ref([]);
+function getListlast() {
+  listwaterRegionInfo().then((response) => {
+    alllist.value = response.data;
+  });
+}
+watch(
+  () => props.DataId,
+  (val) => {
+    console.log("BengZhanRight组件的泵站id编号变了", val);
+    getBengZhanInfo();
+  },
+  { immediate: true, deep: true }
+);
+onMounted(() => {
+  getListlast();
+});
+</script>
+
+<style lang="scss" scoped>
+#BengZhanRight {
+  width: 100%;
+  height: 100%;
+
+  .modular1_right {
+    width: 100%;
+    height: auto;
+    overflow: auto;
+    .ListInfo100 {
+      width: 100%;
+      height: auto;
+      float: left;
+      margin-top: 5px;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      align-items: center;
+      justify-content: flex-start;
+      // box-sizing: border-box;
+      // padding: 0 20px 0 10px;
+    }
+    .ListInfo_label {
+      width: 75px;
+      height: auto;
+      line-height: 26px;
+      text-align: center;
+      font-family: Source Han Sans CN;
+      font-weight: bold;
+      font-size: 14px;
+      color: #ccdfff;
+    }
+    .ListInfo_value {
+      width: calc(100% - 75px);
+      height: auto;
+      line-height: 18px;
+      background: #0d2359;
+      border-radius: 6px;
+      border: 1px solid #0b9bff;
+      box-sizing: border-box;
+      padding: 5px 5px 5px 10px;
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #00fcff;
+    }
+  }
+  .modular2_right {
+    width: 100%;
+    height: 120px;
+    .modularBody {
+      width: 100%;
+      height: calc(100% - 50px);
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-evenly;
+      align-items: center;
+      .SLList {
+        display: inline-block;
+        width: 33.33%;
+        height: 80px;
+        box-sizing: border-box;
+        padding: 15px 0;
+        background-image: url("@/assets/images/pictureOnMap/SLFX2.png");
+        background-repeat: no-repeat;
+        background-size: contain;
+        .SlList1P {
+          width: 100%;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          .SlListNum {
+            font-family: DINPro;
+            font-weight: bold;
+            font-size: 22px;
+            color: #00fcff;
+          }
+          .SlListUnit {
+            font-family: Source Han Sans CN;
+            font-weight: 400;
+            font-size: 16px;
+            color: #ccdfff;
+          }
+        }
+        .SlList2P {
+          font-family: Source Han Sans CN;
+          font-weight: 400;
+          font-size: 16px;
+          color: #ffffff;
+          height: 25px;
+          line-height: 25px;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .modular4_right {
+    width: 100%;
+    height: 280px;
+    .modularBody {
+    }
+  }
+}
+</style>
diff --git a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
index 82fc747..ee688a1 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/WSIndex.vue
@@ -106,10 +106,15 @@
           </div>
         </div></div
     ></Transition>
+    <!-- 右侧面板 -->
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'sewage_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
@@ -226,6 +231,19 @@
         </div>
       </div>
     </Transition>
+    <!-- 泵站信息 -->
+    <Transition name="fade_right">
+      <div
+        :class="['moduleBox', 'moduleBoxRight']"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rain_water_pump_station_info'
+        "
+      >
+        泵站信息
+      </div>
+    </Transition>
   </div>
 </template>
 
@@ -258,6 +276,7 @@
   waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
   RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
       abbreviation: "一级分区", //分区缩写-动态
@@ -393,6 +412,7 @@
   console.log(item);
   AllData.RightShow = false;
   AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -530,6 +550,7 @@
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
     if (Row.properties.level == "4") return;
@@ -626,15 +647,17 @@
     });
   } else if (Row.layerId == "point") {
     // 点位
-    if (Row.properties.pointType == "sewage_pipeline_quality") {
-      if (AllData.RightShowID == Row.properties.id) {
-        // 说明是同样的一个点点了两次,所以进行关闭
-        AllData.RightShow = false;
-        AllData.RightShowID = "";
-      } else {
+    if (AllData.RightShowID == Row.properties.id) {
+      // 说明是同样的一个点点了两次,所以进行关闭
+      AllData.RightShow = false;
+      AllData.RightShowID = "";
+    } else {
+      // 管点
+      if (Row.properties.pointType == "sewage_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
-        AllData.RightShow = true;
         AllData.RightShowID = Row.properties.id;
+        AllData.RightShowType = "sewage_pipeline_quality";
+        AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
         console.log("Row", Row);
@@ -680,6 +703,36 @@
         GetRightCharts(Row.properties);
         //   }, 900);
       }
+      // 泵站
+      if (Row.properties.pointType == "sewage_pump_station_info") {
+        if (Row.properties.id == "") {
+          // 不展示
+          AllData.ClicksiteName = "";
+          AllData.RightShow = false;
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
+        } else {
+          AllData.ClicksiteName = Row.properties.name;
+          AllData.RightShowID = Row.properties.id;
+          AllData.RightShowType = "sewage_pump_station_info";
+          AllData.RightShow = true;
+        }
+      }
+      // 污水处理厂
+      if (Row.properties.pointType == "sewage_factory_info") {
+        if (Row.properties.id == "") {
+          // 不展示
+          AllData.ClicksiteName = "";
+          AllData.RightShow = false;
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
+        } else {
+          AllData.ClicksiteName = Row.properties.name;
+          AllData.RightShowID = Row.properties.id;
+          AllData.RightShowType = "sewage_factory_info";
+          AllData.RightShow = true;
+        }
+      }
     }
   }
 };
diff --git a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
index ee70b19..d286774 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/YSIndex.vue
@@ -122,10 +122,15 @@
           </div>
         </div></div
     ></Transition>
+    <!-- 右侧面板 -->
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
-        v-show="!showPanel && AllData.RightShow"
+        v-show="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rainwater_pipeline_quality'
+        "
       >
         <!-- 顶部公共标题 -->
         <div class="CrumbesTitle">
@@ -256,6 +261,7 @@
         </div>
       </div>
     </Transition>
+    <!-- 水质统计 -->
     <Transition name="fade_right">
       <div
         :class="['moduleBox', 'moduleBoxRight']"
@@ -281,6 +287,29 @@
         </div>
       </div>
     </Transition>
+    <!-- 泵站信息 -->
+    <Transition name="fade_right">
+      <div
+        :class="['moduleBox', 'moduleBoxRight']"
+        v-if="
+          !showPanel &&
+          AllData.RightShow &&
+          AllData.RightShowType == 'rain_water_pump_station_info'
+        "
+      >
+        <!-- 顶部公共标题 -->
+        <div class="CrumbesTitle">
+          <span class="crumbs2">{{ AllData.ClicksiteName }}</span>
+        </div>
+
+        <div class="modularRight2">
+          <BengZhanInfo
+            :Datatype="AllData.RightShowType"
+            :DataId="AllData.RightShowID"
+          ></BengZhanInfo>
+        </div>
+      </div>
+    </Transition>
   </div>
 </template>
 
@@ -303,6 +332,7 @@
 import RightCharts from "./components/RightCharts.vue";
 import YSRight from "./YSIndex_right.vue";
 import YSRight2 from "./YSIndex_right2.vue";
+import BengZhanInfo from "./BengZhanRight.vue";
 // 面板控制组件
 import PanelDisplayHidden from "@/views/pictureOnMap/page/components/PanelDisplayHidden.vue";
 const showPanel = ref(false); //面板展开收起
@@ -317,6 +347,7 @@
   waterRegionCode: "", //分区编号
   RightShow: false, //右侧面板是否显示--基于是否选择站点进行判断
   RightShowID: "",
+  RightShowType: "",
   TitleName: [
     {
       abbreviation: "一级分区", //分区缩写-动态
@@ -453,6 +484,7 @@
   console.log(item);
   AllData.RightShow = false;
   AllData.RightShowID = "";
+  AllData.RightShowType = "";
   // 赋值需要进行echarts数据请求的数据
   AllData.regionGrade = item.grade;
   AllData.regionName = item.Name;
@@ -590,6 +622,7 @@
     // 片区
     AllData.RightShow = false;
     AllData.RightShowID = false;
+    AllData.RightShowType = "排水分区";
     //   if (!!!Row.properties.pid) return;
     //   原本是判断没有pid就不请求↑↑↑,现在gis图层数据改变,从而使用层级来判断↓↓↓
     if (Row.properties.level == "4") return;
@@ -686,15 +719,18 @@
     });
   } else if (Row.layerId == "point") {
     // 点位
-    if (Row.properties.pointType == "rainwater_pipeline_quality") {
-      if (AllData.RightShowID == Row.properties.id) {
-        // 说明是同样的一个点点了两次,所以进行关闭
-        AllData.RightShow = false;
-        AllData.RightShowID = "";
-      } else {
+    if (AllData.RightShowID == Row.properties.id) {
+      // 说明是同样的一个点点了两次,所以进行关闭
+      AllData.RightShow = false;
+      AllData.RightShowID = "";
+      AllData.RightShowType = "";
+    } else {
+      // 管点
+      if (Row.properties.pointType == "rainwater_pipeline_quality") {
         AllData.ClicksiteName = Row.properties.name;
-        AllData.RightShow = true;
         AllData.RightShowID = Row.properties.id;
+        AllData.RightShowType = "rainwater_pipeline_quality";
+        AllData.RightShow = true;
         //   Row.properties.wellCode
         //   获取管网信息
         if (!!Row.properties.wellCode) {
@@ -746,7 +782,23 @@
         GetRightCharts(Row.properties);
         //   }, 900);
       }
+      // 泵站
+      if (Row.properties.pointType == "rain_water_pump_station_info") {
+        if (Row.properties.id == "") {
+          // 不展示
+          AllData.ClicksiteName = "";
+          AllData.RightShow = false;
+          AllData.RightShowID = "";
+          AllData.RightShowType = "";
+        } else {
+          AllData.RightShowType = "rain_water_pump_station_info";
+          AllData.ClicksiteName = Row.properties.name;
+          AllData.RightShowID = Row.properties.id;
+          AllData.RightShow = true;
+        }
+      }
     }
+    // }
   }
 };
 
@@ -801,7 +853,7 @@
       }
       if (AllData.regionGrade == "two") {
         // 二级Ecahrts 名称
-        debugger;
+        // debugger;
         AllData.chartData2.yAxis_Name = "问题管网";
         AllData.TjData2 = Number(
           res.data.pipelineLengthList.reduce(