diff --git a/ah-jjzhgd-web/src/views/device/devData/index.vue b/ah-jjzhgd-web/src/views/device/devData/index.vue
index af4fe20..7365c8a 100644
--- a/ah-jjzhgd-web/src/views/device/devData/index.vue
+++ b/ah-jjzhgd-web/src/views/device/devData/index.vue
@@ -68,6 +68,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -108,8 +109,9 @@
           <el-input v-model="temp.unit" placeholder="单位" :maxlength="10" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -131,6 +133,8 @@ import { getDavDataList, addDevData, updateDevData, deleteDevData,getDevDataById
 import ProjectSelect from '@/views/device/sideband/components/ProjectSelect.vue'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const onLineMap = {
   0: '不在线',
   1: '在线'
@@ -193,7 +197,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -280,6 +306,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/device/deviceMange/index.vue b/ah-jjzhgd-web/src/views/device/deviceMange/index.vue
index 64a0ca2..99e28da 100644
--- a/ah-jjzhgd-web/src/views/device/deviceMange/index.vue
+++ b/ah-jjzhgd-web/src/views/device/deviceMange/index.vue
@@ -75,6 +75,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -113,8 +114,9 @@
           </el-select>
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -137,6 +139,8 @@ import { addDeviceItem, deleteDeviceItem, getDeviceList, updateDeviceItem } from
 import DeviceTypeSelect from '@/views/device/deviceMange/components/DeviceTypeSelect.vue'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const onLineMap = {
   0: '不在线',
   1: '在线'
@@ -198,7 +202,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -285,6 +311,9 @@ export default {
       // })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/device/sideband/index.vue b/ah-jjzhgd-web/src/views/device/sideband/index.vue
index 3c16b1d..dcba542 100644
--- a/ah-jjzhgd-web/src/views/device/sideband/index.vue
+++ b/ah-jjzhgd-web/src/views/device/sideband/index.vue
@@ -64,6 +64,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -93,8 +94,9 @@
           <GtSelect ref="gtSelectRef" :bid-code="temp.bidCode" :bind-value.sync="temp.gtId" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -128,6 +130,8 @@ import {
 } from '@/api/basic/sideband'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   bdName: '',
   bdCode: '',
@@ -204,7 +208,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -279,6 +305,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/device/sidebandDevice/index.vue b/ah-jjzhgd-web/src/views/device/sidebandDevice/index.vue
index b3d6103..850f8ed 100644
--- a/ah-jjzhgd-web/src/views/device/sidebandDevice/index.vue
+++ b/ah-jjzhgd-web/src/views/device/sidebandDevice/index.vue
@@ -66,6 +66,7 @@
 
     <!--    编辑模态框-->
     <el-dialog append-to-body :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -98,8 +99,9 @@
           <el-input v-model="temp.deviceModel" placeholder="设备信号" :maxlength="50" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -132,6 +134,8 @@ import SidebandSelect from '@/views/device/sideband/components/SidebandSelect.vu
 import SidebandDetailTable from '@/views/device/sidebandDevice/components/SidebandDetailTable.vue'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   deviceId: '',
   deviceCode: '',
@@ -211,8 +215,28 @@ export default {
   },
   mounted() {
     this.getList()
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
   },
+  
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -297,6 +321,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/man-car/car/index.vue b/ah-jjzhgd-web/src/views/man-car/car/index.vue
index c5fd231..139fd2d 100644
--- a/ah-jjzhgd-web/src/views/man-car/car/index.vue
+++ b/ah-jjzhgd-web/src/views/man-car/car/index.vue
@@ -70,6 +70,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -90,8 +91,9 @@
           <el-input v-model="temp.carNum" placeholder="车牌号" :maxlength="50" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -124,7 +126,7 @@ import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 import {decryptData} from '@/utils/test';
 import {desensitize} from '@/utils/hyposensitization.js';
-
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
 const defaultTmp = {
   bidCode: '',
   userName: '',
@@ -176,7 +178,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     phoneFormatter(row, column, cellValue, index){
       if(row.phone){
         let phone = decryptData(row.phone).replace(/\/g, '');
@@ -293,6 +317,9 @@ export default {
       // })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/man-car/staff/index.vue b/ah-jjzhgd-web/src/views/man-car/staff/index.vue
index d91702a..674f3b1 100644
--- a/ah-jjzhgd-web/src/views/man-car/staff/index.vue
+++ b/ah-jjzhgd-web/src/views/man-car/staff/index.vue
@@ -92,6 +92,7 @@
 
     <!--编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -163,8 +164,9 @@
           </el-upload>
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -235,6 +237,7 @@ import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 import {decryptData} from '@/utils/test';
 import {desensitize} from '@/utils/hyposensitization.js';
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
 const defaultTmp = {
   teamId: '',
   userName: '',
@@ -318,7 +321,29 @@ export default {
     this.getTeamList()
     this.getHelmetSelect()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -481,6 +506,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/man-car/team/index.vue b/ah-jjzhgd-web/src/views/man-car/team/index.vue
index 037d683..0df9bd4 100644
--- a/ah-jjzhgd-web/src/views/man-car/team/index.vue
+++ b/ah-jjzhgd-web/src/views/man-car/team/index.vue
@@ -78,6 +78,7 @@
     />
 
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -107,8 +108,9 @@
           </el-select>
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -143,6 +145,7 @@ import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 import {decryptData} from '@/utils/test';
 import {desensitize} from '@/utils/hyposensitization.js';
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
 const defaultTmp = {
   bidCode: '',
   teamName: '',
@@ -203,7 +206,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -303,6 +328,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/risk/dutyPlan/index.vue b/ah-jjzhgd-web/src/views/risk/dutyPlan/index.vue
index c125892..8586ed1 100644
--- a/ah-jjzhgd-web/src/views/risk/dutyPlan/index.vue
+++ b/ah-jjzhgd-web/src/views/risk/dutyPlan/index.vue
@@ -25,7 +25,7 @@
           </el-menu-item>
         </el-menu>
       </div>
-      <div class="content">
+      <div class="content" ref="content">
         <h4 class="text-center">值班计划</h4>
         <table v-if="currentTime" class="custom-table">
           <thead>
@@ -111,6 +111,8 @@ import { downloadFile } from '@/utils/download'
 import { exportDutyPlan, getDutyPlan, getTimeList, updateDutyPlan } from '@/api/risk/dutyPlan'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   mon: '',
   mon1: '',
@@ -156,7 +158,25 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -177,6 +197,7 @@ export default {
           this.$refs.pwdVerifiersDialog.resetForm();
         }
         this.planEditMode = true
+        this.loadWaterMark();
       })
 
     },
@@ -202,6 +223,7 @@ export default {
           })
           this.getDutyPlan()
           this.planEditMode = false
+          removeWatermark(this.$refs.content);
         }).finally(() => {
           // this.dialogFormVisible = false
         })
@@ -210,6 +232,7 @@ export default {
       this.planEditMode = false
       this.temp = _.cloneDeep(defaultTmp)
       this.getDutyPlan();
+      removeWatermark(this.$refs.content);
     },
     // 导出班组
     handleExport() {
diff --git a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyCase.vue b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyCase.vue
index 50e7bb7..fcbc03f 100644
--- a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyCase.vue
+++ b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyCase.vue
@@ -62,6 +62,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -88,8 +89,9 @@
           </el-upload>
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -119,6 +121,8 @@ import {
 import FileTable from '@/views/risk/emergency/components/FileTable.vue'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   name: '',
   addition: ''
@@ -165,7 +169,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -253,6 +279,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyPhone.vue b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyPhone.vue
index 04b95b1..f119269 100644
--- a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyPhone.vue
+++ b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyPhone.vue
@@ -57,6 +57,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -71,8 +72,9 @@
           <el-input v-model="temp.emergencySource" placeholder="手机号" :maxlength="50" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -100,6 +102,7 @@ import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 import {decryptData} from '@/utils/test';
 import {desensitize} from '@/utils/hyposensitization.js';
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
 const defaultTmp = {
   emergencyName: '',
   emergencySource: '',
@@ -143,7 +146,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     phoneFormatter(row, column, cellValue, index){
       if(row.emergencySource){  console.log(1111)
         // console.log(row.emergencySource)
@@ -233,6 +258,9 @@ export default {
       }
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {
diff --git a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyProcess.vue b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyProcess.vue
index f78f28c..797eea5 100644
--- a/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyProcess.vue
+++ b/ah-jjzhgd-web/src/views/risk/emergency/components/EmergencyProcess.vue
@@ -62,6 +62,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -88,8 +89,9 @@
           </el-upload>
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button @click="closeDialog"> 关闭 </el-button>
         <el-button v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -119,6 +121,8 @@ import {
 import FileTable from '@/views/risk/emergency/components/FileTable.vue'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   name: '',
   addition: ''
@@ -166,7 +170,29 @@ export default {
   created() {
     this.getList()
   },
+  mounted() {
+    window.onresize = () => {
+      removeWatermark(this.$refs.content);
+      this.loadWaterMark();
+    }
+
+  },
   methods: {
+    closeDialog(){
+      removeWatermark(this.$refs.content);
+      this.dialogFormVisible = false
+    },
+    loadWaterMark() {
+      //设置水印内容，这段代码实现的是两行文本内容的水印。
+      const nickName = sessionStorage.getItem('nickName');
+      const roleName = sessionStorage.getItem('roleName');
+      let str1 = nickName ? decryptData(nickName) : '';
+      let str2 = roleName ? decryptData(roleName) : '';
+      let str3 = '建设部';
+      if (nickName || roleName) {
+        setWaterMark(str1, str2, str3,this.$refs.content);
+      }
+    },
     openModulDialog(title, modulName, width, openFalg) {
       this.componentDialog.title = title
       this.componentDialog.modulName = modulName
@@ -254,6 +280,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {