From 440d91dd0ee5a17e76223978345f6ef81632f84d Mon Sep 17 00:00:00 2001 From: RockYang Date: Tue, 27 Feb 2024 15:36:20 +0800 Subject: [PATCH] feat: add change password in with mobile page --- CHANGELOG.md | 1 + api/handler/user_handler.go | 2 +- web/src/assets/css/member.css | 6 ++ web/src/assets/css/member.styl | 8 ++ web/src/views/Member.vue | 5 + web/src/views/mobile/Profile.vue | 152 ++++++++++++++++++++++++++++++- 6 files changed, 170 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7c3a67cb..3c7401b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,7 @@ ## v3.2.8 * 功能优化：SD 绘画页面采用 websocket 替换 http 轮询机制，节省带宽 * 功能优化：移动端聊天页面图片支持预览和放大功能 +* 功能新增：移动端支持充值 ## v3.2.7 * 功能重构：采用 Vant 重构移动页面，新增 MidJourney 功能 diff --git a/api/handler/user_handler.go b/api/handler/user_handler.go index f93fec05..1b63b69d 100644 --- a/api/handler/user_handler.go +++ b/api/handler/user_handler.go @@ -329,7 +329,7 @@ func (h *UserHandler) UpdatePass(c *gin.Context) { } password := utils.GenPassword(data.OldPass, user.Salt) - logger.Info(user.Salt, ",", user.Password, ",", password, ",", data.OldPass) + logger.Debugf(user.Salt, ",", user.Password, ",", password, ",", data.OldPass) if password != user.Password { resp.ERROR(c, "原密码错误") return diff --git a/web/src/assets/css/member.css b/web/src/assets/css/member.css index 2cf320ff..ac0645a0 100644 --- a/web/src/assets/css/member.css +++ b/web/src/assets/css/member.css @@ -5,6 +5,12 @@ .member .el-dialog .el-dialog__body { padding-top: 10px; } +.member .el-dialog .el-dialog__body .pay-container .amount { + text-align: center; +} +.member .el-dialog .el-dialog__body .pay-container .amount span { + color: #f56c6c; +} .member .el-dialog .el-dialog__body .pay-container .count-down { display: flex; justify-content: center; diff --git a/web/src/assets/css/member.styl b/web/src/assets/css/member.styl index 65dcfcc2..d8878556 100644 --- a/web/src/assets/css/member.styl +++ b/web/src/assets/css/member.styl @@ -7,6 +7,14 @@ padding-top 10px .pay-container { + .amount { + text-align center + + span { + color #f56c6c + } + } + .count-down { display flex justify-content center diff --git a/web/src/views/Member.vue b/web/src/views/Member.vue index 8caeefd8..a65411ba 100644 --- a/web/src/views/Member.vue +++ b/web/src/views/Member.vue @@ -139,6 +139,7 @@ @close="closeOrder" title="充值订单支付">
+

实付金额：￥{{ amount }}

@@ -208,6 +209,7 @@ const vipMonthCalls = ref(0) const vipMonthImgCalls = ref(0) const payWays = ref({}) +const amount = ref(0) const payName = ref("支付宝") const curPay = ref("alipay") // 当前支付方式 @@ -279,6 +281,7 @@ const genPayQrcode = () => { const alipay = (row) => { payName.value = "支付宝" curPay.value = "alipay" + amount.value = (row.price - row.discount).toFixed(2) if (!user.value.id) { showLoginDialog.value = true return @@ -293,6 +296,7 @@ const alipay = (row) => { const huPiPay = (row) => { payName.value = payWays.value["hupi"]["name"] === "wechat" ? '微信' : '支付宝' curPay.value = "hupi" + amount.value = (row.price - row.discount).toFixed(2) if (!user.value.id) { showLoginDialog.value = true return @@ -307,6 +311,7 @@ const huPiPay = (row) => { const PayJs = (row) => { payName.value = '微信' curPay.value = "payjs" + amount.value = (row.price - row.discount).toFixed(2) if (!user.value.id) { showLoginDialog.value = true return diff --git a/web/src/views/mobile/Profile.vue b/web/src/views/mobile/Profile.vue index 80f60227..f41cf06f 100644 --- a/web/src/views/mobile/Profile.vue +++ b/web/src/views/mobile/Profile.vue @@ -3,7 +3,7 @@
- + + +
+ 修改密码 +
+ +
+

充值套餐

+
+

+ {{ item.name }} + 立即购买 +

+ + + + + ￥{{ (item.price - item.discount).toFixed(2) }} + + （ + ￥{{ item.price }} + ） + + + {{ item.days }}天 + 长期有效 + + + {{ item.calls }} + {{ vipMonthCalls }} + + + {{ item.img_calls }} + {{ vipMonthImgCalls }} + + +
+
+
+ + + + + + + + + +
@@ -49,6 +111,7 @@ import {onMounted, ref} from "vue"; import {showFailToast, showNotify, showSuccessToast} from "vant"; import {httpGet, httpPost} from "@/utils/http"; import Compressor from 'compressorjs'; +import {ElMessage} from "element-plus"; const title = ref('用户设置') const form = ref({ @@ -66,6 +129,10 @@ const fileList = ref([ } ]); +const products = ref([]) +const vipMonthCalls = ref(0) +const vipMonthImgCalls = ref(0) + onMounted(() => { httpGet('/api/user/profile').then(res => { form.value = res.data @@ -74,6 +141,20 @@ onMounted(() => { console.log(e.message) showFailToast('获取用户信息失败') }); + + // 获取产品列表 + httpGet("/api/product/list").then((res) => { + products.value = res.data + }).catch(e => { + showFailToast("获取产品套餐失败：" + e.message) + }) + + httpGet("/api/admin/config/get?key=system").then(res => { + vipMonthCalls.value = res.data['vip_month_calls'] + vipMonthImgCalls.value = res.data['vip_month_img_calls'] + }).catch(e => { + showFailToast("获取系统配置失败：" + e.message) + }) }) const afterRead = (file) => { @@ -102,10 +183,44 @@ const afterRead = (file) => { console.log(err.message); }, }); -}; +} -const save = () => { +const showPasswordDialog = ref(false) +const pass = ref({ + old: "", + new: "", + renew: "" +}) +const beforeClose = (action) => { + new Promise((resolve) => { + resolve(action === 'confirm'); + }); +} + + +// 提交修改密码 +const updatePass = () => { + if (pass.value.old === '') { + return showNotify({type: "danger", message: "请输入旧密码"}) + } + if (!pass.value.new || pass.value.new.length < 8) { + return showNotify({type: "danger", message: "密码的长度为8-16个字符"}) + } + if (pass.value.renew !== pass.value.new) { + return showNotify({type: "danger", message: "两次输入密码不一致"}) + } + httpPost('/api/user/password', { + old_pass: pass.value.old, + password: pass.value.new, + repass: pass.value.renew + }).then(() => { + showSuccessToast("更新成功！") + showPasswordDialog.value = false + }).catch((e) => { + showFailToast('更新失败，' + e.message) + showPasswordDialog.value = false + }) } @@ -116,6 +231,37 @@ const save = () => { width 100px text-align right } + + .modify-pass { + padding 10px 15px + } + + .product-list { + padding 0 15px + + .item { + border 1px solid #e5e5e5 + border-radius 10px + margin-bottom 15px + overflow hidden + + .title { + padding 0 12px + position relative + + .van-button { + position absolute + top -5px + right 10px + } + } + + .price { + font-size 18px + color #f56c6c + } + } + } } } \ No newline at end of file