feat: 页面

wupengfei

2025-03-24 80dd2bebbe3d204cc7833a4793aba67bba356b1d

 src/views/Home/components/ChangePersonInfoDialog.vue

@@ -6,12 +6,14 @@
    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">
      <ProFormCol>
        <ProFormColItem :span="16">
      <ProFormItemV2 label="姓名：" prop="name" :check-rules="[{ message: '请输入姓名' }]">
        <ProFormText
          placeholder="请输入姓名"
@@ -19,13 +21,25 @@
          :maxlength="30"
        ></ProFormText>
      </ProFormItemV2>
      <ProFormItemV2 label="身份证号：" prop="name" :check-rules="[{ message: '请输入身份证号' }]">
        </ProFormColItem>
      </ProFormCol>
      <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="name" :check-rules="[{ message: '请输入手机号' }]">
        <ProFormText
          placeholder="请输入手机号"
@@ -33,6 +47,8 @@
          :maxlength="30"
        ></ProFormText>
      </ProFormItemV2>
        </ProFormColItem>
      </ProFormCol>
    </ProForm>
    <template #footer>
      <span class="dialog-footer">
@@ -44,7 +60,14 @@
</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({