| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | const handler = () => { |
|---|
| | | isFullscreen.value = document.fullscreenElement !== null |
|---|
| | | if (!isFullscreen) { |
|---|
| | | // 退出全屏时候解除监听，不然每次监听都会添加一次绑定 |
|---|
| | | // 退出全屏时候解除监听，不然每次监听都会添加一次绑定 |
|---|
| | | document.removeEventListener("fullscreenchange", handler) |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | |
|---|
| | | </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 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="{ |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | </style> |
|---|
