update data-view-message page style

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

@@ -10,7 +10,7 @@
           :data="tableDataList.outModels"
           :row-style="getRowClass" :header-row-style="getRowClass" :header-cell-style="getRowClass"
           border
-          style="width: 100%">
+          style="width: 100%; flex:1; overflow: scroll;">
           <template
             v-if="tableDataList && tableDataList.columnList"
             v-for="item in tableDataList.columnList"
@@ -21,7 +21,7 @@
           <el-table-column
             align="center"
             label="操作"
-            width="100">
+            width="120">
             <template slot-scope="scope">
               <el-button @click="showRemarkModal(scope.row)" type="text" size="small">备注</el-button>
               <!-- <el-button type="text">标记处理</el-button> -->
@@ -393,6 +393,9 @@
             vm.captchaCode = '';
             vm.smsCode = '';
             vm.tableDataList = res.data;
+
+            
+
             vm.$nextTick(() => {
               if(vm.afterParam){
                 vm.getWaterMark();  // 获取水印
@@ -469,7 +472,7 @@
   .data-view-message-wrap {
     width: 100%;
     height: 100%;
-    overflow: scroll; 
+    display: flex; flex-direction: column;
     
     .no-table-data{
       width: 100%;
@@ -554,12 +557,15 @@
       }
     }
     .pagination-style{
-      margin: 30px 0;
+      margin: 20px 0;
       float: right;
       width: 100%;
       text-align: right;
       overflow: hidden;
       overflow-x: scroll;
+      .el-pagination__total{
+        margin-left: 25px;
+      }
     }
     .tebale_card {
       background: rgba(255,255,255,0.2);