feat(user): 优化用户列表展示字段和对话框样式

- 更新用户列表中部门字段的显示属性
- 在用户对话框中添加小标题样式,优化布局结构
- 新增 form-subtitle 类样式,用于对话框中的小标题
This commit is contained in:
徐靖博
2025-03-27 17:37:47 +08:00
parent 134c969f3d
commit b9281f0a98

View File

@@ -134,7 +134,7 @@
<el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
<el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
<el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible" :show-overflow-tooltip="true" />
<el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible" :show-overflow-tooltip="true" />
<el-table-column label="部门" align="center" key="orgId_dictText" prop="orgId_dictText" v-if="columns[3].visible" :show-overflow-tooltip="true" />
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible" width="120" />
<el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
<template #default="scope">
@@ -181,6 +181,9 @@
<!-- 添加或修改用户配置对话框 -->
<el-dialog :title="title" v-model="open" width="600px" append-to-body>
<el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
<div class="form-subtitle">
用户信息
</div>
<el-row>
<el-col :span="12">
<el-form-item label="用户昵称" prop="nickName">
@@ -287,7 +290,7 @@
</el-form-item>
</el-col>
</el-row>
<div v-if="form.roleIds.length > 0">
<div v-if="form.roleIds.length > 0" class="form-subtitle">
角色信息
</div>
<el-row v-for="(item, index) in form.roleIds" :key="index">
@@ -330,6 +333,9 @@
</el-col>
</el-row>
<el-row>
<div class="form-subtitle">
备注
</div>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
@@ -743,3 +749,12 @@ getDeptTree();
getLocationTree()
getList();
</script>
<style lang="less" scoped>
.form-subtitle {
margin-bottom: 12px;
border-left: 5px solid #2969ff;
padding-left: 12px;
height: 22px;
}
</style>