style: 样式调整

god-ui/src/views/securePicture/index.vue

@@ -49,7 +49,13 @@
         <div class="bigscreen-item-wrapper">
           <div class="bigscreen-item-title-extra">报警信息</div>
           <div class="bigscreen-item-content right-top">
-            <el-table :data="tableData" style="width: 100%;">
+            <el-table
+              :data="tableData"
+              style="width: 100%;"
+              row-style="background-color: #051d38;"
+              cell-style="background-color: #051d38;color: white;border-bottom: 1px solid #25252525;"
+              header-cell-style="background-color: #092f5c;color: white;"
+            >
               <el-table-column label="报警等级" align='center'>
                 <template slot-scope="scope">        
                   <div v-if="scope.row.grade=='一级预警'" style="background:#ea6511;border-radius:8px">{{scope.row.grade}}</div>
@@ -272,7 +278,7 @@ export default {
               name: "物资占比",
               type: "pie",
               radius: ["40%", "70%"],
-              center: "center",
+              center: ["50%", "56%"],
               data: [
                 {
                   name: "钢筋",
@@ -524,6 +530,7 @@ export default {
 @import url(../../utils/bigscreenTool/index.scss);
 .bigscreen8-wrapper {
   width: 100%;
+  height: calc(100vh - 84px);
   overflow: hidden;
   mix-blend-mode: multiply;
   background-image: url(./assets/bg.png);
@@ -606,6 +613,7 @@ export default {
     align-items: center;
     padding: 5px;
     justify-content: space-between;
+    padding: 0 10px;
     .monitoring-icon {
       width: 2.5rem;
       height: 2.5rem;