|
|
@@ -171,26 +171,26 @@
|
|
|
:style="{ stroke: usageColor }"
|
|
|
/>
|
|
|
</svg>
|
|
|
- <span class="usage-symbol">¥</span>
|
|
|
+ <span class="usage-symbol">T</span>
|
|
|
</div>
|
|
|
</a-tooltip>
|
|
|
<div v-if="showUsagePopup" class="usage-popup" @click.stop>
|
|
|
<div class="usage-popup-title">今日用量</div>
|
|
|
<div class="usage-popup-info">
|
|
|
- <span class="usage-spent">¥{{ usageSpentYuan }}</span>
|
|
|
+ <span class="usage-spent">{{ usageSpentTokens }} </span>
|
|
|
<span class="usage-sep">/</span>
|
|
|
- <span class="usage-limit">¥{{ usageLimitYuan }}</span>
|
|
|
+ <span class="usage-limit">{{ usageLimitTokens }} </span>
|
|
|
<span class="usage-pct">({{ usagePercent }}%)</span>
|
|
|
</div>
|
|
|
<div class="usage-popup-bar-track">
|
|
|
<div class="usage-popup-bar-fill" :style="{ width: usagePercent + '%', background: usageColor }"></div>
|
|
|
</div>
|
|
|
- <div class="usage-remaining">剩余额度 ¥{{ usageRemainingYuan }}</div>
|
|
|
+ <div class="usage-remaining">剩余额度 {{ usageRemainingTokens }}</div>
|
|
|
<div v-if="usageByModel.length > 0" class="usage-breakdown">
|
|
|
<div v-for="item in usageByModel" :key="item.model" class="usage-model-item">
|
|
|
<!-- <div class="usage-model-header">
|
|
|
<span class="usage-model-name">{{ item.model }}</span>
|
|
|
- <span class="usage-model-cost">¥{{ fenToYuan(item.cost_fen) }}</span>
|
|
|
+ <span class="usage-model-cost">{{ formatTokens(item.tokens) }}</span>
|
|
|
</div> -->
|
|
|
<div class="usage-model-row">
|
|
|
<span class="usage-model-label">输入命中</span>
|
|
|
@@ -458,11 +458,9 @@
|
|
|
return '#52c41a';
|
|
|
});
|
|
|
|
|
|
- const fenToYuan = (fen: number) => (fen / 100).toFixed(2);
|
|
|
-
|
|
|
- const usageSpentYuan = computed(() => fenToYuan(props.usageSpent));
|
|
|
- const usageLimitYuan = computed(() => fenToYuan(props.usageLimit));
|
|
|
- const usageRemainingYuan = computed(() => fenToYuan(Math.max(0, props.usageRemaining ?? props.usageLimit - props.usageSpent)));
|
|
|
+ const usageSpentTokens = computed(() => formatTokens(props.usageSpent));
|
|
|
+ const usageLimitTokens = computed(() => formatTokens(props.usageLimit));
|
|
|
+ const usageRemainingTokens = computed(() => formatTokens(Math.max(0, props.usageRemaining ?? props.usageLimit - props.usageSpent)));
|
|
|
|
|
|
const toggleUsagePopup = () => {
|
|
|
showUsagePopup.value = !showUsagePopup.value;
|