import { getPerm
ission
InfoAPI } from '@/ap
is/userSett
ings';
import { useRouter } from 'vue-router';
import Cookies from 'js-cookie';
import { onMounted, onUnmounted, ref } from 'vue';
import { usePropertyMetricsManager } from '@/application/core/
infra-layout/composables/usePropertyMetricsManager';
const propertyMetricsManager = usePropertyMetricsManager
();
const router = useRouter
();
const userId = Cookies
.get
('iam_user'
);
const tenantName = Cookies
.get
('iam_tenant'
);
/**
* 数据权限验证
* 获取当前用户的数据权限范围（按 type 过滤）
*/
// 定义类型
interface perm
issionItem {
product
: str
ing;
type
: str
ing;
typeEn
: str
ing;
approver
: str
ing;
value
: str
ing;
dataRoleId
: str
ing;
dataRoleName
: str
ing;
dataRoleNameEn
: str
ing;
description
: str
ing;
descriptionEn
: str
ing;
own
: boolean;
validityPeriod
: any;
}
// 判断每个分组是否有至少一个 own 为 true
const hasPerm
issionForType =
(items
: perm
issionItem
) => {
return items
.some
(item => item
.own === true
);
};
// 主要函数：获取用户权限并判断是否需要跳转
export const userPerm
issionsHooks =
() => {
// 类别分组
const cloudItems = ref<perm
issionItem[]>
([]
);
const areaItems = ref<perm
issionItem[]>
([]
);
const ownershipItems = ref<perm
issionItem[]>
([]
);
const fetchUserPerm
issions = async
() => {
const params = {
userId,
tenant
: tenantName,
module
: 'asset_safety',
};
try {
const res = await getPerm
ission
InfoAPI
(params
);
if
(res?
.code === 'SUCCESS' && res?
.success
) {
const data
: perm
issionItem[] = res
.data?
.l
ist || [];
// 按 type 分组（必须放在函数内部，使用真实返回数据）
const grouped = data
.reduce<Record<str
ing, perm
issionItem[]>>
((acc, item
) => {
const { type } = item;
if
(!acc[type]
) {
acc[type] = [];
}
acc[type]
.push(item
);
return acc;
}, {}
);
// 获取三个关键类型的权限状态
cloudItems
.value = grouped['云类型'] || [];
areaItems
.value = grouped['区域'] || [];
ownershipItems
.value = grouped['资产所有权'] || [];
const hasCloudPerm
ission = hasPerm
issionForType
(cloudItems
);
const hasAreaPerm
ission = hasPerm
issionForType
(areaItems
);
const hasOwnershipPerm
ission = hasPerm
issionForType
(ownershipItems
);
// 如果三个分类都没有任何权限
if
(!hasCloudPerm
ission && !hasAreaPerm
ission && !hasOwnershipPerm
ission
) {
let path = '/dcPhysicalArchitecture/perm
issionSett
ing/UnauthorizedPage';
router
.push({
path,
}
);
} else {
//
}
return data; // 返回原始数据供其他用途
} else {
/* empty */
}
} catch
(error
) {
throw error;
}
};
onMounted
(() => {
console
.log
('cloudItems', cloudItems
.value
);
propertyMetricsManager
.on
('updatePropertyByUser', fetchUserPerm
issions
);
}
);
onUnmounted
(() => {
propertyMetricsManager
.off
('updatePropertyByUser', fetchUserPerm
issions
);
}
);
console
.log
('cloudItems', cloudItems
);
return {
cloudItems,
areaItems,
ownershipItems,
fetchUserPerm
issions,
};
};
这个文件会报错perm
issionSett
ing
.ts
:35
Uncaught (in promise) TypeError: items
.some
is not a
function
at hasPerm
issionForType
(perm
issionSett
ing
.ts
:35
:16
)
at fetchUserPerm
issions
(perm
issionSett
ing
.ts
:72
:36
)
本文解析了JavaScript中常见的Uncaught TypeError错误，详细说明了'xxx.push is not a function'的原因，指出xxx变量并非数组类型，强调了类型检查的重要性。
扫一扫
2139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
