fix: 修复前端报错的缺陷

--bug=1048335 --user=王孝刚 【系统设置】扫描登录页面弹出错误信息：Missing parameters https://www.tapd.cn/57709429/s/1601519

ui/src/locales/lang/zh_CN/views/application-overview.ts

@@ -11,7 +11,7 @@ export default {
     embedThirdParty: '嵌入第三方',
     accessRestrictions: '访问限制',
     displaySetting: '显示设置',
-    apiAccessCredentials: 'API访问凭据',
+    apiAccessCredentials: 'API 访问凭据',
     apiKey: 'API Key',
     refreshToken: {
       msgConfirm1: '是否重新生成公开访问链接?',

ui/src/views/application-overview/component/XPackDisplaySettingDialog.vue

@@ -171,7 +171,7 @@
                 action="#"
                 :auto-upload="false"
                 :show-file-list="false"
-                accept="image/*"
+                accept="image/jpeg, image/png, image/gif"
                 :on-change="(file: any, fileList: any) => onChange(file, fileList, 'user_avatar')"
               >
                 <el-button size="small"> 替换 </el-button>
@@ -190,7 +190,7 @@
                 action="#"
                 :auto-upload="false"
                 :show-file-list="false"
-                accept="image/*"
+                accept="image/jpeg, image/png, image/gif"
                 :on-change="(file: any, fileList: any) => onChange(file, fileList, 'avatar')"
               >
                 <el-button size="small"> 替换 </el-button>
@@ -208,7 +208,7 @@
                 action="#"
                 :auto-upload="false"
                 :show-file-list="false"
-                accept="image/*"
+                accept="image/jpeg, image/png, image/gif"
                 :on-change="(file: any, fileList: any) => onChange(file, fileList, 'float_icon')"
               >
                 <el-button size="small"> 替换 </el-button>

ui/src/views/login/components/dingtalkQrCode.vue

@@ -11,7 +11,7 @@
 <script lang="ts" setup>
 import { useRouter } from 'vue-router'
 import { useScriptTag } from '@vueuse/core'
-import { defineProps, onMounted, ref } from 'vue'
+import { defineProps, ref, watch } from 'vue'
 import useStore from '@/stores'
 import { MsgError } from '@/utils/message'
 
@@ -121,13 +121,16 @@ const initActive = async () => {
   }
 }
 
-onMounted(() => {
+watch(
-  // Simulate config loading completion
+  () => props.config,
-  setTimeout(() => {
+  (newConfig) => {
-    isConfigReady.value = true
+    if (newConfig.app_secret && newConfig.app_key && newConfig.crop_id) {
-    initActive()
+      isConfigReady.value = true
-  }, 1000)
+      initActive()
-})
+    }
+  },
+  { immediate: true }
+)
 </script>
 
 <style lang="scss">

ui/src/views/theme/index.vue

@@ -43,7 +43,7 @@
                             action="#"
                             :auto-upload="false"
                             :show-file-list="false"
-                            accept="image/*"
+                            accept="image/jpeg, image/png, image/gif"
                             :on-change="
                               (file: any, fileList: any) => onChange(file, fileList, 'icon')
                             "
@@ -52,8 +52,8 @@
                           </el-upload>
                         </div>
                         <el-text type="info" size="small"
-                          >顶部网站显示的 Logo，建议尺寸 48*48，支持 JPG、PNG、SVG，大小不超过
+                          >顶部网站显示的 Logo，建议尺寸 48*48，支持 JPG、PNG、GIF，大小不超过 10
-                          200KB</el-text
+                          MB</el-text
                         >
                       </el-card>
                       <el-card shadow="never" class="mb-8">
@@ -64,7 +64,7 @@
                             action="#"
                             :auto-upload="false"
                             :show-file-list="false"
-                            accept="image/*"
+                            accept="image/jpeg, image/png, image/gif"
                             :on-change="
                               (file: any, fileList: any) => onChange(file, fileList, 'loginLogo')
                             "
@@ -73,8 +73,8 @@
                           </el-upload>
                         </div>
                         <el-text type="info" size="small"
-                          >登录页面右侧 Logo，建议尺寸 204*52，支持 JPG、PNG、SVG，大小不超过
+                          >登录页面右侧 Logo，建议尺寸 204*52，支持 JPG、PNG、GIF，大小不超过 10
-                          200KB</el-text
+                          MB</el-text
                         >
                       </el-card>
                       <el-card shadow="never" class="mb-8">
@@ -85,7 +85,7 @@
                             action="#"
                             :auto-upload="false"
                             :show-file-list="false"
-                            accept="image/*"
+                            accept="image/jpeg, image/png, image/gif"
                             :on-change="
                               (file: any, fileList: any) => onChange(file, fileList, 'loginImage')
                             "
@@ -95,7 +95,7 @@
                         </div>
                         <el-text type="info" size="small">
                           左侧背景图，矢量图建议尺寸 576*900，位图建议尺寸 1152*1800；支持
-                          JPG、PNG、SVG，大小不超过 5M
+                          JPG、PNG、GIF，大小不超过 10 MB
                         </el-text>
                       </el-card>