From 6a5962fe9544005dba620b00fb36c25fe2da4e76 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 16 十一月 2021 15:24:46 +0800
Subject: [PATCH] 后端没修改的情况下添加默认背景图

---
 src/pages/systemMonitor/index/App.vue |   31 +++++++++++++++++++++++--------
 1 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/pages/systemMonitor/index/App.vue b/src/pages/systemMonitor/index/App.vue
index e21c8be..a15face 100644
--- a/src/pages/systemMonitor/index/App.vue
+++ b/src/pages/systemMonitor/index/App.vue
@@ -49,29 +49,29 @@
             stripe
             class="tableBox"
           >
-            <el-table-column label="鍚嶇О" width="180">
-              <template slot-scope="scope">
-                <span class="iconfont icon">&#xe74d;</span>
+            <el-table-column label="鍚嶇О" width="231">
+              <template slot-scope="scope">           
+                 <span class="iconfont icon">&#xe74d;</span>
                 <span>{{ scope.row.desc }} </span>
               </template>
             </el-table-column>
-            <el-table-column label="CPU" width="180">
+            <el-table-column label="CPU" width="150">
               <template slot-scope="scope">
                 <span>{{ scope.row.cpu.toFixed(2) }} %</span>
               </template>
             </el-table-column>
-            <el-table-column label="鍐呭瓨">
+            <el-table-column label="鍐呭瓨" width="150">
               <template slot-scope="scope">
                 <span>{{ scope.row.mem.toFixed(2) }} %</span>
               </template>
             </el-table-column>
-            <el-table-column prop="disk" label="纭洏"></el-table-column>
-            <el-table-column label="绠楀姏">
+            <el-table-column prop="disk" label="纭洏" width="150"></el-table-column>
+            <el-table-column label="绠楀姏" width="150">
               <template slot-scope="scope">
                 <span>{{ scope.row.gpu }} M</span>
               </template>
             </el-table-column>
-            <el-table-column prop="net" label="缃戠粶"></el-table-column>
+            <el-table-column prop="net" label="缃戠粶" width="150"></el-table-column>
           </el-table>
         </div>
 
@@ -287,8 +287,10 @@
         >
           <el-table-column label="鍚嶇О" show-overflow-tooltip>
             <template slot-scope="scope">
+              <div class="name_container">
                 <span class="iconfont icon">&#xe74d;</span>
               <span>{{ scope.row.name }}</span>
+              </div>
             </template>
           </el-table-column>
           <el-table-column label="鐘舵��" prop="status">
@@ -396,6 +398,7 @@
             lineStyle: {
               width: 1,
               type: "solid",
+              color:"rgb(242,242,242)"
             },
           },
         },
@@ -411,6 +414,11 @@
           axisTick: {
             show: false,
           },
+          splitLine: {
+            lineStyle: {
+            color:"rgb(242,242,242)"
+            }
+          }
         },
         series: [
           {
@@ -716,6 +724,12 @@
   box-sizing: border-box;
   background-color: #fff;
   height: 100%;
+
+  .name_container {
+    text-align: left;
+    margin-left: 38%;
+  }
+
   .el-table th.el-table__cell.is-leaf,
   .el-table td.el-table__cell {
     border-bottom: none;
@@ -911,6 +925,7 @@
   }
 
   .column-right {
+    background-color: #fff;
     overflow-y: auto;
     overflow-x: auto;
   }

--
Gitblit v1.8.0