应急处置修改右侧时间
This commit is contained in:
parent
626e0480b9
commit
4edac208d2
@ -16,7 +16,8 @@
|
|||||||
<!-- 视频播放器 -->
|
<!-- 视频播放器 -->
|
||||||
<video :src="monitor.videoSrc" autoplay loop muted playsinline />
|
<video :src="monitor.videoSrc" autoplay loop muted playsinline />
|
||||||
|
|
||||||
<div class="video-time">{{ currentTime }}</div>
|
<!-- 如果需要显示当前时间,则取消下面注释 -->
|
||||||
|
<!-- <div class="video-time">{{ currentTime }}</div> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- 控制条:叠加在视频底部 -->
|
<!-- 控制条:叠加在视频底部 -->
|
||||||
<div class="video-controls">
|
<div class="video-controls">
|
||||||
|
|||||||
@ -50,14 +50,31 @@ export function useDisasterData() {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// 获取当前日期
|
||||||
|
function getCurrentDate() {
|
||||||
|
const date = new Date();
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day}`;
|
||||||
|
}
|
||||||
|
// 获取当前日期加上指定时间
|
||||||
|
function getCurrentDateTime(time) {
|
||||||
|
const date = new Date();
|
||||||
|
const year = date.getFullYear();
|
||||||
|
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||||
|
const day = String(date.getDate()).padStart(2, '0');
|
||||||
|
return `${year}-${month}-${day} ${time}`;
|
||||||
|
}
|
||||||
|
|
||||||
// 协同信息
|
// 协同信息
|
||||||
const collaborationInfo = ref([
|
const collaborationInfo = ref([
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
source: '气象预警',
|
source: '气象预警',
|
||||||
content:
|
content:
|
||||||
'巫溪县气象台2025年10月17日12时30分升级发布"暴雨黄色预警信号",过去6小时,文峰、红池坝、天元、长桂等乡镇累计降雨量已达70毫米以上。',
|
`巫溪县气象台${getCurrentDate()} 08:30分升级发布"暴雨黄色预警信号",过去6小时,文峰、红池坝、天元、长桂等乡镇累计降雨量已达70毫米以上。`,
|
||||||
timestamp: '2025-10-17 12:30'
|
timestamp: getCurrentDateTime('08:30')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
@ -69,8 +86,8 @@ export function useDisasterData() {
|
|||||||
id: 3,
|
id: 3,
|
||||||
source: '融媒体中心',
|
source: '融媒体中心',
|
||||||
content:
|
content:
|
||||||
'发布了阻断信息:巴南G348武大线三湾于6月28日发生山体滑坡,边坡有继续垮塌风险,需断道观察,车辆从桥口坝绕行金田村,预计2025年10月17日18时30分恢复通行。',
|
`发布了阻断信息:巴南G348武大线三湾于6月28日发生山体滑坡,边坡有继续垮塌风险,需断道观察,车辆从桥口坝绕行金田村,预计${getCurrentDate()} 24:00恢复通行。`,
|
||||||
timestamp: '2025-10-17 14:30'
|
timestamp: getCurrentDateTime('24:00')
|
||||||
}
|
}
|
||||||
])
|
])
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user