|
|
@@ -11,16 +11,18 @@
|
|
|
<!-- 背景图片 -->
|
|
|
<img src="@/assets/images/home/bg.png" alt="背景图片" class="background-image" />
|
|
|
|
|
|
- <!-- 左侧图片区域 -->
|
|
|
- <div class="image-container left-image" @click="goCheck" v-log="{ describe: { action: '点击拍照检查入口' } }">
|
|
|
+ <!-- 左侧图片区域 - 演示模式隐藏 -->
|
|
|
+<!--
|
|
|
+ <div v-if="!isDemoMode" class="image-container left-image" @click="goCheck" v-log="{ describe: { action: '点击拍照检查入口' } }">
|
|
|
<img src="@/assets/images/home/left.png" alt="拍摄产品并处理图像" class="zoom-on-hover" />
|
|
|
<div class="overlay-text">拍摄产品<br>并处理图像</div>
|
|
|
</div>
|
|
|
+-->
|
|
|
|
|
|
- <!-- 右侧图片区域 -->
|
|
|
- <div class="image-container right-image" @click="goShot" v-log="{ describe: { action: '点击仅处理图像入口' } }">
|
|
|
+ <!-- 右侧图片区域 - 演示模式下居中显示 -->
|
|
|
+ <div class="image-container" :class="{ 'center-image': isDemoMode }" @click="goShot" v-log="{ describe: { action: '点击仅处理图像入口' } }">
|
|
|
<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="isDemoMode ? 'line-height: 50px;' : 'line-height: 80px;'">仅处理图像</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 版本公告对话框 -->
|
|
|
@@ -68,6 +70,7 @@ const loading = ref(true);
|
|
|
const healthReady = ref(false); // 程序是否已完成自检
|
|
|
const syncLoading = ref(false); // 同步配置的loading状态
|
|
|
const syncCompleted = ref(false); // 同步是否完成
|
|
|
+const isDemoMode = ref(false); // 演示模式标识
|
|
|
const loadingText = computed(() => {
|
|
|
if (!healthReady.value) {
|
|
|
return '程序启动中...';
|
|
|
@@ -377,6 +380,9 @@ onMounted(() => {
|
|
|
useUserInfoStore = useUserInfo();
|
|
|
tokenInfoStore = tokenInfo();
|
|
|
|
|
|
+ // 演示模式判断：当前为仅处理图像模式时隐藏拍摄入口
|
|
|
+ isDemoMode.value = configInfoStore.appModel === 2;
|
|
|
+
|
|
|
// 监听登录成功事件
|
|
|
window.addEventListener('login-success', handleLoginSuccess);
|
|
|
|
|
|
@@ -456,6 +462,14 @@ onUnmounted(() => {
|
|
|
margin-left: 50px;
|
|
|
}
|
|
|
|
|
|
+// 演示模式下图片居中显示
|
|
|
+.center-image {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ margin-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
.overlay-text {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
