WindowBird/HomeLease
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改提现账户页面

Browse Source
This commit is contained in:
WindowBird 2025-08-21 11:54:06 +08:00
parent 007567aee2
commit 523d86d6e9
4 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config/dev.js
View File

@ -2,7 +2,7 @@
export const DEV_CONFIG = { export const DEV_CONFIG = {
// 临时token，用于开发测试 // 临时token，用于开发测试
TEMP_TOKEN: TEMP_TOKEN:
'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjI0ZmI0M2NjLWUwZjktNDUxYi1iMWJjLWE0YThmMTk2OTNmMSJ9.anZvFb0DyonGBmQPeh2ZizaoNPj_FpynlFNJ_I0PHxqOb2kXpI8CLmbHoelb5P8gdaRcLvonWhtpbjUFCwkLlQ', 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImE5MGVlZDdmLWYwOTAtNDExMS05ZWMzLTZkMTM2ZjkwODg1NSJ9.s_IYhjbS_tPxJq28I4EN4H3wHLB1BezfJg-Ee4MeaOamx4jMkn376oVXQ24HaKGz4-4t5-ioPndRaOqxDa53JA',
// 是否使用临时token // 是否使用临时token
USE_TEMP_TOKEN: true, USE_TEMP_TOKEN: true,

2
pages/requestWithdrawal/addCard.vue
View File

@ -2,7 +2,7 @@
<view v-if="visible" class="modal-overlay" @click="handleClose"> <view v-if="visible" class="modal-overlay" @click="handleClose">
<view class="modal-content" @click.stop> <view class="modal-content" @click.stop>
<view class="modal-header"> <view class="modal-header">
<text class="modal-title">添加银行卡</text> <text class="modal-title">添加账号</text>
<text class="modal-close" @click="handleClose">×</text> <text class="modal-close" @click="handleClose">×</text>
</view> </view>

18
pages/requestWithdrawal/deleteCard.vue
View File

@ -2,12 +2,12 @@
<view v-if="visible" class="modal-overlay" @click="handleClose"> <view v-if="visible" class="modal-overlay" @click="handleClose">
<view class="modal-content" @click.stop> <view class="modal-content" @click.stop>
<view class="modal-header"> <view class="modal-header">
<text class="modal-title">删除银行卡</text> <text class="modal-title">删除账号</text>
<text class="modal-close" @click="handleClose">×</text> <text class="modal-close" @click="handleClose">×</text>
</view> </view>
<view class="modal-body"> <view class="modal-body">
<view class="delete-tip">请选择要删除的银行卡：</view> <view class="delete-tip">请选择要删除的账号：</view>
<!-- 加载状态 --> <!-- 加载状态 -->
<view v-if="loading" class="loading-container"> <view v-if="loading" class="loading-container">
@ -15,7 +15,7 @@
<text class="loading-text">删除中...</text> <text class="loading-text">删除中...</text>
</view> </view>
<!-- 银行卡列表 --> <!-- 账号列表 -->
<view v-else-if="bankList.length > 0" class="bank-list"> <view v-else-if="bankList.length > 0" class="bank-list">
<view <view
v-for="bank in bankList" v-for="bank in bankList"
@ -40,7 +40,7 @@
<!-- 空状态 --> <!-- 空状态 -->
<view v-else class="empty-state"> <view v-else class="empty-state">
<text class="empty-icon">💳</text> <text class="empty-icon">💳</text>
<text class="empty-text">暂无银行卡</text> <text class="empty-text">暂无账号</text>
</view> </view>
</view> </view>
@ -109,7 +109,7 @@ export default {
return '**** **** **** ' + cardNumber.slice(-4) return '**** **** **** ' + cardNumber.slice(-4)
}, },
// 获取银行类型文本 // 获取账号类型文本
getBankTypeText(type) { getBankTypeText(type) {
const typeMap = { const typeMap = {
B: '银行卡', B: '银行卡',
@ -119,11 +119,11 @@ export default {
return typeMap[type] || '未知类型' return typeMap[type] || '未知类型'
}, },
// 删除银行卡 // 删除账号
async handleDelete() { async handleDelete() {
if (this.selectedIds.length === 0) { if (this.selectedIds.length === 0) {
uni.showToast({ uni.showToast({
title: '请选择要删除的银行卡', title: '请选择要删除的账号',
icon: 'none', icon: 'none',
}) })
return return
@ -131,7 +131,7 @@ export default {
uni.showModal({ uni.showModal({
title: '确认删除', title: '确认删除',
content: `确认删除选中的${this.selectedIds.length}张银行卡吗？`, content: `确认删除选中的${this.selectedIds.length}张账号吗？`,
success: async res => { success: async res => {
if (res.confirm) { if (res.confirm) {
this.loading = true this.loading = true
@ -153,7 +153,7 @@ export default {
}) })
} }
} catch (error) { } catch (error) {
console.error('删除银行卡失败:', error) console.error('删除账号失败:', error)
uni.showToast({ uni.showToast({
title: '删除失败，请重试', title: '删除失败，请重试',
icon: 'none', icon: 'none',

62
pages/requestWithdrawal/requestWithdrawal.vue
View File

@ -45,8 +45,8 @@
<view class="bank-info"> <view class="bank-info">
<image :src="selectedBank.icon" class="bank-icon" mode="aspectFit"></image> <image :src="selectedBank.icon" class="bank-icon" mode="aspectFit"></image>
<view class="bank-details"> <view class="bank-details">
<text class="bank-name">{{ selectedBank.displayName || '请选择银行卡' }}</text> <text class="bank-name">{{ selectedBank.displayName || '请选择账号' }}</text>
<text class="bank-card">{{ selectedBank.cardNumber || '暂无银行卡' }}</text> <text class="bank-card">{{ selectedBank.cardNumber || '暂无账号' }}</text>
<text v-if="selectedBank.name" class="bank-owner" <text v-if="selectedBank.name" class="bank-owner"
>收款人: {{ selectedBank.name }} >收款人: {{ selectedBank.name }}
</text> </text>
@ -55,17 +55,17 @@
<text class="arrow-icon">›</text> <text class="arrow-icon">›</text>
</view> </view>
<!-- 银行卡管理按钮 --> <!-- 账号管理按钮 -->
</view> </view>
<view class="bank-management"> <view class="bank-management">
<view class="bank-btn add-btn" @click="showAddModal = true">添加银行卡</view> <view class="bank-btn add-btn" @click="showAddModal = true">添加账号</view>
<view class="bank-btn delete-btn" @click="showDeleteModal = true">删除银行卡</view> <view class="bank-btn delete-btn" @click="showDeleteModal = true">删除账号</view>
</view> </view>
<!-- 银行卡状态提示 --> <!-- 账号状态提示 -->
<view v-if="userBankList.length === 0" class="bank-status-tip"> <view v-if="userBankList.length === 0" class="bank-status-tip">
<text class="tip-text">您还没有添加银行卡，请先添加银行卡</text> <text class="tip-text">您还没有添加账号，请先添加账号</text>
</view> </view>
<!-- 提现按钮 --> <!-- 提现按钮 -->
@ -95,13 +95,13 @@
</view> </view>
</view> </view>
<!-- 添加银行卡组件 --> <!-- 添加账号组件 -->
<add-card :visible="showAddModal" @close="showAddModal = false" @success="onBankSuccess" /> <add-card :visible="showAddModal" @close="showAddModal = false" @success="onBankSuccess" />
<!-- 删除银行卡组件 --> <!-- 删除账号组件 -->
<delete-card <delete-card
:visible="showDeleteModal"
:bank-list="userBankList" :bank-list="userBankList"
:visible="showDeleteModal"
@close="showDeleteModal = false" @close="showDeleteModal = false"
@success="onBankSuccess" @success="onBankSuccess"
/> />
@ -142,9 +142,9 @@ export default {
cardNumber: '', cardNumber: '',
type: 'BANK', type: 'BANK',
}, },
// 用户银行卡列表 // 用户账号列表
userBankList: [], userBankList: [],
// 银行卡管理相关 // 账号管理相关
showAddModal: false, showAddModal: false,
showDeleteModal: false, showDeleteModal: false,
} }
@ -189,17 +189,17 @@ export default {
} }
}, },
// 获取用户银行卡列表 // 获取用户账号列表
async fetchUserBankList() { async fetchUserBankList() {
try { try {
console.log('开始获取用户银行卡列表...123') console.log('开始获取用户账号列表...123')
const response = await getUserBankList() const response = await getUserBankList()
console.log('API响应123:', response) console.log('API响应123:', response)
console.log('row:') console.log('row:')
if (response.code === 200 && response.rows) { if (response.code === 200 && response.rows) {
this.userBankList = response.rows || [] this.userBankList = response.rows || []
console.log('用户银行卡列表获取成功:') console.log('用户账号列表获取成功:')
// 处理银行卡数据 // 处理账号数据
this.userBankList = this.userBankList.map(item => ({ this.userBankList = this.userBankList.map(item => ({
...item, ...item,
cardNumber: this.maskCardNumber(item.no), cardNumber: this.maskCardNumber(item.no),
@ -207,33 +207,33 @@ export default {
displayName: this.getDisplayName(item), displayName: this.getDisplayName(item),
})) }))
console.log('用户银行卡列表获取成功:', this.userBankList) console.log('用户账号列表获取成功:', this.userBankList)
// 如果有银行卡，设置默认选中的银行卡 // 如果有账号，设置默认选中的账号
if (this.userBankList.length > 0) { if (this.userBankList.length > 0) {
this.selectedBank = this.userBankList[0] this.selectedBank = this.userBankList[0]
this.withdrawalData.bankId = this.selectedBank.id this.withdrawalData.bankId = this.selectedBank.id
console.log('设置默认银行卡:', this.selectedBank) console.log('设置默认账号:', this.selectedBank)
} else { } else {
console.log('没有找到银行卡，显示空状态') console.log('没有找到账号，显示空状态')
} }
} else { } else {
console.log('API返回错误:', response) console.log('API返回错误:', response)
uni.showToast({ uni.showToast({
title: response.msg || '获取银行卡列表失败', title: response.msg || '获取账号列表失败',
icon: 'none', icon: 'none',
}) })
} }
} catch (error) { } catch (error) {
console.error('获取用户银行卡列表失败:', error) console.error('获取用户账号列表失败:', error)
uni.showToast({ uni.showToast({
title: '获取银行卡列表失败', title: '获取账号列表失败',
icon: 'none', icon: 'none',
}) })
} }
}, },
// 掩码银行卡号 // 掩码账号号
maskCardNumber(cardNumber) { maskCardNumber(cardNumber) {
if (!cardNumber) return '' if (!cardNumber) return ''
if (cardNumber.length <= 8) return cardNumber if (cardNumber.length <= 8) return cardNumber
@ -262,7 +262,7 @@ export default {
return '银行卡' return '银行卡'
}, },
// 银行卡操作成功回调 // 账号操作成功回调
onBankSuccess() { onBankSuccess() {
this.fetchUserBankList() this.fetchUserBankList()
}, },
@ -298,7 +298,7 @@ export default {
selectBank() { selectBank() {
if (this.userBankList.length === 0) { if (this.userBankList.length === 0) {
uni.showToast({ uni.showToast({
title: '请先添加银行卡', title: '请先添加账号',
icon: 'none', icon: 'none',
}) })
return return
@ -312,7 +312,7 @@ export default {
const selectedBank = this.userBankList[res.tapIndex] const selectedBank = this.userBankList[res.tapIndex]
this.selectedBank = selectedBank this.selectedBank = selectedBank
this.withdrawalData.bankId = selectedBank.id this.withdrawalData.bankId = selectedBank.id
console.log('选择银行卡:', selectedBank) console.log('选择账号:', selectedBank)
}, },
}) })
}, },
@ -327,7 +327,7 @@ export default {
if (!this.withdrawalData.bankId) { if (!this.withdrawalData.bankId) {
uni.showToast({ uni.showToast({
title: '请选择提现银行卡', title: '请选择提现账号',
icon: 'none', icon: 'none',
}) })
return return
@ -644,7 +644,7 @@ view {
} }
} }
/* 银行卡管理样式 */ /* 账号管理样式 */
.bank-management { .bank-management {
margin-top: 20rpx; margin-top: 20rpx;
display: flex; display: flex;
@ -670,7 +670,7 @@ view {
} }
} }
/* 银行卡状态提示 */ /* 账号状态提示 */
.bank-status-tip { .bank-status-tip {
margin: 20rpx 30rpx; margin: 20rpx 30rpx;
padding: 20rpx; padding: 20rpx;
@ -825,7 +825,7 @@ view {
} }
} }
/* 银行卡列表样式 */ /* 账号列表样式 */
.bank-list-modal { .bank-list-modal {
.modal-content { .modal-content {
.bank-list { .bank-list {