From 44837e975c63bfad67023999fd1128bf8b3bdc95 Mon Sep 17 00:00:00 2001 From: bleachtred <bleachtred@163.com> Date: 星期五, 19 四月 2024 15:26:56 +0800 Subject: [PATCH] update 当el-form的inline属性为true时,统一样式写法 --- src/views/system/dept/index.vue | 13 +++++++------ 1 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue index 245eb6b..23e29de 100644 --- a/src/views/system/dept/index.vue +++ b/src/views/system/dept/index.vue @@ -3,12 +3,12 @@ <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> <div v-show="showSearch" class="mb-[10px]"> <el-card shadow="hover"> - <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="68px"> + <el-form ref="queryFormRef" :model="queryParams" :inline="true"> <el-form-item label="閮ㄩ棬鍚嶇О" prop="deptName"> - <el-input v-model="queryParams.deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable style="width: 240px" @keyup.enter="handleQuery" /> + <el-input v-model="queryParams.deptName" placeholder="璇疯緭鍏ラ儴闂ㄥ悕绉�" clearable @keyup.enter="handleQuery" /> </el-form-item> <el-form-item label="鐘舵��" prop="status"> - <el-select v-model="queryParams.status" placeholder="閮ㄩ棬鐘舵��" clearable> + <el-select v-model="queryParams.status" placeholder="閮ㄩ棬鐘舵��" clearable > <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" /> </el-select> </el-form-item> @@ -70,7 +70,7 @@ </el-table> </el-card> - <el-dialog v-model="dialog.visible" :title="dialog.title" destroy-on-close append-to-bod width="600px"> + <el-dialog v-model="dialog.visible" :title="dialog.title" destroy-on-close append-to-body width="600px"> <el-form ref="deptFormRef" :model="form" :rules="rules" label-width="80px"> <el-row> <el-col v-if="form.parentId !== 0" :span="24"> @@ -172,7 +172,7 @@ email: undefined, status: '0' }; -const data = reactive<PageData<DeptForm, DeptQuery>>({ +const initData: PageData<DeptForm, DeptQuery> = { form: { ...initFormData }, queryParams: { pageNum: 1, @@ -187,7 +187,8 @@ email: [{ type: 'email', message: '璇疯緭鍏ユ纭殑閭鍦板潃', trigger: ['blur', 'change'] }], phone: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '璇疯緭鍏ユ纭殑鎵嬫満鍙风爜', trigger: 'blur' }] } -}); +}; +const data = reactive<PageData<DeptForm, DeptQuery>>(initData); const { queryParams, form, rules } = toRefs<PageData<DeptForm, DeptQuery>>(data); -- Gitblit v1.9.3