From 261e25074b7f35010efccb86bf82f6fe36e4b10d Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期三, 14 十月 2020 10:27:19 +0800 Subject: [PATCH] 添加硬件信息显示 --- src/pages/settings/components/BasicSetting.vue | 56 +++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 43 insertions(+), 13 deletions(-) diff --git a/src/pages/settings/components/BasicSetting.vue b/src/pages/settings/components/BasicSetting.vue index b6dfad5..f7df2dd 100644 --- a/src/pages/settings/components/BasicSetting.vue +++ b/src/pages/settings/components/BasicSetting.vue @@ -110,6 +110,22 @@ <div class="xiangqin-label">纭洏涓暟</div> <div class="xiangqing-info">{{sysinfo.diskCount}}</div> </el-col> + <el-col :span="12" class="flex-box"> + <div class="xiangqin-label">纭洏淇℃伅</div> + <div class="xiangqing-info">{{sysinfo.disks}}</div> + </el-col> + <el-col :span="12" class="flex-box"> + <div class="xiangqin-label">CPU</div> + <div class="xiangqing-info">{{sysinfo.cpuInfo}}</div> + </el-col> + <el-col :span="12" class="flex-box"> + <div class="xiangqin-label">鍐呭瓨</div> + <div class="xiangqing-info">{{sysinfo.mem}}</div> + </el-col> + <el-col :span="12" class="flex-box"> + <div class="xiangqin-label">杩愯鏃堕棿</div> + <div class="xiangqing-info">{{sysinfo.uptime}}</div> + </el-col> </el-row> </el-menu-item-group> </el-submenu> @@ -159,7 +175,6 @@ </el-menu-item-group> </el-submenu> <!-- 瀵瑰鏈嶅姟IP 鏀瑰悕涓哄閮ㄧ綉缁�(鏂皌ab)--> - </el-menu> </el-tab-pane> @@ -186,7 +201,7 @@ :value="item.value" ></el-option> </el-select> - </el-form-item> --> + </el-form-item>--> <div style="text-align: left;padding: 10px 0px"> <div class="time-type">NTP鏍℃椂</div> <div style="padding: 10px 0px;"> @@ -234,7 +249,6 @@ placeholder="閫夋嫨鏃ユ湡鏃堕棿" size="small" value-format="yyyy-MM-dd HH:mm:ss" - :disabled="syncType === '1'" ></el-date-picker> <el-checkbox @@ -295,7 +309,6 @@ </el-form> </el-menu-item-group> </el-submenu> - </el-menu> </el-tab-pane> --> <el-tab-pane label="鏉冮檺绠$悊" name="user"> @@ -466,7 +479,7 @@ this.initResourceConfig(); this.initClockConf(); //this.markStartTime(); - + }); }, beforeDestroy() { @@ -487,6 +500,16 @@ this.alarmConf.min_video_len = rsp.data.min_video_len; this.alarmConf.max_video_len = rsp.data.max_video_len; + if (this.sysinfo.deviceInfo) { + let devInfo = this.sysinfo.deviceInfo; + + this.sysinfo.cpuInfo = devInfo.cpu[0].modelName; + this.sysinfo.disks = devInfo.disk; + this.sysinfo.mem = (devInfo.mem.total / 1024 / 1024 / 1024).toFixed(2) + "KB"; + // this.sysinfo.arch = devInfo.host.kernelArch; + this.sysinfo.uptime = this.secondsFormat(devInfo.host.uptime); + } + if (!this.sysinfo.server_port) { this.sysinfo.server_port = 7003; } @@ -498,6 +521,13 @@ }).catch(err => { this.loading = false; }); + }, + secondsFormat(s) { + var day = Math.floor(s / (24 * 3600)); // Math.floor()鍚戜笅鍙栨暣 + var hour = Math.floor((s - day * 24 * 3600) / 3600); + var minute = Math.floor((s - day * 24 * 3600 - hour * 3600) / 60); + var second = s - day * 24 * 3600 - hour * 3600 - minute * 60; + return day + "澶�" + hour + "鏃�" + minute + "鍒�" + second + "绉�"; }, initClockConf() { getClockInfo().then(rsp => { @@ -549,7 +579,7 @@ }, 1000) } }, - markStartTime(){ + markStartTime() { let timestamp = new Date().getTime() / 1000; this.settime = this.formatTime(timestamp, 'Y-M-D h:m:s') }, @@ -622,9 +652,9 @@ } }); }, - checkTimeZone(val){ + checkTimeZone(val) { debugger; - + }, submitClock() { if (this.syncType === '1') { @@ -794,8 +824,8 @@ // margin-left: -80px; .el-form-item { text-align: left; - &.is-required:not(.is-no-asterisk)>.el-form-item__label:before{ - margin-left:-8px; + &.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + margin-left: -8px; } .el-button { float: right; @@ -944,12 +974,12 @@ width: 300px; } } -.desc-info{ +.desc-info { margin-bottom: 14px; - .flex-box{ + .flex-box { height: 40px; line-height: 40px; - .xiangqin-label{ + .xiangqin-label { width: 80px; } } -- Gitblit v1.8.0