|  |  |  | 
|---|
|  |  |  | draggable | 
|---|
|  |  |  | bodyNoPaddingBottom | 
|---|
|  |  |  | @close="onDialogClose" | 
|---|
|  |  |  | width="700px" | 
|---|
|  |  |  | width="800px" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-text type="danger" | 
|---|
|  |  |  | >*身份证号与保险人姓名不能同时变更,只能修改其中一项,且仅能修改一次</el-text | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProForm :model="innerForm" ref="dialogForm" label-width="100px" style="margin-top: 20px"> | 
|---|
|  |  |  | <ProFormItemV2 label="姓名:" prop="name" :check-rules="[{ message: '请输入姓名' }]"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="请输入姓名" | 
|---|
|  |  |  | v-model.trim="innerForm.name" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="身份证号:" prop="name" :check-rules="[{ message: '请输入身份证号' }]"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="请输入身份证号" | 
|---|
|  |  |  | v-model.trim="innerForm.name" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormItemV2 label="手机号:" prop="name" :check-rules="[{ message: '请输入手机号' }]"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="请输入手机号" | 
|---|
|  |  |  | v-model.trim="innerForm.name" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <ProFormCol> | 
|---|
|  |  |  | <ProFormColItem :span="16"> | 
|---|
|  |  |  | <ProFormItemV2 label="姓名:" prop="name" :check-rules="[{ message: '请输入姓名' }]"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="请输入姓名" | 
|---|
|  |  |  | v-model.trim="innerForm.name" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | <ProFormCol> | 
|---|
|  |  |  | <ProFormColItem :span="16"> | 
|---|
|  |  |  | <ProFormItemV2 | 
|---|
|  |  |  | label="身份证号:" | 
|---|
|  |  |  | prop="idNumber" | 
|---|
|  |  |  | :check-rules="[{ message: '请输入身份证号', type: 'idCard' }]" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="请输入身份证号" | 
|---|
|  |  |  | v-model.trim="innerForm.idNumber" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | <ProFormCol> | 
|---|
|  |  |  | <ProFormColItem :span="16"> | 
|---|
|  |  |  | <ProFormItemV2 label="手机号:" prop="phone"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | placeholder="" | 
|---|
|  |  |  | v-model.trim="innerForm.phone" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | disabled | 
|---|
|  |  |  | ></ProFormText> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | </ProForm> | 
|---|
|  |  |  | <template #footer> | 
|---|
|  |  |  | <span class="dialog-footer"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { ProDialog, ProForm, ProFormItemV2, ProFormText } from '@bole-core/components'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | ProDialog, | 
|---|
|  |  |  | ProForm, | 
|---|
|  |  |  | ProFormCol, | 
|---|
|  |  |  | ProFormColItem, | 
|---|
|  |  |  | ProFormItemV2, | 
|---|
|  |  |  | ProFormText, | 
|---|
|  |  |  | } from '@bole-core/components'; | 
|---|
|  |  |  | import { FormInstance } from 'element-plus'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | 
|---|
|  |  |  | type Props = { | 
|---|
|  |  |  | modelValue: boolean; | 
|---|
|  |  |  | form?: { | 
|---|
|  |  |  | id: string; | 
|---|
|  |  |  | name: string; | 
|---|
|  |  |  | idNumber: string; | 
|---|
|  |  |  | phone: string; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|