优化

MrShi

2025-03-26 6f1203d1cf895efc473fade3ab049fc30d92c618

 screen/src/views/PlatformCall.vue

@@ -21,9 +21,17 @@
const initData = () => {
  getLargeScreenData().then(res => {
    if (res.data && res.data.allList) {
      contentList.value = res.data.allList.map(item => {
      contentList.value = res.data.allList.map((item, index) => {
        item.index = index + 1
        if (item.optTime) {
          item.optTimeTemp = dayjs(item.optTime).format('HH:mm')
          if(item.status == 4){
            if(item.optTime >= new Date().getTime()){
              item.optTimeTemp = dayjs.duration(item.optTime - new Date().getTime()).format('HH:mm')
            }else{
              item.optTimeTemp = '-'
            }
          }
          // item.optTimeTemp = dayjs.duration(Math.abs(new Date().getTime() - item.optTime)).format('HH:mm')
        }
        return item
@@ -108,7 +116,7 @@
  var qr = new UQRCode()
  // 设置二维码内容
  qr.data = qrcode.value
  qr.size = 220
  qr.size = 268
  // 调用制作二维码方法
  qr.make()
  var canvas = document.getElementById("qrcode")
@@ -153,7 +161,7 @@
const handler = () => {
  isFullscreen.value = document.fullscreenElement !== null
  if (!isFullscreen) {
    // 退出全屏时候解除监听，不然每次监听都会添加一次绑定 
    // 退出全屏时候解除监听，不然每次监听都会添加一次绑定
    document.removeEventListener("fullscreenchange", handler)
  }
}
@@ -185,7 +193,7 @@

</script>
<template>
  <v-scale-screen width="1920" height="1080" :fullScreen="true">
  <v-scale-screen width="1920" height="1080">
    <div class="main_app">
      <div class="main_header">
        <img class="bg" src="@/assets/images/call/title@2x.png" alt="">
@@ -207,8 +215,8 @@
            <div class="item">停靠月台</div>
            <div class="item">时间</div>
          </div>
          <div class="line" v-for="item in contentTempList" :key="item.id">
            <div class="item no">{{ item.signNum }}</div>
          <div class="line" v-for="(item, index) in contentTempList" :key="index">
            <div class="item no">{{ item.index }}</div>
            <div class="item">{{ item.carCodeFront }}</div>
            <div class="item">
              <div :class="{
@@ -219,7 +227,9 @@
            </div>
            <div class="item">{{ item.platformName || '-' }}</div>
            <div class="item">
              <div v-if="item.optTimeTemp" class="time_place">预计完成时间</div>
              <div v-if="item.optTimeTemp" class="time_place">
                {{ item.status == 4 ? '剩余等待时间' : '预计完成时间' }}
              </div>
              <div>{{ item.optTimeTemp || '-' }}</div>
            </div>
          </div>
@@ -248,7 +258,7 @@
          </div>
          <div class="qrcode_wrap">
            <div class="qrcode">
              <canvas id="qrcode" width="220" height="220"></canvas>
              <canvas id="qrcode" width="268" height="268"></canvas>
            </div>
            <div class="title">请扫码签到</div>
          </div>
@@ -501,7 +511,7 @@
        justify-content: center;

        .qrcode {
          padding: 6px;
          padding: 6px 6px 4px;
          background-color: #fff;
        }

@@ -536,4 +546,4 @@
  }

}
</style>
</style>