From bc630b555653be1cb6eff37ab2da18cd31e8ef81 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期一, 13 十二月 2021 10:44:12 +0800
Subject: [PATCH] 配置页

---
 src/pages/systemMonitor/index/App.vue |   33 ++++++++++++++++++++++++---------
 1 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/pages/systemMonitor/index/App.vue b/src/pages/systemMonitor/index/App.vue
index 2f20bd9..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>
 
@@ -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