|  |  | 
 |  |  |       contentList.value = res.data.allList.map(item => { | 
 |  |  |         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 | 
 |  |  | 
 |  |  |   var qr = new UQRCode() | 
 |  |  |   // 设置二维码内容 | 
 |  |  |   qr.data = qrcode.value | 
 |  |  |   qr.size = 220 | 
 |  |  |   qr.size = 268 | 
 |  |  |   // 调用制作二维码方法 | 
 |  |  |   qr.make() | 
 |  |  |   var canvas = document.getElementById("qrcode") | 
 |  |  | 
 |  |  |  | 
 |  |  | </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=""> | 
 |  |  | 
 |  |  |             </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> | 
 |  |  | 
 |  |  |           </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> | 
 |  |  | 
 |  |  |         justify-content: center; | 
 |  |  |  | 
 |  |  |         .qrcode { | 
 |  |  |           padding: 6px; | 
 |  |  |           padding: 6px 6px 4px; | 
 |  |  |           background-color: #fff; | 
 |  |  |         } | 
 |  |  |  |