|  |  |  | 
|---|
|  |  |  | <nut-input v-model.trim="form.identity" placeholder="请输入身份证号" readonly /> | 
|---|
|  |  |  | </nut-form-item> | 
|---|
|  |  |  | <nut-form-item label="银行卡号:" class="bole-form-item" prop="code"> | 
|---|
|  |  |  | <nut-input v-model.trim="form.code" placeholder="请输入银行卡号" /> | 
|---|
|  |  |  | <nut-input | 
|---|
|  |  |  | v-model.trim="form.code" | 
|---|
|  |  |  | placeholder="请输入银行卡号" | 
|---|
|  |  |  | :formatter="(val:string)=>val.replace(/\s/g,'')" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </nut-form-item> | 
|---|
|  |  |  | <nut-form-item label="开户行:" class="bole-form-item" prop="bank"> | 
|---|
|  |  |  | <nut-input v-model.trim="form.bank" placeholder="请输入开户行" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | import { ProFormCaptcha } from 'senin-mini/components'; | 
|---|
|  |  |  | import { FormValidator, Message } from '@12333/utils'; | 
|---|
|  |  |  | import * as userServices from '@12333/services/apiV2/user'; | 
|---|
|  |  |  | import Taro from '@tarojs/taro'; | 
|---|
|  |  |  | import { useQueryClient } from '@tanstack/vue-query'; | 
|---|
|  |  |  | import { EnumUserBankCardAccess } from '@12333/constants'; | 
|---|
|  |  |  | import { goBack } from '@/utils'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { userDetail } = useUser(); | 
|---|
|  |  |  | const switchTab = useSwitchTab(); | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'InnerPage', | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const { userDetail, updateUserInfo } = useUser(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const form = reactive({ | 
|---|
|  |  |  | name: userDetail.value?.name ?? '', | 
|---|
|  |  |  | 
|---|
|  |  |  | if (res) { | 
|---|
|  |  |  | Message.success('绑定成功', { | 
|---|
|  |  |  | onClosed() { | 
|---|
|  |  |  | switchTab({ | 
|---|
|  |  |  | url: RouterPath.mine, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | updateUserInfo(); | 
|---|
|  |  |  | goBack(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|