update 负载配置左侧页面接口调试

src/api/system/user.ts

@@ -1,4 +1,5 @@
 import { post, get } from '@/api/request';
+import { userListFormat } from '@/utils/common';
 
 const env = import.meta.env;
 const PREFIX = env.VITE_API_PREFIX_SYSTEM;
@@ -37,6 +38,11 @@ export const userAddGroupApi = (params: any) => {
 export const userQueryGroupApi = (params: any) => {
   return post(`${PREFIX}user/queryGroup`, params);
 };
+// 分页获取用户
+export const listUserDetailPageApi = async (params: any) => {
+  const res = await post(`${PREFIX}user/listUserDetailPage`, params);
+  return userListFormat(res);
+};
 
 // 用户组详情
 export const userQueryGroupDetailApi = (params: any) => {

src/utils/common.ts

@@ -170,6 +170,17 @@ export const resListFormat = (res: any) => {
   });
   return res;
 };
+// CID用户列表返回数据格式化
+export const userListFormat = (res: any) => {
+  res?.data?.data?.forEach((item: any) => {
+    item.userId = item.userInfo.userId;
+    item.nickname = item.userInfo.nickname;
+    item.roleListStr = item.roleList.map((item: any) => item.roleName).join(',');
+    item.postListStr = item.postList.map((item: any) => item.postName).join(',');
+    item.deptListStr = item.deptList.map((item: any) => item.deptName).join(',');
+  });
+  return res;
+};
 
 const pageStorageData: any = JSON.parse(localStorage.getItem('PAGE_STORAGE_DATA') || '{}');
 // 设置页面本地存储

src/views/system/configuration/components/workloadPermission.vue

@@ -18,12 +18,18 @@
               <el-form label-width="auto" @submit.prevent class="demo-form-inline">
                 <el-form-item label="部门：">
                   <el-select
-                    v-model="leftParams.department"
+                    v-model="leftParams.deptId"
                     placeholder="请选择要过滤的部门"
+                    filterable
+                    clearable
                     class="department-select"
                   >
-                    <el-option label="部门1" value="1" />
-                    <el-option label="部门2" value="2" />
+                    <el-option
+                      v-for="item in groupData"
+                      :key="item.id"
+                      :label="item.groupName"
+                      :value="item.id"
+                    />
                   </el-select>
                 </el-form-item>
               </el-form>
@@ -37,7 +43,7 @@
               fullHeight
               :params="leftParams"
               :showSetting="false"
-              :api="userListUserApi"
+              :api="listUserDetailPageApi"
               :rowConfig="{
                 keyField: 'userId',
               }"
@@ -60,16 +66,27 @@
 </template>
 
 <script setup lang="ts">
-import { ref, nextTick } from 'vue';
+import { ref, nextTick, onMounted } from 'vue';
 import DragSplit from '@/components/common/dragSplit/index.vue';
 import BaseTable from '@/components/common/table/baseTable.vue';
 import { userListUserApi } from '@/api/system/user';
 import checkedDataDialog from './checkedDataDialog.vue';
+import { userQueryGroupApi, listUserDetailPageApi } from '@/api/system/user';
+
+// 用户组/部门
+const groupData = ref<any>([]);
+const getUserGroup = async () => {
+  const { data } = await userQueryGroupApi({ current: 1, size: 1000 });
+  groupData.value = data?.data || [];
+};
+onMounted(() => {
+  getUserGroup();
+});
 
 // #region 左侧表格
 const leftTableRef = ref();
 const leftParams = ref({
-  department: '',
+  deptId: '',
 });
 const leftCheckedData = ref<any>([]);
 // 更新选中数据