From f893f306fab14d452faf5995d5744f9437d6b6b3 Mon Sep 17 00:00:00 2001
From: ssongliu <songlius11@163.com>
Date: Mon, 22 Dec 2025 15:09:19 +0800
Subject: [PATCH] feat: Retain historical settings when toggling watermark

---
 frontend/src/global/use-logo.ts                   |  1 +
 frontend/src/layout/index.vue                     |  2 +-
 frontend/src/store/interface/index.ts             |  1 +
 frontend/src/store/modules/global.ts              |  1 +
 frontend/src/utils/xpack.ts                       |  2 ++
 frontend/src/views/setting/panel/index.vue        | 15 ++++++++-------
 .../src/views/setting/panel/watermark/index.vue   |  1 +
 7 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/src/global/use-logo.ts b/frontend/src/global/use-logo.ts
index 1b86eecdb..5cf1a83fe 100644
--- a/frontend/src/global/use-logo.ts
+++ b/frontend/src/global/use-logo.ts
@@ -14,6 +14,7 @@ export const useLogo = async () => {
         globalStore.themeConfig.loginBackground = res.data?.loginBackground;
         globalStore.themeConfig.loginBtnLinkColor = res.data?.loginBtnLinkColor;
         globalStore.themeConfig.favicon = res.data.favicon;
+        globalStore.watermarkShow = res.data.watermarkShow === 'Enable';
         try {
             globalStore.watermark = JSON.parse(res.data.watermark);
         } catch {
diff --git a/frontend/src/layout/index.vue b/frontend/src/layout/index.vue
index 807dbcdec..87b968e9e 100644
--- a/frontend/src/layout/index.vue
+++ b/frontend/src/layout/index.vue
@@ -24,7 +24,7 @@
         </div>
 
         <el-watermark
-            v-if="globalStore.isMasterProductPro && globalStore.watermark"
+            v-if="globalStore.isMasterProductPro && globalStore.watermarkShow && globalStore.watermark"
             :content="loadContent()"
             :font="{
                 fontSize: globalStore.watermark.fontSize,
diff --git a/frontend/src/store/interface/index.ts b/frontend/src/store/interface/index.ts
index 1b3a22c2b..498ceb6f3 100644
--- a/frontend/src/store/interface/index.ts
+++ b/frontend/src/store/interface/index.ts
@@ -36,6 +36,7 @@ export interface GlobalState {
     isFullScreen: boolean;
     openMenuTabs: boolean;
     watermark: Watermark;
+    watermarkShow: boolean;
     isOnRestart: boolean;
     agreeLicense: boolean;
     hasNewVersion: boolean;
diff --git a/frontend/src/store/modules/global.ts b/frontend/src/store/modules/global.ts
index 2547d944f..4d370fd9c 100644
--- a/frontend/src/store/modules/global.ts
+++ b/frontend/src/store/modules/global.ts
@@ -28,6 +28,7 @@ const GlobalStore = defineStore({
             loginBtnLinkColor: '',
         },
         watermark: null,
+        watermarkShow: false,
         openMenuTabs: false,
         isFullScreen: false,
         isOnRestart: false,
diff --git a/frontend/src/utils/xpack.ts b/frontend/src/utils/xpack.ts
index 2ede4c0e3..5794939c6 100644
--- a/frontend/src/utils/xpack.ts
+++ b/frontend/src/utils/xpack.ts
@@ -11,6 +11,7 @@ export function resetXSetting() {
     globalStore.themeConfig.logoWithText = '';
     globalStore.themeConfig.favicon = '';
     globalStore.watermark = null;
+    globalStore.watermarkShow = false;
     globalStore.masterAlias = '';
 }
 
@@ -116,6 +117,7 @@ export async function getXpackSettingForTheme() {
             if (res2.data?.theme) {
                 globalStore.themeConfig.theme = res2.data.theme;
             }
+            globalStore.watermarkShow = res2.data.watermarkShow === 'Enable';
             try {
                 globalStore.watermark = JSON.parse(res2.data.watermark);
             } catch {
diff --git a/frontend/src/views/setting/panel/index.vue b/frontend/src/views/setting/panel/index.vue
index 6a5211c89..81b8566f1 100644
--- a/frontend/src/views/setting/panel/index.vue
+++ b/frontend/src/views/setting/panel/index.vue
@@ -79,7 +79,7 @@
                             </el-form-item>
 
                             <el-form-item :label="$t('setting.watermark')" v-if="isMasterProductPro" prop="watermark">
-                                <el-radio-group class="w-full" @change="onChangeWatermark" v-model="form.watermarkItem">
+                                <el-radio-group class="w-full" @change="onChangeWatermark" v-model="form.watermarkShow">
                                     <el-radio-button value="Enable">
                                         <span>{{ $t('commons.button.enable') }}</span>
                                     </el-radio-button>
@@ -87,7 +87,7 @@
                                         <span>{{ $t('commons.button.disable') }}</span>
                                     </el-radio-button>
                                 </el-radio-group>
-                                <div v-if="form.watermarkItem === 'Enable'">
+                                <div v-if="form.watermarkShow === 'Enable'">
                                     <div>
                                         <el-button link type="primary" @click="onChangeWatermark">
                                             {{ $t('commons.button.view') }}
@@ -274,7 +274,7 @@ const form = reactive({
     panelName: '',
     theme: '',
     watermark: '',
-    watermarkItem: '',
+    watermarkShow: '',
     themeColor: {} as ThemeColor,
     menuTabs: '',
     language: '',
@@ -372,12 +372,12 @@ const search = async () => {
             globalStore.themeConfig.theme = form.theme;
             form.proxyDocker = xpackRes.data.proxyDocker;
             form.watermark = xpackRes.data.watermark;
+            form.watermarkShow = xpackRes.data.watermarkShow;
             try {
                 globalStore.watermark = JSON.parse(xpackRes.data.watermark);
             } catch {
                 globalStore.watermark = null;
             }
-            form.watermarkItem = xpackRes.data.watermark ? 'Enable' : 'Disable';
         }
     } else {
         globalStore.themeConfig.theme = form.theme;
@@ -421,7 +421,7 @@ const onChangeThemeColor = () => {
 };
 
 const onChangeWatermark = async () => {
-    if (form.watermarkItem === 'Enable') {
+    if (form.watermarkShow === 'Enable') {
         watermarkRef.value.acceptParams(form.watermark);
         return;
     }
@@ -431,10 +431,11 @@ const onChangeWatermark = async () => {
     })
         .then(async () => {
             loading.value = true;
-            await updateXpackSettingByKey('Watermark', '')
+            await updateXpackSettingByKey('WatermarkShow', 'Disable')
                 .then(() => {
                     loading.value = false;
                     globalStore.watermark = null;
+                    globalStore.watermarkShow = false;
                     search();
                     MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
                 })
@@ -443,7 +444,7 @@ const onChangeWatermark = async () => {
                 });
         })
         .catch(() => {
-            form.watermarkItem = 'Enable';
+            form.watermarkShow = 'Enable';
         });
 };
 
diff --git a/frontend/src/views/setting/panel/watermark/index.vue b/frontend/src/views/setting/panel/watermark/index.vue
index 151c0144b..e574cefcc 100644
--- a/frontend/src/views/setting/panel/watermark/index.vue
+++ b/frontend/src/views/setting/panel/watermark/index.vue
@@ -127,6 +127,7 @@ const onSave = async (formEl: FormInstance | undefined) => {
                         rotate: form.rotate,
                         gap: form.gap,
                     };
+                    globalStore.watermarkShow = true;
                     handleClose();
                     return;
                 })