diff --git a/src/views/dike/runManage/maintenance/maintenancePlan/DetailsDialog.vue b/src/views/dike/runManage/maintenance/maintenancePlan/DetailsDialog.vue
new file mode 100644
index 0000000..795cf7b
--- /dev/null
+++ b/src/views/dike/runManage/maintenance/maintenancePlan/DetailsDialog.vue
@@ -0,0 +1,23 @@
+<template>
+<div class='dike-detail-page'>
+  <el-dialog v-model="show" :visible.sync="dialogVisible" title="堤防详情" width="720px">
+    <div>弹窗内容</div>
+  </el-dialog>
+</div>
+</template>
+<script>
+export default {
+  props:{
+    show:''
+  },
+  data(){
+    return {}
+  },
+  created(){},
+  methods:{}
+}
+</script>
+<style scoped lang='less'>
+.dike-detail-page{
+}
+</style>
diff --git a/src/views/dike/runManage/maintenance/maintenancePlan/DetailsMap.vue b/src/views/dike/runManage/maintenance/maintenancePlan/DetailsMap.vue
new file mode 100644
index 0000000..4734ff0
--- /dev/null
+++ b/src/views/dike/runManage/maintenance/maintenancePlan/DetailsMap.vue
@@ -0,0 +1,16 @@
+<template>
+<div class='dike-details-map-page'></div>
+</template>
+<script>
+export default {
+  data(){
+    return {}
+  },
+  created(){},
+  methods:{}
+}
+</script>
+<style scoped lang='less'>
+.dike-details-map-page{
+}
+</style>
diff --git a/src/views/dike/runManage/maintenance/maintenancePlan/index.vue b/src/views/dike/runManage/maintenance/maintenancePlan/index.vue
index 80e9c15..55951e5 100644
--- a/src/views/dike/runManage/maintenance/maintenancePlan/index.vue
+++ b/src/views/dike/runManage/maintenance/maintenancePlan/index.vue
@@ -1,7 +1,7 @@
 <!-- 维修计划管理-堤防 -->
 <script>
-import { putDFMaintenancePlan, deleteDFMaintenancePlan, 
-  postDFMaintenancePlan, postDFMaintenancePlanList, 
+import { putDFMaintenancePlan, deleteDFMaintenancePlan,
+  postDFMaintenancePlan, postDFMaintenancePlanList,
   getDFMaintenancePlan } from '@/api/management'
 import {
   listDikeInfo
@@ -46,7 +46,7 @@ export default {
         },
       ], // 堤防级别列表
       embankmentList: [
-        
+
       ], // 堤防名称列表
       searchLevel: 1, // 筛选堤防级别
       tableData: [], // 检查列表
@@ -232,6 +232,14 @@ export default {
       }).then(res=> {
         this.embankmentList = res?.records || []
       })
+    },
+    // 打开堤防详情
+    handleOpenDetails(dikeCode){
+      if(dikeCode){}
+    },
+    // 打开堤防地图
+    handleOpenMap(dikeCode){
+      if(dikeCode){}
     }
   },
   mounted() {
@@ -303,8 +311,8 @@ export default {
             :disabled="prohibitEditing">
             <el-option v-for="item in embankmentList" :label="item.embankmentName" :value="item.embankmentCode" :key="item.id"></el-option>
           </el-select>
-          <el-button :disabled="true" class="ml-6" type="success" size="small">详情</el-button>
-          <el-button :disabled="true" class="ml-6" type="success" size="small">打开地图</el-button>
+          <el-button :disabled="true" class="ml-6" type="success" size="small" @click="handleOpenDetails(ruleForm.dikeCode)">详情</el-button>
+          <el-button :disabled="true" class="ml-6" type="success" size="small" @click="handleOpenMap(ruleForm.dikeCode)">打开地图</el-button>
         </el-form-item>
         <div style="display: flex;">
           <el-form-item label-width="120px" label="维养计划名称" prop="name">
@@ -398,4 +406,4 @@ export default {
   margin-right: 10px;
   margin-bottom: -4px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/sluice/runManage/enginerring/components/Drawer.vue b/src/views/sluice/runManage/enginerring/components/Drawer.vue
index 9f0307b..12435db 100644
--- a/src/views/sluice/runManage/enginerring/components/Drawer.vue
+++ b/src/views/sluice/runManage/enginerring/components/Drawer.vue
@@ -11,8 +11,8 @@ export default {
   data() {
     return {
       tableData: [
-        { content: '张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三', photos: '编辑', delete: '删除' },
-        { content: '张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三张三', photos: '编辑', delete: '删除' },
+        { content: '张三张三张三张三张三张三张三张三张三张三', photos: '编辑', delete: '删除' },
+        { content: '张三张三张三张三张三张三张三张三张三张三', photos: '编辑', delete: '删除' },
         { content: '张三', photos: '编辑', delete: '删除' },
         { content: '张三', photos: '编辑', delete: '删除' },
         { content: '张三', photos: '编辑', delete: '删除' },
@@ -411,4 +411,4 @@ export default {
 /deep/.table-header-cell {
   background-color: #fff !important;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/sluice/runManage/maintenance/maintenancePlan/index.vue b/src/views/sluice/runManage/maintenance/maintenancePlan/index.vue
index 3300f05..dcfb47a 100644
--- a/src/views/sluice/runManage/maintenance/maintenancePlan/index.vue
+++ b/src/views/sluice/runManage/maintenance/maintenancePlan/index.vue
@@ -60,7 +60,7 @@ export default {
       searchLevel: 1, // 筛选堤防级别
       tableData: [], // 检查列表
       pageData: {
-        pageNum: 1, // 当前页 
+        pageNum: 1, // 当前页
         pageSize: 10, // 请求数量
         pageSizes: [10, 20, 50, 100],
         total: 0 // 总数量
@@ -278,7 +278,9 @@ export default {
         :total="pageData.total" @size-change="getTableData()">
       </el-pagination>
     </div>
-    <el-dialog title="新增/编辑维养计划" @close="closeDialog" :visible.sync="dialogVisible" width="38%">
+
+    <!-- 弹窗 -->
+    <el-dialog title="新增/编辑维养计划" @close="closeDialog" :visible.sync="dialogVisible" width="720px">
       <div style="display: flex; margin-bottom: 16px;">
         <div style="width: 5px; height: 16px; background-color: #31a08e; margin-right: 8px;"></div><span
           style="font-weight: 600;">基础信息</span>
@@ -381,4 +383,4 @@ export default {
   margin-right: 10px;
   margin-bottom: -4px;
 }
-</style>
\ No newline at end of file
+</style>