修改提现账户页面
This commit is contained in:
parent
007567aee2
commit
523d86d6e9
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user