|
|
@@ -2,7 +2,11 @@
|
|
|
<template>
|
|
|
<div class='status-bar'>
|
|
|
<el-row>
|
|
|
- <el-col :span="16"></el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <span style="color: white">系统时间：</span>
|
|
|
+ <span style="color: white">{{currentTime}}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12"></el-col>
|
|
|
<el-col :span="8">
|
|
|
<el-popover placement="top-start" :width="400" trigger="hover">
|
|
|
<template #reference>
|
|
|
@@ -73,6 +77,8 @@
|
|
|
defectNum: 0,
|
|
|
malfunctionNum: 0,
|
|
|
accidentNum: 0,
|
|
|
+ statusTimer: "",
|
|
|
+ currentTime: "",
|
|
|
gridData: [{
|
|
|
date: '2016-05-02',
|
|
|
name: '王小虎',
|
|
|
@@ -91,6 +97,36 @@
|
|
|
address: '上海市普陀区金沙江路 1518 弄'
|
|
|
}]
|
|
|
}
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ let that = this
|
|
|
+ this.statusTimer = setInterval(function () {
|
|
|
+ that.currentTime =
|
|
|
+ new Date().getFullYear() +
|
|
|
+ "-" +
|
|
|
+ that.appendZero((new Date().getMonth() + 1)) +
|
|
|
+ "-" +
|
|
|
+ that.appendZero(new Date().getDate()) +
|
|
|
+ " " +
|
|
|
+ that.appendZero(new Date().getHours()) +
|
|
|
+ ":" +
|
|
|
+ that.appendZero(new Date().getMinutes()) +
|
|
|
+ ": " +
|
|
|
+ that.appendZero(new Date().getSeconds());
|
|
|
+ }, 1000)
|
|
|
+ },
|
|
|
+ beforeDestory() {
|
|
|
+ clearInterval(this.statusTimer)
|
|
|
+ this.statusTimer = null;
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ appendZero(obj) {
|
|
|
+ if (obj < 10) {
|
|
|
+ return "0" + obj
|
|
|
+ } else {
|
|
|
+ return obj
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
yangxuxian