From 4a800a8fc83c6bd1f86a8e847b079a51a7532c09 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@smartai.com> Date: 星期三, 20 七月 2022 15:05:58 +0800 Subject: [PATCH] 修复国标配置的bug --- src/pages/systemMonitor/index/App.vue | 78 ++++++++++++++++++++------------------ 1 files changed, 41 insertions(+), 37 deletions(-) diff --git a/src/pages/systemMonitor/index/App.vue b/src/pages/systemMonitor/index/App.vue index a15face..d95e0c4 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,28 +52,31 @@ 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> - <el-table-column label="CPU" width="150"> + <el-table-column label="CPU"> <template slot-scope="scope"> <span>{{ scope.row.cpu.toFixed(2) }} %</span> </template> </el-table-column> - <el-table-column label="鍐呭瓨" width="150"> + <el-table-column label="鍐呭瓨"> <template slot-scope="scope"> <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 label="绠楀姏" width="150"> + <!-- <el-table-column + prop="disk" + label="纭洏" + width="150" + ></el-table-column> --> + <el-table-column label="绠楀姏"> <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> </div> @@ -84,24 +89,24 @@ <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" > - <el-table-column - prop="desc" - label="鍚嶇О" - width="180" - ></el-table-column> - <el-table-column - prop="cpu" - label="CPU" - 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="desc" label="鍚嶇О"></el-table-column> + <el-table-column prop="cpu" label="CPU"> + <template slot-scope="scope"> + <span>{{ scope.row.cpu.toFixed(2) }} %</span> + </template> + </el-table-column> + <el-table-column prop="mem" label="鍐呭瓨"> + <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 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 +285,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 +404,7 @@ lineStyle: { width: 1, type: "solid", - color:"rgb(242,242,242)" + color: "rgb(242,242,242)", }, }, }, @@ -416,9 +422,9 @@ }, splitLine: { lineStyle: { - color:"rgb(242,242,242)" - } - } + color: "rgb(242,242,242)", + }, + }, }, series: [ { @@ -568,13 +574,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