feat: 添加权限查询和管理机制
- 新增权限管理页面 - 改进轮询链,引入权限查询 - 支持订阅权限变更或轮询权限检测变更 - 应用权限到页面和组件
This commit is contained in:
@@ -29,7 +29,7 @@ const vimpLogTypeOptions: SelectOption[] = [
|
||||
|
||||
<script setup lang="ts">
|
||||
import { exportVimpLogApi, pageVimpLogApi, type NdmVimpLog, type NdmVimpLogResultVO, type PageQueryExtra, type Station } from '@/apis';
|
||||
import { useStationStore } from '@/stores';
|
||||
import { usePermissionStore } from '@/stores';
|
||||
import { downloadByData, parseErrorFeedback } from '@/utils';
|
||||
import { useMutation } from '@tanstack/vue-query';
|
||||
import { isCancel } from 'axios';
|
||||
@@ -59,8 +59,11 @@ interface SearchFields extends PageQueryExtra<NdmVimpLog> {
|
||||
createdTime: [string, string];
|
||||
}
|
||||
|
||||
const stationStore = useStationStore();
|
||||
const { stations, onlineStations } = storeToRefs(stationStore);
|
||||
const permissionStore = usePermissionStore();
|
||||
const { permissions } = storeToRefs(permissionStore);
|
||||
|
||||
const stations = computed(() => permissionStore.stations.VIEW ?? []);
|
||||
const onlineStations = computed(() => stations.value.filter((station) => station.online));
|
||||
|
||||
const stationSelectOptions = computed(() => {
|
||||
return stations.value.map<SelectOption>((station) => ({
|
||||
@@ -70,6 +73,14 @@ const stationSelectOptions = computed(() => {
|
||||
}));
|
||||
});
|
||||
|
||||
// 权限变化时,需要刷新表格数据
|
||||
watch(permissions, (newPermissions, oldPermissions) => {
|
||||
const oldPermissionsJson = JSON.stringify(oldPermissions);
|
||||
const newPermissionsJson = JSON.stringify(newPermissions);
|
||||
if (oldPermissionsJson === newPermissionsJson) return;
|
||||
onClickReset();
|
||||
});
|
||||
|
||||
const searchFields = ref<SearchFields>({
|
||||
logType_in: [],
|
||||
createdTime: [dayjs().startOf('date').subtract(1, 'week').format('YYYY-MM-DD HH:mm:ss'), dayjs().endOf('date').format('YYYY-MM-DD HH:mm:ss')] as [string, string],
|
||||
|
||||
Reference in New Issue
Block a user