mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-17 16:56:38 +08:00
chore: replace 'token' with power
This commit is contained in:
parent
66c0d1b2f7
commit
668d4c9c64
@ -80,7 +80,7 @@ func (h *UserHandler) Register(c *gin.Context) {
|
|||||||
// check if the username is exists
|
// check if the username is exists
|
||||||
var item model.User
|
var item model.User
|
||||||
res := h.db.Where("username = ?", data.Username).First(&item)
|
res := h.db.Where("username = ?", data.Username).First(&item)
|
||||||
if res.RowsAffected > 0 {
|
if item.Id > 0 {
|
||||||
resp.ERROR(c, "该用户名已经被注册")
|
resp.ERROR(c, "该用户名已经被注册")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@ -257,7 +257,7 @@ type userProfile struct {
|
|||||||
Calls int `json:"calls"`
|
Calls int `json:"calls"`
|
||||||
ImgCalls int `json:"img_calls"`
|
ImgCalls int `json:"img_calls"`
|
||||||
TotalTokens int64 `json:"total_tokens"`
|
TotalTokens int64 `json:"total_tokens"`
|
||||||
Tokens int64 `json:"tokens"`
|
Tokens int `json:"tokens"`
|
||||||
ExpiredTime int64 `json:"expired_time"`
|
ExpiredTime int64 `json:"expired_time"`
|
||||||
Vip bool `json:"vip"`
|
Vip bool `json:"vip"`
|
||||||
}
|
}
|
||||||
|
23
database/update-v3.2.8.sql
Normal file
23
database/update-v3.2.8.sql
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
-- 删除用户名重复的用户,只保留一条
|
||||||
|
DELETE FROM chatgpt_users
|
||||||
|
WHERE username IN (
|
||||||
|
SELECT username
|
||||||
|
FROM (
|
||||||
|
SELECT username
|
||||||
|
FROM chatgpt_users
|
||||||
|
GROUP BY username
|
||||||
|
HAVING COUNT(*) > 1
|
||||||
|
) AS temp
|
||||||
|
) AND id NOT IN (
|
||||||
|
SELECT MIN(id)
|
||||||
|
FROM (
|
||||||
|
SELECT id, username
|
||||||
|
FROM chatgpt_users
|
||||||
|
GROUP BY id, username
|
||||||
|
HAVING COUNT(*) > 1
|
||||||
|
) AS temp
|
||||||
|
GROUP BY username
|
||||||
|
);
|
||||||
|
|
||||||
|
-- 给 username 字段建立唯一索引
|
||||||
|
ALTER TABLE `chatgpt_users` ADD UNIQUE(`username`)
|
147
web/src/assets/css/member.css
Normal file
147
web/src/assets/css/member.css
Normal file
@ -0,0 +1,147 @@
|
|||||||
|
.member {
|
||||||
|
background-color: #282c34;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body {
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .count-down {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .pay-qrcode {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .pay-qrcode .el-image {
|
||||||
|
width: 360px;
|
||||||
|
height: 360px;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .tip {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .tip .el-icon {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .tip .text {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.member .el-dialog .el-dialog__body .pay-container .tip.success {
|
||||||
|
color: #07c160;
|
||||||
|
}
|
||||||
|
.member .title {
|
||||||
|
text-align: center;
|
||||||
|
background-color: #25272d;
|
||||||
|
font-size: 24px;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px;
|
||||||
|
border-bottom: 1px solid #3c3c3c;
|
||||||
|
}
|
||||||
|
.member .inner {
|
||||||
|
color: #fff;
|
||||||
|
padding: 15px 0 15px 15px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: visible;
|
||||||
|
}
|
||||||
|
.member .inner .user-profile {
|
||||||
|
padding: 10px 20px 20px 20px;
|
||||||
|
background-color: #393f4a;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 10px;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
.member .inner .user-profile .el-form-item__label {
|
||||||
|
color: #fff;
|
||||||
|
justify-content: start;
|
||||||
|
}
|
||||||
|
.member .inner .user-profile .user-opt .el-col {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.member .inner .user-profile .user-opt .el-col .el-button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .info {
|
||||||
|
padding: 10px 20px 20px 0;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .info .el-alert__description {
|
||||||
|
font-size: 14px !important;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item {
|
||||||
|
border: 1px solid #666;
|
||||||
|
border-radius: 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.3s ease; /* 添加过渡效果 */
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .image-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .image-container .el-image {
|
||||||
|
padding: 6px;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .image-container .el-image .el-image__inner {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-title {
|
||||||
|
display: flex;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-title .name {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #47fff1;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
padding: 5px 0;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .label {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .price,
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .expire,
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line calls {
|
||||||
|
display: flex;
|
||||||
|
width: 90px;
|
||||||
|
justify-content: right;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .price {
|
||||||
|
color: #f56c6c;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .expire {
|
||||||
|
color: #409eff;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .info-line .calls {
|
||||||
|
color: #f2cb51;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .pay-way {
|
||||||
|
padding: 10px 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item .product-info .pay-way .iconfont {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .list-box .product-item:hover {
|
||||||
|
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
|
||||||
|
transform: translateY(-10px); /* 向上移动10像素 */
|
||||||
|
}
|
||||||
|
.member .inner .product-box .headline {
|
||||||
|
padding: 0 20px 20px 0;
|
||||||
|
}
|
||||||
|
.member .inner .product-box .user-order {
|
||||||
|
padding: 0 20px 20px 0;
|
||||||
|
}
|
191
web/src/assets/css/member.styl
Normal file
191
web/src/assets/css/member.styl
Normal file
@ -0,0 +1,191 @@
|
|||||||
|
.member {
|
||||||
|
background-color: #282c34;
|
||||||
|
height 100vh
|
||||||
|
|
||||||
|
.el-dialog {
|
||||||
|
.el-dialog__body {
|
||||||
|
padding-top 10px
|
||||||
|
|
||||||
|
.pay-container {
|
||||||
|
.count-down {
|
||||||
|
display flex
|
||||||
|
justify-content center
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-qrcode {
|
||||||
|
display flex
|
||||||
|
justify-content center
|
||||||
|
|
||||||
|
.el-image {
|
||||||
|
width 360px;
|
||||||
|
height 360px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
display flex
|
||||||
|
justify-content center
|
||||||
|
|
||||||
|
.el-icon {
|
||||||
|
font-size 24px
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
font-size: 16px
|
||||||
|
margin-left 10px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip.success {
|
||||||
|
color #07c160
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-align center
|
||||||
|
background-color #25272d
|
||||||
|
font-size 24px
|
||||||
|
color #ffffff
|
||||||
|
padding 10px
|
||||||
|
border-bottom 1px solid #3c3c3c
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner {
|
||||||
|
color #ffffff
|
||||||
|
padding 15px 0 15px 15px;
|
||||||
|
overflow-x hidden
|
||||||
|
overflow-y visible
|
||||||
|
|
||||||
|
.user-profile {
|
||||||
|
padding 10px 20px 20px 20px
|
||||||
|
background-color #393F4A
|
||||||
|
color #ffffff
|
||||||
|
border-radius 10px
|
||||||
|
height 100vh
|
||||||
|
|
||||||
|
.el-form-item__label {
|
||||||
|
color #ffffff
|
||||||
|
justify-content start
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-opt {
|
||||||
|
.el-col {
|
||||||
|
padding 10px
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width 100%
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.product-box {
|
||||||
|
.info {
|
||||||
|
.el-alert__description {
|
||||||
|
font-size 14px !important
|
||||||
|
margin 0
|
||||||
|
}
|
||||||
|
padding 10px 20px 20px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-box {
|
||||||
|
.product-item {
|
||||||
|
border 1px solid #666666
|
||||||
|
border-radius 6px
|
||||||
|
overflow hidden
|
||||||
|
cursor pointer
|
||||||
|
transition: all 0.3s ease; /* 添加过渡效果 */
|
||||||
|
|
||||||
|
.image-container {
|
||||||
|
display flex
|
||||||
|
justify-content center
|
||||||
|
|
||||||
|
.el-image {
|
||||||
|
padding 6px
|
||||||
|
|
||||||
|
.el-image__inner {
|
||||||
|
border-radius 10px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-title {
|
||||||
|
display flex
|
||||||
|
padding 10px
|
||||||
|
|
||||||
|
.name {
|
||||||
|
width 100%
|
||||||
|
text-align center
|
||||||
|
font-size 16px
|
||||||
|
font-weight bold
|
||||||
|
color #47fff1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-info {
|
||||||
|
padding 10px 20px
|
||||||
|
font-size 14px
|
||||||
|
color #999999
|
||||||
|
|
||||||
|
.info-line {
|
||||||
|
display flex
|
||||||
|
width 100%
|
||||||
|
padding 5px 0
|
||||||
|
|
||||||
|
.label {
|
||||||
|
display flex
|
||||||
|
width 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.price, .expire, calls {
|
||||||
|
display flex
|
||||||
|
width 90px
|
||||||
|
justify-content right
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
color #f56c6c
|
||||||
|
}
|
||||||
|
|
||||||
|
.expire {
|
||||||
|
color #409eff
|
||||||
|
}
|
||||||
|
|
||||||
|
.calls {
|
||||||
|
color #F2CB51
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.pay-way {
|
||||||
|
padding 10px 0
|
||||||
|
display flex
|
||||||
|
justify-content: space-between
|
||||||
|
|
||||||
|
.iconfont {
|
||||||
|
margin-right 5px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
|
||||||
|
transform: translateY(-10px); /* 向上移动10像素 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
padding 0 20px 20px 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-order {
|
||||||
|
padding 0 20px 20px 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
@ -9,7 +9,7 @@
|
|||||||
<div class="content" v-html="content"></div>
|
<div class="content" v-html="content"></div>
|
||||||
<div class="bar" v-if="createdAt !== ''">
|
<div class="bar" v-if="createdAt !== ''">
|
||||||
<span class="bar-item"><el-icon><Clock/></el-icon> {{ createdAt }}</span>
|
<span class="bar-item"><el-icon><Clock/></el-icon> {{ createdAt }}</span>
|
||||||
<span class="bar-item">tokens: {{ finalTokens }}</span>
|
<span class="bar-item">算力消耗: {{ finalTokens }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<div class="content" v-html="content"></div>
|
<div class="content" v-html="content"></div>
|
||||||
<div class="bar" v-if="createdAt !== ''">
|
<div class="bar" v-if="createdAt !== ''">
|
||||||
<span class="bar-item"><el-icon><Clock/></el-icon> {{ createdAt }}</span>
|
<span class="bar-item"><el-icon><Clock/></el-icon> {{ createdAt }}</span>
|
||||||
<span class="bar-item">tokens: {{ tokens }}</span>
|
<span class="bar-item">算力消耗: {{ tokens }}</span>
|
||||||
<el-tooltip
|
<el-tooltip
|
||||||
class="box-item"
|
class="box-item"
|
||||||
effect="light"
|
effect="light"
|
||||||
|
@ -18,10 +18,10 @@
|
|||||||
<el-form-item label="剩余绘图次数">
|
<el-form-item label="剩余绘图次数">
|
||||||
<el-tag>{{ user['img_calls'] }}</el-tag>
|
<el-tag>{{ user['img_calls'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="本月消耗电量">
|
<el-form-item label="本月算力消耗">
|
||||||
<el-tag type="info">{{ user['tokens'] }}</el-tag>
|
<el-tag type="info">{{ user['tokens'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="累计消耗电量">
|
<el-form-item label="累计算力消耗">
|
||||||
<el-tag type="info">{{ user['total_tokens'] }}</el-tag>
|
<el-tag type="info">{{ user['total_tokens'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员到期时间" v-if="user['expired_time'] > 0">
|
<el-form-item label="会员到期时间" v-if="user['expired_time'] > 0">
|
||||||
|
@ -62,7 +62,7 @@ import {Delete, PictureFilled, Plus} from "@element-plus/icons-vue";
|
|||||||
import {isImage, removeArrayItem} from "@/utils/libs";
|
import {isImage, removeArrayItem} from "@/utils/libs";
|
||||||
|
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
userId: String,
|
userId: Number,
|
||||||
});
|
});
|
||||||
const emits = defineEmits(['selected']);
|
const emits = defineEmits(['selected']);
|
||||||
const show = ref(false)
|
const show = ref(false)
|
||||||
|
@ -35,10 +35,10 @@
|
|||||||
<el-form-item label="剩余绘图次数">
|
<el-form-item label="剩余绘图次数">
|
||||||
<el-tag>{{ user['img_calls'] }}</el-tag>
|
<el-tag>{{ user['img_calls'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="本月消耗电量">
|
<el-form-item label="本月算力消耗">
|
||||||
<el-tag type="info">{{ user['tokens'] }}</el-tag>
|
<el-tag type="info">{{ user['tokens'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="累计消耗电量">
|
<el-form-item label="累计算力消耗">
|
||||||
<el-tag type="info">{{ user['total_tokens'] }}</el-tag>
|
<el-tag type="info">{{ user['total_tokens'] }}</el-tag>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员到期时间" v-if="user['expired_time'] > 0">
|
<el-form-item label="会员到期时间" v-if="user['expired_time'] > 0">
|
||||||
|
@ -63,6 +63,18 @@
|
|||||||
<span class="expire" v-else>长期有效</span>
|
<span class="expire" v-else>长期有效</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="info-line">
|
||||||
|
<span class="label">对话次数:</span>
|
||||||
|
<span class="calls" v-if="scope.item.calls > 0">{{ scope.item.calls }}</span>
|
||||||
|
<span class="calls" v-else>{{ vipMonthCalls }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="info-line">
|
||||||
|
<span class="label">绘图次数:</span>
|
||||||
|
<span class="calls" v-if="scope.item.img_calls > 0">{{ scope.item.img_calls }}</span>
|
||||||
|
<span class="calls" v-else>{{ vipMonthImgCalls }}</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="pay-way">
|
<div class="pay-way">
|
||||||
<el-button type="primary" @click="alipay(scope.item)" size="small" v-if="payWays['alipay']">
|
<el-button type="primary" @click="alipay(scope.item)" size="small" v-if="payWays['alipay']">
|
||||||
<i class="iconfont icon-alipay"></i> 支付宝
|
<i class="iconfont icon-alipay"></i> 支付宝
|
||||||
@ -192,6 +204,8 @@ const countDownRef = ref(null)
|
|||||||
const orderTimeout = ref(1800)
|
const orderTimeout = ref(1800)
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
const orderPayInfoText = ref("")
|
const orderPayInfoText = ref("")
|
||||||
|
const vipMonthCalls = ref(0)
|
||||||
|
const vipMonthImgCalls = ref(0)
|
||||||
|
|
||||||
const payWays = ref({})
|
const payWays = ref({})
|
||||||
const payName = ref("支付宝")
|
const payName = ref("支付宝")
|
||||||
@ -218,6 +232,8 @@ onMounted(() => {
|
|||||||
if (res.data['order_pay_timeout'] > 0) {
|
if (res.data['order_pay_timeout'] > 0) {
|
||||||
orderTimeout.value = res.data['order_pay_timeout']
|
orderTimeout.value = res.data['order_pay_timeout']
|
||||||
}
|
}
|
||||||
|
vipMonthCalls.value = res.data['vip_month_calls']
|
||||||
|
vipMonthImgCalls.value = res.data['vip_month_img_calls']
|
||||||
}).catch(e => {
|
}).catch(e => {
|
||||||
ElMessage.error("获取系统配置失败:" + e.message)
|
ElMessage.error("获取系统配置失败:" + e.message)
|
||||||
})
|
})
|
||||||
@ -341,191 +357,5 @@ const closeOrder = () => {
|
|||||||
|
|
||||||
<style lang="stylus">
|
<style lang="stylus">
|
||||||
@import "@/assets/css/custom-scroll.styl"
|
@import "@/assets/css/custom-scroll.styl"
|
||||||
.member {
|
@import "@/assets/css/member.styl"
|
||||||
background-color: #282c34;
|
|
||||||
height 100vh
|
|
||||||
|
|
||||||
.el-dialog {
|
|
||||||
.el-dialog__body {
|
|
||||||
padding-top 10px
|
|
||||||
|
|
||||||
.pay-container {
|
|
||||||
.count-down {
|
|
||||||
display flex
|
|
||||||
justify-content center
|
|
||||||
}
|
|
||||||
|
|
||||||
.pay-qrcode {
|
|
||||||
display flex
|
|
||||||
justify-content center
|
|
||||||
|
|
||||||
.el-image {
|
|
||||||
width 360px;
|
|
||||||
height 360px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip {
|
|
||||||
display flex
|
|
||||||
justify-content center
|
|
||||||
|
|
||||||
.el-icon {
|
|
||||||
font-size 24px
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
font-size: 16px
|
|
||||||
margin-left 10px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip.success {
|
|
||||||
color #07c160
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
text-align center
|
|
||||||
background-color #25272d
|
|
||||||
font-size 24px
|
|
||||||
color #ffffff
|
|
||||||
padding 10px
|
|
||||||
border-bottom 1px solid #3c3c3c
|
|
||||||
}
|
|
||||||
|
|
||||||
.inner {
|
|
||||||
color #ffffff
|
|
||||||
padding 15px 0 15px 15px;
|
|
||||||
overflow-x hidden
|
|
||||||
overflow-y visible
|
|
||||||
|
|
||||||
.user-profile {
|
|
||||||
padding 10px 20px 20px 20px
|
|
||||||
background-color #393F4A
|
|
||||||
color #ffffff
|
|
||||||
border-radius 10px
|
|
||||||
height 100vh
|
|
||||||
|
|
||||||
.el-form-item__label {
|
|
||||||
color #ffffff
|
|
||||||
justify-content start
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-opt {
|
|
||||||
.el-col {
|
|
||||||
padding 10px
|
|
||||||
|
|
||||||
.el-button {
|
|
||||||
width 100%
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.product-box {
|
|
||||||
.info {
|
|
||||||
.el-alert__description {
|
|
||||||
font-size 14px !important
|
|
||||||
margin 0
|
|
||||||
}
|
|
||||||
padding 10px 20px 20px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-box {
|
|
||||||
.product-item {
|
|
||||||
border 1px solid #666666
|
|
||||||
border-radius 6px
|
|
||||||
overflow hidden
|
|
||||||
cursor pointer
|
|
||||||
transition: all 0.3s ease; /* 添加过渡效果 */
|
|
||||||
|
|
||||||
.image-container {
|
|
||||||
display flex
|
|
||||||
justify-content center
|
|
||||||
|
|
||||||
.el-image {
|
|
||||||
padding 6px
|
|
||||||
|
|
||||||
.el-image__inner {
|
|
||||||
border-radius 10px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-title {
|
|
||||||
display flex
|
|
||||||
padding 10px
|
|
||||||
|
|
||||||
.name {
|
|
||||||
width 100%
|
|
||||||
text-align center
|
|
||||||
font-size 16px
|
|
||||||
font-weight bold
|
|
||||||
color #47fff1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.product-info {
|
|
||||||
padding 10px 20px
|
|
||||||
font-size 14px
|
|
||||||
color #999999
|
|
||||||
|
|
||||||
.info-line {
|
|
||||||
display flex
|
|
||||||
width 100%
|
|
||||||
padding 5px 0
|
|
||||||
|
|
||||||
.label {
|
|
||||||
display flex
|
|
||||||
width 100%
|
|
||||||
}
|
|
||||||
|
|
||||||
.price, .expire {
|
|
||||||
display flex
|
|
||||||
width 90px
|
|
||||||
justify-content right
|
|
||||||
}
|
|
||||||
|
|
||||||
.price {
|
|
||||||
color #f56c6c
|
|
||||||
}
|
|
||||||
|
|
||||||
.expire {
|
|
||||||
color #409eff
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.pay-way {
|
|
||||||
padding 10px 0
|
|
||||||
display flex
|
|
||||||
justify-content: space-between
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
margin-right 5px
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
|
|
||||||
transform: translateY(-10px); /* 向上移动10像素 */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.headline {
|
|
||||||
padding 0 20px 20px 0
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-order {
|
|
||||||
padding 0 20px 20px 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
@ -33,17 +33,12 @@
|
|||||||
</template>
|
</template>
|
||||||
</van-field>
|
</van-field>
|
||||||
|
|
||||||
<van-field label="累计消耗tokens">
|
<van-field label="累计算力消耗">
|
||||||
<template #input>
|
<template #input>
|
||||||
<van-tag type="primary">{{ form.total_tokens }}</van-tag>
|
<van-tag type="primary">{{ form.total_tokens }}</van-tag>
|
||||||
</template>
|
</template>
|
||||||
</van-field>
|
</van-field>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
<div style="margin: 16px;">
|
|
||||||
<van-button round block type="primary" native-type="submit">
|
|
||||||
提交
|
|
||||||
</van-button>
|
|
||||||
</div>
|
|
||||||
</van-form>
|
</van-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -66,7 +61,7 @@ const form = ref({
|
|||||||
})
|
})
|
||||||
const fileList = ref([
|
const fileList = ref([
|
||||||
{
|
{
|
||||||
url: 'https://fastly.jsdelivr.net/npm/@vant/assets/leaf.jpeg',
|
url: '',
|
||||||
message: '上传中...',
|
message: '上传中...',
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
@ -92,12 +87,15 @@ const afterRead = (file) => {
|
|||||||
formData.append('file', result, result.name);
|
formData.append('file', result, result.name);
|
||||||
// 执行上传操作
|
// 执行上传操作
|
||||||
httpPost('/api/upload', formData).then((res) => {
|
httpPost('/api/upload', formData).then((res) => {
|
||||||
form.value.avatar = res.data
|
form.value.avatar = res.data.url
|
||||||
file.status = 'success'
|
file.status = 'success'
|
||||||
showNotify({type: 'success', message: '上传成功'})
|
httpPost('/api/user/profile/update', form.value).then(() => {
|
||||||
|
showSuccessToast('上传成功')
|
||||||
|
}).catch(() => {
|
||||||
|
showFailToast('上传失败')
|
||||||
|
})
|
||||||
}).catch((e) => {
|
}).catch((e) => {
|
||||||
console.log(e.message)
|
showNotify({type: 'danger', message: '上传失败:' + e.message})
|
||||||
showNotify({type: 'danger', message: '上传失败'})
|
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
error(err) {
|
error(err) {
|
||||||
@ -107,11 +105,7 @@ const afterRead = (file) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const save = () => {
|
const save = () => {
|
||||||
httpPost('/api/user/profile/update', form.value).then(() => {
|
|
||||||
showSuccessToast('保存成功')
|
|
||||||
}).catch(() => {
|
|
||||||
showFailToast('保存失败')
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user