添加时间

.config.dev.js

 module.exports = {
   domain: 'dev.ezijing.com',
   // url: 'http://data-view.ezijing.com',
-  url: 'http://172.16.3.11:8011',
-  // url: 'https://web-chart.ezijing.com/',
+  // url: 'http://172.16.3.11:8011',
+  url: 'https://web-chart.ezijing.com/',
   isEnableToIphoneDebugger: false,
   // apiBaseURL: '//demo-login.ezijing.com/',
   webpack: {

src/pages/chart/chart-210323.vue

 <template>
   <div class="chart-box">
-    <div class="title">紫荆教育决策数据看板</div>
+    <div class="title">紫荆教育决策数据看板<div class="time" v-html="time"></div></div>
     <div class="chart-content">
       <div class="chart-left-box">
         <div class="chart-l-t">
@@ -105,6 +105,7 @@ export default {
   },
   data() {
     return {
+      time: '00: 00: 00',
       domFlag: false,
       monthlyIncomeData: {
         data: [
@@ -138,8 +139,25 @@ export default {
       height: $('.chart-show').outerHeight()
     })
     this.getData()
+    setInterval(() => {
+      this.time = this.getCurrentTime()
+    }, 1000)
   },
   methods: {
+    getCurrentTime() {
+      const date = new Date()
+      const year = date.getFullYear()
+      const mon = date.getMonth() + 1
+      const da = date.getDate()
+      const h = date.getHours()
+      const m = date.getMinutes()
+      const s = date.getSeconds()
+      return `&nbsp;&nbsp;${year}.${this.toDo(mon)}.${this.toDo(da)}&nbsp;${this.toDo(h)}:${this.toDo(m)}:${this.toDo(s)}`
+    },
+    toDo(n) {
+      const num = parseInt(n)
+      return num < 10 ? `0${num}` : num
+    },
     formatter(num) {
       return String(num).replace(/\d{1,3}(?=(\d{3})+(\.|$))/g, '$&,')
     },
@@ -414,4 +432,13 @@ export default {
 //     background: linear-gradient(0deg, rgba(29,53,122,0.5) 0%, rgba(23, 41, 136, 0) 100%);
 //   }
 // }
+.time{
+  position: absolute;
+  top: 2%;
+  right: 2%;
+  font-size: 16px;
+  font-weight: bold;
+  color: #FFFFFF;
+  line-height: 27px;
+}
 </style>