From 750b247b5b9964e7d033ca600dee0d4fe786fe8d Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Mon, 13 Apr 2026 23:15:56 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A5=97=E8=A3=85=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E5=AF=B9=E6=AF=94=E4=BB=85=E5=95=86=E4=B8=9A=E8=AE=A4=E8=AF=81?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=8F=AF=E7=94=A8=EF=BC=8C=E7=BE=8E=E5=8C=96?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/KitExport.vue |  8 ++++++++
 frontend/src/views/Projects.vue  | 27 ++++++++++++++++++++++++++-
 2 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/KitExport.vue b/frontend/src/views/KitExport.vue
index 1dc89dc..3536af5 100644
--- a/frontend/src/views/KitExport.vue
+++ b/frontend/src/views/KitExport.vue
@@ -109,11 +109,15 @@
 
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useAuthStore } from '../stores/auth'
 import { useOilsStore } from '../stores/oils'
 import { useRecipesStore } from '../stores/recipes'
 import { useUiStore } from '../stores/ui'
 import { useKitCost } from '../composables/useKitCost'
 
+const router = useRouter()
+const auth = useAuthStore()
 const oils = useOilsStore()
 const recipeStore = useRecipesStore()
 const ui = useUiStore()
@@ -125,6 +129,10 @@ const sellingPrices = ref({})
 const activeKitData = computed(() => kitAnalysis.value.find(k => k.id === activeKit.value))
 
 onMounted(async () => {
+  if (!auth.isBusiness && !auth.isAdmin) {
+    router.replace('/projects')
+    return
+  }
   if (!oils.oilNames.length) await oils.loadOils()
   if (!recipeStore.recipes.length) await recipeStore.loadRecipes()
   loadSellingPrices()
diff --git a/frontend/src/views/Projects.vue b/frontend/src/views/Projects.vue
index 07c9871..7738ccc 100644
--- a/frontend/src/views/Projects.vue
+++ b/frontend/src/views/Projects.vue
@@ -10,7 +10,7 @@
     <div class="toolbar-sticky">
       <div class="toolbar-inner">
         <h3 class="page-title">📊 服务项目成本利润分析</h3>
-        <button class="btn-outline btn-sm" @click="$router.push('/kit-export')">套装方案对比</button>
+        <button class="btn-kit-compare" @click="handleKitExport">📦 套装方案对比</button>
         <button class="btn-primary btn-sm" @click="handleCreateProject">+ 新增项目</button>
       </div>
     </div>
@@ -297,6 +297,14 @@ function selectDemoProject() {
   }
 }
 
+function handleKitExport() {
+  if (!auth.isBusiness && !auth.isAdmin) {
+    showCertPrompt()
+    return
+  }
+  router.push('/kit-export')
+}
+
 function handleCreateProject() {
   if (!auth.isBusiness && !auth.isAdmin) {
     showCertPrompt()
@@ -867,6 +875,23 @@ function formatDate(d) {
   font-weight: 500;
 }
 
+.btn-kit-compare {
+  background: linear-gradient(135deg, #f0e6d3 0%, #e8d5b8 100%);
+  color: #7a6540;
+  border: 1.5px solid #d4c4a0;
+  border-radius: 10px;
+  padding: 6px 14px;
+  font-size: 12px;
+  cursor: pointer;
+  font-family: inherit;
+  font-weight: 500;
+  transition: all 0.15s;
+}
+.btn-kit-compare:hover {
+  background: linear-gradient(135deg, #e8d5b8 0%, #d4c4a0 100%);
+  box-shadow: 0 2px 6px rgba(122, 101, 64, 0.15);
+}
+
 /* Buttons */
 .btn-primary {
   background: linear-gradient(135deg, #7ec6a4 0%, #4a9d7e 100%);