zhusenlin/Yi.Admin
1
0
Fork 0
mirror of https://gitee.com/ccnetcore/Yi synced 2026-04-12 12:16:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 尊享明细表格优化

Browse Source
This commit is contained in:
Gsh
2025-11-16 23:00:19 +08:00
parent 3c5e575e9b
commit 19f0d05a69
2 changed files with 10 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Yi.Ai.Vue3/src/components/userPersonalCenter/components/PremiumUsageList.vue
View File

@@ -303,9 +303,10 @@ onMounted(() => {
stripe
class="usage-table"
empty-text="暂无数据"
border
@sort-change="handleSortChange"
>
<el-table-column prop="packageName" label="包名称" min-width="200" sortable="custom" show-overflow-tooltip align="center" header-align="center" resizable>
<el-table-column prop="packageName" label="包名称" min-width="200" sortable show-overflow-tooltip align="center" header-align="center" resizable>
<template #default="{ row }">
<div class="package-name-cell">
<el-icon class="package-icon" color="#409eff">
@@ -316,7 +317,7 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="总额度" min-width="130" prop="totalTokens" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="总额度" min-width="130" prop="totalTokens" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<div class="token-cell">
<span class="token-value">{{ formatNumber(row.totalTokens) }}</span>
@@ -325,7 +326,7 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="已使用" min-width="130" prop="usedTokens" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="已使用" min-width="130" prop="usedTokens" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<div class="token-cell used">
<span class="token-value">{{ formatNumber(row.usedTokens) }}</span>
@@ -334,7 +335,7 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="剩余" min-width="130" prop="remainingTokens" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="剩余" min-width="130" prop="remainingTokens" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<div class="token-cell remaining">
<span
@@ -366,13 +367,13 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="购买金额" min-width="110" prop="purchaseAmount" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="购买金额" min-width="110" prop="purchaseAmount" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<span class="amount-cell">¥{{ row.purchaseAmount.toFixed(2) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" min-width="90" prop="isActive" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="状态" min-width="90" prop="isActive" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<el-tag :type="row.isActive ? 'success' : 'info'" size="small" effect="dark">
{{ row.isActive ? '激活' : '未激活' }}
@@ -380,7 +381,7 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="创建时间" min-width="170" prop="creationTime" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="创建时间" min-width="170" prop="creationTime" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<div v-if="row.creationTime" class="creation-cell">
<el-icon class="creation-icon">
@@ -392,7 +393,7 @@ onMounted(() => {
</template>
</el-table-column>
<el-table-column label="到期时间" min-width="170" prop="expireDateTime" sortable="custom" align="center" header-align="center" resizable>
<el-table-column label="到期时间" min-width="170" prop="expireDateTime" sortable align="center" header-align="center" resizable>
<template #default="{ row }">
<div v-if="row.expireDateTime" class="expire-cell">
<el-icon class="expire-icon">