首次登记对话框

<!-- 首次登记对话框 -->
		<el-dialog :title="title" :visible.sync="isShow" width="500px" append-to-body>
			<div v-if="">
				<el-form ref="fristForm" :model="fristForm" :rules="rules" label-width="80px">
					<el-form-item label="用户姓名" prop="uname">
						<el-input v-model="fristForm.uname" placeholder="请输入用户姓名" />
					</el-form-item>
					<el-form-item label="用户手机号" prop="uphone">
						<el-input v-model="fristForm.uphone" placeholder="请输入用户手机号" />
					</el-form-item>
					<el-form-item label="用户身份证" prop="uId">
						<el-input v-model="fristForm.uId" placeholder="请输入用户身份证" />
					</el-form-item>
					<el-form-item label="联系地址" prop="address">
						<el-input v-model="fristForm.address" placeholder="请输入联系地址" />
					</el-form-item>
					<el-form-item label="办理对象">
						<el-radio-group v-model="fristForm.resource">
							<el-radio label="个人办理"></el-radio>
							<el-radio label="法人办理"></el-radio>
						</el-radio-group>
					</el-form-item>
					<el-form-item v-if="isFrist">
						<el-radio lable="1" v-model="radio">首次办理</el-radio>
					</el-form-item>
				</el-form>
				<div slot="footer" class="dialog-footer">
					<el-button type="primary" @click="submitForm">确 定</el-button>
					<el-button @click="cancel">取 消</el-button>
				</div>
			</div>



		</el-dialog>

这段代码定义了一个Element UI的`el-dialog`组件,用于显示一个首次登记对话框。对话框中包含一个表单,用于输入用户的姓名、手机号、身份证号、联系地址和办理对象等信息。

在`el-form`组件中,使用了`el-form-item`和`el-input`组件来定义表单项。每个表单项都绑定了相应的数据,并使用了`v-model`指令来实现双向数据绑定。

在对话框的底部,定义了两个按钮:一个用于提交表单数据,另一个用于取消操作。当用户点击“确定”按钮时,会触发`submitForm`方法;当用户点击“取消”按钮时,会触发`cancel`方法。

但是,由于这段代码只是一个片段,并没有提供完整的上下文信息,所以无法确定这些方法的具体实现逻辑。

希望这些解释能够帮助您理解这段代码。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值