|  |  |  | 
|---|
|  |  |  | 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){ | 
|---|
|  |  |  | 
|---|
|  |  |  | }else{ | 
|---|
|  |  |  | item.optTimeTemp = '-' | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // item.optTimeTemp = dayjs.duration(Math.abs(new Date().getTime() - item.optTime)).format('HH:mm') | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | 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="{ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </style> | 
|---|