From c1c41befde9ca9ed8837245da83484866e7ce767 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期一, 10 一月 2022 18:19:47 +0800 Subject: [PATCH] 暂存 --- src/pages/systemMonitor/index/App.vue | 55 ++++++++++++++++++++++++++++++++----------------------- 1 files changed, 32 insertions(+), 23 deletions(-) diff --git a/src/pages/systemMonitor/index/App.vue b/src/pages/systemMonitor/index/App.vue index a15face..d358504 100644 --- a/src/pages/systemMonitor/index/App.vue +++ b/src/pages/systemMonitor/index/App.vue @@ -28,7 +28,9 @@ @click="activeTab = 1" > <div class="title">搴旂敤鍗曞厓</div> - <div class="subtitle">姝e湪杩涜{{ appProcessData.length }}涓簲鐢ㄥ崟鍏�</div> + <div class="subtitle"> + 姝e湪杩涜{{ appProcessData.length }}涓簲鐢ㄥ崟鍏� + </div> <span class="iconfont icon" :style="activeTab == 1 ? {} : { color: '#fff' }" @@ -50,8 +52,8 @@ class="tableBox" > <el-table-column label="鍚嶇О" width="231"> - <template slot-scope="scope"> - <span class="iconfont icon"></span> + <template slot-scope="scope"> + <span class="iconfont icon"></span> <span>{{ scope.row.desc }} </span> </template> </el-table-column> @@ -65,13 +67,21 @@ <span>{{ scope.row.mem.toFixed(2) }} %</span> </template> </el-table-column> - <el-table-column prop="disk" label="纭洏" width="150"></el-table-column> + <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="缃戠粶" width="150"></el-table-column> + <el-table-column + prop="net" + label="缃戠粶" + width="150" + ></el-table-column> </el-table> </div> @@ -84,7 +94,7 @@ <el-table :data="appProcessData" style="width: 100%" - :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'" + :header-cell-style="'background: #F2F2F7;color: #333333;height: 40px;font-size: 16px;'" stripe class="tableBox" > @@ -99,9 +109,9 @@ width="180" ></el-table-column> <el-table-column prop="mem" label="鍐呭瓨"></el-table-column> - <el-table-column prop="disk" label="纭洏"></el-table-column> + <!-- <el-table-column prop="disk" label="纭洏"></el-table-column> <el-table-column prop="gpu" label="绠楀姏"></el-table-column> - <el-table-column prop="net" label="缃戠粶"></el-table-column> + <el-table-column prop="net" label="缃戠粶"></el-table-column> --> </el-table> </div> </el-tab-pane> @@ -280,16 +290,17 @@ <span class="iconfont icon"></span> 鏈嶅姟</span > - <el-table :data="vasystemServicesData" - :header-cell-style="'color: #333333;height: 40px;font-size: 16px;'" - stripe - class="tableBox" + <el-table + :data="vasystemServicesData" + :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"></span> - <span>{{ scope.row.name }}</span> + <span>{{ scope.row.name }}</span> </div> </template> </el-table-column> @@ -398,7 +409,7 @@ lineStyle: { width: 1, type: "solid", - color:"rgb(242,242,242)" + color: "rgb(242,242,242)", }, }, }, @@ -416,9 +427,9 @@ }, splitLine: { lineStyle: { - color:"rgb(242,242,242)" - } - } + color: "rgb(242,242,242)", + }, + }, }, series: [ { @@ -568,13 +579,11 @@ rsp.data.disk.forEach((d) => { if (d.name in this.disks) { - this.disks[d.name].readBytes = this.disks[d.name].readBytes.slice( - 1 - ); + this.disks[d.name].readBytes = + this.disks[d.name].readBytes.slice(1); this.disks[d.name].readBytes.push(d.readBytes); - this.disks[d.name].writeBytes = this.disks[ - d.name - ].writeBytes.slice(1); + this.disks[d.name].writeBytes = + this.disks[d.name].writeBytes.slice(1); this.disks[d.name].writeBytes.push(d.writeBytes); } else { this.disks[d.name] = {}; -- Gitblit v1.8.0