1
0
mirror of https://github.com/FatttSnake/Pinnacle-OA.git synced 2026-04-05 23:11:24 +08:00

Optimized ui

This commit is contained in:
2023-06-04 00:59:24 +08:00
parent f4a63112fe
commit bca4510c83
2 changed files with 58 additions and 52 deletions

View File

@@ -110,58 +110,64 @@
<el-dialog title="编辑员工信息" :close-on-click-modal="false" draggable v-model="dialogVisible"> <el-dialog title="编辑员工信息" :close-on-click-modal="false" draggable v-model="dialogVisible">
<template #default> <template #default>
<el-form <el-scrollbar height="45vh" style="padding: 0 20px">
label-width="100px" <el-form
:rules="rules" label-width="60px"
ref="formRef" :rules="rules"
:model="userForm" ref="formRef"
v-loading="dialogLoading" :model="userForm"
> v-loading="dialogLoading"
<el-form-item label="用户名" prop="inputUsername"> >
<el-input v-model="userForm.inputUsername" disabled /> <el-form-item label="用户名" prop="inputUsername">
</el-form-item> <el-input v-model="userForm.inputUsername" disabled />
<el-form-item label="部门" prop="selectedDepartment"> </el-form-item>
<el-select v-model="userForm.selectedDepartment"> <el-form-item label="部门" prop="selectedDepartment">
<el-option <el-select v-model="userForm.selectedDepartment">
v-for="item in departments" <el-option
:key="item.id" v-for="item in departments"
:label="item.name" :key="item.id"
:value="item.id" :label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="姓氏" prop="inputLastName">
<el-input v-model="userForm.inputLastName" maxlength="20" show-word-limit />
</el-form-item>
<el-form-item label="名字" prop="inputFirstName">
<el-input
v-model="userForm.inputFirstName"
maxlength="20"
show-word-limit
/> />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="性别" prop="selectedGender">
<el-form-item label="姓氏" prop="inputLastName"> <el-select v-model="userForm.selectedGender">
<el-input v-model="userForm.inputLastName" maxlength="20" show-word-limit /> <el-option label="未知" :value="0" />
</el-form-item> <el-option label="男" :value="1" />
<el-form-item label="名字" prop="inputFirstName"> <el-option label="" :value="2" />
<el-input v-model="userForm.inputFirstName" maxlength="20" show-word-limit /> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="性别" prop="selectedGender"> <el-form-item label="生日" prop="inputBirth">
<el-select v-model="userForm.selectedGender"> <el-date-picker v-model="userForm.inputBirth" value-format="YYYY-MM-DD" />
<el-option label="未知" :value="0" /> </el-form-item>
<el-option label="" :value="1" /> <el-form-item label="邮箱" prop="inputEmail">
<el-option label="女" :value="2" /> <el-input v-model="userForm.inputEmail" maxlength="50" show-word-limit />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="手机" prop="inputTel">
<el-form-item label="生日" prop="inputBirth"> <el-input v-model="userForm.inputTel" maxlength="20" show-word-limit />
<el-date-picker v-model="userForm.inputBirth" value-format="YYYY-MM-DD" /> </el-form-item>
</el-form-item> <el-form-item label="地址" prop="inputAddress">
<el-form-item label="邮箱" prop="inputEmail"> <el-input
<el-input v-model="userForm.inputEmail" maxlength="50" show-word-limit /> v-model="userForm.inputAddress"
</el-form-item> type="textarea"
<el-form-item label="手机" prop="inputTel"> resize="none"
<el-input v-model="userForm.inputTel" maxlength="20" show-word-limit /> maxlength="100"
</el-form-item> show-word-limit
<el-form-item label="地址" prop="inputAddress"> />
<el-input </el-form-item>
v-model="userForm.inputAddress" </el-form>
type="textarea" </el-scrollbar>
resize="none"
maxlength="100"
show-word-limit
/>
</el-form-item>
</el-form>
</template> </template>
<template #footer> <template #footer>
<el-button type="primary" @click="handleSubmit" :disabled="dialogLoading" <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"

View File

@@ -90,7 +90,7 @@
@open="handleDialogOpen" @open="handleDialogOpen"
> >
<template #default> <template #default>
<el-scrollbar max-height="60vh"> <el-scrollbar max-height="60vh" style="padding: 0 20px">
<el-form <el-form
label-width="60px" label-width="60px"
v-loading="dialogLoading" v-loading="dialogLoading"