From f8094b40b793c7955de3cdc6708114d692b1f5dc Mon Sep 17 00:00:00 2001
From: sion123 <450702724@qq.com>
Date: Wed, 18 Mar 2026 22:30:39 +0800
Subject: [PATCH] feat: update UI components and add benchmark analysis feature

- Disable close button in Toaster notifications
- Add padding to TopNav header and UserDropdown username span
- Import vue-sonner CSS for toast notifications
- Update Agents page header with gradient background
- Add benchmark_analyze business type to Profile view
- Replace storage space stat card with redeem code functionality
- Reorder profile statistics cards and update their content
---
 frontend/app/web-gold/src/App.vue             |  2 +-
 .../app/web-gold/src/components/TopNav.vue    |  2 +-
 .../web-gold/src/components/UserDropdown.vue  |  2 +-
 frontend/app/web-gold/src/main.js             |  1 +
 .../app/web-gold/src/views/agents/Agents.vue  |  2 +-
 .../app/web-gold/src/views/user/Profile.vue   | 43 ++++++++++---------
 .../AppRedemptionCodeController.java          |  2 +-
 7 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/frontend/app/web-gold/src/App.vue b/frontend/app/web-gold/src/App.vue
index 928b788ba0..b91a7e823c 100644
--- a/frontend/app/web-gold/src/App.vue
+++ b/frontend/app/web-gold/src/App.vue
@@ -81,7 +81,7 @@ defineExpose({ toggleTheme, isDark, changeLocale, locale })
     <Toaster
       position="top-center"
       :rich-colors="true"
-      :close-button="true"
+      :close-button="false"
       :duration="4000"
       :expand="false"
       dir="ltr"
diff --git a/frontend/app/web-gold/src/components/TopNav.vue b/frontend/app/web-gold/src/components/TopNav.vue
index 2ce201eb7a..b4a24b0950 100644
--- a/frontend/app/web-gold/src/components/TopNav.vue
+++ b/frontend/app/web-gold/src/components/TopNav.vue
@@ -15,7 +15,7 @@ const shouldShowUser = computed(() => {
 
 <template>
   <header
-    class="fixed top-0 left-0 right-0 flex items-center px-6 h-[70px] bg-background/95 backdrop-blur-sm border-b border-border z-50"
+    class="p-1 fixed top-0 left-0 right-0 flex items-center px-6 h-[70px] bg-background/95 backdrop-blur-sm border-b border-border z-50"
   >
     <div class="flex items-center gap-4 flex-1">
       <BrandLogo :size="36" />
diff --git a/frontend/app/web-gold/src/components/UserDropdown.vue b/frontend/app/web-gold/src/components/UserDropdown.vue
index b7f1bfd09b..0354fbe93f 100644
--- a/frontend/app/web-gold/src/components/UserDropdown.vue
+++ b/frontend/app/web-gold/src/components/UserDropdown.vue
@@ -69,7 +69,7 @@ async function handleLogout() {
       </Avatar>
 
       <!-- 用户名 -->
-      <span class="text-sm font-medium text-foreground truncate">
+      <span class="p-1 text-sm font-medium text-foreground truncate">
         {{ userStore.displayName || '用户' }}
       </span>
 
diff --git a/frontend/app/web-gold/src/main.js b/frontend/app/web-gold/src/main.js
index 76a93a8a85..14534ecac9 100644
--- a/frontend/app/web-gold/src/main.js
+++ b/frontend/app/web-gold/src/main.js
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import 'normalize.css'
 import 'aplayer/dist/APlayer.min.css'
+import 'vue-sonner/style.css'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 import 'dayjs/locale/zh-cn';
 
diff --git a/frontend/app/web-gold/src/views/agents/Agents.vue b/frontend/app/web-gold/src/views/agents/Agents.vue
index 6f4d7302d0..43eadb08b6 100644
--- a/frontend/app/web-gold/src/views/agents/Agents.vue
+++ b/frontend/app/web-gold/src/views/agents/Agents.vue
@@ -427,7 +427,7 @@ onMounted(() => {
 .agents-header {
   position: relative;
   padding: 48px 0 32px;
-  background: var(--color-bg-page);
+  background: linear-gradient(90deg, rgba(56, 189, 248, 0.12) 0%, rgba(99, 102, 241, 0.14) 100%);
   border-bottom: 1px solid var(--color-gray-200);
   z-index: 10;
 }
diff --git a/frontend/app/web-gold/src/views/user/Profile.vue b/frontend/app/web-gold/src/views/user/Profile.vue
index 918d19f575..fbaecb8e60 100644
--- a/frontend/app/web-gold/src/views/user/Profile.vue
+++ b/frontend/app/web-gold/src/views/user/Profile.vue
@@ -130,7 +130,8 @@ function getBizTypeName(bizType) {
     'digital_human': '数字人',
     'voice_tts': '语音克隆',
     'tikhub_fetch': '数据采集',
-    'forecast_rewrite': '文案改写'
+    'forecast_rewrite': '文案改写',
+    'benchmark_analyze': '对标分析'
   }
   return typeMap[bizType] || bizType || '其他'
 }
@@ -228,15 +229,23 @@ onMounted(async () => {
       <div class="lg:col-span-8">
         <!-- 资源概览卡片 -->
         <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
-          <!-- 存储空间 -->
+          <!-- 兑换码充值 -->
           <div class="stat-card">
-            <div class="stat-icon-wrapper blue">
-              <Icon icon="lucide:database" class="text-2xl" />
+            <div class="stat-icon-wrapper green">
+              <Icon icon="lucide:gift" class="text-2xl" />
             </div>
             <div class="stat-content">
-              <div class="stat-label">存储空间</div>
-              <div class="stat-value">{{ formatStorage(usedStorage) }} <span class="stat-unit">/ {{ formatStorage(totalStorage) }}</span></div>
-              <Progress :value="storagePercent" class="stat-progress h-2" />
+              <div class="stat-label">兑换码充值</div>
+              <div class="stat-value" style="font-size: 16px;">
+                <Button
+                  variant="outline"
+                  size="sm"
+                  @click="showRedeemDialog = true"
+                >
+                  输入兑换码
+                </Button>
+              </div>
+              <div class="stat-desc">使用兑换码获取积分</div>
             </div>
           </div>
 
@@ -264,23 +273,15 @@ onMounted(async () => {
             </div>
           </div>
 
-          <!-- 兑换码充值 -->
+          <!-- 存储空间 -->
           <div class="stat-card">
-            <div class="stat-icon-wrapper green">
-              <Icon icon="lucide:gift" class="text-2xl" />
+            <div class="stat-icon-wrapper blue">
+              <Icon icon="lucide:database" class="text-2xl" />
             </div>
             <div class="stat-content">
-              <div class="stat-label">兑换码充值</div>
-              <div class="stat-value" style="font-size: 16px;">
-                <Button
-                  variant="outline"
-                  size="sm"
-                  @click="showRedeemDialog = true"
-                >
-                  输入兑换码
-                </Button>
-              </div>
-              <div class="stat-desc">使用兑换码获取积分</div>
+              <div class="stat-label">存储空间</div>
+              <div class="stat-value">{{ formatStorage(usedStorage) }} <span class="stat-unit">/ {{ formatStorage(totalStorage) }}</span></div>
+              <Progress :value="storagePercent" class="stat-progress h-2" />
             </div>
           </div>
         </div>
diff --git a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/muye/redemptioncode/AppRedemptionCodeController.java b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/muye/redemptioncode/AppRedemptionCodeController.java
index 9f5de89533..75ed15eaaa 100644
--- a/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/muye/redemptioncode/AppRedemptionCodeController.java
+++ b/yudao-module-tik/src/main/java/cn/iocoder/yudao/module/tik/muye/redemptioncode/AppRedemptionCodeController.java
@@ -20,7 +20,7 @@ import static cn.iocoder.yudao.framework.common.pojo.CommonResult.success;
  */
 @Tag(name = "用户 App - 兑换码")
 @RestController
-@RequestMapping("/app-api/muye/redemption-code")
+@RequestMapping("/api/muye/redemption-code")
 @Validated
 public class AppRedemptionCodeController {