wechatShopUni/pages/bank/list.js

Page({
  data: {
    bankCards: [
      {
        id: '1',
        bankName: '中国银行',
        cardType: '储蓄卡',
        cardNumber: '**** **** **** 1234',
        isDefault: true
      },
      {
        id: '2',
        bankName: '工商银行',
        cardType: '信用卡',
        cardNumber: '**** **** **** 5678',
        isDefault: false
      }
    ]
  },

  onLoad() {
    this.getBankCardList()
  },

  // 获取银行卡列表
  getBankCardList() {
    // TODO: 调用后端API获取银行卡列表
    // 这里使用模拟数据
  },

  // 添加新银行卡
  addBankCard() {
    wx.navigateTo({
      url: '/pages/bank/add'
    })
  },

  // 编辑银行卡
  editBankCard(e) {
    const { id } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/bank/edit?id=${id}`
    })
  },

  // 设置默认银行卡
  setDefaultCard(e) {
    const { id } = e.currentTarget.dataset
    
    // 如果已经是默认卡，不做处理
    const currentDefaultCard = this.data.bankCards.find(card => card.isDefault)
    if (currentDefaultCard && currentDefaultCard.id === id) {
      return
    }

    const bankCards = this.data.bankCards.map(card => ({
      ...card,
      isDefault: card.id === id
    }))

    this.setData({ bankCards })

    // 显示设置成功提示
    wx.showToast({
      title: '已设为默认银行卡',
      icon: 'success',
      duration: 1500
    })

    // TODO: 调用后端API更新默认银行卡
  },

  // 删除银行卡
  deleteBankCard(e) {
    const { id } = e.currentTarget.dataset
    wx.showModal({
      title: '删除银行卡',
      content: '确定要删除此银行卡吗？',
      success: (res) => {
        if (res.confirm) {
          const bankCards = this.data.bankCards.filter(card => card.id !== id)
          
          // 如果删除的是默认卡，自动设置第一张卡为默认卡
          if (bankCards.length > 0 && !bankCards.some(card => card.isDefault)) {
            bankCards[0].isDefault = true
          }

          this.setData({ bankCards })

          // TODO: 调用后端API删除银行卡
          wx.showToast({
            title: '删除成功',
            icon: 'success'
          })
        }
      }
    })
  }
})