From 676410a108cbce30148f51f694c2a8beb6bbdde9 Mon Sep 17 00:00:00 2001 From: "pikachu1995@126.com" Date: Fri, 26 Dec 2025 12:37:58 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E4=BC=9A=E5=91=98=E7=AE=A1=E7=90=86):=20?= =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BC=9A=E5=91=98=E4=BD=99=E9=A2=9D=E5=92=8C?= =?UTF-8?q?=E7=A7=AF=E5=88=86=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 添加会员余额增加和积分修改的API接口 - 在会员列表页增加余额显示列 - 新增余额增加和积分修改的弹窗及操作逻辑 - 优化会员列表操作列，使用下拉菜单整合更多操作 --- manager/src/api/member.js | 8 + manager/src/views/member/list/index.vue | 372 +++++++++++++----- .../goods/goods-seller/goodsOperationSec.vue | 26 +- 3 files changed, 304 insertions(+), 102 deletions(-) diff --git a/manager/src/api/member.js b/manager/src/api/member.js index 6f101df0..5707dbe3 100644 --- a/manager/src/api/member.js +++ b/manager/src/api/member.js @@ -137,3 +137,11 @@ export const editMemberAddress = (params) => { export const getMemberWallet = (params) => { return getRequest(`/wallet/wallet`, params); }; + +export const increaseMemberWallet = (params) => { + return putRequest(`/wallet/wallet/increase`, params); +}; + +export const updateMemberPoint = (params) => { + return putRequest(`/passport/member/updateMemberPoint`, params); +}; diff --git a/manager/src/views/member/list/index.vue b/manager/src/views/member/list/index.vue index b3087ba5..388fe212 100644 --- a/manager/src/views/member/list/index.vue +++ b/manager/src/views/member/list/index.vue @@ -99,6 +99,34 @@ + +
+ + + +
+
+ + +
+ + +
+ + + 增加 + 减少 + + + + + +
+
+ + +
+ @@ -144,6 +172,50 @@ export default { }, picModelFlag: false, // 选择图片 form: {}, // 表单数据 + walletIncreaseFlag: false, + walletIncreaseLoading: false, + walletIncreaseForm: { + memberId: "", + rechargeMoney: null, + }, + walletIncreaseRule: { + rechargeMoney: [ + { required: true, type: "number", message: "请输入充值金额", trigger: "change" }, + { + validator: (rule, value, callback) => { + if (typeof value !== "number" || value <= 0) { + callback(new Error("充值金额必须大于0")); + return; + } + callback(); + }, + trigger: "change", + }, + ], + }, + memberPointFlag: false, + memberPointLoading: false, + memberPointForm: { + memberId: "", + point: null, + type: "INCREASE", + }, + memberPointRule: { + type: [{ required: true, message: "请选择类型", trigger: "change" }], + point: [ + { required: true, type: "number", message: "请输入积分", trigger: "change" }, + { + validator: (rule, value, callback) => { + if (typeof value !== "number" || value <= 0) { + callback(new Error("积分必须大于0")); + return; + } + callback(); + }, + trigger: "change", + }, + ], + }, addRule: { // 验证规则 mobile: [ @@ -194,7 +266,7 @@ export default { title: "会员昵称", key: "nickName", tooltip: true, - minWidth: 150, // 减少宽度 + minWidth: 120, // 减少宽度 }, { title: "联系方式", @@ -231,6 +303,14 @@ export default { ); }, }, + { + title: "余额", + key: "memberWallet", + width: 120, + render: (h, params) => { + return h("priceColorScheme", {props:{value:params.row.memberWallet}} ); + }, + }, { title: "操作", key: "action", @@ -238,12 +318,86 @@ export default { minWidth: 160, fixed: "right", render: (h, params) => { - return h( - "div", + if (this.selectedMember) { + return h( + "div", + { + style: { + display: "flex", + justifyContent: "center", + }, + }, + [ + h( + "a", + { + style: { + color: "#2d8cf0", + cursor: "pointer", + textDecoration: "none", + }, + on: { + click: () => { + this.callback(params.row, params.index); + }, + }, + }, + params.row.___selected ? "已选择" : "选择" + ), + ] + ); + } + + const divider = h( + "span", { style: { - display: "flex", - justifyContent: "center", + margin: "0 8px", + color: "#dcdee2", + }, + }, + "|" + ); + + const viewLink = h( + "a", + { + style: { + color: "#2d8cf0", + cursor: "pointer", + textDecoration: "none", + }, + on: { + click: () => { + this.detail(params.row); + }, + }, + }, + "查看" + ); + + const moreDropdown = h( + "Dropdown", + { + props: { + trigger: "click", + transfer: true, + }, + on: { + "on-click": (name) => { + if (name === "edit") { + this.editPerm(params.row); + } + if (name === "disabled") { + this.disabled(params.row); + } + if (name === "increaseWallet") { + this.openWalletIncrease(params.row); + } + if (name === "updatePoint") { + this.openMemberPoint(params.row); + } + }, }, }, [ @@ -254,102 +408,79 @@ export default { color: "#2d8cf0", cursor: "pointer", textDecoration: "none", - display: this.selectedMember ? "inline-block" : "none", + display: "inline-flex", + alignItems: "center", }, - on: { - click: () => { - this.callback(params.row, params.index); + }, + [ + h("span", "更多"), + h("Icon", { + props: { + type: "md-arrow-dropdown", }, - }, - }, - params.row.___selected ? "已选择" : "选择" - ), - h( - "span", - { - style: { - margin: "0 8px", - color: "#dcdee2", - display: this.selectedMember ? "inline-block" : "none", - }, - }, - "|" - ), - h( - "a", - { - style: { - color: "#2d8cf0", - cursor: "pointer", - textDecoration: "none", - display: this.selectedMember ? "none" : "inline-block", - }, - on: { - click: () => { - this.detail(params.row); + style: { + marginLeft: "4px", }, - }, - }, - "查看" + }), + ] ), h( - "span", + "DropdownMenu", { - style: { - margin: "0 8px", - color: "#dcdee2", - display: this.selectedMember ? "none" : "inline-block", - }, + slot: "list", }, - "|" - ), - h( - "a", - { - style: { - color: "#2d8cf0", - cursor: "pointer", - textDecoration: "none", - display: this.selectedMember ? "none" : "inline-block", - }, - on: { - click: () => { - this.editPerm(params.row); + [ + h( + "DropdownItem", + { + props: { + name: "edit", + }, }, - }, - }, - "编辑" - ), - h( - "span", - { - style: { - margin: "0 8px", - color: "#dcdee2", - display: this.selectedMember ? "none" : "inline-block", - }, - }, - "|" - ), - h( - "a", - { - style: { - color: "#2d8cf0", - cursor: "pointer", - textDecoration: "none", - display: this.selectedMember ? "none" : "inline-block", - }, - on: { - click: () => { - this.disabled(params.row); + "编辑会员" + ), + h( + "DropdownItem", + { + props: { + name: "increaseWallet", + }, }, - }, - }, - "禁用" + "增加余额" + ), + h( + "DropdownItem", + { + props: { + name: "updatePoint", + }, + }, + "修改积分" + ), + h( + "DropdownItem", + { + props: { + name: "disabled", + }, + }, + "禁用会员" + ), + ] ), ] ); + + return h( + "div", + { + style: { + display: "flex", + justifyContent: "center", + }, + }, + [viewLink, divider, moreDropdown] + ); }, }, ], @@ -535,6 +666,69 @@ export default { }); }, + openWalletIncrease(row) { + this.walletIncreaseLoading = false; + this.$set(this, "walletIncreaseForm", { memberId: row.id, rechargeMoney: null }); + this.walletIncreaseFlag = true; + this.$nextTick(() => { + this.$refs.walletIncreaseForm && this.$refs.walletIncreaseForm.resetFields(); + }); + }, + submitWalletIncrease() { + this.$refs.walletIncreaseForm.validate((valid) => { + if (!valid) return; + this.walletIncreaseLoading = true; + API_Member.increaseMemberWallet({ + memberId: this.walletIncreaseForm.memberId, + rechargeMoney: this.walletIncreaseForm.rechargeMoney, + }) + .then((res) => { + if (res && res.success) { + this.$Message.success("充值成功"); + this.walletIncreaseFlag = false; + this.getData(); + } else { + this.$Message.error((res && res.message) || "充值失败"); + } + }) + .finally(() => { + this.walletIncreaseLoading = false; + }); + }); + }, + + openMemberPoint(row) { + this.memberPointLoading = false; + this.$set(this, "memberPointForm", { memberId: row.id, point: null, type: "INCREASE" }); + this.memberPointFlag = true; + this.$nextTick(() => { + this.$refs.memberPointForm && this.$refs.memberPointForm.resetFields(); + }); + }, + submitMemberPoint() { + this.$refs.memberPointForm.validate((valid) => { + if (!valid) return; + this.memberPointLoading = true; + API_Member.updateMemberPoint({ + memberId: this.memberPointForm.memberId, + point: this.memberPointForm.point, + type: this.memberPointForm.type, + }) + .then((res) => { + if (res && res.success) { + this.$Message.success("修改成功"); + this.memberPointFlag = false; + this.getData(); + } else { + this.$Message.error((res && res.message) || "修改失败"); + } + }) + .finally(() => { + this.memberPointLoading = false; + }); + }); + }, + // 提交修改数据 handleSubmitModal() { const { nickName, sex, username, face, newPassword,id,regionId,region } = this.form; diff --git a/seller/src/views/goods/goods-seller/goodsOperationSec.vue b/seller/src/views/goods/goods-seller/goodsOperationSec.vue index d1adb801..3b16914b 100644 --- a/seller/src/views/goods/goods-seller/goodsOperationSec.vue +++ b/seller/src/views/goods/goods-seller/goodsOperationSec.vue @@ -389,19 +389,19 @@ kg -

参数信息

-
- - - -
+ +

参数信息

+
+ + +