diff --git a/src/views/sponeScreen/waterFlood/pipeDetail.vue b/src/views/sponeScreen/waterFlood/pipeDetail.vue
index b016ee0..0b9669e 100644
--- a/src/views/sponeScreen/waterFlood/pipeDetail.vue
+++ b/src/views/sponeScreen/waterFlood/pipeDetail.vue
@@ -79,18 +79,20 @@
             <!-- 有满管、溢流风险时推送消息 -->
             <div class="part flex" v-if="realData.z >= (pipeDetail.pipelineDiameterTemp || '2')">
               <div class="biaoti">
-                <el-button type="warning">有满管风险，通知相关责任人进行处理</el-button>
+                <el-button type="warning" @click="dialogShow = true">有满管风险，通知相关责任人进行处理</el-button>
               </div>
             </div>
             <div class="part flex" v-if="realData.z >= (pipeDetail.bottomBuriedDepthTemp || '2')">
-              <div class="biaoti"><el-button type="warning">有溢流风险，通知相关责任人进行处理</el-button></div>
+              <div class="biaoti">
+                <el-button type="warning" @click="dialogShow = true">有溢流风险，通知相关责任人进行处理</el-button>
+              </div>
             </div>
           </div>
 
           <!-- 历史数据 -->
           <div v-if="!props.ifReal">
             <div class="part flex" v-if="realData.z >= (pipeDetail.pipelineDiameterTemp || '2')">
-              <div class="biaoti"><el-button type="warning">已通知相关责任人进行处理</el-button></div>
+              <div class="biaoti" @click="dialogShow = true"><el-button type="warning">已短信通知相关责任人进行处理</el-button></div>
             </div>
           </div>
         </div>
@@ -111,6 +113,24 @@
         </div>
         <div id="monitorPipe" v-loading="pipeLoading"></div>
       </div>
+
+      <!-- 发送短信给城管局相关人员 -->
+      <el-dialog v-model="dialogShow" title="监测报警反馈" width="600px" append-to-body>
+        <el-form :model="formData" label-width="100px" :rules="formRules">
+          <el-form-item label="负责人:" prop="name">
+            <el-input clearable v-model="formData.name" placeholder="请输入负责人"></el-input>
+          </el-form-item>
+          <el-form-item label="负责人电话:" prop="phone">
+            <el-input clearable v-model="formData.phone" max-length="11" placeholder="请输入负责人电话"></el-input>
+          </el-form-item>
+          <el-form-item label="短信预览:" prop="content">
+            <el-input type="textarea" disabled :rows="4" v-model="formData.content" placeholder=""></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="warning" icon="Phone" @click="dialogShow = false">发送短信</el-button>
+          </el-form-item>
+        </el-form>
+      </el-dialog>
     </div>
   </div>
 </template>
@@ -127,6 +147,16 @@
 const pipeDetail = ref({});
 const pipeLoading = ref(true);
 const valIndex = ref(0);
+const dialogShow = ref(false);
+const formData = ref({
+  name: '李文峰',
+  phone: '13837899917',
+  content: '',
+});
+const formRules = ref({
+  name: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
+  phone: [{ required: true, message: '请输入负责人电话', trigger: 'blur' }],
+});
 
 const props = defineProps({
   pipeParams: {
@@ -260,6 +290,20 @@
     pipeTime.value = [localStorage.getItem('setRainDateKF'), localStorage.getItem('setRainDateKF')];
     getHistoryData();
   }
+  // 短信内容
+  setTimeout(() => {
+    console.log(realData.value.tt);
+    formData.value.content =
+      '【开封海绵办】在' +
+      realData.value.stName +
+      ',时间：' +
+      realData.value.tt +
+      ',监测到水深为' +
+      realData.value.z +
+      '米，管网直径为' +
+      (pipeDetail.value.pipelineDiameterTemp || '--') +
+      '米，发生了满管溢流风险，请及时前往查看并做好处理措施。';
+  }, 1500);
 });
 </script>