From 80dd2bebbe3d204cc7833a4793aba67bba356b1d Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 24 三月 2025 19:19:20 +0800
Subject: [PATCH] feat: 页面
---
src/views/Home/components/ChangePersonInfoDialog.vue | 69 +++++++++++++++++++++++-----------
1 files changed, 46 insertions(+), 23 deletions(-)
diff --git a/src/views/Home/components/ChangePersonInfoDialog.vue b/src/views/Home/components/ChangePersonInfoDialog.vue
index 7fc6898..1eb53f0 100644
--- a/src/views/Home/components/ChangePersonInfoDialog.vue
+++ b/src/views/Home/components/ChangePersonInfoDialog.vue
@@ -6,33 +6,49 @@
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="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="璇疯緭鍏ユ墜鏈哄彿"
+ v-model.trim="innerForm.name"
+ :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({
--
Gitblit v1.9.1