代码修改
This commit is contained in:
qiuyuan
parent
b2ebdca17d
commit
6ec2e38d13
@ -318,7 +318,7 @@ const performExchange = async () => {
|
||||
|
||||
try {
|
||||
// 调用兑换接口
|
||||
const response = await exchangePoint({
|
||||
const response:any = await exchangePoint({
|
||||
exchange_value: selectedExchangeAmount.value
|
||||
})
|
||||
console.log('兑换结果:', response)
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
<!-- 左侧栏：实例、数据、邀请好友 -->
|
||||
<a-col :span="16">
|
||||
<!-- 实例卡片 -->
|
||||
<a-card title="GPU容器实例" class="card">
|
||||
<a-card title="GPU容器实例" class="card gpu-card">
|
||||
<a-row :gutter="32" align="middle">
|
||||
<!-- 第一栏：容器实例和运行中 -->
|
||||
<a-col :span="18">
|
||||
@ -44,14 +44,17 @@
|
||||
|
||||
<!-- 邀请好友卡片 -->
|
||||
<a-card title="邀请好友得算力券" class="card margin-top">
|
||||
<template #extra>
|
||||
<a-button type="link" @click="goToRules">活动规则</a-button>
|
||||
</template>
|
||||
<a-row :gutter="24" class="invite-container">
|
||||
<!-- 左侧：邀请信息和链接 -->
|
||||
<a-col :span="24">
|
||||
<div class="invite-content">
|
||||
<div class="invite-status">
|
||||
<div class="status-icon">
|
||||
<!-- <div class="status-icon">
|
||||
<LinkOutlined />
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="status-text">
|
||||
<div class="status-title">暂无邀请链接</div>
|
||||
<div class="status-desc">
|
||||
@ -61,33 +64,15 @@
|
||||
</div>
|
||||
|
||||
<div class="invite-actions">
|
||||
<a-button
|
||||
type="primary"
|
||||
class="generate-btn"
|
||||
@click="generateInviteLink"
|
||||
>
|
||||
<a-button type="primary" class="generate-btn" @click="generateInviteLink">
|
||||
<template #icon>
|
||||
<PlusOutlined />
|
||||
</template>
|
||||
生成邀请链接
|
||||
</a-button>
|
||||
|
||||
<!-- 新增：活动规则链接 -->
|
||||
<a-button
|
||||
type="link"
|
||||
class="rules-link"
|
||||
@click="goToRules"
|
||||
>
|
||||
<template #icon>
|
||||
<QuestionCircleOutlined />
|
||||
</template>
|
||||
查看活动规则
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
|
||||
|
||||
</a-row>
|
||||
</a-card>
|
||||
</a-col>
|
||||
@ -112,10 +97,12 @@
|
||||
<CopyOutlined />
|
||||
</i>
|
||||
</p>
|
||||
<a-tag :color="getCertifyName(userInfo.certificationStatus).color">{{ getCertifyName(userInfo.certificationStatus).name }}</a-tag>
|
||||
<a-tag :color="getCertifyName(userInfo.certificationStatus).color">{{
|
||||
getCertifyName(userInfo.certificationStatus).name }}</a-tag>
|
||||
<!-- <p>{{getCertifyName(userInfo.certificationStatus).name}}</p> -->
|
||||
</div>
|
||||
<span class="btn-item" style="cursor: pointer;" @click="router.push('/layout/admin/accountSet')">
|
||||
<span class="btn-item" style="cursor: pointer;"
|
||||
@click="router.push('/layout/admin/accountSet')">
|
||||
账户设置
|
||||
<ArrowRightOutlined />
|
||||
</span>
|
||||
@ -125,9 +112,9 @@
|
||||
|
||||
<!-- 我的余额 -->
|
||||
<div class="asset-item">
|
||||
<div class="asset-icon-box balance-icon">
|
||||
<!-- <div class="asset-icon-box balance-icon">
|
||||
<WalletOutlined class="asset-icon" />
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="asset-content">
|
||||
<div class="asset-name">我的余额</div>
|
||||
<div class="asset-value" v-if="userInfo.balance >= 0">
|
||||
@ -143,9 +130,9 @@
|
||||
|
||||
<!-- 我的权益 -->
|
||||
<div class="asset-item">
|
||||
<div class="asset-icon-box coupon-icon">
|
||||
<!-- <div class="asset-icon-box coupon-icon">
|
||||
<TagOutlined class="asset-icon" />
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="asset-content">
|
||||
<div class="asset-name">我的权益</div>
|
||||
<div class="rights-info">
|
||||
@ -155,7 +142,7 @@
|
||||
<span class="rights-text">算力点</span>
|
||||
</div>
|
||||
<div class="rights-value">
|
||||
<span class="rights-amount">{{ userInfo.computingPowerPoint}}</span>
|
||||
<span class="rights-amount">{{ userInfo.computingPowerPoint }}</span>
|
||||
<span class="rights-unit">点</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -306,12 +293,15 @@ const goToInvoice = () => {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
.gpu-card {
|
||||
background: linear-gradient(180deg, rgba(250, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
|
||||
}
|
||||
|
||||
.margin-top {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 实例卡片样式 */
|
||||
.stats-column {
|
||||
display: flex;
|
||||
@ -395,7 +385,9 @@ const goToInvoice = () => {
|
||||
}
|
||||
|
||||
.status-text {
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.status-title {
|
||||
@ -413,10 +405,8 @@ const goToInvoice = () => {
|
||||
}
|
||||
|
||||
.invite-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
margin-top: 8px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.generate-btn {
|
||||
@ -689,14 +679,16 @@ const goToInvoice = () => {
|
||||
/* 算力点特殊样式 */
|
||||
.rights-item:first-child {
|
||||
.rights-amount {
|
||||
color: #fa8c16; /* 算力点用橙色 */
|
||||
color: #fa8c16;
|
||||
/* 算力点用橙色 */
|
||||
}
|
||||
}
|
||||
|
||||
/* 算力券特殊样式 */
|
||||
.rights-item:last-child {
|
||||
.rights-amount {
|
||||
color: #1890ff; /* 算力券用蓝色 */
|
||||
color: #1890ff;
|
||||
/* 算力券用蓝色 */
|
||||
}
|
||||
}
|
||||
|
||||
@ -731,6 +723,7 @@ const goToInvoice = () => {
|
||||
|
||||
.nav-account {
|
||||
padding-left: 10px;
|
||||
margin-top: -20px;
|
||||
|
||||
:first-child {
|
||||
font-weight: 500;
|
||||
@ -767,7 +760,7 @@ const goToInvoice = () => {
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
padding: 2px 5px;
|
||||
margin-top: 42px;
|
||||
margin-top: 30px;
|
||||
margin-left: 10px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid rgba(166, 166, 166, 1);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user