fix: resolve frontend build error and order refund bug, add member price filter

This commit is contained in:
2026-01-07 21:49:04 +08:00
parent 5b45f7d5c4
commit a1de16bc01
18 changed files with 772 additions and 282 deletions

View File

@@ -9,11 +9,11 @@
<!-- User Brief -->
<div class="p-6 border-b border-slate-100 bg-slate-50/50">
<div class="flex items-center gap-4">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Felix"
<img :src="user.avatar || `https://api.dicebear.com/7.x/avataaars/svg?seed=${user.id || 'default'}`"
class="w-12 h-12 rounded-full border-2 border-white shadow-sm" />
<div class="overflow-hidden">
<div class="font-bold text-slate-900 truncate">Felix Demo</div>
<div class="text-xs text-slate-500">ID: 9527330</div>
<div class="font-bold text-slate-900 truncate">{{ user.nickname || '用户' }}</div>
<div class="text-xs text-slate-500">ID: {{ user.id }}</div>
</div>
</div>
</div>
@@ -35,6 +35,11 @@
<i class="pi pi-wallet text-lg"></i>
<span>我的钱包</span>
</router-link>
<router-link to="/me/coupons" active-class="bg-primary-50 text-primary-600 font-semibold"
class="flex items-center gap-3 px-4 py-3 rounded-lg text-slate-600 hover:bg-slate-50 transition-colors">
<i class="pi pi-ticket text-lg"></i>
<span>我的优惠券</span>
</router-link>
<router-link to="/me/library" active-class="bg-primary-50 text-primary-600 font-semibold"
class="flex items-center gap-3 px-4 py-3 rounded-lg text-slate-600 hover:bg-slate-50 transition-colors">
<i class="pi pi-book text-lg"></i>
@@ -80,6 +85,9 @@
</template>
<script setup>
import { ref } from 'vue';
import AppFooter from '../components/AppFooter.vue';
import TopNavbar from '../components/TopNavbar.vue';
const user = ref(JSON.parse(localStorage.getItem('user') || '{}'));
</script>