| | |
| | | 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") |
| | |
| | | </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; |
| | | } |
| | | |