zhywpt-sp/personal-center/setting/bank-card/bank-card-add.vue

<template>
	<view class="container">

		<u-form label-width='200' :model="state.form" ref="uForm">
			<u-form-item label="姓名">
				<u-input v-model="state.form.agentName" />
			</u-form-item>

			<u-form-item label="身份证">
				<u-input v-model="state.form.agentgender" />
			</u-form-item>
			<u-form-item label="银行卡号">
				<u-input v-model="state.form.agentIdNum" />
			</u-form-item>
			<u-form-item label="开户银行">
				<u-input v-model="state.form.begindate" type="select" />
			</u-form-item>
			<u-form-item label="银行预留手机号">
				<u-input v-model="state.form.agentPhone" />
			</u-form-item>
			<u-form-item label="验证码">
				<u-input v-model="state.form.code" />
			</u-form-item>
		</u-form>
		<view style='margin-top: 40rpx;'>
			<submit-button title="提交绑定" @submit="submit"></submit-button>
		</view>
	</view>
</template>

<script setup lang="ts">
	import {
		reactive
	} from "vue";
	const state = reactive({
		ocrData: {
			name: '',
			gender: '',
			idno: '',
			address: '',
			begindate: '',
			enddate: '',
			tel: ''
		},
		form: {
			orderId: '', //订单ID
			userName: '', //开户人姓名
			userIdType: '101', //用户证件类型 101//身份证
			userIdNum: '', //用户证件号码
			userPosImgUrl: "", //身份证正面
			userNegImgUrl: '', //身份证反面
			tel: '', //开户人手机号
			address: '', //开户人地址
			sceneType: '', //用户协议支撑服务场景（发行服务机构和用户签订的协议）
			channelId: '', //渠道id
			gender: '',
			customerIdVld: '',
			agentName: '',
			agentgender: '',
			agentPhone: '',
			agentIdType: '101',
			agentIdNum: '',
			agentPosImgUrl: '',
			agentNegImgUrl: '',
			proxyUrl: '',
			agentAddress: '',
			begindate: '',
			code: ''
		},
		orderId: '',
		isMyPeopple: true,
		buchongData: {
			'conmpany': '李某一',
			'type': '居民身份证',
			'card': '23728347626342332',
			'phone': ''
		},
	})
</script>

<style lang="scss" scoped>
	.container {
		padding: 30rpx;
	}
</style>