17ae51c0a0
合并了远程分支 cb72262 的功能更新，同时保留了 ESLint 修复：
**冲突解决详情：**
1. AccountTableFilters.vue
- ✅ 保留 emit 模式修复（避免 vue/no-mutating-props 错误）
- ✅ 添加第三个筛选器 type（账户类型）
- ✅ 新增 antigravity 平台和 inactive 状态选项
2. UserBalanceModal.vue
- ✅ 保留 console.error 错误日志
- ✅ 添加输入验证（金额校验、余额不足检查）
- ✅ 使用 appStore.showError 向用户显示友好错误
3. AccountsView.vue
- ✅ 保留所有 console.error 错误日志（避免 no-empty 错误）
- ✅ 使用新 API：clearRateLimit 和 setSchedulable
4. UsageView.vue
- ✅ 添加 console.error 错误日志
- ✅ 添加图表功能（模型分布、使用趋势）
- ✅ 添加粒度选择（按天/按小时）
- ✅ 保留 XLSX 动态导入优化
**测试结果：**
- ✅ Go tests: PASS
- ✅ golangci-lint: 0 issues
- ✅ ESLint: 0 errors
- ✅ TypeScript: PASS
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
41 lines
2.8 KiB
Vue
41 lines
2.8 KiB
Vue
<template>
|
|
<AppLayout>
|
|
<div class="mx-auto max-w-4xl space-y-6">
|
|
<div class="grid grid-cols-1 gap-6 sm:grid-cols-3">
|
|
<StatCard :title="t('profile.accountBalance')" :value="formatCurrency(user?.balance || 0)" :icon="WalletIcon" icon-variant="success" />
|
|
<StatCard :title="t('profile.concurrencyLimit')" :value="user?.concurrency || 0" :icon="BoltIcon" icon-variant="warning" />
|
|
<StatCard :title="t('profile.memberSince')" :value="formatDate(user?.created_at || '', { year: 'numeric', month: 'long' })" :icon="CalendarIcon" icon-variant="primary" />
|
|
</div>
|
|
<ProfileInfoCard :user="user" />
|
|
<div v-if="contactInfo" class="card border-primary-200 bg-primary-50 dark:bg-primary-900/20 p-6">
|
|
<div class="flex items-center gap-4">
|
|
<div class="p-3 bg-primary-100 rounded-xl text-primary-600"><Icon name="chat" size="lg" /></div>
|
|
<div><h3 class="font-semibold text-primary-800 dark:text-primary-200">{{ t('common.contactSupport') }}</h3><p class="text-sm font-medium">{{ contactInfo }}</p></div>
|
|
</div>
|
|
</div>
|
|
<ProfileEditForm :initial-username="user?.username || ''" />
|
|
<ProfilePasswordForm />
|
|
</div>
|
|
</AppLayout>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, computed, h, onMounted } from 'vue'; import { useI18n } from 'vue-i18n'
|
|
import { useAuthStore } from '@/stores/auth'; import { formatDate } from '@/utils/format'
|
|
import { authAPI } from '@/api'; import AppLayout from '@/components/layout/AppLayout.vue'
|
|
import StatCard from '@/components/common/StatCard.vue'
|
|
import ProfileInfoCard from '@/components/user/profile/ProfileInfoCard.vue'
|
|
import ProfileEditForm from '@/components/user/profile/ProfileEditForm.vue'
|
|
import ProfilePasswordForm from '@/components/user/profile/ProfilePasswordForm.vue'
|
|
import { Icon } from '@/components/icons'
|
|
|
|
const { t } = useI18n(); const authStore = useAuthStore(); const user = computed(() => authStore.user)
|
|
const contactInfo = ref('')
|
|
|
|
const WalletIcon = { render: () => h('svg', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', 'stroke-width': '1.5' }, [h('path', { d: 'M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12' })]) }
|
|
const BoltIcon = { render: () => h('svg', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', 'stroke-width': '1.5' }, [h('path', { d: 'm3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z' })]) }
|
|
const CalendarIcon = { render: () => h('svg', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor', 'stroke-width': '1.5' }, [h('path', { d: 'M6.75 3v2.25M17.25 3v2.25' })]) }
|
|
|
|
onMounted(async () => { try { const s = await authAPI.getPublicSettings(); contactInfo.value = s.contact_info || '' } catch (error) { console.error('Failed to load contact info:', error) } })
|
|
const formatCurrency = (v: number) => `$${v.toFixed(2)}`
|
|
</script> |