diff --git a/src/assets/newImgs/HMScreen/dialogHead.png b/src/assets/newImgs/HMScreen/dialogHead.png
new file mode 100644
index 0000000..4000220
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/dialogHead.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/dialogHead.png b/src/assets/newImgs/HMScreen/dialogHead.png
new file mode 100644
index 0000000..4000220
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/dialogHead.png
Binary files differ
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 5177e08..b8a3001 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -125,13 +125,33 @@
 // 弹窗
 .el-dialog {
   transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  transform: translate(-50%, -50%);
+  margin: 0 !important;
   background: $mainBg !important;
   box-shadow: 0px 0px 40px rgba(0, 21, 41, 0.35) !important;
+  max-height: calc(100% - 30px);
+  max-width: calc(100% - 30px);
   .el-dialog__header {
     border-bottom: 1px solid $mainColor1;
+    width: 100%;
+    .el-dialog__close {
+      font-size: 26px;
+      font-weight: bold;
+      svg path {
+        fill: #3afff8 !important;
+      }
+    }
+  }
+  .el-dialog__title {
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 22px;
+    color: #e4f5ff;
   }
   .el-dialog__footer {
     border-top: 1px solid $mainColor1;
@@ -139,19 +159,9 @@
   .el-dialog__body {
     padding-top: 20px !important;
     padding-bottom: 0 !important;
-    max-height: 800px;
     overflow: auto;
+    flex: 1;
   }
-  .el-dialog__title {
-    font-size: 18px;
-    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
-    font-weight: 500;
-    color: #fff;
-    line-height: 26px;
-  }
-}
-.el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
 }
 
 .el-dialog.scrollbar .el-dialog__body {

diff --git a/src/assets/newImgs/HMScreen/dialogHead.png b/src/assets/newImgs/HMScreen/dialogHead.png
new file mode 100644
index 0000000..4000220
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/dialogHead.png
Binary files differ
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 5177e08..b8a3001 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -125,13 +125,33 @@
 // 弹窗
 .el-dialog {
   transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  transform: translate(-50%, -50%);
+  margin: 0 !important;
   background: $mainBg !important;
   box-shadow: 0px 0px 40px rgba(0, 21, 41, 0.35) !important;
+  max-height: calc(100% - 30px);
+  max-width: calc(100% - 30px);
   .el-dialog__header {
     border-bottom: 1px solid $mainColor1;
+    width: 100%;
+    .el-dialog__close {
+      font-size: 26px;
+      font-weight: bold;
+      svg path {
+        fill: #3afff8 !important;
+      }
+    }
+  }
+  .el-dialog__title {
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 22px;
+    color: #e4f5ff;
   }
   .el-dialog__footer {
     border-top: 1px solid $mainColor1;
@@ -139,19 +159,9 @@
   .el-dialog__body {
     padding-top: 20px !important;
     padding-bottom: 0 !important;
-    max-height: 800px;
     overflow: auto;
+    flex: 1;
   }
-  .el-dialog__title {
-    font-size: 18px;
-    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
-    font-weight: 500;
-    color: #fff;
-    line-height: 26px;
-  }
-}
-.el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
 }
 
 .el-dialog.scrollbar .el-dialog__body {
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index af6bd44..da88007 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -39,7 +39,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM"></div>
+    <div class="bottomHM" v-if="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -61,7 +61,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(1);
+const menuIndex = ref(4);
 const showPanel = ref(false);
 const showLegend = ref(false);
 

diff --git a/src/assets/newImgs/HMScreen/dialogHead.png b/src/assets/newImgs/HMScreen/dialogHead.png
new file mode 100644
index 0000000..4000220
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/dialogHead.png
Binary files differ
diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss
index 5177e08..b8a3001 100644
--- a/src/assets/styles/element-ui.scss
+++ b/src/assets/styles/element-ui.scss
@@ -125,13 +125,33 @@
 // 弹窗
 .el-dialog {
   transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: flex;
+  flex-direction: column;
+  transform: translate(-50%, -50%);
+  margin: 0 !important;
   background: $mainBg !important;
   box-shadow: 0px 0px 40px rgba(0, 21, 41, 0.35) !important;
+  max-height: calc(100% - 30px);
+  max-width: calc(100% - 30px);
   .el-dialog__header {
     border-bottom: 1px solid $mainColor1;
+    width: 100%;
+    .el-dialog__close {
+      font-size: 26px;
+      font-weight: bold;
+      svg path {
+        fill: #3afff8 !important;
+      }
+    }
+  }
+  .el-dialog__title {
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 22px;
+    color: #e4f5ff;
   }
   .el-dialog__footer {
     border-top: 1px solid $mainColor1;
@@ -139,19 +159,9 @@
   .el-dialog__body {
     padding-top: 20px !important;
     padding-bottom: 0 !important;
-    max-height: 800px;
     overflow: auto;
+    flex: 1;
   }
-  .el-dialog__title {
-    font-size: 18px;
-    font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
-    font-weight: 500;
-    color: #fff;
-    line-height: 26px;
-  }
-}
-.el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
 }
 
 .el-dialog.scrollbar .el-dialog__body {
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index af6bd44..da88007 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -39,7 +39,7 @@
     </div>
 
     <!-- 底部装饰 -->
-    <div class="bottomHM"></div>
+    <div class="bottomHM" v-if="menuIndex != 3"></div>
   </div>
 </template>
 
@@ -61,7 +61,7 @@
   { name: '排水防涝', id: 4 },
   { name: '长效运维', id: 5 },
 ]);
-const menuIndex = ref(1);
+const menuIndex = ref(4);
 const showPanel = ref(false);
 const showLegend = ref(false);
 
diff --git a/src/views/sponeScreen/waterFlood/rainReport.vue b/src/views/sponeScreen/waterFlood/rainReport.vue
index 93c382e..c448458 100644
--- a/src/views/sponeScreen/waterFlood/rainReport.vue
+++ b/src/views/sponeScreen/waterFlood/rainReport.vue
@@ -1,7 +1,21 @@
 <template>
   <!-- 降雨报告 -->
   <div class="rainReportPage">
-    <div class="partTitleHM">降雨报告</div>
+    <div class="partTitleHM">
+      降雨报告
+      <el-button type="warning" size="small" style="float: right; width: 70px; margin: 10px 60px 0px 0px" @click="dialogShowModal = true">
+        内涝模型
+      </el-button>
+      <!-- <el-date-picker
+        type="date"
+        v-model="dateDay"
+        value-format="YYYY-MM-DD"
+        placeholder="请选择日期"
+        style="float: right; width: 130px; margin: 10px 60px 0px 0px"
+        size="small"
+        v-if="dateIndex == 'day'"
+      /> -->
+    </div>
     <div class="partContHM">
       <div class="scrollMapHM">
         <div class="scrollTitle flex">
@@ -26,15 +40,21 @@
     <el-dialog title="降雨报告单" v-model="dialogShowDetail" width="1100px" append-to-body>
       <ReportDetail v-if="dialogShowDetail" :rainId="rainId"></ReportDetail>
     </el-dialog>
+    <!-- 内涝模型 -->
+    <el-dialog title="降雨报告单" v-model="dialogShowModal" width="1600px" append-to-body>
+      <RiskDetail></RiskDetail>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
 import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import ReportDetail from '@/views/floodSys/floodYP/historyEventDetail.vue';
+import ReportDetail from '@/views/floodSys/floodYP/historyEventDetail.vue'; //查看报告单
+import RiskDetail from '@/views/floodSys/floodYP/riskAsses.vue'; //内涝模型
 
 const { proxy } = getCurrentInstance();
 const dialogShowDetail = ref(false);
+const dialogShowModal = ref(false);
 const rainId = ref('');
 
 const dataList = ref([
@@ -56,7 +76,7 @@
 onMounted(() => {});
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .rainReportPage {
   width: 100%;
   .scrollMapHM {