提交 542613e6 authored 作者: 周文艺's avatar 周文艺

2026/1/15

上级 83ca81d5
/*
* @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,41 +20,45 @@ const Loading = (function() { ...@@ -13,41 +20,45 @@ 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 = document.createElement('div');
loadingInstance.className = 'custom-loading'; loadingInstance.className = 'custom-loading';
loadingInstance.style.position = 'fixed'; Object.assign(loadingInstance.style, {
loadingInstance.style.top = '0'; position: 'fixed',
loadingInstance.style.left = '0'; top: '0',
loadingInstance.style.width = '100%'; left: '0',
loadingInstance.style.height = '100%'; width: '100%',
loadingInstance.style.backgroundColor = background; height: '100%',
loadingInstance.style.display = 'flex'; backgroundColor: background,
loadingInstance.style.justifyContent = 'center'; display: 'flex',
loadingInstance.style.alignItems = 'center'; justifyContent: 'center',
loadingInstance.style.zIndex = zIndex; alignItems: 'center',
loadingInstance.style.flexDirection = 'column'; zIndex: String(zIndex),
flexDirection: 'column'
});
// Create spinner element
const spinnerEl = document.createElement('div'); const spinnerEl = document.createElement('div');
spinnerEl.className = 'custom-loading-spinner'; spinnerEl.className = 'custom-loading-spinner';
spinnerEl.style.border = `4px solid rgba(0, 0, 0, 0.3)`; Object.assign(spinnerEl.style, {
spinnerEl.style.borderRadius = '50%'; border: '4px solid rgba(0, 0, 0, 0.3)',
spinnerEl.style.borderTop = `4px solid ${spinnerColor}`; borderRadius: '50%',
spinnerEl.style.width = spinnerSize; borderTop: `4px solid ${spinnerColor}`,
spinnerEl.style.height = spinnerSize; width: spinnerSize,
spinnerEl.style.animation = 'spin 1s linear infinite'; height: spinnerSize,
animation: 'spin 1s linear infinite'
});
// Create text element
const textEl = document.createElement('p'); const textEl = document.createElement('p');
textEl.className = 'custom-loading-text'; textEl.className = 'custom-loading-text';
textEl.textContent = text; textEl.textContent = text;
textEl.style.color = color; Object.assign(textEl.style, {
textEl.style.marginTop = '20px'; color: color,
textEl.style.fontFamily = 'Arial, sans-serif'; marginTop: '20px',
fontFamily: 'Arial, sans-serif'
});
// Add animation styles
styleInstance = document.createElement('style'); styleInstance = document.createElement('style');
styleInstance.textContent = ` styleInstance.textContent = `
@keyframes spin { @keyframes spin {
...@@ -56,21 +67,14 @@ const Loading = (function() { ...@@ -56,21 +67,14 @@ const Loading = (function() {
} }
`; `;
// Assemble elements
loadingInstance.appendChild(spinnerEl); loadingInstance.appendChild(spinnerEl);
loadingInstance.appendChild(textEl); loadingInstance.appendChild(textEl);
document.head.appendChild(styleInstance); document.head.appendChild(styleInstance);
document.body.appendChild(loadingInstance); document.body.appendChild(loadingInstance);
} }
loadingCount++;
}
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
}; };
})(); })();
......
...@@ -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("callBackSatelliteBeamShowFn", String(JSON.stringify({ window.ue5("callBackControlSwitchShowFn", 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 = [
......
...@@ -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: 100%; width: 120%;
/* background-color: #73df2b; */ /* background-color: #73df2b; */
} }
......
...@@ -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));
......
...@@ -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);
...@@ -338,11 +340,12 @@ onMounted(() => { ...@@ -338,11 +340,12 @@ 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);
......
...@@ -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
if (searchEquipmentValue.value !== '') {
searchEquipmentList() 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
if (searchEquipmentValue.value !== '') {
searchEquipmentList() 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);
if (searchEquipmentValue.value !== '') {
searchEquipmentList() searchEquipmentList()
} }
if (1) {
primitiveSatelliteData.value = []
primitiveSatelliteData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
console.log("此时的equipment", primitiveSatelliteData.value);
equipmentData.value = primitiveSatelliteData.value
primitiveEquipmentData.value = []
primitiveEquipmentData.value = wssTransformgroudSatelliteData(JSONdata.groundStationDeviceCount)
console.log("此时的equipment", primitiveEquipmentData.value);
equipmentData.value = primitiveEquipmentData.value
if (searchEquipmentValue.value !== '') {
searchEquipmentList() 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;
......
...@@ -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: {
......
差异被折叠。
...@@ -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();
// 星座构型提取转换函数 // 星座构型提取转换函数
......
...@@ -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
}, },
......
...@@ -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 wss = new WebSocket(apiUrl); const SubWss = new WebSocket(apiUrl);
useAppStoreInstance.setSubsystemSocket(wss) useAppStoreInstance.setSubsystemSocket(SubWss)
// 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 wss; export default SubWss;
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论