diff --git a/src/assets/images/jyfb.png b/src/assets/images/jyfb.png
new file mode 100644
index 0000000..9e9297e
--- /dev/null
+++ b/src/assets/images/jyfb.png
Binary files differ

diff --git a/src/assets/images/jyfb.png b/src/assets/images/jyfb.png
new file mode 100644
index 0000000..9e9297e
--- /dev/null
+++ b/src/assets/images/jyfb.png
Binary files differ
diff --git a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningRigh/component/RainfallDistribution.vue b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningRigh/component/RainfallDistribution.vue
index 94a4f13..33e2c47 100644
--- a/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningRigh/component/RainfallDistribution.vue
+++ b/src/views/pictureOnMap/page/FloodControlAndDrainage/Jianceyujin/MonitoringWarningRigh/component/RainfallDistribution.vue
@@ -10,6 +10,8 @@
     ></EachModuleTitle>
     <div class="heatingPower" v-loading="loading" element-loading-background="rgba(11, 18, 52, 0.3)">
       <canvas id="heatingPower-canvas" style="height: 100%"></canvas>
+      <img :src="jyfb" alt="">
+      
     </div>
     <div class="labelColor">
       <div class="eachBlock" v-for="(item) in labelArr" :key="item.calculateValue" :title="item.rainfallIntensity">
@@ -25,6 +27,8 @@
 import EachModuleTitle from '@/views/pictureOnMap/page/components/EachModuleTitle.vue';
 import { monitorUnitRainfallDistributionGetRainMap,monitorUnitRainfallDistributionGetRainColor } from '@/api/FloodControlAndDrainage.js';
 const { proxy } = getCurrentInstance();
+import jyfb from "@/assets/images/jyfb.png";
+
 const activeTab = ref('1');
 const rightTabArr = ref([
   {
@@ -117,6 +121,14 @@
     height: calc(100% - 70px);
     // background: #666;
     text-align: center;
+    position: relative;
+    img {
+      height: 100%;
+      position: absolute;
+      top: 0;
+      left:50%;
+      transform: translateX(-50%);
+    }
   }
   .labelColor {
     display: flex;