From 8cc5f4b6ed7313eca3df5d56a2934c8b8b2494c0 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Mon, 28 Oct 2024 15:01:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=BA=94=E7=94=A8=E6=A6=82?=
 =?UTF-8?q?=E8=A7=88=E9=A1=B5=E6=98=BE=E7=A4=BA=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1048207 --user=王孝刚 【应用】应用概览页显示设置页面样式优化 https://www.tapd.cn/57709429/s/1599274
---
 .../component/XPackDisplaySettingDialog.vue   | 27 ++++++++++++-------
 .../views/authentication/component/SCAN.vue   |  5 +++-
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
index 756149d7d..0c6c15db7 100644
--- a/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
+++ b/ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue
@@ -196,8 +196,8 @@
                 <el-button size="small"> 替换 </el-button>
               </el-upload>
             </div>
-            <el-text type="info" size="small"
-              >建议尺寸 32*32，支持 JPG、PNG, GIF，大小不超过 10 MB</el-text
+            <el-text type="info" size="small">
+              建议尺寸 64*64，支持 JPG、PNG、GIF，大小不超过 10 MB</el-text
             >
           </el-card>
           <el-card shadow="never" class="mb-8">
@@ -215,7 +215,7 @@
               </el-upload>
             </div>
             <el-text type="info" size="small">
-              建议尺寸 64*64，支持 JPG、PNG, GIF，大小不超过 10 MB
+              建议尺寸 64*64，支持 JPG、PNG、GIF，大小不超过 10 MB
             </el-text>
             <div class="border-t mt-8">
               <div class="flex-between mb-8">
@@ -262,11 +262,14 @@
             <el-checkbox v-model="form.show_history" label="显示历史记录" />
             <el-checkbox v-model="form.show_guide" label="显示引导图（浮窗模式）" />
             <el-checkbox v-model="form.disclaimer" label="免责声明" />
-            <el-input
-              v-if="form.disclaimer"
-              v-model="form.disclaimer_value"
-              style="width: 422px; margin-bottom: 10px"
-            />
+            <el-tooltip :content="form.disclaimer_value" placement="top">
+              <el-input
+                v-if="form.disclaimer"
+                v-model="form.disclaimer_value"
+                style="width: 422px; margin-bottom: 10px"
+                @change="changeValue"
+              />
+            </el-tooltip>
           </el-space>
         </el-form>
       </el-col>
@@ -311,7 +314,7 @@ const defaultSetting = {
   float_icon: '',
   user_avatar: '',
   disclaimer: true,
-  disclaimer_value: '「以上内容均由AI生成，仅供参考和借鉴」',
+  disclaimer_value: '「以上内容均由 AI 生成，仅供参考和借鉴」',
   custom_theme: {
     theme_color: '',
     header_font_color: '#1f2329'
@@ -336,7 +339,7 @@ const xpackForm = ref<any>({
   float_icon: '',
   user_avatar: '',
   disclaimer: true,
-  disclaimer_value: '「以上内容均由AI生成，仅供参考和借鉴」',
+  disclaimer_value: '「以上内容均由 AI 生成，仅供参考和借鉴」',
   custom_theme: {
     theme_color: '',
     header_font_color: '#1f2329'
@@ -412,6 +415,10 @@ const open = (data: any, content: any) => {
   dialogVisible.value = true
 }
 
+const changeValue = (value: string) => {
+  xpackForm.value.disclaimer_value = value
+}
+
 const submit = async (formEl: FormInstance | undefined) => {
   if (!formEl) return
   await formEl.validate((valid, fields) => {
diff --git a/ui/src/views/authentication/component/SCAN.vue b/ui/src/views/authentication/component/SCAN.vue
index c0d254def..eee5efe2c 100644
--- a/ui/src/views/authentication/component/SCAN.vue
+++ b/ui/src/views/authentication/component/SCAN.vue
@@ -54,9 +54,12 @@
                       text
                       @click="toggleShowPassword(item.key)"
                     >
-                      <el-icon>
+                      <el-icon v-if="key === 'app_secret' && !showPassword[item.key]?.[key]">
                         <Hide />
                       </el-icon>
+                      <el-icon v-if="key === 'app_secret' && showPassword[item.key]?.[key]">
+                        <View />
+                      </el-icon>
                     </el-button>
                   </div>
                 </el-col>