feat: 添加权限查询和管理机制
- 新增权限管理页面 - 改进轮询链,引入权限查询 - 支持订阅权限变更或轮询权限检测变更 - 应用权限到页面和组件
This commit is contained in:
@@ -16,8 +16,9 @@ const NDM_TYPES: Record<string, DeviceType> = {
|
||||
|
||||
<script setup lang="ts">
|
||||
import { deleteCameraIgnoreApi, pageCameraIgnoreApi, type NdmCameraIgnore, type NdmCameraIgnoreResultVO, type PageQueryExtra, type Station } from '@/apis';
|
||||
import { DEVICE_TYPE_LITERALS, DEVICE_TYPE_NAMES, type DeviceType } from '@/enums';
|
||||
import { useDeviceStore, useStationStore } from '@/stores';
|
||||
import { usePermission } from '@/composables';
|
||||
import { DEVICE_TYPE_LITERALS, DEVICE_TYPE_NAMES, PERMISSION_TYPE_LITERALS, type DeviceType } from '@/enums';
|
||||
import { useDeviceStore, usePermissionStore } from '@/stores';
|
||||
import { useMutation } from '@tanstack/vue-query';
|
||||
import { isCancel } from 'axios';
|
||||
import {
|
||||
@@ -46,8 +47,13 @@ interface SearchFields extends PageQueryExtra<NdmCameraIgnore> {
|
||||
// deviceId_like?: string;
|
||||
}
|
||||
|
||||
const stationStore = useStationStore();
|
||||
const { stations } = storeToRefs(stationStore);
|
||||
const permissionStore = usePermissionStore();
|
||||
const { permissions } = storeToRefs(permissionStore);
|
||||
|
||||
const { hasPermission } = usePermission();
|
||||
|
||||
const stations = computed(() => permissionStore.stations.VIEW ?? []);
|
||||
|
||||
const deviceStore = useDeviceStore();
|
||||
const { lineDevices } = storeToRefs(deviceStore);
|
||||
|
||||
@@ -64,6 +70,14 @@ const stationSelectOptions = computed<SelectOption[]>(() => {
|
||||
// }));
|
||||
// });
|
||||
|
||||
// 权限变化时,需要刷新表格数据
|
||||
watch(permissions, (newPermissions, oldPermissions) => {
|
||||
const oldPermissionsJson = JSON.stringify(oldPermissions);
|
||||
const newPermissionsJson = JSON.stringify(newPermissions);
|
||||
if (oldPermissionsJson === newPermissionsJson) return;
|
||||
onClickReset();
|
||||
});
|
||||
|
||||
const searchFields = ref<SearchFields>({});
|
||||
const resetSearchFields = () => {
|
||||
searchFields.value = {};
|
||||
@@ -84,7 +98,7 @@ watch(searchFields, () => {
|
||||
searchFieldsChanged.value = true;
|
||||
});
|
||||
|
||||
const tableColumns: DataTableColumns<NdmCameraIgnoreResultVO> = [
|
||||
const tableColumns = computed<DataTableColumns<NdmCameraIgnoreResultVO>>(() => [
|
||||
{ title: '忽略时间', key: 'createdTime', align: 'center' },
|
||||
// { title: '更新时间', key: 'updatedTime' },
|
||||
{
|
||||
@@ -142,6 +156,11 @@ const tableColumns: DataTableColumns<NdmCameraIgnoreResultVO> = [
|
||||
align: 'center',
|
||||
width: 120,
|
||||
render: (rowData) => {
|
||||
const { deviceId } = rowData;
|
||||
if (!deviceId) return null;
|
||||
const stationCode = deviceId.slice(0, 4);
|
||||
if (!stationCode) return null;
|
||||
if (!hasPermission(stationCode, PERMISSION_TYPE_LITERALS.OPERATION)) return null;
|
||||
return h(
|
||||
NPopconfirm,
|
||||
{
|
||||
@@ -167,7 +186,7 @@ const tableColumns: DataTableColumns<NdmCameraIgnoreResultVO> = [
|
||||
);
|
||||
},
|
||||
},
|
||||
];
|
||||
]);
|
||||
|
||||
const { mutate: cancelIgnore } = useMutation({
|
||||
mutationFn: async (params: { id?: string; signal?: AbortSignal }) => {
|
||||
|
||||
Reference in New Issue
Block a user