修改提现账户页面

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

View File

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

View File

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

View File

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

View File

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