修改bug

src/views/OperationalOverview/AGVBoard.vue

@@ -2,7 +2,7 @@
  * @Author: zwq
  * @Date: 2021-07-19 15:18:30
  * @LastEditors: zhp
- * @LastEditTime: 2023-11-15 16:04:06
+ * @LastEditTime: 2023-11-22 13:58:30
  * @Description:
 -->
 <template>
@@ -14,6 +14,8 @@
     }">
       <img src="../../assets/img/logo.png" style="width:1.1em;position:relative;top:.4em" alt="">
       许昌安彩AGV原片周转看板
+      <h3 class="unit">单位：河南汇融科技服务有限公司</h3>
+      <h3 class="time">{{ times }}</h3>
       <!-- <el-button
         type="text"
         class="title-button"
@@ -87,11 +89,11 @@
             <!-- <div style="width: 45%;position: absolute; top: 3em; right: 3em;">
               <top-radio-group />
             </div> -->
-            <el-row :gutter="9 * beilv">
-              <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24">
+            <!-- <el-row :gutter="9 * beilv"> -->
+              <!-- <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="24"> -->
                 <base-table :page="1" :limit="9" :show-index="false" :beilv="1" :table-config="inventoryTableProps"
                   :table-data="inventoryList" />
-              </el-col>
+              <!-- </el-col> -->
               <!-- <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
                 <base-table3
                   :page="2"
@@ -101,7 +103,7 @@
                   :table-data="qualityList2"
                 />
               </el-col> -->
-            </el-row>
+            <!-- </el-row> -->
           </base-container>
         </el-col>
         <el-col :style="{ margin: 8 + 'px' + ' 0' }" :span="12">
@@ -666,7 +668,8 @@ export default {
     return {
       beilv: 1,
       beilv2: 1,
-      clientWidth:0,
+      clientWidth: 0,
+      times:undefined,
       value: 100,
       qualityYearTableProps,
       cxNameList,
@@ -748,6 +751,7 @@ export default {
     // this.fetchList('order-process')
     // this.fetchList('line-chart-data')
     this.init()
+    this.getTimes()
     this.windowWidth(document.documentElement.clientWidth)
   },
   mounted() {
@@ -776,6 +780,30 @@ export default {
   //   removeEventListener('resize', resizeFun)
   // },
   methods: {
+    getTimes() {
+      setInterval(this.getTimesInterval, 1000);
+    },
+    getTimesInterval: function () {
+      let _this = this;
+      let year = new Date().getFullYear(); //获取当前时间的年份
+      let month = new Date().getMonth() + 1; //获取当前时间的月份
+      let day = new Date().getDate(); //获取当前时间的天数
+      let hours = new Date().getHours(); //获取当前时间的小时
+      let minutes = new Date().getMinutes(); //获取当前时间的分数
+      let seconds = new Date().getSeconds(); //获取当前时间的秒数
+      //当小于 10 的是时候，在前面加 0
+      if (hours < 10) {
+        hours = "0" + hours;
+      }
+      if (minutes < 10) {
+        minutes = "0" + minutes;
+      }
+      if (seconds < 10) {
+        seconds = "0" + seconds;
+      }
+      //拼接格式化当前时间
+      this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
+    },
     windowWidth(value) {
       this.clientWidth = value
     },
@@ -846,7 +874,19 @@ export default {
     background-size: 100% 100%;
     color: #00fff0;
     text-align: center;
-
+    position: relative;
+    .unit{
+      position: absolute;
+      left: 260px;
+      top:25px;
+      font-size: 20px;
+    }
+    .time{
+      position: absolute;
+      left: 1360px;
+      top:25px;
+      font-size: 20px;
+    }
     .title-button {
       color: #00fff0;
       font-size: 20px;