Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
S
SatelliteDigital
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
nijiawen
SatelliteDigital
Commits
542613e6
提交
542613e6
authored
1月 15, 2026
作者:
周文艺
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2026/1/15
上级
83ca81d5
全部展开
隐藏空白字符变更
内嵌
并排
正在显示
13 个修改的文件
包含
231 行增加
和
113 行删除
+231
-113
index.js
src/pages/all/components/loadingComponent/index.js
+57
-54
index.vue
src/pages/all/index.vue
+25
-10
timers.vue
src/pages/footer/component/timers.vue
+0
-0
timers.vue
src/pages/footer2/timers.vue
+0
-0
screenConfigCase.vue
src/pages/header/component/screenConfigCase.vue
+2
-2
screenConfigeDialog.vue
src/pages/header/component/screenConfigeDialog.vue
+9
-4
index.vue
src/pages/header/index.vue
+10
-7
index.vue
src/pages/lefts/index.vue
+104
-17
cruve.vue
src/pages/lefts2/component/cruve.vue
+14
-13
index.vue
src/pages/lefts2/index.vue
+0
-0
index.vue
src/pages/rights2/index.vue
+1
-1
app.js
src/store/module/app.js
+5
-1
subSystemRequestSocket.js
src/utils/subSystemRequestSocket.js
+4
-4
没有找到文件。
src/pages/all/components/loadingComponent/index.js
浏览文件 @
542613e6
/*
* @Author: zwy 1518051043@qq.com
* @Date: 2026-01-04 09:13:55
* @LastEditors: zwy 1518051043@qq.com
* @LastEditTime: 2026-01-15 01:21:36
* @FilePath: \yuanxinPro\src\pages\all\components\loadingComponent\index.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
const
Loading
=
(
function
()
{
const
Loading
=
(
function
()
{
let
loadingCount
=
0
;
let
loadingInstance
=
null
;
let
loadingInstance
=
null
;
let
styleInstance
=
null
;
let
styleInstance
=
null
;
...
@@ -13,64 +20,61 @@ const Loading = (function() {
...
@@ -13,64 +20,61 @@ const Loading = (function() {
spinnerSize
=
'40px'
spinnerSize
=
'40px'
}
=
options
;
}
=
options
;
if
(
loadingCount
===
0
)
{
// 如果已经存在,直接复用(避免重复创建)
// Create loading element if it doesn't exist
if
(
loadingInstance
)
return
;
loadingInstance
=
document
.
createElement
(
'div'
);
loadingInstance
.
className
=
'custom-loading'
;
loadingInstance
.
style
.
position
=
'fixed'
;
loadingInstance
.
style
.
top
=
'0'
;
loadingInstance
.
style
.
left
=
'0'
;
loadingInstance
.
style
.
width
=
'100%'
;
loadingInstance
.
style
.
height
=
'100%'
;
loadingInstance
.
style
.
backgroundColor
=
background
;
loadingInstance
.
style
.
display
=
'flex'
;
loadingInstance
.
style
.
justifyContent
=
'center'
;
loadingInstance
.
style
.
alignItems
=
'center'
;
loadingInstance
.
style
.
zIndex
=
zIndex
;
loadingInstance
.
style
.
flexDirection
=
'column'
;
// Create spinner element
loadingInstance
=
document
.
createElement
(
'div'
);
const
spinnerEl
=
document
.
createElement
(
'div'
);
loadingInstance
.
className
=
'custom-loading'
;
spinnerEl
.
className
=
'custom-loading-spinner'
;
Object
.
assign
(
loadingInstance
.
style
,
{
spinnerEl
.
style
.
border
=
`4px solid rgba(0, 0, 0, 0.3)`
;
position
:
'fixed'
,
spinnerEl
.
style
.
borderRadius
=
'50%'
;
top
:
'0'
,
spinnerEl
.
style
.
borderTop
=
`4px solid
${
spinnerColor
}
`
;
left
:
'0'
,
spinnerEl
.
style
.
width
=
spinnerSize
;
width
:
'100%'
,
spinnerEl
.
style
.
height
=
spinnerSize
;
height
:
'100%'
,
spinnerEl
.
style
.
animation
=
'spin 1s linear infinite'
;
backgroundColor
:
background
,
display
:
'flex'
,
justifyContent
:
'center'
,
alignItems
:
'center'
,
zIndex
:
String
(
zIndex
),
flexDirection
:
'column'
});
// Create text element
const
spinnerEl
=
document
.
createElement
(
'div'
);
const
textEl
=
document
.
createElement
(
'p'
);
spinnerEl
.
className
=
'custom-loading-spinner'
;
textEl
.
className
=
'custom-loading-text'
;
Object
.
assign
(
spinnerEl
.
style
,
{
textEl
.
textContent
=
text
;
border
:
'4px solid rgba(0, 0, 0, 0.3)'
,
textEl
.
style
.
color
=
color
;
borderRadius
:
'50%'
,
textEl
.
style
.
marginTop
=
'20px'
;
borderTop
:
`4px solid
${
spinnerColor
}
`
,
textEl
.
style
.
fontFamily
=
'Arial, sans-serif'
;
width
:
spinnerSize
,
height
:
spinnerSize
,
animation
:
'spin 1s linear infinite'
});
// Add animation styles
const
textEl
=
document
.
createElement
(
'p'
);
styleInstance
=
document
.
createElement
(
'style'
)
;
textEl
.
className
=
'custom-loading-text'
;
styleInstance
.
textContent
=
`
textEl
.
textContent
=
text
;
@keyframes spin
{
Object
.
assign
(
textEl
.
style
,
{
0% { transform: rotate(0deg); }
color
:
color
,
100% { transform: rotate(360deg); }
marginTop
:
'20px'
,
}
fontFamily
:
'Arial, sans-serif'
`
;
})
;
// Assemble elements
styleInstance
=
document
.
createElement
(
'style'
);
loadingInstance
.
appendChild
(
spinnerEl
);
styleInstance
.
textContent
=
`
loadingInstance
.
appendChild
(
textEl
);
@keyframes spin {
document
.
head
.
appendChild
(
styleInstance
);
0% { transform: rotate(0deg); }
document
.
body
.
appendChild
(
loadingInstance
);
100% { transform: rotate(360deg); }
}
}
loadingCount
++
;
`
;
loadingInstance
.
appendChild
(
spinnerEl
);
loadingInstance
.
appendChild
(
textEl
);
document
.
head
.
appendChild
(
styleInstance
);
document
.
body
.
appendChild
(
loadingInstance
);
}
}
function
destroyLoading
()
{
function
destroyLoading
()
{
if
(
loadingCount
<=
0
)
return
;
if
(
loadingInstance
)
{
loadingCount
--
;
if
(
loadingCount
===
0
&&
loadingInstance
)
{
document
.
body
.
removeChild
(
loadingInstance
);
document
.
body
.
removeChild
(
loadingInstance
);
document
.
head
.
removeChild
(
styleInstance
);
document
.
head
.
removeChild
(
styleInstance
);
loadingInstance
=
null
;
loadingInstance
=
null
;
...
@@ -80,8 +84,7 @@ const Loading = (function() {
...
@@ -80,8 +84,7 @@ const Loading = (function() {
return
{
return
{
show
:
createLoading
,
show
:
createLoading
,
hide
:
destroyLoading
,
hide
:
destroyLoading
getCount
:
()
=>
loadingCount
// Optional: add method to get current loading count
};
};
})();
})();
...
...
src/pages/all/index.vue
浏览文件 @
542613e6
...
@@ -115,34 +115,49 @@ const searchSatelliteRef = ref(null)
...
@@ -115,34 +115,49 @@ const searchSatelliteRef = ref(null)
const
handleSwitchChange
=
(
item
)
=>
{
const
handleSwitchChange
=
(
item
)
=>
{
console
.
log
(
"初始化调用11111"
,
item
.
enabled
,
item
);
switch
(
item
.
label
)
{
switch
(
item
.
label
)
{
case
'时间轴'
:
case
'时间轴'
:
useAppStoreInstance
.
setisTimeLineShow
(
item
.
enabled
)
useAppStoreInstance
.
setisTimeLineShow
(
item
.
enabled
)
if
(
window
.
ue5
)
{
window
.
ue5
(
"callBackControlSwitchShowFn"
,
String
(
JSON
.
stringify
({
type
:
"TimeLineShow"
,
status
:
item
.
enabled
?
"open"
:
"close"
})));}
break
;
break
;
case
'图例'
:
case
'图例'
:
useAppStoreInstance
.
setislegendShow
(
item
.
enabled
)
useAppStoreInstance
.
setislegendShow
(
item
.
enabled
)
useAppStoreInstance
.
setisSourceLegendShow
(
item
.
enabled
)
useAppStoreInstance
.
setisSourceLegendShow
(
item
.
enabled
)
if
(
window
.
ue5
)
{
window
.
ue5
(
"callBackControlSwitchShowFn"
,
String
(
JSON
.
stringify
({
type
:
"LegendShow"
,
status
:
item
.
enabled
?
"open"
:
"close"
})));}
break
;
break
;
case
'数据面板'
:
case
'数据面板'
:
useAppStoreInstance
.
setisdataPanelShow
(
item
.
enabled
)
useAppStoreInstance
.
setisdataPanelShow
(
item
.
enabled
)
if
(
window
.
ue5
)
{
window
.
ue5
(
"callBackControlSwitchShowFn"
,
String
(
JSON
.
stringify
({
type
:
"DataPanelShow"
,
status
:
item
.
enabled
?
"open"
:
"close"
})));}
break
;
break
;
case
'卫星轨道'
:
case
'卫星轨道'
:
useAppStoreInstance
.
setissatelliteOrbitShow
(
item
.
enabled
)
useAppStoreInstance
.
setissatelliteOrbitShow
(
item
.
enabled
)
if
(
window
.
ue5
)
{
if
(
window
.
ue5
)
{
window
.
ue5
(
"callBackSatelliteOrbitShowFn"
,
String
(
JSON
.
stringify
({
window
.
ue5
(
"callBackControlSwitchShowFn"
,
String
(
JSON
.
stringify
({
value
:
item
.
enabled
type
:
"SatelliteOrbitShow"
,
})));
status
:
item
.
enabled
?
"open"
:
"close"
}
})));}
break
;
break
;
case
'卫星波束'
:
case
'卫星波束'
:
useAppStoreInstance
.
setissatelliteBeamShow
(
item
.
enabled
)
useAppStoreInstance
.
setissatelliteBeamShow
(
item
.
enabled
)
if
(
window
.
ue5
)
{
if
(
window
.
ue5
)
{
window
.
ue5
(
"callBack
SatelliteBeam
ShowFn"
,
String
(
JSON
.
stringify
({
window
.
ue5
(
"callBack
ControlSwitch
ShowFn"
,
String
(
JSON
.
stringify
({
value
:
item
.
enabled
type
:
"SatelliteBeamShow"
,
})));
status
:
item
.
enabled
?
"open"
:
"close"
}
}
)));}
break
;
break
;
default
:
default
:
...
@@ -181,7 +196,6 @@ watch(useAppStoreInstance, () => {
...
@@ -181,7 +196,6 @@ watch(useAppStoreInstance, () => {
document
.
getElementById
(
'all_footer'
).
style
.
width
=
'100%'
document
.
getElementById
(
'all_footer'
).
style
.
width
=
'100%'
// document.getElementById('all_footer').style.bottom = '10px'
// document.getElementById('all_footer').style.bottom = '10px'
// if (!useAppStoreInstance.islegendShow) {document.getElementById('all_footer').style.bottom = '20px'}
// if (!useAppStoreInstance.islegendShow) {document.getElementById('all_footer').style.bottom = '20px'}
// document.getElementById('search_panel').style.left = '30px'
// document.getElementById('search_panel').style.left = '30px'
document
.
getElementById
(
'control_panel1'
).
style
.
right
=
'-30px'
document
.
getElementById
(
'control_panel1'
).
style
.
right
=
'-30px'
...
@@ -227,6 +241,7 @@ onActivated(() => {
...
@@ -227,6 +241,7 @@ onActivated(() => {
});
});
onMounted
(()
=>
{
onMounted
(()
=>
{
checkScreenSize
();
checkScreenSize
();
handleSwitchChange
({
disabled
:
false
,
enabled
:
useAppStoreInstance
.
islegendShow
,
label
:
"图例"
})
window
.
addEventListener
(
'resize'
,
checkScreenSize
);
window
.
addEventListener
(
'resize'
,
checkScreenSize
);
// console.log("111111111111114ononMounted",useAppStoreInstance.islegendShow,useAppStoreInstance.isTimeLineShow);
// console.log("111111111111114ononMounted",useAppStoreInstance.islegendShow,useAppStoreInstance.isTimeLineShow);
controls
.
value
=
[
controls
.
value
=
[
...
...
src/pages/footer/component/timers.vue
浏览文件 @
542613e6
差异被折叠。
点击展开。
src/pages/footer2/timers.vue
浏览文件 @
542613e6
差异被折叠。
点击展开。
src/pages/header/component/screenConfigCase.vue
浏览文件 @
542613e6
...
@@ -17,7 +17,7 @@
...
@@ -17,7 +17,7 @@
<label
class=
"selector-label"
>
{{
item
.
label
}}
</label>
<label
class=
"selector-label"
>
{{
item
.
label
}}
</label>
<div
class=
"custom-select"
>
<div
class=
"custom-select"
>
<!-- 粒度 -->
<!-- 粒度 -->
<el-select
v-model=
"item.default"
effect=
"dark"
placeholder=
"Select"
style=
"width: 100%;"
>
<el-select
v-model=
"item.default"
placeholder=
"Select"
style=
"width: 100%;"
>
<el-option
<el-option
v-for=
"itemele in item.options"
v-for=
"itemele in item.options"
:key=
"itemele.value"
:key=
"itemele.value"
...
@@ -202,7 +202,7 @@ const objectSelector = [
...
@@ -202,7 +202,7 @@ const objectSelector = [
.templateCase_right_content_body
{
.templateCase_right_content_body
{
height
:
92%
;
height
:
92%
;
width
:
1
0
0%
;
width
:
1
2
0%
;
/* background-color: #73df2b; */
/* background-color: #73df2b; */
}
}
...
...
src/pages/header/component/screenConfigeDialog.vue
浏览文件 @
542613e6
...
@@ -55,7 +55,7 @@
...
@@ -55,7 +55,7 @@
<label
class=
"selector-label"
>
{{
item
.
label
}}
</label>
<label
class=
"selector-label"
>
{{
item
.
label
}}
</label>
<div
class=
"custom-select"
>
<div
class=
"custom-select"
>
<!-- 粒度 -->
<!-- 粒度 -->
<el-select
v-model=
"item.default"
effect=
"dark"
placeholder=
"Select"
style=
"width: 100%;"
>
<el-select
v-model=
"item.default"
placeholder=
"Select"
style=
"width: 100%;"
>
<el-option
<el-option
v-for=
"itemele in item.options"
v-for=
"itemele in item.options"
:key=
"itemele.value"
:key=
"itemele.value"
...
@@ -102,7 +102,7 @@
...
@@ -102,7 +102,7 @@
<instant
:allIdName=
"allIdName[1]"
></instant>
<instant
:allIdName=
"allIdName[1]"
></instant>
</div>
</div>
<div>
<div>
<el-button
type=
"primary"
class=
"apply-btn"
>
应用
</el-button>
<el-button
type=
"primary"
class=
"apply-btn
apply-btn-right
"
>
应用
</el-button>
</div>
</div>
</div>
</div>
</div>
</div>
...
@@ -128,7 +128,9 @@
...
@@ -128,7 +128,9 @@
<div
class=
"templateCase_right templateCase"
>
<div
class=
"templateCase_right templateCase"
>
<screenConfigCase></screenConfigCase>
<screenConfigCase></screenConfigCase>
</div>
</div>
</div>
</div>
<el-button
type=
"primary"
class=
"apply-btn"
>
应用
</el-button>
</div>
</div>
</div>
</div>
</main>
</main>
...
@@ -673,11 +675,14 @@ const indicatorStyle = computed(() => {
...
@@ -673,11 +675,14 @@ const indicatorStyle = computed(() => {
border-right
:
1px
solid
#1b1b1b
;
/* 右边框样式 */
border-right
:
1px
solid
#1b1b1b
;
/* 右边框样式 */
}
}
.apply-btn-right
{
position
:
absolute
;
bottom
:
16px
;
}
:deep
(
.apply-btn
)
{
:deep
(
.apply-btn
)
{
width
:
100px
;
width
:
100px
;
height
:
30px
;
height
:
30px
;
margin-top
:
10%
;
/* margin-top: 10%; */
border
:
none
;
border
:
none
;
border-radius
:
0px
;
border-radius
:
0px
;
background
:
linear-gradient
(
to
bottom
,
#2c78f5
0
,
rgba
(
0
,
0
,
0
,
1
));
background
:
linear-gradient
(
to
bottom
,
#2c78f5
0
,
rgba
(
0
,
0
,
0
,
1
));
...
...
src/pages/header/index.vue
浏览文件 @
542613e6
...
@@ -205,14 +205,16 @@ const handletoLinkClick = () => {
...
@@ -205,14 +205,16 @@ const handletoLinkClick = () => {
// location.replace('/subsystem');
// location.replace('/subsystem');
router
.
push
(
'/'
);
router
.
push
(
'/'
);
console
.
log
(
"1111111111111111111111111"
,
useAppStoreInstance
.
isSourceLegendShow
);
console
.
log
(
"1111111111111111111111111"
,
useAppStoreInstance
.
isSourceLegendShow
);
useAppStoreInstance
.
setGlobalisFromTosub
(
true
);
useAppStoreInstance
.
setislegendShow
(
useAppStoreInstance
.
isSourceLegendShow
?
true
:
false
);
useAppStoreInstance
.
setislegendShow
(
useAppStoreInstance
.
isSourceLegendShow
?
true
:
false
);
console
.
log
(
"11111111111111111111111112"
,
useAppStoreInstance
.
islegendShow
);
console
.
log
(
"11111111111111111111111112"
,
useAppStoreInstance
.
islegendShow
);
useAppStoreInstance
.
setiscontrolPanelShow
(
true
);
useAppStoreInstance
.
setiscontrolPanelShow
(
true
);
useAppStoreInstance
.
setGlobalSubsystemSelectedTimeRange
([]);
}
}
if
(
!
toSubSystemFlag
.
value
)
{
if
(
!
toSubSystemFlag
.
value
)
{
// location.replace('/');
// location.replace('/');
useAppStoreInstance
.
setiscontrolPanelShow
(
false
);
useAppStoreInstance
.
setiscontrolPanelShow
(
false
);
// useAppStoreInstance.setGlobalisFromTosub(true);
// useAppStoreInstance.setglobalSatelliteSearchID('4096');
// useAppStoreInstance.setglobalSatelliteSearchID('4096');
if
(
!
useAppStoreInstance
.
islegendShow
)
{
if
(
!
useAppStoreInstance
.
islegendShow
)
{
useAppStoreInstance
.
setislegendShow
(
true
);
useAppStoreInstance
.
setislegendShow
(
true
);
...
@@ -321,7 +323,7 @@ onMounted(() => {
...
@@ -321,7 +323,7 @@ onMounted(() => {
// if (window.ue5) {
// if (window.ue5) {
// window.ue5("callBackTimeFn", `测试数据111111111111111111:${JSON.stringify(resData)},${JSON.stringify(resData.locationReplace)},${JSON.stringify(resData.locationReplace === 'true')}`)
// window.ue5("callBackTimeFn", `测试数据111111111111111111:${JSON.stringify(resData)},${JSON.stringify(resData.locationReplace)},${JSON.stringify(resData.locationReplace === 'true')}`)
// }
// }
if
(
resData
.
locationReplace
===
'true'
)
{
if
(
resData
.
locationReplace
===
'true'
)
{
useAppStoreInstance
.
setiscontrolPanelShow
(
false
);
useAppStoreInstance
.
setiscontrolPanelShow
(
false
);
useAppStoreInstance
.
setglobalSatelliteSearchID
(
resData
.
SatelliteSearchID
||
'4097'
);
useAppStoreInstance
.
setglobalSatelliteSearchID
(
resData
.
SatelliteSearchID
||
'4097'
);
...
@@ -338,14 +340,15 @@ onMounted(() => {
...
@@ -338,14 +340,15 @@ onMounted(() => {
// }
// }
}
}
);
);
toSubSystemFlag
.
value
=
!
toSubSystemFlag
.
value
;
}
}
if
(
resData
.
locationReplace
===
'false'
)
{
if
(
resData
.
locationReplace
===
'false'
)
{
router
.
push
(
'/'
);
router
.
push
(
'/'
);
console
.
log
(
"1111111111111111111111111"
,
useAppStoreInstance
.
isSourceLegendShow
);
console
.
log
(
"1111111111111111111111111"
,
useAppStoreInstance
.
isSourceLegendShow
);
useAppStoreInstance
.
setGlobalisFromTosub
(
true
);
useAppStoreInstance
.
setislegendShow
(
useAppStoreInstance
.
isSourceLegendShow
?
true
:
false
);
useAppStoreInstance
.
setislegendShow
(
useAppStoreInstance
.
isSourceLegendShow
?
true
:
false
);
console
.
log
(
"11111111111111111111111112"
,
useAppStoreInstance
.
islegendShow
);
console
.
log
(
"11111111111111111111111112"
,
useAppStoreInstance
.
islegendShow
);
useAppStoreInstance
.
setiscontrolPanelShow
(
true
);
useAppStoreInstance
.
setiscontrolPanelShow
(
true
);
}
}
// try {
// try {
// const resData = JSON.parse(res.data);
// const resData = JSON.parse(res.data);
...
...
src/pages/lefts/index.vue
浏览文件 @
542613e6
...
@@ -331,7 +331,9 @@ const activeTabHandleClickTab = (value) => {
...
@@ -331,7 +331,9 @@ const activeTabHandleClickTab = (value) => {
console
.
log
(
"11111EIRP111111*****"
,
primitiveFaultData
.
value
);
console
.
log
(
"11111EIRP111111*****"
,
primitiveFaultData
.
value
);
faultData
.
value
=
primitiveFaultData
.
value
faultData
.
value
=
primitiveFaultData
.
value
searchEquipmentList
()
if
(
searchEquipmentValue
.
value
!==
''
)
{
searchEquipmentList
()
}
})
})
}
}
if
(
value
===
'equipment'
)
{
if
(
value
===
'equipment'
)
{
...
@@ -340,7 +342,10 @@ const activeTabHandleClickTab = (value) => {
...
@@ -340,7 +342,10 @@ const activeTabHandleClickTab = (value) => {
primitiveSatelliteData
.
value
=
transformgroudSatelliteData
(
res
.
data
)
primitiveSatelliteData
.
value
=
transformgroudSatelliteData
(
res
.
data
)
equipmentData
.
value
=
primitiveSatelliteData
.
value
equipmentData
.
value
=
primitiveSatelliteData
.
value
searchEquipmentList
()
if
(
searchEquipmentValue
.
value
!==
''
)
{
searchEquipmentList
()
}
})
})
}
}
}
}
...
@@ -377,6 +382,8 @@ const satelliteData = ref();
...
@@ -377,6 +382,8 @@ const satelliteData = ref();
const
searchSateValue
=
ref
(
''
)
const
searchSateValue
=
ref
(
''
)
function
searchSatelliteList
()
{
function
searchSatelliteList
()
{
console
.
log
(
"cao cao2"
,
primitiveSatelliteData
.
value
);
const
filteredData
=
primitiveSatelliteData
.
value
.
filter
(
item
=>
const
filteredData
=
primitiveSatelliteData
.
value
.
filter
(
item
=>
item
.
name
.
toLowerCase
().
includes
(
searchSateValue
.
value
.
toLowerCase
())
||
item
.
name
.
toLowerCase
().
includes
(
searchSateValue
.
value
.
toLowerCase
())
||
item
.
station
.
toLowerCase
().
includes
(
searchSateValue
.
value
.
toLowerCase
())
||
item
.
station
.
toLowerCase
().
includes
(
searchSateValue
.
value
.
toLowerCase
())
||
...
@@ -434,6 +441,7 @@ const faultData = ref(primitiveFaultData.value);
...
@@ -434,6 +441,7 @@ const faultData = ref(primitiveFaultData.value);
const
baseDeviceList
=
ref
({})
const
baseDeviceList
=
ref
({})
const
satlTitle
=
ref
(
''
)
const
satlTitle
=
ref
(
''
)
function
tableHandleRowClickFn
(
row
,
column
,
event
)
{
function
tableHandleRowClickFn
(
row
,
column
,
event
)
{
if
(
activeTab
.
value
===
'fault'
)
{
if
(
activeTab
.
value
===
'fault'
)
{
...
@@ -443,7 +451,7 @@ function tableHandleRowClickFn(row, column, event) {
...
@@ -443,7 +451,7 @@ function tableHandleRowClickFn(row, column, event) {
satlTitle
.
value
=
row
.
station
?
row
.
station
:
'未知名称'
satlTitle
.
value
=
row
.
station
?
row
.
station
:
'未知名称'
baseDeviceList
.
value
=
equipmentData
.
value
.
filter
(
item
=>
item
.
siteId
===
row
.
siteId
)[
0
]?.
originCrossDeviceExtractResponseList
||
[]
baseDeviceList
.
value
=
equipmentData
.
value
.
filter
(
item
=>
item
.
siteId
===
row
.
siteId
)[
0
]?.
originCrossDeviceExtractResponseList
||
[]
console
.
log
(
'
点击的行
数据:'
,
equipmentData
.
value
.
filter
(
item
=>
item
.
siteId
===
row
.
siteId
)[
0
]?.
originCrossDeviceExtractResponseList
);
console
.
log
(
'
11111EIRP111111row过滤
数据:'
,
equipmentData
.
value
.
filter
(
item
=>
item
.
siteId
===
row
.
siteId
)[
0
]?.
originCrossDeviceExtractResponseList
);
// row: 点击行的数据
// row: 点击行的数据
// column: 点击的列信息
// column: 点击的列信息
// event: 原生事件对象
// event: 原生事件对象
...
@@ -458,7 +466,7 @@ function errorDialoghandleClose() {
...
@@ -458,7 +466,7 @@ function errorDialoghandleClose() {
function
handleCarouselChange
(
index
)
{
function
handleCarouselChange
(
index
)
{
// 处理 carousel 切换时的逻辑
// 处理 carousel 切换时的逻辑
// console.log('切换到索引:', orbitMetrics.value[index].headerTitle);
// console.log('切换到索引:', orbitMetrics.value[index].headerTitle);
coreMetrics
.
value
=
orbitMetrics
.
value
[
index
].
headerTitle
coreMetrics
.
value
=
orbitMetrics
.
value
[
index
]
?
.
headerTitle
}
}
...
@@ -753,6 +761,10 @@ onBeforeMount(() => {
...
@@ -753,6 +761,10 @@ onBeforeMount(() => {
leftGetAllListInfo
();
leftGetAllListInfo
();
});
});
// 监听 webSocket 结束变化,再根据api查一次数据库
// 监听 webSocket 结束变化,再根据api查一次数据库
watch
(()
=>
useAppStoreInstance
.
globalStartWss
,
(
newValue
,
oldValue
)
=>
{
watch
(()
=>
useAppStoreInstance
.
globalStartWss
,
(
newValue
,
oldValue
)
=>
{
if
(
!
newValue
)
{
if
(
!
newValue
)
{
...
@@ -798,14 +810,27 @@ const messageHandler = ref('')
...
@@ -798,14 +810,27 @@ const messageHandler = ref('')
onMounted
(()
=>
{
onMounted
(()
=>
{
messageHandler
.
value
=
(
event
)
=>
{
messageHandler
.
value
=
(
event
)
=>
{
const
JSONdata
=
JSON
.
parse
(
event
.
data
);
const
JSONdata
=
JSON
.
parse
(
event
.
data
);
if
(
JSONdata
.
type
===
'history'
)
{
console
.
log
(
"我走了onMounted"
,
JSONdata
.
type
===
'history'
,
!
(
JSONdata
?.
isLagrangeInterpolation
===
true
));
primitiveSatelliteData
.
value
=
wssTransformSatelliteData
(
JSONdata
.
satelliteList
)
if
(
JSONdata
.
type
===
'history'
&&
!
(
JSONdata
?.
isLagrangeInterpolation
===
true
)
&&
(
JSONdata
.
groundSystem
!==
undefined
))
{
const
satelliteList
=
[]
JSONdata
.
CurrData
.
forEach
(
items
=>
{
const
temp
=
items
.
satelliteBasicInfoResponse
temp
.
siteName
=
items
?.
siteName
||
null
satelliteList
.
push
(
temp
)
});
primitiveSatelliteData
.
value
=
wssTransformSatelliteData
(
satelliteList
)
primitiveSatelliteData
.
value
.
sort
((
a
,
b
)
=>
{
primitiveSatelliteData
.
value
.
sort
((
a
,
b
)
=>
{
return
a
.
name
.
localeCompare
(
b
.
name
,
undefined
,
{
return
a
.
name
.
localeCompare
(
b
.
name
,
undefined
,
{
numeric
:
true
,
// 启用数字排序
numeric
:
true
,
// 启用数字排序
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
console
.
log
(
'我是left,type == history获取的wssRespone:'
,
JSONdata
.
groundStationDeviceCount
);
console
.
log
(
'我是left,type == history获取的wssRespone:'
,
JSONdata
.
groundStationDeviceCount
);
...
@@ -815,21 +840,74 @@ onMounted(() => {
...
@@ -815,21 +840,74 @@ onMounted(() => {
groundMetrics
.
value
=
wssTransformGroundSatelliteData
(
JSONdata
.
groundSystem
)
groundMetrics
.
value
=
wssTransformGroundSatelliteData
(
JSONdata
.
groundSystem
)
// 地面数据,下层数据
// 地面数据,下层数据
if
(
1
)
{
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
);
searchEquipmentList
()
if
(
searchEquipmentValue
.
value
!==
''
)
{
}
searchEquipmentList
()
if
(
1
)
{
}
primitiveSatelliteData
.
value
=
[]
primitiveSatelliteData
.
value
=
wssTransformgroudSatelliteData
(
JSONdata
.
groundStationDeviceCount
)
console
.
log
(
"此时的equipment"
,
primitiveSatelliteData
.
value
);
primitiveEquipmentData
.
value
=
[]
primitiveEquipmentData
.
value
=
wssTransformgroudSatelliteData
(
JSONdata
.
groundStationDeviceCount
)
console
.
log
(
"此时的equipment"
,
primitiveEquipmentData
.
value
);
equipmentData
.
value
=
primitiveSatelliteData
.
value
equipmentData
.
value
=
primitiveEquipmentData
.
value
searchEquipmentList
()
if
(
searchEquipmentValue
.
value
!==
''
)
{
}
searchEquipmentList
()
}
}
if
(
JSONdata
.
type
===
'realtime'
)
{
console
.
log
(
"11111EIRP111111rowrealtime"
);
const
satelliteList
=
[]
JSONdata
.
CurrData
.
forEach
(
items
=>
{
const
temp
=
items
.
satelliteBasicInfoResponse
temp
.
siteName
=
items
.
siteName
satelliteList
.
push
(
temp
)
});
primitiveSatelliteData
.
value
=
wssTransformSatelliteData
(
satelliteList
)
primitiveSatelliteData
.
value
.
sort
((
a
,
b
)
=>
{
return
a
.
name
.
localeCompare
(
b
.
name
,
undefined
,
{
numeric
:
true
,
// 启用数字排序
sensitivity
:
'base'
// 忽略大小写和重音符号
});
});
console
.
log
(
"cao cao2,"
,
primitiveSatelliteData
.
value
,);
satelliteData
.
value
=
primitiveSatelliteData
.
value
primitiveEquipmentData
.
value
=
equipmentData
.
value
// console.log('我是left,type == history获取的wssRespone:', JSONdata.groundStationDeviceCount);
// 地面数据,上层数据
// 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()
// }
// primitiveEquipmentData.value = []
// primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
// console.log("此时的equipment", primitiveEquipmentData.value);
// equipmentData.value = primitiveEquipmentData.value
// if (searchEquipmentValue.value !== '') {
// searchEquipmentList()
// }
}
}
// console.log('我是left,type !!!= history获取的wssRespone:', JSONdata, typeof JSONdata.satelliteList);
// console.log('我是left,type !!!= history获取的wssRespone:', JSONdata, typeof JSONdata.satelliteList);
...
@@ -1589,6 +1667,7 @@ onUnmounted(() => {
...
@@ -1589,6 +1667,7 @@ onUnmounted(() => {
:deep
(
.el-table
tr
)
{
:deep
(
.el-table
tr
)
{
background
:
black
;
background
:
black
;
color
:
#ffffff
;
}
}
:deep
(
.custom-table
.el-table__body
tr
:hover
)
{
:deep
(
.custom-table
.el-table__body
tr
:hover
)
{
...
@@ -1740,9 +1819,17 @@ onUnmounted(() => {
...
@@ -1740,9 +1819,17 @@ onUnmounted(() => {
:deep
(
.el-input__wrapper
)
{
:deep
(
.el-input__wrapper
)
{
background-color
:
#1C212B
;
background-color
:
#1C212B
;
box-shadow
:
0
0
1px
#bfc1c4
;
/* box-shadow: 0 0 1px #bfc1c4; */
}
}
:deep
(
.is-disabled
.el-input__wrapper
)
{
background-color
:
#1C212B
;
}
:deep
(
.el-input__wrapper
.el-input__inner
)
{
background-color
:
#1C212B
;
color
:
#fff
;
}
:deep
(
.el-input__inner
)
{
:deep
(
.el-input__inner
)
{
background-color
:
#1C212B
;
background-color
:
#1C212B
;
color
:
#fff
;
color
:
#fff
;
...
...
src/pages/lefts2/component/cruve.vue
浏览文件 @
542613e6
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
<!-- CDF曲线图 -->
<!-- CDF曲线图 -->
<div
class=
"container"
>
<div
class=
"container"
>
<div
class=
"main"
>
<div
class=
"main"
>
<div
:id=
"idName"
class=
"cdfCurve"
></div>
<div
:id=
"
props.
idName"
class=
"cdfCurve"
></div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -21,7 +21,7 @@ import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
...
@@ -21,7 +21,7 @@ import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
const
props
=
defineProps
({
const
props
=
defineProps
({
idName
:
{
idName
:
{
type
:
String
,
type
:
String
,
default
:
'
main
'
default
:
'
left2_bottom
'
},
},
propsDate
:
{
propsDate
:
{
type
:
Object
,
type
:
Object
,
...
@@ -42,7 +42,7 @@ watch(() => props.propsDate, (newVal, oldVal) => {
...
@@ -42,7 +42,7 @@ watch(() => props.propsDate, (newVal, oldVal) => {
})
})
return
;
return
;
}
}
changeCharte
();
changeCharte
(
props
.
idName
,
props
.
propsDate
);
// console.log("完全不一样的数据",newVal);
// console.log("完全不一样的数据",newVal);
}
}
},
{
immediate
:
true
,
deep
:
true
})
},
{
immediate
:
true
,
deep
:
true
})
...
@@ -60,25 +60,26 @@ onUnmounted(() => {
...
@@ -60,25 +60,26 @@ onUnmounted(() => {
}
}
});
});
function
changeCharte
()
{
function
changeCharte
(
idName
,
NewOption
)
{
// 销毁旧实例
// 销毁旧实例
if
(
myChart
)
{
if
(
myChart
)
{
myChart
.
dispose
();
myChart
.
dispose
();
myChart
=
null
;
myChart
=
null
;
// 清空 DOM 元素内容
// 清空 DOM 元素内容
const
chartDom
=
document
.
getElementById
(
props
.
idName
);
const
chartDom
=
document
.
getElementById
(
idName
);
if
(
chartDom
)
{
if
(
chartDom
)
{
chartDom
.
innerHTML
=
''
;
chartDom
.
innerHTML
=
''
;
}
}
}
}
// 初始化新实例
// 初始化新实例
const
chartDom
=
document
.
getElementById
(
props
.
idName
);
const
chartDom
=
document
.
getElementById
(
idName
);
chartDom
.
style
.
height
=
'300px'
;
chartDom
.
style
.
height
=
'300px'
;
chartDom
.
style
.
width
=
'360px'
;
chartDom
.
style
.
width
=
'360px'
;
if
(
!
chartDom
)
{
if
(
!
chartDom
)
{
console
.
error
(
"DOM 元素未找到:"
,
props
.
idName
);
console
.
error
(
"DOM 元素未找到:"
,
idName
);
return
;
return
;
}
}
...
@@ -118,7 +119,7 @@ function changeCharte() {
...
@@ -118,7 +119,7 @@ function changeCharte() {
// },
// },
legend
:
{
legend
:
{
show
:
true
,
show
:
true
,
data
:
[
props
.
propsDate
.
chartName
],
data
:
[
NewOption
.
chartName
],
textStyle
:
{
textStyle
:
{
color
:
'#fff'
,
color
:
'#fff'
,
fontSize
:
12
fontSize
:
12
...
@@ -144,7 +145,7 @@ function changeCharte() {
...
@@ -144,7 +145,7 @@ function changeCharte() {
type
:
'category'
,
type
:
'category'
,
boundaryGap
:
false
,
boundaryGap
:
false
,
show
:
false
,
show
:
false
,
data
:
props
.
propsDate
.
dataX
,
data
:
NewOption
.
dataX
,
axisLine
:
{
axisLine
:
{
lineStyle
:
{
lineStyle
:
{
color
:
'#fff'
color
:
'#fff'
...
@@ -156,8 +157,8 @@ function changeCharte() {
...
@@ -156,8 +157,8 @@ function changeCharte() {
},
},
yAxis
:
{
yAxis
:
{
type
:
'value'
,
type
:
'value'
,
min
:
props
.
propsDate
.
minY
,
min
:
NewOption
.
minY
,
max
:
props
.
propsDate
.
maxY
,
max
:
NewOption
.
maxY
,
boundaryGap
:
[
0
,
'100%'
],
boundaryGap
:
[
0
,
'100%'
],
axisLine
:
{
axisLine
:
{
...
@@ -190,7 +191,7 @@ function changeCharte() {
...
@@ -190,7 +191,7 @@ function changeCharte() {
],
],
series
:
[
series
:
[
{
{
name
:
props
.
propsDate
.
chartName
||
'CDF'
,
name
:
NewOption
.
chartName
||
'CDF'
,
type
:
'line'
,
type
:
'line'
,
smooth
:
true
,
smooth
:
true
,
symbol
:
'none'
,
symbol
:
'none'
,
...
@@ -209,7 +210,7 @@ function changeCharte() {
...
@@ -209,7 +210,7 @@ function changeCharte() {
}
}
])
])
},
},
data
:
props
.
propsDate
.
dataY
data
:
NewOption
.
dataY
}
}
],
],
tooltip
:
{
tooltip
:
{
...
...
src/pages/lefts2/index.vue
浏览文件 @
542613e6
差异被折叠。
点击展开。
src/pages/rights2/index.vue
浏览文件 @
542613e6
...
@@ -106,7 +106,7 @@
...
@@ -106,7 +106,7 @@
import
{
nextTick
,
onMounted
,
ref
}
from
'vue'
;
import
{
nextTick
,
onMounted
,
ref
}
from
'vue'
;
import
errorDataShowComponent
from
'./component/errorDataShowComponent.vue'
import
errorDataShowComponent
from
'./component/errorDataShowComponent.vue'
import
useAppStore
from
'@/store/module/app'
import
useAppStore
from
'@/store/module/app'
import
{
da
}
from
'element-plus/es/locales.mjs'
;
const
useAppStoreInstance
=
useAppStore
();
const
useAppStoreInstance
=
useAppStore
();
// 星座构型提取转换函数
// 星座构型提取转换函数
...
...
src/store/module/app.js
浏览文件 @
542613e6
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
* @Author: Z 1518051043@qq.com
* @Author: Z 1518051043@qq.com
* @Date: 2025-09-12 13:51:43
* @Date: 2025-09-12 13:51:43
* @LastEditors: zwy 1518051043@qq.com
* @LastEditors: zwy 1518051043@qq.com
* @LastEditTime: 2026-01-
08 09:15:58
* @LastEditTime: 2026-01-
14 17:24:05
* @FilePath: \yuanxinPro\src\store\module\app.js
* @FilePath: \yuanxinPro\src\store\module\app.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
*/
...
@@ -20,6 +20,7 @@ const useAppStore = defineStore(
...
@@ -20,6 +20,7 @@ const useAppStore = defineStore(
globalTimeLineEndTime
:
"2025-11-02 00:00:00"
,
globalTimeLineEndTime
:
"2025-11-02 00:00:00"
,
globalisFromTosub
:
false
,
globalisFromTosub
:
false
,
footerTimeHasedSelectTimeToSub
:
false
,
footerTimeHasedSelectTimeToSub
:
false
,
globalSubsystemSelectedTimeRange
:
[
'Sun Nov 02 2025 00:00:00 GMT+0800 (中国标准时间) '
,
'Tue Nov 04 2025 00:00:00 GMT+0800 (中国标准时间) '
],
subsystemSocket
:
null
,
subsystemSocket
:
null
,
subsystemSocketContent
:
''
,
subsystemSocketContent
:
''
,
...
@@ -49,6 +50,9 @@ const useAppStore = defineStore(
...
@@ -49,6 +50,9 @@ const useAppStore = defineStore(
setFooterTimeHasedSelectTimeToSub
(
status
)
{
setFooterTimeHasedSelectTimeToSub
(
status
)
{
this
.
footerTimeHasedSelectTimeToSub
=
status
this
.
footerTimeHasedSelectTimeToSub
=
status
},
},
setGlobalSubsystemSelectedTimeRange
(
range
)
{
this
.
globalSubsystemSelectedTimeRange
=
range
;
},
setGlobalisFromTosub
(
status
)
{
setGlobalisFromTosub
(
status
)
{
this
.
globalisFromTosub
=
status
this
.
globalisFromTosub
=
status
},
},
...
...
src/utils/subSystemRequestSocket.js
浏览文件 @
542613e6
...
@@ -2,7 +2,7 @@
...
@@ -2,7 +2,7 @@
* @Author: Z 1518051043@qq.com
* @Author: Z 1518051043@qq.com
* @Date: 2025-12-01 13:52:20
* @Date: 2025-12-01 13:52:20
* @LastEditors: zwy 1518051043@qq.com
* @LastEditors: zwy 1518051043@qq.com
* @LastEditTime: 2026-01-
05 15:11:15
* @LastEditTime: 2026-01-
15 02:49:42
* @FilePath: \yuanxinPro\src\utils\requestSocekt.js
* @FilePath: \yuanxinPro\src\utils\requestSocekt.js
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
*/
*/
...
@@ -10,8 +10,8 @@ import ueHeartbeatInterval from '@/store/module/app.js'
...
@@ -10,8 +10,8 @@ import ueHeartbeatInterval from '@/store/module/app.js'
import
useAppStore
from
'@/store/module/app.js'
import
useAppStore
from
'@/store/module/app.js'
const
useAppStoreInstance
=
useAppStore
()
const
useAppStoreInstance
=
useAppStore
()
const
apiUrl
=
`ws://121.229.107.155:19021/systemData`
const
apiUrl
=
`ws://121.229.107.155:19021/systemData`
const
w
ss
=
new
WebSocket
(
apiUrl
);
const
SubW
ss
=
new
WebSocket
(
apiUrl
);
useAppStoreInstance
.
setSubsystemSocket
(
w
ss
)
useAppStoreInstance
.
setSubsystemSocket
(
SubW
ss
)
// wss.onclose = () => {
// wss.onclose = () => {
// clearInterval(ueHeartbeatInterval);
// clearInterval(ueHeartbeatInterval);
// console.log('WebSocket disconnected, attempting reconnect...');
// console.log('WebSocket disconnected, attempting reconnect...');
...
@@ -21,4 +21,4 @@ useAppStoreInstance.setSubsystemSocket(wss)
...
@@ -21,4 +21,4 @@ useAppStoreInstance.setSubsystemSocket(wss)
// }, 5000);
// }, 5000);
// };
// };
export
default
w
ss
;
export
default
SubW
ss
;
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论