<template> 
 | 
  <BindWalletView 
 | 
    :type="EnumUserBankCardAccess.AliPay" 
 | 
    :detail="detail" 
 | 
    @Unbind="handleUnbind" 
 | 
  ></BindWalletView> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import { Message } from '@12333/utils'; 
 | 
import * as userServices from '@12333/services/apiV2/user'; 
 | 
import { EnumUserBankCardAccess } from '@12333/constants'; 
 | 
import { BindWalletView } from '@12333/components'; 
 | 
import { usePersonalUserBankCard } from '../hooks'; 
 | 
import { goBack } from '@/utils'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'InnerPage', 
 | 
}); 
 | 
  
 | 
const switchTab = useSwitchTab(); 
 | 
  
 | 
const { updateUserInfo } = useUser(); 
 | 
  
 | 
const { detail } = usePersonalUserBankCard({ 
 | 
  access: EnumUserBankCardAccess.AliPay, 
 | 
}); 
 | 
  
 | 
async function handleUnbind() { 
 | 
  try { 
 | 
    await Message.confirm({ message: '确定要解绑支付宝吗?' }); 
 | 
    let params: API.DeletePersonalUserBankCardCommand = { 
 | 
      access: EnumUserBankCardAccess.AliPay, 
 | 
    }; 
 | 
    let res = await userServices.deletePersonalUserBankCard(params); 
 | 
    if (res) { 
 | 
      Message.success('解绑成功', { 
 | 
        onClosed() { 
 | 
          updateUserInfo(); 
 | 
          goBack(); 
 | 
        }, 
 | 
      }); 
 | 
    } 
 | 
  } catch (error) {} 
 | 
} 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
</style> 
 |