add watermark logic

src/views/sensitive-control/data-view-message.vue

@@ -152,10 +152,14 @@
       
     },
     mounted() {
+      if(vm.afterParam){
+        vm.getWaterMark();  // 获取水印
+      }
       
     },
     data() {
       return {
+        waterMark: '',       // 水印图片地址
         searchTableVisible: false,       // 弹窗下面的 搜索按钮及表格等 是否显示
         remarkDialogVisible: false, // 备注弹窗
         newRemark: "",
@@ -187,6 +191,30 @@
         vm.newRemark = '';
         vm.remarkHistory = [];
       },
+      getWaterMark() {
+        let data = {
+          parame: vm.afterParam
+        };
+        let callback = (res) => {
+          if(res.code == '000000'){
+            debugger;
+            if(res.data){
+              vm.waterMark = res.data;
+              vm.setWaterMark();  // 设置水印背景
+            }else{
+              vm.$message.error('网络出现点问题');
+            }
+          }else{
+            vm.$message.error(res.message);
+          }
+        }
+        vm.sendRequest( 'post', `/sensitive/image`, data, callback );
+      },
+      setWaterMark() {
+        let bg = document.getElementsByClassName('data-view-message-wrap')[0];
+        bg.style.background = `url(${vm.waterMark}) repeat`;
+        bg.style.backgroundSize = '200px auto';
+      },
       confirmSendRemark() {  // 添加备注信息
         if( vm.newRemark.trim() == '' ){
             vm.$message.error('请先输入备注信息！');

src/views/sensitive-control/data-view.vue

@@ -181,6 +181,7 @@ export default {
       }
     };
     return {
+      waterMark: '',       // 水印图片地址
       isSearchSend: false, // 是否有效查询过
       showSendBtn: false,  // 是否显示 分发按钮
       remarkHistory: [],  // 历史备注列表
@@ -221,6 +222,7 @@ export default {
   },
   mounted() {
     vm.getUrlQuery();
+    vm.getWaterMark();  // 获取水印
   },
   methods: {
     getUrlQuery() {
@@ -244,7 +246,26 @@ export default {
           vm.$message.error('网络出现点问题')
       })
     },
-
+    getWaterMark() {
+      let callback = (res) => {
+        if(res.code == '000000'){
+          if(res.data){
+            vm.waterMark = res.data;
+            vm.setWaterMark();  // 设置水印背景
+          }else{
+            vm.$message.error('网络出现点问题');
+          }
+        }else{
+          vm.$message.error(res.message);
+        }
+      }
+      vm.sendRequest( 'post', `/sensitive/image`, {}, callback );
+    },
+    setWaterMark() {
+      let bg = document.getElementById('bodyContent');
+      bg.style.background = `url(${vm.waterMark}) repeat`;
+      bg.style.backgroundSize = '200px auto';
+    },
     handleClearCondition() {
       // debugger; 
       vm.conditionForm = {};