<!-- 首次登记对话框 -->
<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`方法。
但是,由于这段代码只是一个片段,并没有提供完整的上下文信息,所以无法确定这些方法的具体实现逻辑。
希望这些解释能够帮助您理解这段代码。