| <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> |