From e955e0e34f52d3a8f66354f2a75b762791f918b1 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期三, 16 十一月 2022 17:24:30 +0800
Subject: [PATCH] 頁面更改
---
src/views/maintenance/systemMonitoring.vue | 75 ++++++++++++++++++++++++++-----------
1 files changed, 52 insertions(+), 23 deletions(-)
diff --git a/src/views/maintenance/systemMonitoring.vue b/src/views/maintenance/systemMonitoring.vue
index 7918612..bcd4cf3 100644
--- a/src/views/maintenance/systemMonitoring.vue
+++ b/src/views/maintenance/systemMonitoring.vue
@@ -12,7 +12,9 @@
<div class="flex_Box">
<div style="width: 100%; height: 20px">
<div class="image1"></div>
- <div class="imageTitle">鍐呭瓨鐩戞帶</div>
+ <div class="imageTitle">
+ {{ $t('operatManage.systemMonitoringObj.memoryMonitoring') }}
+ </div>
</div>
<div class="top_Box1">
<div class="top_box_left">
@@ -26,7 +28,11 @@
<p>{{ memInfo.use }}</p>
</div>
<div class="height_title">
- <label>浣跨敤鐜�</label>
+ <label>
+ {{
+ $t('operatManage.systemMonitoringObj.usageRate')
+ }}</label
+ >
<p>{{ memInfo.usage }}</p>
</div>
</div>
@@ -40,7 +46,11 @@
<p>{{ memInfo.totalMem }}</p>
</div>
<div class="height_title">
- <label>鍓╀綑鍐呭瓨</label>
+ <label>
+ {{
+ $t('operatManage.systemMonitoringObj.remainingMemory')
+ }}</label
+ >
<p>{{ memInfo.remainMem }}</p>
</div>
</div>
@@ -53,7 +63,9 @@
<div class="flex_Box">
<div>
<div class="image2"></div>
- <div style="line-height: 32px" class="imageTitle">CPU鐩戞帶</div>
+ <div style="line-height: 32px" class="imageTitle">
+ {{ $t('operatManage.systemMonitoringObj.cpuMonitoring') }}
+ </div>
</div>
<div
id="Sys_cpu_chart"
@@ -63,24 +75,14 @@
<div class="flex_Box">
<div style="width: 100%; height: 34px">
<div class="image3"></div>
- <div style="line-height: 32px" class="imageTitle">寮傚父鏁�</div>
+ <div style="line-height: 32px" class="imageTitle">
+ {{ $t('operatManage.systemMonitoringObj.heteroconstant') }}
+ </div>
</div>
<div class="ycsBox">
<div class="ycTltle">{{ resInfoCount }}</div>
- <div
- style="
- width: 110px;
- height: 16px;
- font-size: 16px;
- font-family: Microsoft YaHei;
- font-weight: 300;
- color: #ffffff;
- line-height: 49px;
- margin-left: 51px;
- margin-top: 20px;
- "
- >
- 绯荤粺寮傚父涓暟
+ <div class="heteroTitle">
+ {{ $t('operatManage.systemMonitoringObj.numberOfExceptions') }}
</div>
</div>
</div>
@@ -114,16 +116,28 @@
>
</el-table-column> </el-table
></el-tab-pane>
- <el-tab-pane label="鏈嶅姟璧勬簮鐘舵��" name="second">
+ <el-tab-pane
+ :label="
+ $t('operatManage.systemMonitoringObj.serviceResourceStatus')
+ "
+ name="second"
+ >
<div id="resUseChart" style="width: 995px; height: 310px"></div>
</el-tab-pane>
- <el-tab-pane label="鐢ㄦ埛鐧诲綍鐘舵��" name="third">
+ <el-tab-pane
+ :label="$t('operatManage.systemMonitoringObj.userloginStatus')"
+ name="third"
+ >
<div
id="userLoginChart"
style="width: 995px; height: 310px"
></div>
</el-tab-pane>
- <el-tab-pane label="璧勬簮鎿嶄綔鐘舵��" name="fourth"
+ <el-tab-pane
+ :label="
+ $t('operatManage.systemMonitoringObj.resourceOperationStatus')
+ "
+ name="fourth"
><div
id="operateCountChart"
style="width: 995px; height: 310px"
@@ -133,7 +147,9 @@
</div>
<div class="flex_Box">
<div>
- <div style="line-height: 32px" class="imageTitle">鍦ㄧ嚎浜哄憳</div>
+ <div style="line-height: 32px" class="imageTitle">
+ {{ $t('operatManage.systemMonitoringObj.onlinePersonnel') }}
+ </div>
</div>
<el-table :data="tableData" style="width: 100%" height="90%">
<el-table-column
@@ -855,6 +871,19 @@
margin-top: 61px;
margin-left: 88px;
}
+ .heteroTitle {
+ width: 100%;
+ height: 16px;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 300;
+ color: #ffffff;
+ line-height: 49px;
+
+ margin-top: 20px;
+
+ text-align: center;
+ }
}
.imageTitle {
float: left;
--
Gitblit v1.9.3