|  |  |  | 
|---|
|  |  |  | 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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|