76 lines
2.6 KiB
JavaScript
76 lines
2.6 KiB
JavaScript
import { getDeptNameByNickName } from '@/api/oa/binding';
|
||
|
||
/*
|
||
* withDeptName 高阶函数
|
||
* ---------------------------------------------
|
||
* 用途：
|
||
* 为会话列表（如IM会话、联系人等）异步注入部门名称和部门颜色，
|
||
* 使前端组件可直接渲染带部门信息的会话项。
|
||
*
|
||
* 参数：
|
||
* @param {Array<Object>} conversationList - 原始会话对象数组，
|
||
* 每项需包含唯一标识（如 showName 字段）。
|
||
*
|
||
* 返回：
|
||
* @returns {Promise<Array<Object>>} - 返回一个 Promise，
|
||
* 解析后为带有部门名（deptName）和部门色（color）的会话对象数组。
|
||
* 若某项无部门信息，则不包含 deptName/color 字段。
|
||
*
|
||
* 使用场景：
|
||
* - 会话列表、联系人列表等需要展示部门信息的场景。
|
||
* - 适用于任何需要根据昵称批量获取部门名的业务。
|
||
* - 可在 watch、生命周期、异步数据流等场景下调用。
|
||
*
|
||
* 示例：
|
||
* import { withDeptName } from '@/util/withDeptName';
|
||
* const result = await withDeptName(conversationList);
|
||
* // result: [{...item, deptName, color}, ...]
|
||
*
|
||
* 注意事项：
|
||
* - 依赖 getDeptNameByNickName 接口，需保证接口可用。
|
||
* - 仅为获取到真实部门名的项添加 deptName/color 字段。
|
||
* - 若接口异常或无部门名，则原项不变。
|
||
* - color 为自动分配的浅色系，便于前端高亮展示。
|
||
* - 建议在数据源变更时重新调用。
|
||
*/
|
||
export async function withDeptName(conversationList) {
|
||
const nicknames = conversationList.map(item => item.showName);
|
||
let deptMap = {};
|
||
try {
|
||
const res = await getDeptNameByNickName(nicknames);
|
||
if (Array.isArray(res.data)) {
|
||
res.data.forEach(obj => {
|
||
if (obj && obj.nickName && obj.deptName) {
|
||
deptMap[obj.nickName] = obj.deptName;
|
||
}
|
||
});
|
||
}
|
||
} catch (e) {
|
||
deptMap = {};
|
||
}
|
||
const colorList = [
|
||
'#FFB6C1', '#87CEFA', '#90EE90', '#FFD700', '#FFA07A',
|
||
'#9370DB', '#00CED1', '#FF69B4', '#B0C4DE', '#40E0D0',
|
||
];
|
||
const deptNameSet = new Set();
|
||
Object.values(deptMap).forEach(deptName => {
|
||
deptNameSet.add(deptName);
|
||
});
|
||
const deptNameArr = Array.from(deptNameSet);
|
||
const deptColorMap = {};
|
||
deptNameArr.forEach((dept, idx) => {
|
||
deptColorMap[dept] = colorList[idx % colorList.length];
|
||
});
|
||
return conversationList.map(item => {
|
||
const deptName = deptMap[item.showName];
|
||
if (deptName) {
|
||
return {
|
||
...item,
|
||
deptName,
|
||
color: deptColorMap[deptName] || ''
|
||
}
|
||
} else {
|
||
return { ...item }
|
||
}
|
||
});
|
||
}
|