在底部加入日期时间显示

bsw215583320

2023-08-05 47f5510056187904e26683559c47505a29c84655

 src/views/dry/bigScreen/BigWorkShop.vue

@@ -128,6 +128,11 @@
                     </div>
                  </div>
               </div>
               <div class="footer">
						
                  <div >{{ nowDate }}</div>
                  <div >{{ nowTime }}</div>
               </div>
            </div>
         </div>
      </div>
@@ -152,6 +157,9 @@
   const Timer = ref()

   const realTime = ref(new Map())
   const nowTime = ref()
   const nowDate = ref()


   function listAllEqp() {
      listAll({ enable: 'Y' })
@@ -211,9 +219,18 @@
      }
   }

   function getNowTime() {
      var date = new Date()
      nowDate.value = (date.getFullYear()) + "/" + (date.getMonth()< 9? "0" + (date.getMonth() + 1): date.getMonth() + 1) + "/" + (date.getDay() < 10? "0" + date.getDay() : date.getDay())
      nowTime.value = "" + (date.getHours()<10? "0" + date.getHours() :  date.getHours())  + ":" + (date.getMinutes()< 10? "0" + date.getMinutes(): date.getMinutes())
      //console.log("获取当前时间！");
   }

   getNowTime()
   listAllEqp()
   onMounted(() => {
      Timer.value = setInterval(updateRealTime, 3000)
      setInterval(getNowTime,10000)
   })

   onUnmounted(() => {
@@ -394,7 +411,17 @@
      line-height: 26px;
   }

   .value {

   .footer {
      height: 160px;
      display: flex;
      padding: 10px 20px;
      font-size: 30px;
      flex-direction: column-reverse;
      align-items: flex-end;
      color: white;
      line-height: 40px;

   }
   :deep() .progress {
      padding: 25px 25px;