update watermask logic

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

@@ -8,6 +8,7 @@
       <template v-if="tableDataList && tableDataList.outModels && tableDataList.outModels.length > 0">
         <el-table
           :data="tableDataList.outModels"
+          :row-style="getRowClass" :header-row-style="getRowClass" :header-cell-style="getRowClass"
           border
           style="width: 100%">
           <template
@@ -211,6 +212,9 @@
         bg.style.background = `url(${vm.waterMark}) repeat`;
         bg.style.backgroundSize = '200px auto';
       },
+      getRowClass({ row, column, rowIndex, columnIndex }) {
+        return "background:#3f5c6d2c;";
+      },
       confirmSendRemark() {  // 添加备注信息
         if( vm.newRemark.trim() == '' ){
             vm.$message.error('请先输入备注信息！');
@@ -520,28 +524,6 @@
         }
       }
     }
-    // 调整弹框样式，使弹窗只占用自身空间，使其不影响给mask加的事件
-    // .condition-dialog-wrap{
-    //   overflow: hidden;
-    //   bottom: auto !important;
-    //   right: auto !important;
-    //   left: 50%; margin-left: -150px; top: 2vh;
-    //   .el-dialog--center{
-    //     margin: 0 !important;
-    //   }
-    //   .el-dialog__body{
-    //     padding: 15px 15px 0 !important;
-    //     .el-form{
-    //       -webkit-overflow-scrolling:touch;
-    //       height: 300px; overflow: hidden; overflow-y: scroll;
-    //     }
-    //   }
-    //   .el-form-item__label{
-    //     overflow: hidden;
-    //     text-overflow: ellipsis;
-    //     white-space: nowrap;
-    //   }
-    // }
     ul, li {
       list-style: none;
     }
@@ -571,6 +553,12 @@
       margin: 30px 0;
       float: right;
     }
+    .tebale_card {
+        background-color: #3f5c6d2c;
+    }
+    .el-table, .el-table__expanded-cell {
+        background-color: #3f5c6d2c;
+    }
   }
 
 </style>
\ No newline at end of file

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

@@ -54,6 +54,7 @@
         v-if="tableDataList && tableDataList.outModels && tableDataList.outModels.length > 0"
         ref="multipleTable"
         :data="tableDataList.outModels"
+        :row-style="getRowClass" :header-row-style="getRowClass" :header-cell-style="getRowClass"
         border
         tooltip-effect="dark"
         style="width: 100%"
@@ -251,6 +252,9 @@ export default {
           vm.$message.error('网络出现点问题')
       })
     },
+    getRowClass({ row, column, rowIndex, columnIndex }) {
+        return "background:#3f5c6d2c;";
+    },
     getWaterMark() {
       let callback = (res) => {
         if(res.code == '000000'){
@@ -269,7 +273,7 @@ export default {
     setWaterMark() {
       let bg = document.getElementById('bodyContent');
       bg.style.background = `url(${vm.waterMark}) repeat`;
-      bg.style.backgroundSize = '200px auto';
+      bg.style.backgroundSize = '300px auto';
     },
     handleClearCondition() {
       // debugger; 
@@ -617,5 +621,12 @@ export default {
     margin-top: 30px;
     float: right;
   }
+  .tebale_card {
+      background-color: #3f5c6d2c;
+  }
+  .el-table, .el-table__expanded-cell {
+      background-color: #3f5c6d2c;
+  }
 }
+
 </style>
\ No newline at end of file