admin/qingcheng-xiaochengxu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commission--yt-commit

Browse Source
This commit is contained in:
yuanteng0011
2025-06-03 21:29:15 +08:00
parent eaf4b6c5e5
commit 361f6a89d3
16 changed files with 538 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
pages/personCenter/billingDetails/billingDetails.js
View File

@ -1,3 +1,5 @@
import { baseUrl } from "../../../request"
// pages/personCenter/billingDetails/billingDetails.js
Page({
@ -5,14 +7,33 @@ Page({
* 页面的初始数据
*/
data: {
items: [null, null, null, null]
withdrawalList: [],
withdrawalStatus: ['审核中', '提现成功', '提现失败']
},
getWithdrawalList() {
wx.request({
url: baseUrl + '/withdrawalApply/query',
method: 'POST',
header: {
Authorization: wx.getStorageSync('token')
},
success: res => {
console.log('账单明细---->',res.data);
console.log('登录token---->',wx.getStorageSync('token'));
if (res.data.code === 1) {
this.setData({
withdrawalList: res.data.data
})
}
}
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getWithdrawalList()
},
/**

250
pages/personCenter/bindBankCard/bindBankCard.js
View File

@ -1,66 +1,268 @@
import { baseUrl } from "../../../request"
// pages/personCenter/bindBankCard/bindBankCard.js
Page({
/**
* 页面的初始数据
*/
data: {
id: 0, // 账户ID
cardHolder: '', // 持卡人
idCardNumber: '', // 身份证号
phoneNumber: '', // 手机号
bankCardNumber: '', // 银行卡号
bankName: '', // 开户银行
isUpdate: false, // 是否更新
},
/**
* 更新按钮点击事件
*/
updateInfo() {
if (this.validateForm()) {
// 构建请求体
const requestData = {
id: this.data.id,
cardHolder: this.data.cardHolder,
idCardNumber: this.data.idCardNumber,
phoneNumber: this.data.phoneNumber,
bankCardNumber: this.data.bankCardNumber,
openBank: this.data.bankName, // 添加开户银行字段
};
// 发送请求到后台接口
wx.request({
url: baseUrl + '/userAccount/update', // 替换成实际接口地址
method: 'POST',
header: {
Authorization: wx.getStorageSync('token')
},
data: requestData,
success(res) {
// console.log('后端返回---->',res.data);
// 成功的回调
wx.showToast({
title: '更新成功',
icon: 'success',
});
// 这里可以跳转到其他页面
wx.reLaunch({
url: '/pages/personCenter/withdrawalAccount/withdrawalAccount',
});
},
fail(err) {
// 失败的回调
wx.showToast({
title: '绑定失败，请重试',
icon: 'none',
});
}
});
}
},
// 获取当前账户信息
getAccountInfo() {
wx.request({
url: baseUrl + '/userAccount/queryById', // 替换为你的后端接口
method: 'POST',
header: {
Authorization: wx.getStorageSync('token'),
},
success: (res) => {
// console.log('当前账户是---->',res.data.data);
if (res.data.code === 1) {
this.setData({
id: res.data.data.id,
cardHolder: res.data.data.cardHolder,
idCardNumber: res.data.data.idCardNumber,
phoneNumber: res.data.data.phoneNumber,
bankCardNumber: res.data.data.bankCardNumber,
bankName: res.data.data.openBank
});
} else {
wx.showToast({
title: '获取数据失败',
icon: 'none'
});
}
},
fail: () => {
wx.showToast({
title: '请求失败',
icon: 'none'
});
}
});
},
/**
* 处理输入框的变化
*/
handleInputChange(e) {
const { field } = e.target.dataset; // 获取字段名
this.setData({
[field]: e.detail.value, // 动态更新输入框数据
});
},
/**
* 验证表单
*/
validateForm() {
const { cardHolder, idCardNumber, phoneNumber, bankCardNumber, bankName } = this.data;
// 检查必填字段是否为空
if (!cardHolder || !idCardNumber || !phoneNumber || !bankCardNumber || !bankName) {
wx.showToast({
title: '用户信息不全',
icon: 'none',
});
return false;
}
// 检查手机号是否为 11 位且只包含数字
const phonePattern = /^[0-9]{11}$/;
if (!phonePattern.test(phoneNumber)) {
wx.showToast({
title: '手机号必须是 11 位数字',
icon: 'none',
});
return false;
}
// 检查身份证号是否为 18 位且只包含数字
const idCardPattern = /^[0-9]{18}$/;
if (!idCardPattern.test(idCardNumber)) {
wx.showToast({
title: '身份证号必须是 18 位数字',
icon: 'none',
});
return false;
}
// 检查银行卡号是否为 16 位且只包含数字
const bankCardPattern = /^[0-9]{16}$/;
if (!bankCardPattern.test(bankCardNumber)) {
wx.showToast({
title: '银行卡号必须是 16 位数字',
icon: 'none',
});
return false;
}
// 检查持卡人不能是纯数字
const cardHolderPattern = /^\d+$/;
if (cardHolderPattern.test(cardHolder)) {
wx.showToast({
title: '持卡人姓名不能是数字',
icon: 'none',
});
return false;
}
// 检查开户银行不能包含字母或数字，只能是中文
const bankNamePattern = /^[\u4e00-\u9fa5]+$/; // 只允许中文字符
if (!bankNamePattern.test(bankName)) {
wx.showToast({
title: '开户银行只能包含中文字符',
icon: 'none',
});
return false;
}
return true;
},
/**
* 保存按钮点击事件
*/
saveInfo() {
if (this.validateForm()) {
// 构建请求体
const requestData = {
cardHolder: this.data.cardHolder,
idCardNumber: this.data.idCardNumber,
phoneNumber: this.data.phoneNumber,
bankCardNumber: this.data.bankCardNumber,
openBank: this.data.bankName, // 添加开户银行字段
};
// 发送请求到后台接口
wx.request({
url: baseUrl + '/userAccount/add', // 替换成实际接口地址
method: 'POST',
header: {
Authorization: wx.getStorageSync('token')
},
data: requestData,
success(res) {
console.log('后端返回---->',res.data);
// 成功的回调
wx.showToast({
title: '绑定成功',
icon: 'success',
});
// 这里可以跳转到其他页面
wx.reLaunch({
url: '/pages/personCenter/withdrawal/withdrawal',
});
},
fail(err) {
// 失败的回调
wx.showToast({
title: '绑定失败，请重试',
icon: 'none',
});
}
});
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// console.log('---->',options.isUpdate);
this.getAccountInfo()
this.setData({
isUpdate: options.isUpdate
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
onReady() {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
onShareAppMessage() {},
});

62
pages/personCenter/bindBankCard/bindBankCard.wxml
View File

@ -1,44 +1,88 @@
<view class="flex-col page">
<text class="self-center font text">绑定银行卡</text>
<text wx:if="{{ isUpdate }}" class="self-center font text">更改银行卡信息</text>
<text wx:else="{{ isUpdate }}" class="self-center font text">绑定银行卡信息</text>
<text class="self-center font_2 text_2">请绑定持卡人本人的银行卡</text>
<view class="flex-col self-stretch group">
<!-- 持卡人 -->
<view class="self-start group_2">
<text class="font_2">持卡人</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper mt-11">
<input class="text_3 font" placeholder="请输入持卡人" />
<input
class="text_3 font"
placeholder="请输入持卡人"
data-field="cardHolder"
bindinput="handleInputChange"
value="{{ cardHolder }}"
/>
</view>
<!-- 身份证号 -->
<view class="self-start group_3 mt-11">
<text class="font_2 text_4">身份证号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_12 font_4" placeholder="请输入持卡人身份证号" />
<input
class="text_12 font_4"
placeholder="请输入持卡人身份证号"
data-field="idCardNumber"
bindinput="handleInputChange"
value="{{ idCardNumber }}"
/>
</view>
<!-- 手机号 -->
<view class="self-start group_4 mt-11">
<text class="font_2">手机号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_1 font_4" placeholder="请输入持卡人绑定的手机号" />
<input
class="text_1 font_4"
placeholder="请输入持卡人绑定的手机号"
data-field="phoneNumber"
bindinput="handleInputChange"
value="{{ phoneNumber }}"
/>
</view>
<!-- 银行卡号 -->
<view class="self-start group_5 mt-11">
<text class="font_2 text_6">银行卡号</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_5 font_4" placeholder="请输入持卡人银行卡号" />
<input
class="text_5 font_4"
placeholder="请输入持卡人银行卡号"
data-field="bankCardNumber"
bindinput="handleInputChange"
value="{{ bankCardNumber }}"
/>
</view>
<view class="self-start group_6 mt-11">
<text class="font_2 text_7">开户银行</text>
<text class="font_3">*</text>
</view>
<view class="flex-col justify-start items-start self-stretch text-wrapper_2 mt-11">
<input class="text_1 font_4" placeholder="请输入开户银行" />
<input
class="text_1 font_4"
placeholder="请输入开户银行"
data-field="bankName"
bindinput="handleInputChange"
value="{{ bankName }}"
/>
</view>
</view>
<view class="flex-col justify-start items-center self-center text-wrapper_3">
<text class="font_2 text_8">保存</text>
<!-- 保存按钮 -->
<view wx:if="{{ isUpdate }}" class="flex-col justify-start items-center self-center text-wrapper_3">
<text class="font_2 text_8" bindtap="updateInfo" >更新</text>
</view>
</view>
<view wx:else="{{ isUpdate }}" class="flex-col justify-start items-center self-center text-wrapper_3">
<text class="font_2 text_8" bindtap="saveInfo" >保存</text>
</view>
</view>

10
pages/personCenter/mine/mine.js
View File

@ -7,15 +7,15 @@ Page({
* 页面的初始数据
*/
data: {
items: [null, null],
items: [null],
nickName: "",
userAvatar: "",
phoneNumber: "",
userAccount: "",
invitationCode: "",
currentBalance: "", // 当前余额
withdrawalAmount: "", // 提现中的余额
withdrawnAmount: "", // 已提现的余额
withdrawalingBalance: 0, // 提现中的余额
withdrawaledAmount: "", // 已提现的余额
totalIncome:"", // 累计收入
showPopup: false, // 控制弹窗显示与否
qrcode: "https://img.picui.cn/free/2025/05/29/6837c53582068.gif", // 设置二维码图片的路径
@ -98,8 +98,8 @@ Page({
if (res.data.code === 1) {
this.setData({
currentBalance: res.data.data.currentBalance, // 当前余额
withdrawalAmount: res.data.data.withdrawalAmount, // 提现中的余额
withdrawnAmount: res.data.data.withdrawnAmount, // 已提现的余额
withdrawalingBalance: res.data.data.withdrawalAmount, // 提现中的余额
withdrawaledAmount: res.data.data.withdrawnAmount, // 已提现的余额
totalIncome: res.data.data.totalIncome // 累计收入
})
} else {

14
pages/personCenter/mine/mine.wxml
View File

@ -2,17 +2,17 @@
<view class="flex-col relative section">
<view class="flex-row justify-between items-center group">
<view class="flex-col">
<text class="self-start font text">qingcheng</text>
<text class="self-start font text">{{ nickName }}</text>
<view class="flex-row items-center self-stretch group_2 mt-9">
<image
class="image_3"
src="./images/dianhua.png"
mode="aspectFill"
/>
<text class="font_2 text_2 ml-7">15214547473</text>
<text class="font_2 text_2 ml-7">{{ phoneNumber }}</text>
</view>
<view class="flex-row items-center self-stretch section_2 mt-9">
<text class="font_3 text_3">邀请码：123445</text>
<text class="font_3 text_3">邀请码：{{ invitationCode }}</text>
<image
class="shrink-0 image_4"
src="./images/fuzhi.png"
@ -34,7 +34,7 @@
<view class="flex-row justify-between items-center group_4">
<view class="group_5">
<text class="font_2 text_6">当前金额：</text>
<text class="text_5">￥5.00</text>
<text class="text_5">￥{{ currentBalance }}</text>
</view>
<view class="flex-row items-center section_3" bind:tap="lijitixian">
<image
@ -47,15 +47,15 @@
<view class="flex-row items-start equal-division section_4">
<view class="flex-col items-center equal-division-item_8">
<text class="font_2 text_8">提现中</text>
<text class="font_4 mt-15">￥0.00</text>
<text class="font_4 mt-15">￥{{ withdrawalingBalance }}</text>
</view>
<view class="flex-col items-center group_6 equal-division-item">
<text class="font_2 text_9">已提现</text>
<text class="font_4 mt-15">￥0.00</text>
<text class="font_4 mt-15">￥{{ withdrawaledAmount }}</text>
</view>
<view class="flex-col items-center group_7 equal-division-item_8">
<text class="font_2 text_10">累计收入</text>
<text class="font_4 mt-15">￥0.00</text>
<text class="font_4 mt-15">￥{{ totalIncome }}</text>
</view>
</view>
</view>

72
pages/personCenter/withdrawal/withdrawal.js
View File

@ -1,66 +1,92 @@
import { baseUrl } from "../../../request";
// pages/personCenter/withdrawal/withdrawal.js
Page({
/**
* 页面的初始数据
*/
data: {
withdrawalAccount: '', // 这里保存提现账户信息
},
// 获取当前账户信息
getAccountInfo() {
wx.request({
url: baseUrl + '/userAccount/queryById', // 替换为你的后端接口
method: 'POST',
header: {
Authorization: wx.getStorageSync('token'),
},
success: (res) => {
console.log('当前账户是---->',res.data.data);
if (res.data.code === 1) {
this.setData({
withdrawalAccount: res.data.data.bankCardNumber,
});
} else {
wx.showToast({
title: '获取数据失败',
icon: 'none'
});
}
},
fail: () => {
wx.showToast({
title: '请求失败',
icon: 'none'
});
}
});
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getAccountInfo()
},
/**
* 跳转到添加提现账户页面
*/
goToAddAccount() {
wx.navigateTo({
url: '/pages/personCenter/bindBankCard/bindBankCard', // 自定义的添加提现账户页面
});
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
onReady() {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
onShow() {},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
onHide() {},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
onUnload() {},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
onPullDownRefresh() {},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
onReachBottom() {},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
onShareAppMessage() {},
});

14
pages/personCenter/withdrawal/withdrawal.wxml
View File

@ -2,11 +2,15 @@
<view class="flex-col self-stretch section">
<text class="self-start font">提现账户</text>
<view class="flex-row items-center self-stretch section_2 mt-11">
<image
class="image"
src="./images/zh.png"
/>
<text class="font_2 text ml-10">622031207006363442</text>
<!-- 判断是否有提现账户信息 -->
<block wx:if="{{withdrawalAccount}}">
<image class="image" src="./images/zh.png" />
<text class="font_2 text ml-10">{{withdrawalAccount}}</text>
</block>
<block wx:else>
<!-- 没有提现账户时显示“去添加”按钮 -->
<button class="add-btn" bindtap="goToAddAccount">去添加</button>
</block>
</view>
</view>
<view class="flex-col self-stretch section_3">

10
pages/personCenter/withdrawal/withdrawal.wxss
View File

@ -88,4 +88,12 @@
.text_6 {
color: #ffffff;
line-height: 28.36rpx;
}
}
.add-btn {
background-color: #ff8d1a;
color: #ffffff;
font-size: 26.72rpx;
padding: 10rpx 20rpx;
border-radius: 10rpx;
border: none;
}

48
pages/personCenter/withdrawalAccount/withdrawalAccount.js
View File

@ -1,3 +1,5 @@
import { baseUrl } from "../../../request";
// pages/personCenter/withdrawalAccount/withdrawalAccount.js
Page({
@ -5,18 +7,58 @@ Page({
* 页面的初始数据
*/
data: {
cardHolder: '', // 姓名
idCardNumber: '', // 身份证号
phoneNumber: '', // 手机号
bankCardNumber: '', // 银行卡号
openBank: '' // 开户银行
},
// 获取当前账户信息
getAccountInfo() {
wx.request({
url: baseUrl + '/userAccount/queryById', // 替换为你的后端接口
method: 'POST',
header: {
Authorization: wx.getStorageSync('token'),
},
success: (res) => {
console.log('当前账户是---->',res.data);
if (res.data.code === 1) {
this.setData({
cardHolder: res.data.data.cardHolder,
idCardNumber: res.data.data.idCardNumber,
phoneNumber: res.data.data.phoneNumber,
bankCardNumber: res.data.data.bankCardNumber,
openBank: res.data.data.openBank
});
} else {
wx.showToast({
title: '获取数据失败',
icon: 'none'
});
}
},
fail: () => {
wx.showToast({
title: '请求失败',
icon: 'none'
});
}
});
},
gotoEditBankCardInfo() {
wx.navigateTo({
url: '/pages/personCenter/bindBankCard/bindBankCard',
url: `/pages/personCenter/bindBankCard/bindBankCard?isUpdate=${true}`,
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.getAccountInfo()
},
/**

12
pages/personCenter/withdrawalAccount/withdrawalAccount.wxml
View File

@ -6,28 +6,28 @@
<view class="flex-col self-stretch group">
<view class="flex-row justify-between group_2">
<text class="font text">姓名</text>
<text class="font text_2">陈新知</text>
<text class="font text_2">{{cardHolder}}</text> <!-- 绑定姓名 -->
</view>
<view class="flex-row justify-between items-center group_2 mt-27">
<text class="font text_3">手机号</text>
<text class="font_2 text_4">15888610253</text>
<text class="font_2 text_4">{{phoneNumber}}</text> <!-- 绑定手机号 -->
</view>
<view class="flex-col mt-27">
<view class="flex-row justify-between items-center group_3">
<text class="font">身份证号</text>
<text class="font_2">33100420******50910</text>
<text class="font_2">{{idCardNumber}}</text> <!-- 绑定身份证号 -->
</view>
<view class="flex-row justify-between items-center group_4">
<text class="font">开户银行</text>
<text class="font_2 text_5">浙江省台州市中国工商银行台州蓬街支行</text>
<text class="font_2 text_5">{{openBank}}</text> <!-- 绑定开户银行 -->
</view>
</view>
<view class="flex-row justify-between mt-27">
<text class="font text_6">银行卡号</text>
<text class="font_2">62220********363442</text>
<text class="font_2">{{bankCardNumber}}</text> <!-- 绑定银行卡号 -->
</view>
</view>
<view class="flex-col justify-start items-center self-center text-wrapper" bind:tap="gotoEditBankCardInfo">
<text class="font text_7">修改账户</text>
</view>
</view>
</view>