feat: 开始评估前判断剩余评估次数

web1/src/views/home/index.vue

@@ -8,7 +8,9 @@
           <img src="@/assets/images/logo.png" alt="logo" />
         </div>
         <h1 class="main-title">非遗IP价值评估系统</h1>
-        <p class="subtitle">基于深度学习算法的智能评估系统，为您的知识产权和非物质文化遗产提供专业的价值评估服务</p>
+        <p class="subtitle">
+          基于深度学习算法的智能评估系统，为您的知识产权和非物质文化遗产提供专业的价值评估服务
+        </p>
 
         <div class="action-section">
           <button class="start-btn" @click="handleStartEvaluation">
@@ -24,11 +26,21 @@
 <script setup>
 import { useRouter } from 'vue-router'
 import AppHeader from '@/components/AppHeader.vue'
+import api from '@/api'
 
 const router = useRouter()
 
-function handleStartEvaluation() {
+async function handleStartEvaluation() {
+  try {
+    const res = await api.userQuota()
+    if (res && res.data && res.data.remaining_count > 0) {
       router.push('/pages')
+    } else {
+      $message.error('剩余评估次数不足！')
+    }
+  } catch (err) {
+    console.log(err)
+  }
 }
 </script>
 
@@ -46,7 +58,6 @@ function handleStartEvaluation() {
   overflow: hidden;
 }
 
-
 .content-wrapper {
   flex: 1;
   display: flex;
@@ -97,7 +108,7 @@ function handleStartEvaluation() {
 }
 
 .start-btn {
-  background: linear-gradient(90deg, #880C22 0%, #B81C36 100%);
+  background: linear-gradient(90deg, #880c22 0%, #b81c36 100%);
   color: white;
   border: none;
   padding: 12px 40px;