fix(user-management-relation): 优化一些细节,主要是汇报关系 -> 管理链路。

This commit is contained in:
dk
2026-04-15 20:58:00 +08:00
parent 497a0906cf
commit b265d0d4f1
8 changed files with 39 additions and 39 deletions

View File

@@ -177,7 +177,7 @@
"name": "system_user_management_relation", "name": "system_user_management_relation",
"path": "/system/user-management-relation", "path": "/system/user-management-relation",
"component": "view.system_user-management-relation", "component": "view.system_user-management-relation",
"title": "汇报关系", "title": "管理链路",
"routeTitle": "system-user-management-relation", "routeTitle": "system-user-management-relation",
"i18nKey": "", "i18nKey": "",
"icon": null, "icon": null,
@@ -191,7 +191,7 @@
"redirect": null, "redirect": null,
"props": null, "props": null,
"meta": { "meta": {
"title": "汇报关系", "title": "管理链路",
"i18nKey": "", "i18nKey": "",
"icon": null, "icon": null,
"localIcon": null, "localIcon": null,

View File

@@ -176,7 +176,7 @@ const local: App.I18n.Schema = {
system_menu: '菜单管理', system_menu: '菜单管理',
system_post: '岗位管理', system_post: '岗位管理',
system_dict: '字典管理', system_dict: '字典管理',
'system_user-management-relation': '汇报关系', 'system_user-management-relation': '管理链路',
exception: '异常页', exception: '异常页',
exception_403: '403', exception_403: '403',
exception_404: '404', exception_404: '404',

View File

@@ -486,9 +486,9 @@ export function fetchAssignUserRoles(data: Api.SystemManage.AssignUserRoleParams
}); });
} }
// ==================== 用户汇报关系相关 API ==================== // ==================== 用户管理链路相关 API ====================
/** /**
* 获取用户汇报关系树形结构 * 获取用户管理链路树形结构
* *
* 用于树形控件展示,包含用户的上下级层级关系 * 用于树形控件展示,包含用户的上下级层级关系
* 树形结构特点: * 树形结构特点:
@@ -505,7 +505,7 @@ export function fetchGetUserManagementRelationTree(query: UserManagementRelation
} }
/** /**
* 通过搜索框的查询条件,获取用户汇报关系树形结构 * 通过搜索框的查询条件,获取用户管理链路树形结构
* 用于树形控件展示,包含用户的上下级层级关系 * 用于树形控件展示,包含用户的上下级层级关系
*/ */
export function fetchGetUserManagementRelationQuery(query: UserManagementRelationQueryReqVO) { export function fetchGetUserManagementRelationQuery(query: UserManagementRelationQueryReqVO) {
@@ -517,9 +517,9 @@ export function fetchGetUserManagementRelationQuery(query: UserManagementRelatio
} }
/** /**
* 获取用户汇报关系详情 * 获取用户管理链路详情
* *
* 根据主键 ID 查询单条用户汇报关系记录 * 根据主键 ID 查询单条用户管理链路记录
* *
* @param id 关系记录主键 ID * @param id 关系记录主键 ID
*/ */
@@ -532,9 +532,9 @@ export function fetchGetUserManagementRelation(id: number) {
} }
/** /**
* 创建用户汇报关系 * 创建用户管理链路
* *
* 创建新的用户汇报关系记录 * 创建新的用户管理链路记录
* *
* @param data 创建请求参数 * @param data 创建请求参数
*/ */
@@ -547,9 +547,9 @@ export function fetchCreateUserManagementRelation(data: Api.SystemManage.UserMan
} }
/** /**
* 更新用户汇报关系 * 更新用户管理链路
* *
* 更新已有的用户汇报关系记录 * 更新已有的用户管理链路记录
* *
* @param data 更新请求参数(包含 id * @param data 更新请求参数(包含 id
*/ */
@@ -564,9 +564,9 @@ export function fetchUpdateUserManagementRelation(
} }
/** /**
* 删除用户汇报关系 * 删除用户管理链路
* *
* 根据主键 ID 删除单条用户汇报关系记录 * 根据主键 ID 删除单条用户管理链路记录
* *
* @param id 关系记录主键 ID * @param id 关系记录主键 ID
*/ */
@@ -579,9 +579,9 @@ export function fetchDeleteUserManagementRelation(id: number | null) {
} }
/** /**
* 批量删除用户汇报关系 * 批量删除用户管理链路
* *
* 根据主键 ID 列表批量删除用户汇报关系记录 * 根据主键 ID 列表批量删除用户管理链路记录
* *
* @param ids 关系记录主键 ID 列表 * @param ids 关系记录主键 ID 列表
*/ */

View File

@@ -316,9 +316,9 @@ declare namespace Api {
} }
/** /**
* 用户汇报关系记录 * 用户管理链路记录
* *
* 用于管理用户之间的汇报关系,支持多层级上下级关系 * 用于管理用户之间的管理链路,支持多层级上下级关系
* 对应后端 UserManagementRelationRespVO * 对应后端 UserManagementRelationRespVO
*/ */
interface UserManagementRelation { interface UserManagementRelation {
@@ -339,7 +339,7 @@ declare namespace Api {
} }
/** /**
* 用户汇报关系树形响应 VO * 用户管理链路树形响应 VO
* *
* 专门用于树形结构展示的响应对象 * 专门用于树形结构展示的响应对象
* 对应后端 UserManagementRelationTreeRespVO * 对应后端 UserManagementRelationTreeRespVO
@@ -360,7 +360,7 @@ declare namespace Api {
} }
/** /**
* 用户汇报关系保存参数 * 用户管理链路保存参数
* *
* 用于创建和更新操作 * 用于创建和更新操作
* 对应后端 UserManagementRelationSaveReqVO * 对应后端 UserManagementRelationSaveReqVO
@@ -381,14 +381,14 @@ declare namespace Api {
} }
/** /**
* 用户汇报关系查询参数(列表) * 用户管理链路查询参数(列表)
* *
* 用于搜索框的查询和导出 * 用于搜索框的查询和导出
* 对应后端 UserManagementRelationQueryReqVO * 对应后端 UserManagementRelationQueryReqVO
*/ */
type UserManagementRelationQueryReqVO = CommonType.RecordNullable< type UserManagementRelationQueryReqVO = CommonType.RecordNullable<
Pick<UserManagementRelation, 'managerUserId' | 'subordinateUserId'> & { Pick<UserManagementRelation, 'managerUserId' | 'subordinateUserId'> & {
/** 是否来自汇报关系的index组件 */ /** 是否来自管理链路的index组件 */
fromUserIndex: boolean; fromUserIndex: boolean;
/** 部门ID */ /** 部门ID */
deptId?: number | null; deptId?: number | null;

View File

@@ -1,9 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
/** /**
* 用户汇报关系管理 - 主页面 * 用户管理链路管理 - 主页面
* *
* 功能说明: * 功能说明:
* - 展示用户汇报关系的树形结构 * - 展示用户管理链路的树形结构
* - 支持节点的展开/折叠 * - 支持节点的展开/折叠
* - 支持单选/多选节点 * - 支持单选/多选节点
* - 提供新增、编辑、删除(单个/批量)功能 * - 提供新增、编辑、删除(单个/批量)功能
@@ -34,14 +34,14 @@ defineOptions({ name: 'UserManagementRelation' });
/** /**
* 组件 userQuery 定义 * 组件 userQuery 定义
* *
* @param fromUserIndex 是否不是从汇报关系 index 页面访问(从 user 页面访问时为 true * @param fromUserIndex 是否不是从管理链路 index 页面访问(从 user 页面访问时为 true
*/ */
interface userQuery { interface userQuery {
fromUserIndex?: boolean; fromUserIndex?: boolean;
deptId?: number | null; deptId?: number | null;
} }
// 从user的index组件访问汇报关系fromUserIndex为true否则false; dept=100是灿能电力的id // 从user的index组件访问管理链路fromUserIndex为true否则false; dept=100是灿能电力的id
const { fromUserIndex = false, deptId = 100 } = defineProps<userQuery>(); const { fromUserIndex = false, deptId = 100 } = defineProps<userQuery>();
/** /**
@@ -96,13 +96,13 @@ async function loadUserList() {
/** /**
* 加载树形数据 * 加载树形数据
* *
* 调用后端接口获取完整的用户汇报关系 * 调用后端接口获取完整的用户管理链路
*/ */
async function loadTreeData() { async function loadTreeData() {
loading.value = true; loading.value = true;
try { try {
// 默认不是来自user的index组件访问且deptId=100查询灿能电力及其以下所有部门的用户的汇报关系 // 默认不是来自user的index组件访问且deptId=100查询灿能电力及其以下所有部门的用户的管理链路
const query: Api.SystemManage.UserManagementRelationQueryReqVO = { const query: Api.SystemManage.UserManagementRelationQueryReqVO = {
fromUserIndex, fromUserIndex,
deptId deptId
@@ -120,7 +120,7 @@ async function loadTreeData() {
/** /**
* 根据搜索条件查询树形数据 * 根据搜索条件查询树形数据
* *
* 调用后端接口获取符合条件的用户汇报关系 * 调用后端接口获取符合条件的用户管理链路
* *
* @param query 查询参数 * @param query 查询参数
*/ */
@@ -341,7 +341,7 @@ onMounted(async () => {
<template #header> <template #header>
<div class="flex items-center justify-between gap-12px"> <div class="flex items-center justify-between gap-12px">
<div class="flex items-center gap-10px"> <div class="flex items-center gap-10px">
<p>用户汇报关系</p> <p>用户管理链路</p>
<ElTag effect="plain">{{ countTreeNodes(treeData) }}</ElTag> <ElTag effect="plain">{{ countTreeNodes(treeData) }}</ElTag>
</div> </div>
<div class="flex items-center gap-10px"> <div class="flex items-center gap-10px">

View File

@@ -1,10 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
/** /**
* 用户汇报关系操作对话框 * 用户管理链路操作对话框
* *
* 功能说明: * 功能说明:
* - 新增用户汇报关系 * - 新增用户管理链路
* - 编辑用户汇报关系 * - 编辑用户管理链路
* - 表单验证和提交 * - 表单验证和提交
* *
* 表单字段: * 表单字段:
@@ -79,8 +79,8 @@ const isEdit = computed(() => props.operateType === 'edit');
*/ */
const title = computed(() => { const title = computed(() => {
const titleMap: Record<UI.TableOperateType, string> = { const titleMap: Record<UI.TableOperateType, string> = {
add: '新增用户汇报关系', add: '新增用户管理链路',
edit: '编辑用户汇报关系' edit: '编辑用户管理链路'
}; };
return titleMap[props.operateType]; return titleMap[props.operateType];

View File

@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
/** /**
* 用户汇报关系搜索组件 * 用户管理链路搜索组件
* *
* 功能说明: * 功能说明:
* - 提供管理者和被管理者用户下拉选择 * - 提供管理者和被管理者用户下拉选择

View File

@@ -651,7 +651,7 @@ onMounted(async () => {
<template #icon> <template #icon>
<icon-ic-round-plus class="text-icon" /> <icon-ic-round-plus class="text-icon" />
</template> </template>
汇报关系 管理链路
</ElButton> </ElButton>
<ElPopconfirm :title="$t('common.confirmDelete')" @confirm="handleBatchDelete"> <ElPopconfirm :title="$t('common.confirmDelete')" @confirm="handleBatchDelete">
<template #reference> <template #reference>
@@ -737,7 +737,7 @@ onMounted(async () => {
<BusinessFormDialog <BusinessFormDialog
v-model="userManagementRelationVisible" v-model="userManagementRelationVisible"
title="用户汇报关系" title="用户管理链路"
preset="lg" preset="lg"
:show-footer="false" :show-footer="false"
max-body-height="70vh" max-body-height="70vh"
@@ -754,7 +754,7 @@ onMounted(async () => {
flex-direction: column; flex-direction: column;
} }
// 汇报关系对话框内的搜索框样式优化 // 管理链路对话框内的搜索框样式优化
:deep(.business-form-dialog) { :deep(.business-form-dialog) {
width: 800px; width: 800px;
} }