chore(cart,coins): fixed cart num change, coins refrash

Author: dodolalorc

src/stores/cart-store.ts

@@ -3,6 +3,7 @@ import { defineStore } from 'pinia'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { useRouter } from 'vue-router'
 import { cartApi, type CartBalance, type CartItem } from '@/api/cart.api'
+import { useUserStore } from '@/stores/user-store'
 
 interface PendingQuantityUpdate {
   quantity: number
@@ -13,6 +14,7 @@ const UPDATE_DEBOUNCE_MS = 400
 
 export const useCartStore = defineStore('cartStore', () => {
   const router = useRouter()
+  const userStore = useUserStore()
 
   const cartItems = ref<CartItem[]>([])
   const filteredItems = computed(() => cartItems.value)
@@ -196,18 +198,19 @@ export const useCartStore = defineStore('cartStore', () => {
       }
 
       if (response.code === 500) {
-        await ElMessageBox.alert(response.message || '结算失败', '结算失败', {
+        await ElMessageBox.alert(response.msg || '结算失败', '结算失败', {
           confirmButtonText: '确定',
           type: 'warning',
         })
         return
       }
 
-      ElMessage.warning(response.message || '结算失败，请稍后重试')
+      ElMessage.warning(response.msg || '结算失败，请稍后重试')
     } catch (error) {
       console.error('结算失败:', error)
       ElMessage.error('结算失败，请稍后重试')
     } finally {
+      await userStore.fetchNavBarData(true)
       isSettling.value = false
     }
   }

src/stores/user-store.ts

@@ -138,14 +138,12 @@ export const useUserStore = defineStore('user', () => {
           message: '登录成功',
         })
       } else {
-        console.error('Login failed:', msg)
         return Promise.reject({
           success: false,
           message: msg,
         })
       }
     } catch (error) {
-      console.error('Login error:', error)
       return Promise.reject({
         success: false,
         message: error instanceof Error ? error.message : String((error as { msg?: unknown }).msg),

src/views/home/components/cartoon-stepper.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="cartoon-stepper-box">
-    <button class="stepper-btn" @click="decrease" :disabled="modelValue <= min || disabled">
+    <button
+      class="stepper-btn"
+      @click="throttledDecrease"
+      :disabled="modelValue <= min || disabled"
+    >
       <el-icon><Minus /></el-icon>
     </button>
     <input
@@ -11,7 +15,11 @@
       @keyup.enter="handleInput"
       :disabled="disabled"
     />
-    <button class="stepper-btn" @click="increase" :disabled="modelValue >= max || disabled">
+    <button
+      class="stepper-btn"
+      @click="throttledIncrease"
+      :disabled="modelValue >= max || disabled"
+    >
       <el-icon><Plus /></el-icon>
     </button>
   </div>
@@ -42,6 +50,16 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue'])
 
+const createThrottle = (fn: () => void, delay = 200) => {
+  let lastExecuteTime = 0
+  return () => {
+    const now = Date.now()
+    if (now - lastExecuteTime < delay) return
+    lastExecuteTime = now
+    fn()
+  }
+}
+
 const decrease = () => {
   if (props.modelValue > props.min) {
     emit('update:modelValue', props.modelValue - 1)
@@ -54,6 +72,9 @@ const increase = () => {
   }
 }
 
+const throttledDecrease = createThrottle(decrease)
+const throttledIncrease = createThrottle(increase)
+
 const handleInput = (e: Event) => {
   const target = e.target as HTMLInputElement
   let value = parseInt(target.value)