fix(user-management-relation): 优化一些细节,主要是汇报关系 -> 管理链路。
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 用户汇报关系管理 - 主页面
|
||||
* 用户管理链路管理 - 主页面
|
||||
*
|
||||
* 功能说明:
|
||||
* - 展示用户汇报关系的树形结构
|
||||
* - 展示用户管理链路的树形结构
|
||||
* - 支持节点的展开/折叠
|
||||
* - 支持单选/多选节点
|
||||
* - 提供新增、编辑、删除(单个/批量)功能
|
||||
@@ -34,14 +34,14 @@ defineOptions({ name: 'UserManagementRelation' });
|
||||
/**
|
||||
* 组件 userQuery 定义
|
||||
*
|
||||
* @param fromUserIndex 是否不是从汇报关系 index 页面访问(从 user 页面访问时为 true)
|
||||
* @param fromUserIndex 是否不是从管理链路 index 页面访问(从 user 页面访问时为 true)
|
||||
*/
|
||||
interface userQuery {
|
||||
fromUserIndex?: boolean;
|
||||
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>();
|
||||
|
||||
/**
|
||||
@@ -96,13 +96,13 @@ async function loadUserList() {
|
||||
/**
|
||||
* 加载树形数据
|
||||
*
|
||||
* 调用后端接口获取完整的用户汇报关系树
|
||||
* 调用后端接口获取完整的用户管理链路树
|
||||
*/
|
||||
async function loadTreeData() {
|
||||
loading.value = true;
|
||||
|
||||
try {
|
||||
// 默认不是来自user的index组件访问且deptId=100,查询灿能电力及其以下所有部门的用户的汇报关系
|
||||
// 默认不是来自user的index组件访问且deptId=100,查询灿能电力及其以下所有部门的用户的管理链路
|
||||
const query: Api.SystemManage.UserManagementRelationQueryReqVO = {
|
||||
fromUserIndex,
|
||||
deptId
|
||||
@@ -120,7 +120,7 @@ async function loadTreeData() {
|
||||
/**
|
||||
* 根据搜索条件查询树形数据
|
||||
*
|
||||
* 调用后端接口获取符合条件的用户汇报关系树
|
||||
* 调用后端接口获取符合条件的用户管理链路树
|
||||
*
|
||||
* @param query 查询参数
|
||||
*/
|
||||
@@ -341,7 +341,7 @@ onMounted(async () => {
|
||||
<template #header>
|
||||
<div class="flex items-center justify-between gap-12px">
|
||||
<div class="flex items-center gap-10px">
|
||||
<p>用户汇报关系树</p>
|
||||
<p>用户管理链路树</p>
|
||||
<ElTag effect="plain">{{ countTreeNodes(treeData) }}</ElTag>
|
||||
</div>
|
||||
<div class="flex items-center gap-10px">
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 用户汇报关系操作对话框
|
||||
* 用户管理链路操作对话框
|
||||
*
|
||||
* 功能说明:
|
||||
* - 新增用户汇报关系
|
||||
* - 编辑用户汇报关系
|
||||
* - 新增用户管理链路
|
||||
* - 编辑用户管理链路
|
||||
* - 表单验证和提交
|
||||
*
|
||||
* 表单字段:
|
||||
@@ -79,8 +79,8 @@ const isEdit = computed(() => props.operateType === 'edit');
|
||||
*/
|
||||
const title = computed(() => {
|
||||
const titleMap: Record<UI.TableOperateType, string> = {
|
||||
add: '新增用户汇报关系',
|
||||
edit: '编辑用户汇报关系'
|
||||
add: '新增用户管理链路',
|
||||
edit: '编辑用户管理链路'
|
||||
};
|
||||
|
||||
return titleMap[props.operateType];
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
/**
|
||||
* 用户汇报关系搜索组件
|
||||
* 用户管理链路搜索组件
|
||||
*
|
||||
* 功能说明:
|
||||
* - 提供管理者和被管理者用户下拉选择
|
||||
|
||||
@@ -651,7 +651,7 @@ onMounted(async () => {
|
||||
<template #icon>
|
||||
<icon-ic-round-plus class="text-icon" />
|
||||
</template>
|
||||
汇报关系
|
||||
管理链路
|
||||
</ElButton>
|
||||
<ElPopconfirm :title="$t('common.confirmDelete')" @confirm="handleBatchDelete">
|
||||
<template #reference>
|
||||
@@ -737,7 +737,7 @@ onMounted(async () => {
|
||||
|
||||
<BusinessFormDialog
|
||||
v-model="userManagementRelationVisible"
|
||||
title="用户汇报关系"
|
||||
title="用户管理链路"
|
||||
preset="lg"
|
||||
:show-footer="false"
|
||||
max-body-height="70vh"
|
||||
@@ -754,7 +754,7 @@ onMounted(async () => {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
// 汇报关系对话框内的搜索框样式优化
|
||||
// 管理链路对话框内的搜索框样式优化
|
||||
:deep(.business-form-dialog) {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user