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 |   45 +++++++++++++++++++++++++++++----------------
 1 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/pages/systemMonitor/index/App.vue b/src/pages/systemMonitor/index/App.vue
index 5dffb21..a15face 100644
--- a/src/pages/systemMonitor/index/App.vue
+++ b/src/pages/systemMonitor/index/App.vue
@@ -28,7 +28,7 @@
             @click="activeTab = 1"
           >
             <div class="title">搴旂敤鍗曞厓</div>
-            <div class="subtitle">姝ｅ湪杩涜{{ 1 }}涓簲鐢ㄥ崟鍏�</div>
+            <div class="subtitle">姝ｅ湪杩涜{{  appProcessData.length  }}涓簲鐢ㄥ崟鍏�</div>
             <span
               class="iconfont icon"
               :style="activeTab == 1 ? {} : { color: '#fff' }"
@@ -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>
 
@@ -84,11 +84,7 @@
           <el-table
             :data="appProcessData"
             style="width: 100%"
-            :header-cell-style="{
-              background: '#F2F2F7',
-              color: '#333333',
-              height: '40px',
-            }"
+           :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'"
             stripe
             class="tableBox"
           >
@@ -285,12 +281,16 @@
           鏈嶅姟</span
         >
         <el-table :data="vasystemServicesData"
-        
-            class="tableBox"
+        :header-cell-style="'color: #333333;height: 40px;font-size: 16px;'"
+            stripe
+            class="tableBox" 
         >
           <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">
@@ -398,6 +398,7 @@
             lineStyle: {
               width: 1,
               type: "solid",
+              color:"rgb(242,242,242)"
             },
           },
         },
@@ -413,6 +414,11 @@
           axisTick: {
             show: false,
           },
+          splitLine: {
+            lineStyle: {
+            color:"rgb(242,242,242)"
+            }
+          }
         },
         series: [
           {
@@ -718,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;
@@ -913,6 +925,7 @@
   }
 
   .column-right {
+    background-color: #fff;
     overflow-y: auto;
     overflow-x: auto;
   }

--
Gitblit v1.8.0