From 606edf808700e68b4d01acadc53f845f208629c8 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 31 三月 2025 16:41:05 +0800
Subject: [PATCH] feat: 接口对接
---
src/views/Home/components/ChangePersonInfoDialog.vue | 73 +++++++++++++++++++++++++-----------
1 files changed, 50 insertions(+), 23 deletions(-)
diff --git a/src/views/Home/components/ChangePersonInfoDialog.vue b/src/views/Home/components/ChangePersonInfoDialog.vue
index 7fc6898..3beea28 100644
--- a/src/views/Home/components/ChangePersonInfoDialog.vue
+++ b/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;
};
};
--
Gitblit v1.9.1