|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
<!-- 子菜单与内容容器布局组件 --> |
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { Divider } from 'ant-design-vue' |
|
|
|
|
import { Divider, Popover } from 'ant-design-vue' |
|
|
|
|
|
|
|
|
|
import { computed } from 'vue' |
|
|
|
|
import money from '@/assets/images/money.png' |
|
|
|
@ -33,7 +33,35 @@ function separator(num: number | string) {
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="num"> |
|
|
|
|
{{ (info?.totalPoints ?? 0) > 0 ? separator(info?.totalPoints as number) : 0 }} |
|
|
|
|
<Popover placement="top" trigger="hover"> |
|
|
|
|
<template #title> |
|
|
|
|
<span> 当前套餐:{{ info?.goodsName }}</span> |
|
|
|
|
</template> |
|
|
|
|
<template #content> |
|
|
|
|
<div class="meal flex justify-between p-t-10px"> |
|
|
|
|
<div>GPT3.5版本</div> |
|
|
|
|
<div>{{ separator(info?.gpt35Num as number) }}条</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="meal flex justify-between p-t-10px"> |
|
|
|
|
<div>GPT4.0版本</div> |
|
|
|
|
<div>{{ separator(info?.gpt40Num as number) }}条</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="meal flex justify-between p-t-10px"> |
|
|
|
|
<div>AI绘图</div> |
|
|
|
|
<div>{{ separator(info?.pictureNum as number) }}幅</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="meal flex justify-between p-t-10px"> |
|
|
|
|
<div>图片分析</div> |
|
|
|
|
<div>{{ separator(info?.imageAnalysisNum as number) }}次</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="meal flex justify-between p-t-10px"> |
|
|
|
|
<div>知识库</div> |
|
|
|
|
<div>{{ separator(info?.knowledgeBaseNum as string) }}</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
{{ (info?.totalPoints ?? 0) > 0 ? separator(info?.totalPoints as number) : 0 }} |
|
|
|
|
</Popover> |
|
|
|
|
</div> |
|
|
|
|
<div class="pay" @click="handleRecharge"> |
|
|
|
|
充值 |
|
|
|
@ -100,6 +128,7 @@ function separator(num: number | string) {
|
|
|
|
|
font-weight: normal; |
|
|
|
|
color: #000000; |
|
|
|
|
line-height: 21px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
.pay { |
|
|
|
|
width: 45px; |
|
|
|
|