diff --git a/src/assets/images/Sponge_screen/ccjxJS.png b/src/assets/images/Sponge_screen/ccjxJS.png
new file mode 100644
index 0000000..9206004
--- /dev/null
+++ b/src/assets/images/Sponge_screen/ccjxJS.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/ccjxJS.png b/src/assets/images/Sponge_screen/ccjxJS.png
new file mode 100644
index 0000000..9206004
--- /dev/null
+++ b/src/assets/images/Sponge_screen/ccjxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/gljxJS.png b/src/assets/images/Sponge_screen/gljxJS.png
new file mode 100644
index 0000000..3dbdfac
--- /dev/null
+++ b/src/assets/images/Sponge_screen/gljxJS.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/ccjxJS.png b/src/assets/images/Sponge_screen/ccjxJS.png
new file mode 100644
index 0000000..9206004
--- /dev/null
+++ b/src/assets/images/Sponge_screen/ccjxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/gljxJS.png b/src/assets/images/Sponge_screen/gljxJS.png
new file mode 100644
index 0000000..3dbdfac
--- /dev/null
+++ b/src/assets/images/Sponge_screen/gljxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/mydJS.png b/src/assets/images/Sponge_screen/mydJS.png
new file mode 100644
index 0000000..3ca1194
--- /dev/null
+++ b/src/assets/images/Sponge_screen/mydJS.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/ccjxJS.png b/src/assets/images/Sponge_screen/ccjxJS.png
new file mode 100644
index 0000000..9206004
--- /dev/null
+++ b/src/assets/images/Sponge_screen/ccjxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/gljxJS.png b/src/assets/images/Sponge_screen/gljxJS.png
new file mode 100644
index 0000000..3dbdfac
--- /dev/null
+++ b/src/assets/images/Sponge_screen/gljxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/mydJS.png b/src/assets/images/Sponge_screen/mydJS.png
new file mode 100644
index 0000000..3ca1194
--- /dev/null
+++ b/src/assets/images/Sponge_screen/mydJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/zjjxJS.png b/src/assets/images/Sponge_screen/zjjxJS.png
new file mode 100644
index 0000000..bf44ea5
--- /dev/null
+++ b/src/assets/images/Sponge_screen/zjjxJS.png
Binary files differ

diff --git a/src/assets/images/Sponge_screen/ccjxJS.png b/src/assets/images/Sponge_screen/ccjxJS.png
new file mode 100644
index 0000000..9206004
--- /dev/null
+++ b/src/assets/images/Sponge_screen/ccjxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/gljxJS.png b/src/assets/images/Sponge_screen/gljxJS.png
new file mode 100644
index 0000000..3dbdfac
--- /dev/null
+++ b/src/assets/images/Sponge_screen/gljxJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/mydJS.png b/src/assets/images/Sponge_screen/mydJS.png
new file mode 100644
index 0000000..3ca1194
--- /dev/null
+++ b/src/assets/images/Sponge_screen/mydJS.png
Binary files differ
diff --git a/src/assets/images/Sponge_screen/zjjxJS.png b/src/assets/images/Sponge_screen/zjjxJS.png
new file mode 100644
index 0000000..bf44ea5
--- /dev/null
+++ b/src/assets/images/Sponge_screen/zjjxJS.png
Binary files differ
diff --git a/src/views/oneMap/components/ZHHM_JSPG.vue b/src/views/oneMap/components/ZHHM_JSPG.vue
index 78ed958..00981dd 100644
--- a/src/views/oneMap/components/ZHHM_JSPG.vue
+++ b/src/views/oneMap/components/ZHHM_JSPG.vue
@@ -5,30 +5,30 @@
       <div class="ComBox">
         <!-- 产出绩效 -->
         <div class="Box_header">产出绩效</div>
+        <div class="ccjxImg"><img src="@/assets/images/Sponge_screen/ccjxJS.png" alt="" /></div>
       </div>
     </div>
     <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox">
         <!-- 管理绩效 -->
         <div class="Box_header">管理绩效</div>
+        <div class="gljxImg"><img src="@/assets/images/Sponge_screen/gljxJS.png" alt="" /></div>
 
         <!-- 满意度 -->
         <div class="Box_header">满意度</div>
+        <div class="mydImg"><img src="@/assets/images/Sponge_screen/mydJS.png" alt="" /></div>
       </div>
     </div>
     <!-- 中部资金绩效 -->
     <div class="centerSuggest">
-      <div class="ComBox"><div class="Box_header">资金绩效</div></div>
+      <div class="ComBox"><div class="Box_header" style="width: 430px">资金绩效</div></div>
+      <div class="zjjxImg"><img src="@/assets/images/Sponge_screen/zjjxJS.png" alt="" /></div>
     </div>
   </div>
 </template>
 
 <script setup name="ZHHM_JSPG">
 import { ref, reactive, toRefs, onMounted, defineProps, defineEmits } from 'vue';
-import monitorCalender from './monitorCalender.vue';
-import chartLogging from './chartLogging'; //内涝积水点
-import projectDX from './projectDX'; //典型项目分析
-import pipeFX from './pipeFX'; //管网分析
 
 const showPanel = ref(true); //面板展开收起
 
@@ -58,6 +58,43 @@
 #ZHHM_JSPG {
   width: 100%;
   height: 100%;
+  .ccjxImg {
+    width: 441px;
+    height: calc(100vh - 160px);
+    overflow: hidden;
+    overflow-y: auto;
+    padding: 20px 0px;
+  }
+  .gljxImg {
+    width: 435px;
+    height: calc(100vh - 350px);
+    overflow: hidden;
+    overflow-y: auto;
+    padding: 10px 0px;
+    margin-bottom: 10px;
+    img {
+      width: 430px;
+      height: 705px;
+    }
+  }
+  .mydImg {
+    width: 432px;
+    overflow: hidden;
+    overflow-y: auto;
+    padding: 10px 0px;
+    img {
+      width: 432px;
+      height: 116px;
+    }
+  }
+  .zjjxImg {
+    margin-top: 10px;
+    img {
+      width: 864px;
+      height: 70px;
+    }
+  }
+
   .centerSuggest {
     position: absolute;
     left: 480px;