Skip to content

S
SatelliteDigital
提交 da6185af authored 作者: 周欢凯's avatar 周欢凯
浏览文件
操作

4-1号提交，4-1bug解决还剩余实时播放时间轴固定24h，起止时间都变化

上级 979b21eb
显示空白字符变更
内嵌 并排
正在显示 包含 201 行增加 和 118 行删除
.workbuddy/memory/2026-03-31.md 0 → 100644
浏览文件 @ da6185af
## 2026-03-31 日志
### 用户问题解答
- 解释了 `isChange_flag_firstBackDate` 字段的作用：这是一个时间轴和 WebSocket 数据流同步的状态标志
- 字段含义：首次返回数据变化标志
- 用途：协调用户时间选择和数据更新的时序，防止竞态条件
- 工作机制：拖动时间轴时设为 false，WebSocket 返回数据时设为 true，只有当为 true 时才允许根据时间变化更新子系统数据
- 解释了 `selectedEndTime` 监听的作用：
- 时间驱动的数据分发中心，连接用户操作、WebSocket 数据流、UE 场景和子系统图表
- 主要功能：更新子系统数据、通知 UE 场景、控制自动播放、同步全局状态
- 分析了 `callBackCycleTimePointFn` 一秒发两次的问题：
- 原因：`selectedEndTime` 在短时间内被更新两次，可能是自动播放逻辑中的双重更新
- 解决方案：添加防抖/节流控制，确保一秒内只发送一次
- 查找了 `gridInfoList` 的更新位置：
- 主要更新位置：`header/index.vue` 中的 `getGridInfoListData()` 函数
- 触发时机：页面加载时 (`onMounted`) 获取一次
- 数据用途：热力图组件中合并和显示卫星格网数据
- 查找了 `satelliteData` 通过 WS 赋值的流程：
- 数据流：WebSocket → footer/timers.vue → Pinia Store → lefts/index.vue 监听器 → satelliteData
- 关键赋值位置：lefts/index.vue 第858行（历史模式）和第914行（实时模式）
- 转换函数：`wssTransformSatelliteData()` 将后端数据转换为前端表格格式
- 查找了设置开始时间和结束时间的代码位置：
- 主要设置函数：`handleDateRangeChange()`（用户选择日期范围）
- 核心计算函数：`updateSelectedTimes()`（根据滑块百分比计算选中时间）
- 时间变量：`startDateTime`/`endDateTime`（总范围），`selectedStartTime`/`selectedEndTime`（选中范围）
- 数据流向：用户选择 → 更新 store → 计算选中时间 → 触发监听更新界面
### 之前的 CSS 修复
- 修复了 `screenConfigeDialog.vue` 中的背景图语法错误
- 修正了 `index.vue` 中 el-dialog 的背景色和宽度设置
- 解决了 WebUI 页面透明问题（UE 地球场景透出）
- 修复了时间轴固定时间被覆盖的 Bug：
- 根本原因：`footer/component/timers.vue` 第756行有一个 `setInterval`（每1秒执行），启动时立刻调用 `autoHandleDateRangeChange`，强制将时间重置为"当前时间往前推24小时"
- 修复方案：注释掉该初始 `setInterval`（保留 `watch` 里受 `isDateRangeNotEmpty` 控制的部分）
- 同时修复了 `updateTimeline()` 中 `endHandlePercent.value = 0` 的 Bug，改为 `100`
- 修复了时间轴刻度标签多显示1天的 Bug：
- 根本原因：`timeMarkers` 计算中每个 label 都多加了 `.add(1, 'day')`
- 修复方案：去掉 label 生成时的 `.add(1, 'day')`
### 关键发现
- 项目时间轴组件使用 WebSocket 与后端通信，数据流同步机制较为复杂
- `isChange_flag_firstBackDate` 是实现数据时序控制的核心标志之一
- 项目有复杂的 UE 和 WebUI 集成机制，涉及时间同步和数据分发
- 左侧卫星数据表格通过 WebSocket 实时更新，数据流经过多个组件传递
- **时间轴有自动实时滚动机制**：通过 `autoUpdateDateRange` setInterval 每秒更新一次，正常模式下应注释掉初始定时器，用 `isDateRangeNotEmpty` watch 控制实时/历史模式切换
\ No newline at end of file
.workbuddy/memory/MEMORY.md 0 → 100644
浏览文件 @ da6185af
# 项目核心记忆
## 时间轴和 WebSocket 数据流同步
- `isChange_flag_firstBackDate`：首次返回数据变化标志，用于协调时间轴选择和 WebSocket 数据更新的时序
- 当用户拖动时间轴时重置为 false
- WebSocket 返回新数据时设为 true
- 只有为 true 时，selectedEndTime 变化才会触发子系统数据更新
- 解决"先改时间还是先等数据"的竞态条件
## WebUI 嵌入 UE 的透明问题
- 页面透明：由于多个层级（body、#app、el-dialog、容器）的背景色设置不当导致 UE 场景透出
- Element Plus 的 el-container/el-header 等组件默认没有背景色
- 修复方案：统一设置各层级的背景色或背景图片，确保完全覆盖
## CSS 背景图常见错误
- `background-image` 只接受图片地址，不能包含 no-repeat、center 等参数
- 正确的做法是用 `background` 简写属性：`background: url(...) no-repeat center center / cover`
- 或者分开写：`background-image` + `background-repeat` + `background-position` + `background-size`
## 项目结构特点
- 使用 Vue 3 + Element Plus + Vite
- 时间轴组件在 footer2/timers.vue 和 footer/component/timers.vue
- WebSocket 用于实时数据获取和子系统状态更新
- 卫星数据可视化项目，包含多个图表组件（热力图、曲线图等）
## UE 与 WebUI 集成
- WebUI 嵌入 UE 需要处理渲染层级和光照影响
- 建议使用 Unlit 材质或调整材质 Emissive 值来避免 UE 灯光影响 WebUI 显示
\ No newline at end of file
dist.rar 0 → 100644
浏览文件 @ da6185af
File added
index.html
浏览文件 @ da6185af
...@@ -8,13 +8,11 @@ ...@@ -8,13 +8,11 @@
--> -->
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
rel="stylesheet"
href="https://unpkg.com/element-plus/dist/index.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UE大屏项目</title> <title>UE大屏项目</title>
<script> <script>
...@@ -50,19 +48,19 @@ ...@@ -50,19 +48,19 @@
window.receiveLoginInfo(data); window.receiveLoginInfo(data);
}; };
</script> --> </script> -->
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>
</body> </body>
<style> <style>
body, body,
#app { #app {
/* background-color: transparent !important; */ /* background-color: #000000 !important; */
} }
</style> </style>
<script> <script>
function setRem() { function setRem() {
const baseSize = 16; // 基准 const baseSize = 16; // 基准
const designWidth = 1920; // 设计稿宽度（你项目很可能是1920大屏） const designWidth = 1920; // 设计稿宽度（你项目很可能是1920大屏）
...@@ -75,5 +73,6 @@ ...@@ -75,5 +73,6 @@
setRem(); setRem();
window.addEventListener("resize", setRem); window.addEventListener("resize", setRem);
</script> </script>
</html> </html>
\ No newline at end of file
src/api/Zodiac.js
浏览文件 @ da6185af
...@@ -16,6 +16,13 @@ export function stellationInfoApi() { ...@@ -16,6 +16,13 @@ export function stellationInfoApi() {
method: "get", method: "get",
}); });
} }
//时间
export function timeInfoApi() {
return request({
url: "/time/time",
method: "get",
});
}
// 左侧菜单-卫星列表信息 // 左侧菜单-卫星列表信息
export function stellateListInfoApi() { export function stellateListInfoApi() {
return request({ return request({
......
src/pages/footer/component/timers.vue
浏览文件 @ da6185af
...@@ -106,6 +106,7 @@ import { ref, onMounted, onUnmounted, computed, watch, nextTick, watchEffect } f ...@@ -106,6 +106,7 @@ import { ref, onMounted, onUnmounted, computed, watch, nextTick, watchEffect } f
import wss from '@/utils/requestSocekt.js' import wss from '@/utils/requestSocekt.js'
import useAppStore from '@/store/module/app' import useAppStore from '@/store/module/app'
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { timeInfoApi } from '../../../api/Zodiac.js';
const wssInstance = ref(wss) const wssInstance = ref(wss)
// import { loading } from 'vxe-pc-ui'; // import { loading } from 'vxe-pc-ui';
...@@ -223,25 +224,28 @@ const jumpToSpecificTime = (targetTime, PerformDrag = false) => { ...@@ -223,25 +224,28 @@ const jumpToSpecificTime = (targetTime, PerformDrag = false) => {
const wssOpenHandle = (data) => { const wssOpenHandle = (data) => {
//console.log('主星级wssOpenHandle', (wssInstance.value),(wssInstance.value).readyState, WebSocket.OPEN); console.log("发送数据",(wssInstance.value).readyState);
if ((wssInstance.value).readyState === WebSocket.OPEN) { if ((wssInstance.value).readyState === WebSocket.OPEN) {
// 如果连接已打开，直接发送数据 // 如果连接已打开，直接发送数据
(wssInstance.value).send(JSON.stringify(data)); (wssInstance.value).send(JSON.stringify(data));
wssMessageHandle();
console.warn('WebSocket 已连接，无法发送数据:', data);
} else if ((wssInstance.value).readyState === WebSocket.CLOSED) { } else if ((wssInstance.value).readyState === WebSocket.CLOSED) {
console.warn('WebSocket 已关闭，无法发送数据:', data); console.warn('WebSocket 已关闭，无法发送数据:', data);
(wssInstance.value) = new WebSocket((wssInstance.value).url); (wssInstance.value) = new WebSocket((wssInstance.value).url);
(wssInstance.value).onopen = () => { (wssInstance.value).onopen = () => {
(wssInstance.value).send(JSON.stringify(data)); (wssInstance.value).send(JSON.stringify(data));
}; };
console.log("发送数据1111");
wssMessageHandle(); wssMessageHandle();
} else { } else {
// 否则等待连接打开后再发送 // 否则等待连接打开后再发送
(wssInstance.value).onopen = () => { (wssInstance.value).onopen = () => {
(wssInstance.value).send(JSON.stringify(data)); (wssInstance.value).send(JSON.stringify(data));
}; };
wssMessageHandle();
} }
startAutoPlay();
}; };
const wssResponeFlag_isSuccess = ref(true); const wssResponeFlag_isSuccess = ref(true);
const loading = ref(''); const loading = ref('');
...@@ -304,29 +308,21 @@ const subSysToMainSysFirstDataBack = ref(true); ...@@ -304,29 +308,21 @@ const subSysToMainSysFirstDataBack = ref(true);
const wssMessageHandle = () => { const wssMessageHandle = () => {
// let WwflagToNext = 0 // let WwflagToNext = 0
(wssInstance.value).onmessage = (event) => { (wssInstance.value).onmessage = (event) => {
// console.log('wssMessageHandle', event.data);
const data = JSON.parse(event.data); const data = JSON.parse(event.data);
console.log('data', data) console.log('data', data)
if(data.type === "realtime"){
playForward();
}
// 只有history和实时模式数据，回复已收到数据的确认。要修改以下代码 // 只有history和实时模式数据，回复已收到数据的确认。要修改以下代码
if ((data.type === 'history' && !(data?.isLagrangeInterpolation === true))) { if ((data.type === 'history' && !(data?.isLagrangeInterpolation === true))) {
wssOpenHandle({ wssOpenHandle({
type: "confirm", type: "confirm",
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value), taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
clientType: "web" clientType: "web"
}) })
// setTimeout(() => {
// wssOpenHandle({
// type: "confirm",
// taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
// clientType: "ue"
// })
// }, 2000);
} }
if (data.type === 'control' && (data.controlType === 'continue' && data?.messageTypeFalg === 'true')) { if (data.type === 'control' && (data.controlType === 'continue' && data?.messageTypeFalg === 'true')) {
jumpToSpecificTime(new Date(subtractSecondsAndFormat(alignTo56Seconds(tempDateTime.value).toISOString(), data.remainingTimeMs + 1)), false) jumpToSpecificTime(new Date(subtractSecondsAndFormat(alignTo56Seconds(tempDateTime.value).toISOString(), data.remainingTimeMs + 1)), false)
if (!hasPlayed.value) { if (!hasPlayed.value) {
//console.log("我是playForward--3"); //console.log("我是playForward--3");
...@@ -506,10 +502,12 @@ const wssMessageHandle = () => { ...@@ -506,10 +502,12 @@ const wssMessageHandle = () => {
// 日期时间状态 (精确到秒) // 日期时间状态 (精确到秒)
const now = dayjs().format('YYYY-MM-DD HH:mm:ss') const now = dayjs().format('YYYY-MM-DD HH:mm:ss')
const tomorrow = dayjs().add(1, 'day').format('YYYY-MM-DD HH:mm:ss') const tomorrow = dayjs().add(1, 'day').format('YYYY-MM-DD HH:mm:ss')
console.log('now', now, tomorrow) // console.log('now', now, tomorrow)
const startDateTime = ref(now); // const startDateTime = ref(now);
// const endDateTime = ref(tomorrow);
const startDateTime = ref("2025-11-08 23:59:56");
const endDateTime = ref("2025-11-09 23:59:56");
// console.log('startDateTime', startDateTime.value) // console.log('startDateTime', startDateTime.value)
const endDateTime = ref(tomorrow);
const dateRange = ref([]); const dateRange = ref([]);
// 滑块位置（百分比） // 滑块位置（百分比）
...@@ -528,7 +526,7 @@ const selectedStartTime = ref(new Date(startDateTime.value)); ...@@ -528,7 +526,7 @@ const selectedStartTime = ref(new Date(startDateTime.value));
const selectedEndTime = ref(new Date(startDateTime.value)); const selectedEndTime = ref(new Date(startDateTime.value));
// 自动播放相关状态 // 自动播放相关状态
const isPlaying = ref(true); const isPlaying = ref(false);
const playbackSpeed = ref(1); // 播放速度倍数 const playbackSpeed = ref(1); // 播放速度倍数
const playbackDirection = ref(1); // 1表示向前播放，-1表示向后播放 const playbackDirection = ref(1); // 1表示向前播放，-1表示向后播放
const playbackInterval = ref(null); const playbackInterval = ref(null);
...@@ -579,11 +577,6 @@ const pick_select_date_handFn = (val) => { ...@@ -579,11 +577,6 @@ const pick_select_date_handFn = (val) => {
const isChange_flag_select_date = ref(false); const isChange_flag_select_date = ref(false);
const taskCode_everyChange = ref(''); const taskCode_everyChange = ref('');
const toNumber = (value) => {
const num = Number(value);
return isNaN(num) ? 0 : num; // 如果转换失败则返回0
}
// 点击确认后，处理日期范围变化 // 点击确认后，处理日期范围变化
const handleDateRangeChange = async (val, flag = false) => { const handleDateRangeChange = async (val, flag = false) => {
//console.log("0000000.02222",val,typeof val,flag); //console.log("0000000.02222",val,typeof val,flag);
...@@ -677,11 +670,7 @@ const handleDateRangeChange = async (val, flag = false) => { ...@@ -677,11 +670,7 @@ const handleDateRangeChange = async (val, flag = false) => {
}))) })))
} }
wssMessageHandle() wssMessageHandle()
} else { } else {
ElMessage({ ElMessage({
...@@ -752,12 +741,12 @@ watch(() => wssResponeFlag_isSuccess.value, (newVal) => { ...@@ -752,12 +741,12 @@ watch(() => wssResponeFlag_isSuccess.value, (newVal) => {
const isDateRangeNotEmpty = ref(false); const isDateRangeNotEmpty = ref(false);
const autoUpdateDateRange = ref(null); const autoUpdateDateRange = ref(null);
autoUpdateDateRange.value = setInterval(() => { autoUpdateDateRange.value = setInterval(() => {
autoHandleDateRangeChange([new Date(new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString()), new Date(new Date(Date.now()).toISOString())]); // autoHandleDateRangeChange([new Date(new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString()), new Date(new Date(Date.now()).toISOString())]);
autoHandleDateRangeChange([startDateTime.value, endDateTime.value]);
}, 1000); }, 1000);
watch(() => isDateRangeNotEmpty.value, (newVal) => { watch(() => isDateRangeNotEmpty.value, (newVal) => {
//console.log("发生变化",newVal); console.log("发生变化", newVal);
if (newVal) { if (newVal) {
autoUpdateDateRange.value = setInterval(() => { autoUpdateDateRange.value = setInterval(() => {
// //console.log("开启循环",autoUpdateDateRange.value); // //console.log("开启循环",autoUpdateDateRange.value);
...@@ -811,7 +800,7 @@ const timeMarkers = computed(() => { ...@@ -811,7 +800,7 @@ const timeMarkers = computed(() => {
const firstPosition = 0; // 因为就是起点 const firstPosition = 0; // 因为就是起点
markers.push({ markers.push({
time: firstMarkerTime, time: firstMarkerTime,
label: dayjs(firstMarkerTime).add(1, 'day').format('YYYY-MM-DD HH:mm'), label: dayjs(firstMarkerTime).format('YYYY-MM-DD HH:mm'),
position: firstPosition, position: firstPosition,
isMajor: true, // 起始点视为主刻度 isMajor: true, // 起始点视为主刻度
showLabel: true showLabel: true
...@@ -829,7 +818,7 @@ const timeMarkers = computed(() => { ...@@ -829,7 +818,7 @@ const timeMarkers = computed(() => {
const position = ((current.getTime() - start.getTime()) / totalMs) * 100; const position = ((current.getTime() - start.getTime()) / totalMs) * 100;
markers.push({ markers.push({
time: new Date(current), time: new Date(current),
label: dayjs(current).add(1, 'day').format('YYYY-MM-DD HH:mm'), label: dayjs(current).format('YYYY-MM-DD HH:mm'),
position, position,
isMajor: true, // 每小时都是主刻度 isMajor: true, // 每小时都是主刻度
showLabel: true showLabel: true
...@@ -1240,13 +1229,13 @@ const changeSpeed = () => { ...@@ -1240,13 +1229,13 @@ const changeSpeed = () => {
const startDrag = (handle, e) => { const startDrag = (handle, e) => {
//console.log("开始拖动"); //console.log("开始拖动");
if (is_flag_isRealtime.value) { // if (is_flag_isRealtime.value) {
ElMessage({ // ElMessage({
type: 'warning', // type: 'warning',
message: '实时模式下无法进行拖拽', // message: '实时模式下无法进行拖拽',
}) // })
return // return
} // }
// is_flag_isRealtime.value = false; // is_flag_isRealtime.value = false;
isDateRangeNotEmpty.value = false; isDateRangeNotEmpty.value = false;
clearInterval(autoUpdateDateRange.value); clearInterval(autoUpdateDateRange.value);
...@@ -1255,7 +1244,7 @@ const startDrag = (handle, e) => { ...@@ -1255,7 +1244,7 @@ const startDrag = (handle, e) => {
currentDragHandle.value = handle; currentDragHandle.value = handle;
e.preventDefault(); e.preventDefault();
endDrag_opeartioning.value = false endDrag_opeartioning.value = false
//console.log("拖动开始",selectedEndTime.value); console.log("拖动开始", selectedEndTime.value);
// 手动拖动时停止自动播放 // 手动拖动时停止自动播放
// if (isPlaying.value) { // if (isPlaying.value) {
...@@ -1383,14 +1372,28 @@ const endDrag = () => { ...@@ -1383,14 +1372,28 @@ const endDrag = () => {
hasPlayed.value = false; hasPlayed.value = false;
if (window.ue5) { if (window.ue5) {
// console.log(window.ue5, "拖动结束", isDraged.value,is_flag_isRealtime.value);
if (isDraged.value) { if (isDraged.value) {
if (is_flag_isRealtime.value) {
//实时
wssOpenHandle({
isRealtime: true,
replayTime: formatDateTime(selectedEndTime.value),
// taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
isFastForward: false,
})
window.ue5("callBackTimeFn", String(JSON.stringify({
isRealtime: true,
replayTime: (formatDateTime(selectedEndTime.value)),
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
speed: playbackSpeed.value,
status: isPlaying.value ? "continue" : "stop",
})));
} else {
window.ue5("callBackTimeFn", String(JSON.stringify({ window.ue5("callBackTimeFn", String(JSON.stringify({
isRealtime: false, isRealtime: false,
replayTime: (formatDateTime(selectedEndTime.value)), replayTime: (formatDateTime(selectedEndTime.value)),
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value), taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
speed: playbackSpeed.value, speed: playbackSpeed.value,
status: isPlaying.value ? "continue" : "stop", status: isPlaying.value ? "continue" : "stop",
}))); })));
...@@ -1400,6 +1403,7 @@ const endDrag = () => { ...@@ -1400,6 +1403,7 @@ const endDrag = () => {
replayTime: formatDateTime(selectedEndTime.value), replayTime: formatDateTime(selectedEndTime.value),
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value), taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
}) })
}
...@@ -1517,9 +1521,18 @@ const handleSetTimeOutCycle = () => { ...@@ -1517,9 +1521,18 @@ const handleSetTimeOutCycle = () => {
// }); // });
const tempDateTime = ref(new Date(useAppStoreInstance.globalTimeLineEndSelectTime)) const tempDateTime = ref(new Date(useAppStoreInstance.globalTimeLineEndSelectTime))
onMounted(() => { onMounted(() => {
tempDateTime.value = "" timeInfoApi().then((res) => {
if (res && res.data) {
const { startTime, endTime } = res.data;
startDateTime.value = startTime;
endDateTime.value = endTime;
}
})
tempDateTime.value = ""
if (useAppStoreInstance.footerTimeHasedSelectTimeToSub) { if (useAppStoreInstance.footerTimeHasedSelectTimeToSub) {
console.log("初始化走上面");
tempDateTime.value = useAppStoreInstance.globalTimeLineEndSelectTime tempDateTime.value = useAppStoreInstance.globalTimeLineEndSelectTime
subSysToMainSysFirstDataBack.value = false; subSysToMainSysFirstDataBack.value = false;
...@@ -1538,13 +1551,9 @@ onMounted(() => { ...@@ -1538,13 +1551,9 @@ onMounted(() => {
}) })
} }
} else { } else {
updateTimeline(); updateTimeline();
console.log("初始化走下面");
if (window.ue5) { if (window.ue5) {
window.ue5("callBackTimeFn", String(JSON.stringify({ window.ue5("callBackTimeFn", String(JSON.stringify({
...@@ -1556,10 +1565,6 @@ onMounted(() => { ...@@ -1556,10 +1565,6 @@ onMounted(() => {
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value), taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
speed: playbackSpeed.value, speed: playbackSpeed.value,
status: isPlaying.value ? "continue" : "stop", status: isPlaying.value ? "continue" : "stop",
// speed: playbackSpeed.value,
// // startTime: formatDateTime(pick_select_date.value[0]),
// // endTime: formatDateTime(pick_select_date.value[1]),
// // taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
}))) })))
// wssOpenHandle({ // wssOpenHandle({
// isRealtime: is_flag_isRealtime.value? true: false, // isRealtime: is_flag_isRealtime.value? true: false,
...@@ -1569,7 +1574,7 @@ onMounted(() => { ...@@ -1569,7 +1574,7 @@ onMounted(() => {
useAppStoreInstance.setGlobalisFromTosub(false) useAppStoreInstance.setGlobalisFromTosub(false)
console.log('isPlaying', isPlaying.value) console.log('isPlaying', isPlaying.value)
if (isPlaying.value) { if (!isPlaying.value) {
if (window.ue5) { if (window.ue5) {
// startAutoPlay() // startAutoPlay()
// taskCode_everyChange.value = String(Date.now()); // taskCode_everyChange.value = String(Date.now());
...@@ -1590,7 +1595,7 @@ onMounted(() => { ...@@ -1590,7 +1595,7 @@ onMounted(() => {
// 定义定时器引用 // 定义定时器引用
const realTimeData = () => { const realTimeData = () => {
startAutoPlay() // startAutoPlay()
taskCode_everyChange.value = String(Date.now()); taskCode_everyChange.value = String(Date.now());
useAppStoreInstance.setglobalSubsystemTaskCode(taskCode_everyChange.value); useAppStoreInstance.setglobalSubsystemTaskCode(taskCode_everyChange.value);
useAppStoreInstance.setGlobalRecordMainSysTaskCode(taskCode_everyChange.value) useAppStoreInstance.setGlobalRecordMainSysTaskCode(taskCode_everyChange.value)
...@@ -1635,13 +1640,6 @@ watch( ...@@ -1635,13 +1640,6 @@ watch(
() => selectedEndTime.value, () => selectedEndTime.value,
(val) => { (val) => {
// //console.log("每隔111111111122222-----bianhua"); // //console.log("每隔111111111122222-----bianhua");
// 检查是否满足条件
if (isChange_flag_firstBackDate.value) {
// preTimeWindowEnd.value = new Date((new Date(new Date(selectedStartTime.value))).setSeconds(56+60)).toISOString();
// //console.log("我走了",compareTime(formatDateTime(selectedEndTime.value), preTimeWindowEnd.value),formatDateTime(selectedEndTime.value),preTimeWindowEnd.value,300%7.8947 ===0.0014);
if (window.ue5) { if (window.ue5) {
// console.log("每隔1秒，callBackCycleTimePointFn",(formatDateTimeOne(selectedEndTime.value))); // console.log("每隔1秒，callBackCycleTimePointFn",(formatDateTimeOne(selectedEndTime.value)));
window.ue5("callBackCycleTimePointFn", String(JSON.stringify({ window.ue5("callBackCycleTimePointFn", String(JSON.stringify({
...@@ -1650,6 +1648,12 @@ watch( ...@@ -1650,6 +1648,12 @@ watch(
}))); })));
endDrag_opeartioning.value = false; endDrag_opeartioning.value = false;
} }
// 检查是否满足条件
if (isChange_flag_firstBackDate.value) {
// preTimeWindowEnd.value = new Date((new Date(new Date(selectedStartTime.value))).setSeconds(56+60)).toISOString();
// //console.log("我走了",compareTime(formatDateTime(selectedEndTime.value), preTimeWindowEnd.value),formatDateTime(selectedEndTime.value),preTimeWindowEnd.value,300%7.8947 ===0.0014);
// 间隔5分钟即300秒，发送时轴de 当前时间给ue // 间隔5分钟即300秒，发送时轴de 当前时间给ue
const adjustedStep = Math.ceil(300 / playbackSpeed.value); const adjustedStep = Math.ceil(300 / playbackSpeed.value);
if (jiangerTime.value % adjustedStep === 0) { if (jiangerTime.value % adjustedStep === 0) {
......
src/pages/header/component/screenConfigeDialog.vue
浏览文件 @ da6185af
<template> <template>
<div class="dashboard-container"> <div class="dashboard-container">
<!-- 顶部导航栏 --> <!-- 顶部导航栏 -->
<header class="dashboard-header"> <header class="dashboard-header">
...@@ -633,12 +632,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => { ...@@ -633,12 +632,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => {
z-index: 1001; z-index: 1001;
overflow: hidden; overflow: hidden;
} }
/* 头部样式 */ /* 头部样式 */
...@@ -781,7 +774,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => { ...@@ -781,7 +774,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => {
border-radius: 8px; border-radius: 8px;
padding: 5px 15px; padding: 5px 15px;
} }
.equipment-content { .equipment-content {
height: 600px; height: 600px;
} }
......
src/pages/lefts/index.vue
浏览文件 @ da6185af
...@@ -143,8 +143,6 @@ ...@@ -143,8 +143,6 @@
<el-table-column prop="name" label="卫星名称":width="pxScale(80)" align="center"></el-table-column> <el-table-column prop="name" label="卫星名称":width="pxScale(80)" align="center"></el-table-column>
<el-table-column prop="station" label="当前连接" :width="pxScale(80)" align="center"> <el-table-column prop="station" label="当前连接" :width="pxScale(80)" align="center">
<template #default="scope"> <template #default="scope">
<!-- {{typeof scope.row.station }} -->
<div v-if="scope.row.station.length !== 0"> <div v-if="scope.row.station.length !== 0">
<div v-for="(items, index) in scope.row.station" :key="index"> <div v-for="(items, index) in scope.row.station" :key="index">
<div <div
...@@ -750,20 +748,16 @@ const leftGetAllListInfo = () => { ...@@ -750,20 +748,16 @@ const leftGetAllListInfo = () => {
}); });
}); });
satelliteData.value = primitiveSatelliteData.value satelliteData.value = primitiveSatelliteData.value
// //console.log("4545",primitiveSatelliteData.value ,primitiveSatelliteData.value.length);
}) })
siteDataInfoListApi().then(res => { siteDataInfoListApi().then(res => {
// //console.log(res,"sasa1111111sasa"); // //console.log(res,"sasa1111111sasa");
equipmentData.value = transformgroudSatelliteData(res.data) equipmentData.value = transformgroudSatelliteData(res.data)
primitiveEquipmentData.value = equipmentData.value primitiveEquipmentData.value = equipmentData.value
// groundSatelliteData.value = primitiveGroundSatelliteData.value
}) })
groundSystemStatisticsInfoApi().then(res => { groundSystemStatisticsInfoApi().then(res => {
//console.log(res.data, "s************a"); //console.log(res.data, "s************a");
groundMetrics.value = transformGroundSatelliteData(res.data) groundMetrics.value = transformGroundSatelliteData(res.data)
// //console.log(groundMetrics.value,"56555555555555")
}) })
}; };
...@@ -834,7 +828,7 @@ const errorDeviceListDetailsDialog = ref([]) ...@@ -834,7 +828,7 @@ const errorDeviceListDetailsDialog = ref([])
const tempCount = ref(0) const tempCount = ref(0)
watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => { watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
// console.log("useAppStoreInstance.globalLeftWssCONTINE 60一次推过来", val); console.log("useAppStoreInstance.globalLeftWssCONTINE 60一次推过来", val);
const JSONdata = val const JSONdata = val
// console.log("useAppStoreInstance.globalLeftWssCONTINE", JSONdata,(JSONdata.type === 'history' && !(JSONdata?.isLagrangeInterpolation === true) ),JSONdata.type === 'realtime'); // console.log("useAppStoreInstance.globalLeftWssCONTINE", JSONdata,(JSONdata.type === 'history' && !(JSONdata?.isLagrangeInterpolation === true) ),JSONdata.type === 'realtime');
if (JSONdata.type === 'history') { if (JSONdata.type === 'history') {
...@@ -913,7 +907,6 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => { ...@@ -913,7 +907,6 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
sensitivity: 'base' // 忽略大小写和重音符号 sensitivity: 'base' // 忽略大小写和重音符号
}); });
}); });
//console.log("cao cao2,", primitiveSatelliteData.value,);
satelliteData.value = primitiveSatelliteData.value satelliteData.value = primitiveSatelliteData.value
primitiveEquipmentData.value = equipmentData.value primitiveEquipmentData.value = equipmentData.value
...@@ -921,27 +914,27 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => { ...@@ -921,27 +914,27 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
// 地面数据，上层数据 // 地面数据，上层数据
// groundMetrics.value = wssTransformGroundSatelliteData(JSONdata.groundSystem) groundMetrics.value = wssTransformGroundSatelliteData(JSONdata.groundSystem)
// 地面数据，下层数据 // 地面数据，下层数据
// primitiveFaultData.value = [] primitiveFaultData.value = []
// primitiveFaultData.value = wssTransformgroudSatelliteData(JSONdata.deviceFaultCondition) primitiveFaultData.value = wssTransformgroudSatelliteData(JSONdata.deviceFaultCondition)
// faultData.value = primitiveFaultData.value faultData.value = primitiveFaultData.value
// //console.log("此时的fault", primitiveFaultData.value); //console.log("此时的fault", primitiveFaultData.value);
// if (searchEquipmentValue.value !== '') { if (searchEquipmentValue.value !== '') {
// searchEquipmentList() searchEquipmentList()
// } }
// primitiveEquipmentData.value = [] primitiveEquipmentData.value = []
// primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount) primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
// //console.log("此时的equipment", primitiveEquipmentData.value); //console.log("此时的equipment", primitiveEquipmentData.value);
// equipmentData.value = primitiveEquipmentData.value equipmentData.value = primitiveEquipmentData.value
// if (searchEquipmentValue.value !== '') { if (searchEquipmentValue.value !== '') {
// searchEquipmentList() searchEquipmentList()
// } }
} }
tempCount.value++ tempCount.value++
...@@ -974,7 +967,7 @@ onUnmounted(() => { ...@@ -974,7 +967,7 @@ onUnmounted(() => {
gap: 20px; gap: 20px;
overflow-y: auto; overflow-y: auto;
background-color: #010102; background-color: #010102;
/* background-color: rgba(0, 0, 0, 0.2); */
} }
/* 顶部容器 */ /* 顶部容器 */
...@@ -1505,7 +1498,7 @@ onUnmounted(() => { ...@@ -1505,7 +1498,7 @@ onUnmounted(() => {
transform-origin: top left; transform-origin: top left;
} */ } */
:deep(.i-table-wrapper .el-table__header-wrapper .el-table__header) {} /* :deep(.i-table-wrapper .el-table__header-wrapper .el-table__header) {} */
.margin-top-section { .margin-top-section {
margin-top: 20px; margin-top: 20px;
......
src/pages/lefts2/component/cruve.vue
浏览文件 @ da6185af
...@@ -37,10 +37,10 @@ const props = defineProps({ ...@@ -37,10 +37,10 @@ const props = defineProps({
watch(() => props.propsDate, (newVal, oldVal) => { watch(() => props.propsDate, (newVal, oldVal) => {
if (newVal?.isFirstSearch) { if (newVal?.isFirstSearch) {
if (newVal.dataX.length === 0 || newVal.dataY.length === 0) { if (newVal.dataX.length === 0 || newVal.dataY.length === 0) {
ElMessage({ // ElMessage({
message: `${props.propsDate.chartName || 'CDF Curve'}该时间段数据为空，请检查数据`, // message: `${props.propsDate.chartName || 'CDF Curve'}该时间段数据为空，请检查数据`,
type: 'warning' // type: 'warning'
}) // })
return; return;
} }
changeCharte(props.idName, props.propsDate); changeCharte(props.idName, props.propsDate);
......
src/store/module/app.js
浏览文件 @ da6185af
...@@ -35,7 +35,7 @@ const useAppStore = defineStore("app", { ...@@ -35,7 +35,7 @@ const useAppStore = defineStore("app", {
islegendShow: true, islegendShow: true,
isSourceLegendShow: true, isSourceLegendShow: true,
isdataPanelShow: true, isdataPanelShow: true,
issatelliteOrbitShow: true, issatelliteOrbitShow: false,
issatelliteBeamShow: true, issatelliteBeamShow: true,
iscontrolPanelShow: true, iscontrolPanelShow: true,
......
src/style.css
浏览文件 @ da6185af
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
line-height: 1.5; line-height: 1.5;
font-weight: 400; font-weight: 400;
color-scheme: light dark; /* color-scheme: light dark; */
color: rgba(255, 255, 255, 0.87); /* color: rgba(255, 255, 255, 0.87); */
background-color: #242424; /* background-color: #242424; */
background-color: transparent !important;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
...@@ -18,6 +18,7 @@ a { ...@@ -18,6 +18,7 @@ a {
color: #646cff; color: #646cff;
text-decoration: inherit; text-decoration: inherit;
} }
a:hover { a:hover {
color: #535bf2; color: #535bf2;
} }
...@@ -46,9 +47,11 @@ button { ...@@ -46,9 +47,11 @@ button {
cursor: pointer; cursor: pointer;
transition: border-color 0.25s; transition: border-color 0.25s;
} }
button:hover { button:hover {
border-color: #646cff; border-color: #646cff;
} }
button:focus, button:focus,
button:focus-visible { button:focus-visible {
outline: 4px auto -webkit-focus-ring-color; outline: 4px auto -webkit-focus-ring-color;
...@@ -61,7 +64,7 @@ button:focus-visible { ...@@ -61,7 +64,7 @@ button:focus-visible {
#app { #app {
/* width: 100%; */ /* width: 100%; */
/* max-width: 1280px; */ /* max-width: 1280px; */
margin: 0 ; margin: 0;
padding: 0; padding: 0;
/* text-align: center; */ /* text-align: center; */
} }
...@@ -71,9 +74,11 @@ button:focus-visible { ...@@ -71,9 +74,11 @@ button:focus-visible {
color: #213547; color: #213547;
background-color: #ffffff; background-color: #ffffff;
} }
a:hover { a:hover {
color: #747bff; color: #747bff;
} }
button { button {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论