feat: 添加权限查询和管理机制
- 新增权限管理页面 - 改进轮询链,引入权限查询 - 支持订阅权限变更或轮询权限检测变更 - 应用权限到页面和组件
This commit is contained in:
@@ -1,8 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
import { retentionDaysApi, snapStatusApi, type LineAlarms, type LineDevices, type Station, type VersionInfo } from '@/apis';
|
||||
import { ThemeSwitch } from '@/components';
|
||||
import { usePermission } from '@/composables';
|
||||
import { NDM_ALARM_STORE_ID, NDM_DEVICE_STORE_ID, NDM_STATION_STORE_ID } from '@/constants';
|
||||
import { useSettingStore } from '@/stores';
|
||||
import { PERMISSION_TYPE_LITERALS } from '@/enums';
|
||||
import { useSettingStore, useStationStore } from '@/stores';
|
||||
import { downloadByData, getAppEnvConfig, parseErrorFeedback, sleep } from '@/utils';
|
||||
import { useMutation } from '@tanstack/vue-query';
|
||||
import { useEventListener } from '@vueuse/core';
|
||||
@@ -13,13 +15,20 @@ import localforage from 'localforage';
|
||||
import { DownloadIcon, Trash2Icon, UploadIcon } from 'lucide-vue-next';
|
||||
import { NButton, NButtonGroup, NDivider, NDrawer, NDrawerContent, NDropdown, NFlex, NFormItem, NIcon, NInput, NInputNumber, NModal, NSwitch, NText, type DropdownOption } from 'naive-ui';
|
||||
import { storeToRefs } from 'pinia';
|
||||
import { ref, watch } from 'vue';
|
||||
import { computed, ref, watch } from 'vue';
|
||||
|
||||
const show = defineModel<boolean>('show', { default: false });
|
||||
|
||||
const stationStore = useStationStore();
|
||||
const { stations } = storeToRefs(stationStore);
|
||||
|
||||
const occStation = computed(() => stations.value.find((station) => !!station.occ));
|
||||
|
||||
const settingsStore = useSettingStore();
|
||||
const { menuCollpased, stationGridCols, debugMode, showDeviceRawData, pollingStations, activeRequests, subscribeMessages, mockUser, useLocalDB } = storeToRefs(settingsStore);
|
||||
|
||||
const { hasPermission } = usePermission();
|
||||
|
||||
const versionInfo = ref<VersionInfo>({ version: '', buildTime: '' });
|
||||
|
||||
const { mutate: getVersionInfo } = useMutation({
|
||||
@@ -294,25 +303,27 @@ const onDrawerAfterLeave = () => {
|
||||
<NInputNumber v-model:value="stationGridCols" :min="1" :max="10" />
|
||||
</NFormItem>
|
||||
|
||||
<NDivider>告警</NDivider>
|
||||
<NFormItem label="告警画面截图保留天数" label-placement="left">
|
||||
<NFlex justify="space-between" align="center" style="width: 100%">
|
||||
<NInputNumber v-model:value="retentionDays" :min="1" :max="15" />
|
||||
<NButtonGroup>
|
||||
<NButton secondary size="small" :disabled="retentionDaysSaving" :loading="retentionDaysLoading" @click="() => getRetentionDays()">刷新</NButton>
|
||||
<NButton secondary size="small" :disabled="retentionDaysLoading" :loading="retentionDaysSaving" @click="() => saveRetentionDays()">保存</NButton>
|
||||
</NButtonGroup>
|
||||
</NFlex>
|
||||
</NFormItem>
|
||||
<NFormItem label="自动获取告警画面截图" label-placement="left">
|
||||
<NFlex justify="space-between" align="center" style="width: 100%">
|
||||
<NSwitch size="small" v-model:value="snapStatus" />
|
||||
<NButtonGroup>
|
||||
<NButton secondary size="small" :disabled="snapStatusSaving" :loading="snapStatusLoading" @click="() => getSnapStatus()">刷新</NButton>
|
||||
<NButton secondary size="small" :disabled="snapStatusLoading" :loading="snapStatusSaving" @click="() => saveSnapStatus()">保存</NButton>
|
||||
</NButtonGroup>
|
||||
</NFlex>
|
||||
</NFormItem>
|
||||
<template v-if="!!occStation && hasPermission(occStation.code, PERMISSION_TYPE_LITERALS.OPERATION)">
|
||||
<NDivider>告警</NDivider>
|
||||
<NFormItem label="告警画面截图保留天数" label-placement="left">
|
||||
<NFlex justify="space-between" align="center" style="width: 100%">
|
||||
<NInputNumber v-model:value="retentionDays" :min="1" :max="15" />
|
||||
<NButtonGroup>
|
||||
<NButton secondary size="small" :disabled="retentionDaysSaving" :loading="retentionDaysLoading" @click="() => getRetentionDays()">刷新</NButton>
|
||||
<NButton secondary size="small" :disabled="retentionDaysLoading" :loading="retentionDaysSaving" @click="() => saveRetentionDays()">保存</NButton>
|
||||
</NButtonGroup>
|
||||
</NFlex>
|
||||
</NFormItem>
|
||||
<NFormItem label="自动获取告警画面截图" label-placement="left">
|
||||
<NFlex justify="space-between" align="center" style="width: 100%">
|
||||
<NSwitch size="small" v-model:value="snapStatus" />
|
||||
<NButtonGroup>
|
||||
<NButton secondary size="small" :disabled="snapStatusSaving" :loading="snapStatusLoading" @click="() => getSnapStatus()">刷新</NButton>
|
||||
<NButton secondary size="small" :disabled="snapStatusLoading" :loading="snapStatusSaving" @click="() => saveSnapStatus()">保存</NButton>
|
||||
</NButtonGroup>
|
||||
</NFlex>
|
||||
</NFormItem>
|
||||
</template>
|
||||
|
||||
<template v-if="debugMode">
|
||||
<NDivider title-placement="center">调试</NDivider>
|
||||
|
||||
Reference in New Issue
Block a user