Skip to content

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

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

上级 979b21eb
隐藏空白字符变更
内嵌 并排
正在显示 包含 265 行增加 和 181 行删除
.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,72 +8,71 @@
-->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link
rel="stylesheet"
href="https://unpkg.com/element-plus/dist/index.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UE大屏项目</title>
<script>
("object" != typeof ue || "object" != typeof ue.interface
? ("object" != typeof ue && (ue = {}),
(ue.interface = {}),
(ue.interface.broadcast = function (e, t) {
if ("string" == typeof e) {
var o = [e, ""];
void 0 !== t && (o[1] = t);
var n = encodeURIComponent(JSON.stringify(o));
"object" == typeof history &&
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>UE大屏项目</title>
<script>
("object" != typeof ue || "object" != typeof ue.interface
? ("object" != typeof ue && (ue = {}),
(ue.interface = {}),
(ue.interface.broadcast = function (e, t) {
if ("string" == typeof e) {
var o = [e, ""];
void 0 !== t && (o[1] = t);
var n = encodeURIComponent(JSON.stringify(o));
"object" == typeof history &&
"function" == typeof history.pushState
? (history.pushState({}, "", "#" + n),
history.pushState({}, "", "#" + encodeURIComponent("[]")))
: ((document.location.hash = n),
(document.location.hash = encodeURIComponent("[]")));
}
}))
: (function (e) {
((ue.interface = {}),
(ue.interface.broadcast = function (t, o) {
"string" == typeof t &&
(void 0 !== o
? e.broadcast(t, JSON.stringify(o))
: e.broadcast(t, ""));
}));
})(ue.interface),
(window.ue5 = ue.interface.broadcast));
</script>
<!-- <script>
? (history.pushState({}, "", "#" + n),
history.pushState({}, "", "#" + encodeURIComponent("[]")))
: ((document.location.hash = n),
(document.location.hash = encodeURIComponent("[]")));
}
}))
: (function (e) {
((ue.interface = {}),
(ue.interface.broadcast = function (t, o) {
"string" == typeof t &&
(void 0 !== o
? e.broadcast(t, JSON.stringify(o))
: e.broadcast(t, ""));
}));
})(ue.interface),
(window.ue5 = ue.interface.broadcast));
</script>
<!-- <script>
ue.interface.receiveLoginInfo = function (data) {
window.receiveLoginInfo(data);
};
</script> -->
</head>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
<style>
body,
#app {
/* background-color: transparent !important; */
}
</style>
<script>
function setRem() {
const baseSize = 16; // 基准
const designWidth = 1920; // 设计稿宽度（你项目很可能是1920大屏）
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
<style>
body,
#app {
/* background-color: #000000 !important; */
}
</style>
<script>
function setRem() {
const baseSize = 16; // 基准
const designWidth = 1920; // 设计稿宽度（你项目很可能是1920大屏）
const scale = document.documentElement.clientWidth / designWidth;
document.documentElement.style.fontSize = baseSize * scale + "px";
document.documentElement.style.setProperty("--scale", scale);
window._myscale = scale
}
const scale = document.documentElement.clientWidth / designWidth;
document.documentElement.style.fontSize = baseSize * scale + "px";
document.documentElement.style.setProperty("--scale", scale);
window._myscale = scale
}
setRem();
window.addEventListener("resize", setRem);
</script>
</html>
setRem();
window.addEventListener("resize", setRem);
</script>
</html>
\ No newline at end of file
src/api/Zodiac.js
浏览文件 @ da6185af
......@@ -16,6 +16,13 @@ export function stellationInfoApi() {
method: "get",
});
}
//时间
export function timeInfoApi() {
return request({
url: "/time/time",
method: "get",
});
}
// 左侧菜单-卫星列表信息
export function stellateListInfoApi() {
return request({
......
src/pages/footer/component/timers.vue
浏览文件 @ da6185af
......@@ -106,6 +106,7 @@ import { ref, onMounted, onUnmounted, computed, watch, nextTick, watchEffect } f
import wss from '@/utils/requestSocekt.js'
import useAppStore from '@/store/module/app'
import dayjs from 'dayjs';
import { timeInfoApi } from '../../../api/Zodiac.js';
const wssInstance = ref(wss)
// import { loading } from 'vxe-pc-ui';
......@@ -223,25 +224,28 @@ const jumpToSpecificTime = (targetTime, PerformDrag = false) => {
const wssOpenHandle = (data) => {
//console.log('主星级wssOpenHandle', (wssInstance.value),(wssInstance.value).readyState, WebSocket.OPEN);
console.log("发送数据",(wssInstance.value).readyState);
if ((wssInstance.value).readyState === WebSocket.OPEN) {
// 如果连接已打开，直接发送数据
(wssInstance.value).send(JSON.stringify(data));
wssMessageHandle();
console.warn('WebSocket 已连接，无法发送数据:', data);
} else if ((wssInstance.value).readyState === WebSocket.CLOSED) {
console.warn('WebSocket 已关闭，无法发送数据:', data);
(wssInstance.value) = new WebSocket((wssInstance.value).url);
(wssInstance.value).onopen = () => {
(wssInstance.value).send(JSON.stringify(data));
};
console.log("发送数据1111");
wssMessageHandle();
} else {
// 否则等待连接打开后再发送
(wssInstance.value).onopen = () => {
(wssInstance.value).send(JSON.stringify(data));
};
wssMessageHandle();
}
startAutoPlay();
};
const wssResponeFlag_isSuccess = ref(true);
const loading = ref('');
......@@ -304,29 +308,21 @@ const subSysToMainSysFirstDataBack = ref(true);
const wssMessageHandle = () => {
// let WwflagToNext = 0
(wssInstance.value).onmessage = (event) => {
// console.log('wssMessageHandle', event.data);
const data = JSON.parse(event.data);
console.log('data', data)
if(data.type === "realtime"){
playForward();
}
// 只有history和实时模式数据，回复已收到数据的确认。要修改以下代码
if ((data.type === 'history' && !(data?.isLagrangeInterpolation === true))) {
wssOpenHandle({
type: "confirm",
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
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')) {
jumpToSpecificTime(new Date(subtractSecondsAndFormat(alignTo56Seconds(tempDateTime.value).toISOString(), data.remainingTimeMs + 1)), false)
if (!hasPlayed.value) {
//console.log("我是playForward--3");
......@@ -506,10 +502,12 @@ const wssMessageHandle = () => {
// 日期时间状态 (精确到秒)
const now = dayjs().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)
const startDateTime = ref(now);
// console.log('now', now, tomorrow)
// 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)
const endDateTime = ref(tomorrow);
const dateRange = ref([]);
// 滑块位置（百分比）
......@@ -528,7 +526,7 @@ const selectedStartTime = 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 playbackDirection = ref(1); // 1表示向前播放，-1表示向后播放
const playbackInterval = ref(null);
......@@ -579,11 +577,6 @@ const pick_select_date_handFn = (val) => {
const isChange_flag_select_date = ref(false);
const taskCode_everyChange = ref('');
const toNumber = (value) => {
const num = Number(value);
return isNaN(num) ? 0 : num; // 如果转换失败则返回0
}
// 点击确认后，处理日期范围变化
const handleDateRangeChange = async (val, flag = false) => {
//console.log("0000000.02222",val,typeof val,flag);
......@@ -677,11 +670,7 @@ const handleDateRangeChange = async (val, flag = false) => {
})))
}
wssMessageHandle()
} else {
ElMessage({
......@@ -752,12 +741,12 @@ watch(() => wssResponeFlag_isSuccess.value, (newVal) => {
const isDateRangeNotEmpty = ref(false);
const autoUpdateDateRange = ref(null);
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);
watch(() => isDateRangeNotEmpty.value, (newVal) => {
//console.log("发生变化",newVal);
console.log("发生变化", newVal);
if (newVal) {
autoUpdateDateRange.value = setInterval(() => {
// //console.log("开启循环",autoUpdateDateRange.value);
......@@ -811,7 +800,7 @@ const timeMarkers = computed(() => {
const firstPosition = 0; // 因为就是起点
markers.push({
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,
isMajor: true, // 起始点视为主刻度
showLabel: true
......@@ -829,7 +818,7 @@ const timeMarkers = computed(() => {
const position = ((current.getTime() - start.getTime()) / totalMs) * 100;
markers.push({
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,
isMajor: true, // 每小时都是主刻度
showLabel: true
......@@ -1240,13 +1229,13 @@ const changeSpeed = () => {
const startDrag = (handle, e) => {
//console.log("开始拖动");
if (is_flag_isRealtime.value) {
ElMessage({
type: 'warning',
message: '实时模式下无法进行拖拽',
})
return
}
// if (is_flag_isRealtime.value) {
// ElMessage({
// type: 'warning',
// message: '实时模式下无法进行拖拽',
// })
// return
// }
// is_flag_isRealtime.value = false;
isDateRangeNotEmpty.value = false;
clearInterval(autoUpdateDateRange.value);
......@@ -1255,7 +1244,7 @@ const startDrag = (handle, e) => {
currentDragHandle.value = handle;
e.preventDefault();
endDrag_opeartioning.value = false
//console.log("拖动开始",selectedEndTime.value);
console.log("拖动开始", selectedEndTime.value);
// 手动拖动时停止自动播放
// if (isPlaying.value) {
......@@ -1383,23 +1372,38 @@ const endDrag = () => {
hasPlayed.value = false;
if (window.ue5) {
// console.log(window.ue5, "拖动结束", isDraged.value,is_flag_isRealtime.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({
isRealtime: false,
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",
})));
window.ue5("callBackTimeFn", String(JSON.stringify({
isRealtime: false,
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",
})));
wssOpenHandle({
isRealtime: false,
replayTime: formatDateTime(selectedEndTime.value),
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
})
wssOpenHandle({
isRealtime: false,
replayTime: formatDateTime(selectedEndTime.value),
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
})
}
......@@ -1517,9 +1521,18 @@ const handleSetTimeOutCycle = () => {
// });
const tempDateTime = ref(new Date(useAppStoreInstance.globalTimeLineEndSelectTime))
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) {
console.log("初始化走上面");
tempDateTime.value = useAppStoreInstance.globalTimeLineEndSelectTime
subSysToMainSysFirstDataBack.value = false;
......@@ -1538,13 +1551,9 @@ onMounted(() => {
})
}
} else {
updateTimeline();
console.log("初始化走下面");
if (window.ue5) {
window.ue5("callBackTimeFn", String(JSON.stringify({
......@@ -1556,10 +1565,6 @@ onMounted(() => {
taskCode: String(taskCode_everyChange.value) === "" ? useAppStoreInstance.globalRecordMainSysTaskCode || (useAppStoreInstance.globalSubsystemTaskCode) : String(taskCode_everyChange.value),
speed: playbackSpeed.value,
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({
// isRealtime: is_flag_isRealtime.value? true: false,
......@@ -1569,7 +1574,7 @@ onMounted(() => {
useAppStoreInstance.setGlobalisFromTosub(false)
console.log('isPlaying', isPlaying.value)
if (isPlaying.value) {
if (!isPlaying.value) {
if (window.ue5) {
// startAutoPlay()
// taskCode_everyChange.value = String(Date.now());
......@@ -1590,7 +1595,7 @@ onMounted(() => {
// 定义定时器引用
const realTimeData = () => {
startAutoPlay()
// startAutoPlay()
taskCode_everyChange.value = String(Date.now());
useAppStoreInstance.setglobalSubsystemTaskCode(taskCode_everyChange.value);
useAppStoreInstance.setGlobalRecordMainSysTaskCode(taskCode_everyChange.value)
......@@ -1635,21 +1640,20 @@ watch(
() => selectedEndTime.value,
(val) => {
// //console.log("每隔111111111122222-----bianhua");
if (window.ue5) {
// console.log("每隔1秒，callBackCycleTimePointFn",(formatDateTimeOne(selectedEndTime.value)));
window.ue5("callBackCycleTimePointFn", String(JSON.stringify({
// currentTime: trackCycleTimePoint(formatDateTime(selectedEndTime.value)),
currentTime: (formatDateTimeOne(selectedEndTime.value)),
})));
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);
if (window.ue5) {
// console.log("每隔1秒，callBackCycleTimePointFn",(formatDateTimeOne(selectedEndTime.value)));
window.ue5("callBackCycleTimePointFn", String(JSON.stringify({
// currentTime: trackCycleTimePoint(formatDateTime(selectedEndTime.value)),
currentTime: (formatDateTimeOne(selectedEndTime.value)),
})));
endDrag_opeartioning.value = false;
}
// 间隔5分钟即300秒，发送时轴de 当前时间给ue
const adjustedStep = Math.ceil(300 / playbackSpeed.value);
if (jiangerTime.value % adjustedStep === 0) {
......
src/pages/header/component/screenConfigeDialog.vue
浏览文件 @ da6185af
<template>
<div class="dashboard-container">
<!-- 顶部导航栏 -->
<header class="dashboard-header">
......@@ -633,12 +632,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => {
z-index: 1001;
overflow: hidden;
}
/* 头部样式 */
......@@ -781,7 +774,6 @@ const calculateConfig = (selectedTemplate = currentSettingConfig.value) => {
border-radius: 8px;
padding: 5px 15px;
}
.equipment-content {
height: 600px;
}
......
src/pages/lefts/index.vue
浏览文件 @ da6185af
......@@ -143,8 +143,6 @@
<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">
<template #default="scope">
<!-- {{typeof scope.row.station }} -->
<div v-if="scope.row.station.length !== 0">
<div v-for="(items, index) in scope.row.station" :key="index">
<div
......@@ -750,20 +748,16 @@ const leftGetAllListInfo = () => {
});
});
satelliteData.value = primitiveSatelliteData.value
// //console.log("4545",primitiveSatelliteData.value ,primitiveSatelliteData.value.length);
})
siteDataInfoListApi().then(res => {
// //console.log(res,"sasa1111111sasa");
equipmentData.value = transformgroudSatelliteData(res.data)
primitiveEquipmentData.value = equipmentData.value
// groundSatelliteData.value = primitiveGroundSatelliteData.value
})
groundSystemStatisticsInfoApi().then(res => {
//console.log(res.data, "s************a");
groundMetrics.value = transformGroundSatelliteData(res.data)
// //console.log(groundMetrics.value,"56555555555555")
})
};
......@@ -834,7 +828,7 @@ const errorDeviceListDetailsDialog = ref([])
const tempCount = ref(0)
watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
// console.log("useAppStoreInstance.globalLeftWssCONTINE 60一次推过来", val);
console.log("useAppStoreInstance.globalLeftWssCONTINE 60一次推过来", val);
const JSONdata = val
// console.log("useAppStoreInstance.globalLeftWssCONTINE", JSONdata,(JSONdata.type === 'history' && !(JSONdata?.isLagrangeInterpolation === true) ),JSONdata.type === 'realtime');
if (JSONdata.type === 'history') {
......@@ -913,7 +907,6 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
sensitivity: 'base' // 忽略大小写和重音符号
});
});
//console.log("cao cao2,", primitiveSatelliteData.value,);
satelliteData.value = primitiveSatelliteData.value
primitiveEquipmentData.value = equipmentData.value
......@@ -921,27 +914,27 @@ watch(() => useAppStoreInstance.globalLeftWssCONTINE, val => {
// 地面数据，上层数据
// groundMetrics.value = wssTransformGroundSatelliteData(JSONdata.groundSystem)
groundMetrics.value = wssTransformGroundSatelliteData(JSONdata.groundSystem)
// 地面数据，下层数据
// primitiveFaultData.value = []
// primitiveFaultData.value = wssTransformgroudSatelliteData(JSONdata.deviceFaultCondition)
// faultData.value = primitiveFaultData.value
// //console.log("此时的fault", primitiveFaultData.value);
// if (searchEquipmentValue.value !== '') {
// searchEquipmentList()
// }
primitiveFaultData.value = []
primitiveFaultData.value = wssTransformgroudSatelliteData(JSONdata.deviceFaultCondition)
faultData.value = primitiveFaultData.value
//console.log("此时的fault", primitiveFaultData.value);
if (searchEquipmentValue.value !== '') {
searchEquipmentList()
}
// primitiveEquipmentData.value = []
// primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
// //console.log("此时的equipment", primitiveEquipmentData.value);
primitiveEquipmentData.value = []
primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
//console.log("此时的equipment", primitiveEquipmentData.value);
// equipmentData.value = primitiveEquipmentData.value
// if (searchEquipmentValue.value !== '') {
// searchEquipmentList()
// }
equipmentData.value = primitiveEquipmentData.value
if (searchEquipmentValue.value !== '') {
searchEquipmentList()
}
}
tempCount.value++
......@@ -974,7 +967,7 @@ onUnmounted(() => {
gap: 20px;
overflow-y: auto;
background-color: #010102;
/* background-color: rgba(0, 0, 0, 0.2); */
}
/* 顶部容器 */
......@@ -1505,7 +1498,7 @@ onUnmounted(() => {
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: 20px;
......
src/pages/lefts2/component/cruve.vue
浏览文件 @ da6185af
......@@ -37,10 +37,10 @@ const props = defineProps({
watch(() => props.propsDate, (newVal, oldVal) => {
if (newVal?.isFirstSearch) {
if (newVal.dataX.length === 0 || newVal.dataY.length === 0) {
ElMessage({
message: `${props.propsDate.chartName || 'CDF Curve'}该时间段数据为空，请检查数据`,
type: 'warning'
})
// ElMessage({
// message: `${props.propsDate.chartName || 'CDF Curve'}该时间段数据为空，请检查数据`,
// type: 'warning'
// })
return;
}
changeCharte(props.idName, props.propsDate);
......
src/store/module/app.js
浏览文件 @ da6185af
......@@ -35,7 +35,7 @@ const useAppStore = defineStore("app", {
islegendShow: true,
isSourceLegendShow: true,
isdataPanelShow: true,
issatelliteOrbitShow: true,
issatelliteOrbitShow: false,
issatelliteBeamShow: true,
iscontrolPanelShow: true,
......
src/style.css
浏览文件 @ da6185af
......@@ -3,10 +3,10 @@
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
/* color-scheme: light dark; */
/* color: rgba(255, 255, 255, 0.87); */
/* background-color: #242424; */
background-color: transparent !important;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
......@@ -18,6 +18,7 @@ a {
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}
......@@ -46,9 +47,11 @@ button {
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
......@@ -61,7 +64,7 @@ button:focus-visible {
#app {
/* width: 100%; */
/* max-width: 1280px; */
margin: 0 ;
margin: 0;
padding: 0;
/* text-align: center; */
}
......@@ -71,10 +74,12 @@ button:focus-visible {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}
}
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论