feat: 接口对接

wupengfei

2025-03-27 12cce14bc30a85bbf96b5b30bb1aff1fc354091a

 src/views/Home/components/ChangePersonInfoDialog.vue

@@ -6,33 +6,50 @@
    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">
@@ -44,7 +61,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({
@@ -54,7 +78,10 @@
type Props = {
  modelValue: boolean;
  form?: {
    id: string;
    name: string;
    idNumber: string;
    phone: string;
  };
};