基础管理水印修改

ah-jjzhgd-web/src/views/basic/area/index.vue

@@ -80,6 +80,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -105,8 +106,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>
@@ -130,6 +132,8 @@ import ProjectSelect from '@/views/device/sideband/components/ProjectSelect.vue'
 import GtSelect from '@/views/device/sideband/components/GtSelect.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 areaTypeMap = {
   0: '否',
   1: '是'
@@ -185,7 +189,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
@@ -270,6 +296,9 @@ export default {
       this.temp.areaType = Number(this.temp.areaType)
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {

ah-jjzhgd-web/src/views/basic/pm/index.vue

@@ -46,6 +46,7 @@
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px"
       @closed="handleClosedModal">
+      <div ref="content">
       <el-form ref="dataForm" :rules="rules" :model="temp" label-position="right" label-width="150px"
         style="height: 550px;overflow-y: scroll;">
         <el-form-item label="项目名称：" prop="proName">
@@ -102,8 +103,9 @@
             placeholder="选择日期" />
         </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,6 +126,8 @@ import { addPMItem, deletePMItem, getPMItemDetail, getPMList, updatePMItem } fro
 import BuildSelect from '@/views/basic/project/components/BuildSelect.vue'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
 import { verifyPwd } from '@/api/verifyPwd'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 const defaultTmp = {
   proName: '',
   proNo: '',
@@ -192,7 +196,29 @@ export default {
     this.getSelect()
     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
@@ -284,6 +310,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {

ah-jjzhgd-web/src/views/basic/progressCorrection/index.vue

@@ -59,6 +59,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"
@@ -93,8 +94,9 @@
           <el-input v-model="temp.gxWeight" placeholder="进度占比" :maxlength="50" />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button v-waves @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button v-waves @click="closeDialog"> 关闭 </el-button>
         <el-button v-waves v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -124,6 +126,8 @@ import {
 import { getProgressCorrection,getProcessItemDetail,updateProcessItem } from '@/api/basic/progressCorrection'
 import { verifyPwd } from '@/api/verifyPwd'
 import modulDialog from '@/components/pwdVerifiers/pwdVerifiers.vue'
+import { removeWatermark, setWaterMark } from "@/utils/waterMark";
+import {decryptData} from '@/utils/test';
 export default {
   components: { Pagination,modulDialog },
   directives: { waves },
@@ -177,7 +181,29 @@ export default {
     this.getList()
     // this.getTowerList()
   },
+  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
@@ -257,7 +283,11 @@ export default {
        setTimeout(()=>{
         this.dialogStatus = 'update';
         this.dialogFormVisible = true;
+        this.$nextTick(() => {
+        this.loadWaterMark();
+      })
         },300)
+        
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {

ah-jjzhgd-web/src/views/basic/project/index.vue

@@ -124,6 +124,7 @@
     />
 
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px"  @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -304,8 +305,9 @@
           />
         </el-form-item>
       </el-form>
+    </div>
       <div slot="footer" class="dialog-footer">
-        <el-button v-waves @click="dialogFormVisible = false"> 关闭 </el-button>
+        <el-button v-waves @click="closeDialog"> 关闭 </el-button>
         <el-button v-waves v-throttle-click="dialogStatus === 'create' ? createData : updateData" type="primary">
           提交
         </el-button>
@@ -380,7 +382,8 @@ import ProjectNoSelect from '@/views/basic/single/components/ProjectNoSelect.vue
 import SingleProSelect from '@/views/basic/single/components/SingleProSelect.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 = {
   org: '',
   bidCode: '',
@@ -495,7 +498,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
@@ -651,6 +676,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {

ah-jjzhgd-web/src/views/basic/quality/index.vue

@@ -80,6 +80,7 @@
     />
 
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -106,8 +107,9 @@
           <el-input v-model="temp.content" placeholder="评级内容" :maxlength="50" type="textarea" :rows="2" />
         </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>
@@ -135,6 +137,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: '',
   teamName: '',
@@ -193,7 +196,29 @@ export default {
     this.getList()
     this.getTeamList()
   },
+  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.teamLeaderPhone){
         let teamLeaderPhone = decryptData(row.teamLeaderPhone).replace(/\/g, '');
@@ -304,6 +329,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {

ah-jjzhgd-web/src/views/basic/single/index.vue

@@ -71,6 +71,7 @@
 
     <!--    编辑模态框-->
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
+      <div ref="content">
       <el-form
         ref="dataForm"
         :rules="rules"
@@ -158,8 +159,9 @@
           <el-input v-model="temp.singleDesc" 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>
@@ -184,6 +186,8 @@ import ProjectNoSelect from '@/views/basic/single/components/ProjectNoSelect.vue
 import { getDictSelectList } from '@/api/public'
 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 = {
   singleName: '',
   signleNo: '',
@@ -283,7 +287,29 @@ export default {
     this.getSelect()
     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
@@ -379,6 +405,9 @@ export default {
       })
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.loadWaterMark();
+      })
     },
     updateData() {
       this.$refs['dataForm'].validate((valid) => {