大屏-当天时间 / 3D-gif替换

src/views/environmentalScreen/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="env-container">
     <div class="env-top-title" />
+    <div class="current-date">{{ nowDate }}</div>
     <div class="env-main">
       <div class="env-main-left">
         <div class="env-item container-wrap">
@@ -217,6 +218,7 @@
 </template>
 
 <script>
+import { getCurrentTime } from '@/utils/index'
 import LineChart from './module/lineChart'
 import Video from '@/views/storeManage/warehouse3D/module/video'
 import data1 from './data1.json'
@@ -238,11 +240,18 @@ export default {
   },
   data() {
     return {
+      nowDate: '',
+      timer: null,
       tableData: [],
       lineChartData: lineChartData,
       className: ['readRoomContainer', 'collateRoomContainer']
     }
   },
+  created() {
+    this.timer = setInterval(() => {
+      this.nowDate = getCurrentTime()
+    }, 1000)
+  },
   mounted() {
     this.tableData = data1.rows
     const _this = this
@@ -253,6 +262,11 @@ export default {
     }
     window.addEventListener('message', this.handleMessageDevice)
   },
+  beforeDestroy() {
+    if (this.timer) {
+      clearInterval(this.timer)
+    }
+  },
   methods: {
     // 传入设备状态data  / 给iframe传初始值
     deviceState(e) {
@@ -333,6 +347,13 @@ export default {
     background: url('~@/assets/images/largeScreen/top-title.png') no-repeat 0 -14px;
     background-size: contain;
   }
+  .current-date{
+    position: fixed;
+    top: 25px;
+    right: 150px;
+    font-size: 16px;
+    color: #3A99FD;
+  }
   .env-main{
     display: flex;
     justify-content: space-between;