|
@@ -3,7 +3,7 @@
|
|
|
|
|
|
|
|
<template #title><div @click="handleSettingClick" v-log="{ describe: { action: '点击首页标题' } }">首页</div></template>
|
|
<template #title><div @click="handleSettingClick" v-log="{ describe: { action: '点击首页标题' } }">首页</div></template>
|
|
|
</headerBar>
|
|
</headerBar>
|
|
|
- <div class="home-container" v-loading="loading || syncLoading" :element-loading-text="syncLoading ? '正在同步配置...' : '正在加载...'">
|
|
|
|
|
|
|
+ <div class="home-container" v-loading="loading || !syncCompleted" :element-loading-text="!syncCompleted ? '正在同步配置...' : '正在加载...'">
|
|
|
<!-- 背景图片 -->
|
|
<!-- 背景图片 -->
|
|
|
<img src="@/assets/images/home/bg.png" alt="背景图片" class="background-image" />
|
|
<img src="@/assets/images/home/bg.png" alt="背景图片" class="background-image" />
|
|
|
|
|
|
|
@@ -14,7 +14,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 右侧图片区域 -->
|
|
<!-- 右侧图片区域 -->
|
|
|
- <div class="image-container right-image" @click="goShot" v-log="{ describe: { action: '点击仅处理图像入口' } }">
|
|
|
|
|
|
|
+ <div class="image-container right-image" @click="goShot" v-log="{ describe: { action: '点击仅处理图像入口' } }">
|
|
|
<img src="@/assets/images/home/right.png" alt="仅处理图像" class="zoom-on-hover" />
|
|
<img src="@/assets/images/home/right.png" alt="仅处理图像" class="zoom-on-hover" />
|
|
|
<div class="overlay-text" style="line-height: 80px;">仅处理图像</div>
|
|
<div class="overlay-text" style="line-height: 80px;">仅处理图像</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -51,6 +51,7 @@ const isLatest = ref(true);
|
|
|
|
|
|
|
|
|
|
|
|
|
import socket from "@/stores/modules/socket";
|
|
import socket from "@/stores/modules/socket";
|
|
|
|
|
+import {ElMessage} from "element-plus";
|
|
|
// 初始化 WebSocket 状态管理
|
|
// 初始化 WebSocket 状态管理
|
|
|
const socketStore = socket();
|
|
const socketStore = socket();
|
|
|
|
|
|
|
@@ -73,7 +74,7 @@ const goCheck = async () => {
|
|
|
|
|
|
|
|
// 如果未同步完成,等待同步
|
|
// 如果未同步完成,等待同步
|
|
|
if (!syncCompleted.value) {
|
|
if (!syncCompleted.value) {
|
|
|
- console.log('等待配置同步完成...');
|
|
|
|
|
|
|
+ ElMessage.error('等待配置同步完成');
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -125,12 +126,12 @@ const checkHealth = async () => {
|
|
|
try {
|
|
try {
|
|
|
syncLoading.value = true; // 开始同步
|
|
syncLoading.value = true; // 开始同步
|
|
|
syncCompleted.value = false; // 重置同步状态
|
|
syncCompleted.value = false; // 重置同步状态
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// 导入同步函数
|
|
// 导入同步函数
|
|
|
const { syncAfterLogin } = await import('@/apis/setting');
|
|
const { syncAfterLogin } = await import('@/apis/setting');
|
|
|
await syncAfterLogin();
|
|
await syncAfterLogin();
|
|
|
console.log('健康检查后数据同步成功');
|
|
console.log('健康检查后数据同步成功');
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
syncCompleted.value = true; // 同步完成
|
|
syncCompleted.value = true; // 同步完成
|
|
|
} catch (syncError) {
|
|
} catch (syncError) {
|
|
|
console.error('健康检查后数据同步失败:', syncError);
|
|
console.error('健康检查后数据同步失败:', syncError);
|