feat:ue和ne模块权限按钮

This commit is contained in:
zhongzm
2025-09-12 18:52:50 +08:00
parent 02b12d76a7
commit 510e3e1006
10 changed files with 104 additions and 42 deletions

View File

@@ -462,7 +462,7 @@ function fnSyncFileToFTP(row: Record<string, any>) {
<template #title> <template #title>
{{ t('views.ne.neConfigBackup.backupModal.title') }} {{ t('views.ne.neConfigBackup.backupModal.title') }}
</template> </template>
<a-button type="text" @click.prevent="fnFTPModalOpen()"> <a-button type="text" @click.prevent="fnFTPModalOpen()" v-perms:has="['ne:neConfigBackup:ftp']">
<template #icon><DeliveredProcedureOutlined /></template> <template #icon><DeliveredProcedureOutlined /></template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@@ -524,13 +524,13 @@ function fnSyncFileToFTP(row: Record<string, any>) {
<template #title> <template #title>
{{ t('views.ne.neConfigBackup.backupModal.pushFileOper') }} {{ t('views.ne.neConfigBackup.backupModal.pushFileOper') }}
</template> </template>
<a-button type="link" @click.prevent="fnSyncFileToFTP(record)"> <a-button type="link" @click.prevent="fnSyncFileToFTP(record)" v-perms:has="['ne:neConfigBackup:cloud']">
<template #icon><CloudServerOutlined /></template> <template #icon><CloudServerOutlined /></template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
<a-tooltip> <a-tooltip>
<template #title>{{ t('common.downloadText') }}</template> <template #title>{{ t('common.downloadText') }}</template>
<a-button type="link" @click.prevent="fnDownloadFile(record)"> <a-button type="link" @click.prevent="fnDownloadFile(record)" v-perms:has="['ne:neConfigBackup:download']">
<template #icon><DownloadOutlined /></template> <template #icon><DownloadOutlined /></template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, onMounted, toRaw, defineAsyncComponent, ref } from 'vue'; import { reactive, onMounted, toRaw, defineAsyncComponent, ref, computed } from 'vue';
import { PageContainer } from 'antdv-pro-layout'; import { PageContainer } from 'antdv-pro-layout';
import { message, Modal } from 'ant-design-vue/es'; import { message, Modal } from 'ant-design-vue/es';
import { SizeType } from 'ant-design-vue/es/config-provider'; import { SizeType } from 'ant-design-vue/es/config-provider';
@@ -11,6 +11,7 @@ import useNeListStore from '@/store/modules/ne_list';
import { listNeInfo, delNeInfo, stateNeInfo } from '@/api/ne/neInfo'; import { listNeInfo, delNeInfo, stateNeInfo } from '@/api/ne/neInfo';
import useDictStore from '@/store/modules/dict'; import useDictStore from '@/store/modules/dict';
import useNeOptions from './hooks/useNeOptions'; import useNeOptions from './hooks/useNeOptions';
import { hasPermissions } from '@/plugins/auth-user';
const { getDict } = useDictStore(); const { getDict } = useDictStore();
const neListStore = useNeListStore(); const neListStore = useNeListStore();
const { t } = useI18n(); const { t } = useI18n();
@@ -39,6 +40,15 @@ const QuickOAMModal = defineAsyncComponent(
); );
const backConf = ref(); // 引用句柄,取导出函数 const backConf = ref(); // 引用句柄,取导出函数
const hasAnyBatchPermission = computed(() => {
return hasPermissions(['ne:neInfo:log']) ||
hasPermissions(['ne:neInfo:start']) ||
hasPermissions(['ne:neInfo:stop'])||
hasPermissions(['ne:neInfo:delete'])||
hasPermissions(['ne:neInfo:export'])||
hasPermissions(['ne:neInfo:oam'])||
hasPermissions(['ne:neInfo:import']);
});
/**字典数据 */ /**字典数据 */
let dict: { let dict: {
/**网元信息状态 */ /**网元信息状态 */
@@ -474,7 +484,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-space :size="8" align="center"> <a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit()" v-perms:has="['ne:neInfo:add']">
<template #icon><PlusOutlined /></template> <template #icon><PlusOutlined /></template>
{{ t('common.addText') }} {{ t('common.addText') }}
</a-button> </a-button>
@@ -482,6 +492,7 @@ onMounted(() => {
type="default" type="default"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordMore('quickOAM', {})" @click.prevent="fnRecordMore('quickOAM', {})"
v-perms:has="['ne:neInfo:oam']"
> >
<template #icon><SettingOutlined /></template> <template #icon><SettingOutlined /></template>
{{ t('views.ne.neInfo.quickOam.title') }} {{ t('views.ne.neInfo.quickOam.title') }}
@@ -492,6 +503,7 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['ne:neInfo:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
{{ t('common.deleteText') }} {{ t('common.deleteText') }}
@@ -572,6 +584,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnModalVisibleByEdit(record)" @click.prevent="fnModalVisibleByEdit(record)"
v-perms:has="['ne:neInfo:edit']"
> >
<template #icon><FormOutlined /></template> <template #icon><FormOutlined /></template>
</a-button> </a-button>
@@ -583,51 +596,52 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordMore('restart', record)" @click.prevent="fnRecordMore('restart', record)"
v-perms:has="['ne:neInfo:restart']"
> >
<template #icon><UndoOutlined /></template> <template #icon><UndoOutlined /></template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title>{{ t('common.moreText') }}</template> <template #title>{{ t('common.moreText') }}</template>
<a-dropdown placement="bottomRight" trigger="click"> <a-dropdown placement="bottomRight" trigger="click" v-if="hasAnyBatchPermission">
<a-button type="link"> <a-button type="link">
<template #icon><EllipsisOutlined /> </template> <template #icon><EllipsisOutlined /> </template>
</a-button> </a-button>
<template #overlay> <template #overlay>
<a-menu @click="({ key }:any) => fnRecordMore(key, record)"> <a-menu @click="({ key }:any) => fnRecordMore(key, record)">
<a-menu-item key="log"> <a-menu-item key="log" v-if="hasPermissions(['ne:neInfo:log'])">
<FileTextOutlined /> <FileTextOutlined />
{{ t('views.ne.common.log') }} {{ t('views.ne.common.log') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="start"> <a-menu-item key="start" v-if="hasPermissions(['ne:neInfo:start'])">
<ThunderboltOutlined /> <ThunderboltOutlined />
{{ t('views.ne.common.start') }} {{ t('views.ne.common.start') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="stop"> <a-menu-item key="stop" v-if="hasPermissions(['ne:neInfo:stop'])">
<CloseSquareOutlined /> <CloseSquareOutlined />
{{ t('views.ne.common.stop') }} {{ t('views.ne.common.stop') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="reload" v-if="false"> <a-menu-item key="reload" v-if="false" >
<SyncOutlined /> <SyncOutlined />
{{ t('views.ne.common.reload') }} {{ t('views.ne.common.reload') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="delete"> <a-menu-item key="delete" v-if="hasPermissions(['ne:neInfo:delete'])">
<DeleteOutlined /> <DeleteOutlined />
{{ t('common.deleteText') }} {{ t('common.deleteText') }}
</a-menu-item> </a-menu-item>
<a-menu-item <a-menu-item
key="oam" key="oam"
v-if="!['OMC'].includes(record.neType)" v-if="!['OMC'].includes(record.neType) || hasPermissions(['ne:neInfo:oam'])"
> >
<FileTextOutlined /> <FileTextOutlined />
{{ t('views.ne.common.oam') }} {{ t('views.ne.common.oam') }}
</a-menu-item> </a-menu-item>
<!-- 配置备份 --> <!-- 配置备份 -->
<a-menu-item key="backConfExport"> <a-menu-item key="backConfExport" v-if="hasPermissions(['ne:neInfo:export'])">
<ExportOutlined /> <ExportOutlined />
{{ t('views.ne.neInfo.backConf.export') }} {{ t('views.ne.neInfo.backConf.export') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="backConfImport"> <a-menu-item key="backConfImport" v-if="hasPermissions(['ne:neInfo:import'])">
<ImportOutlined /> <ImportOutlined />
{{ t('views.ne.neInfo.backConf.import') }} {{ t('views.ne.neInfo.backConf.import') }}
</a-menu-item> </a-menu-item>

View File

@@ -422,6 +422,7 @@ onMounted(() => {
type="primary" type="primary"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="modalState.openByQuickUpload = true" @click.prevent="modalState.openByQuickUpload = true"
v-perms:has="['ne:neLicense:upload']"
> >
<template #icon><UploadOutlined /></template> <template #icon><UploadOutlined /></template>
{{ t('views.ne.neLicense.quickUpload.title') }} {{ t('views.ne.neLicense.quickUpload.title') }}
@@ -430,6 +431,7 @@ onMounted(() => {
type="default" type="default"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordStateReload()" @click.prevent="fnRecordStateReload()"
v-perms:has="['ne:neLicense:reload']"
> >
<template #icon><SyncOutlined /></template> <template #icon><SyncOutlined /></template>
{{ t('views.ne.neLicense.reloadBatch') }} {{ t('views.ne.neLicense.reloadBatch') }}
@@ -504,7 +506,7 @@ onMounted(() => {
<a-space :size="8" align="center"> <a-space :size="8" align="center">
<a-tooltip placement="topRight"> <a-tooltip placement="topRight">
<template #title>{{ t('views.ne.neLicense.reload') }}</template> <template #title>{{ t('views.ne.neLicense.reload') }}</template>
<a-button type="link" @click.prevent="fnRecordState(record)"> <a-button type="link" @click.prevent="fnRecordState(record)" v-perms:has="['ne:neLicense:sync']">
<template #icon><SyncOutlined /> </template> <template #icon><SyncOutlined /> </template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@@ -513,6 +515,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnModalVisibleByEdit(record.id)" @click.prevent="fnModalVisibleByEdit(record.id)"
v-perms:has="['ne:neLicense:edit']"
> >
<template #icon><UploadOutlined /> </template> <template #icon><UploadOutlined /> </template>
</a-button> </a-button>

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref, onMounted, toRaw, defineAsyncComponent } from 'vue'; import { reactive, ref, onMounted, toRaw, defineAsyncComponent,computed } from 'vue';
import { PageContainer } from 'antdv-pro-layout'; import { PageContainer } from 'antdv-pro-layout';
import { Modal, TableColumnsType, message } from 'ant-design-vue/es'; import { Modal, TableColumnsType, message } from 'ant-design-vue/es';
import { SizeType } from 'ant-design-vue/es/config-provider'; import { SizeType } from 'ant-design-vue/es/config-provider';
@@ -11,6 +11,7 @@ import { listNeSoftware, delNeSoftware } from '@/api/ne/neSoftware';
import { parseDateToStr } from '@/utils/date-utils'; import { parseDateToStr } from '@/utils/date-utils';
import { downloadFile } from '@/api/tool/file'; import { downloadFile } from '@/api/tool/file';
import { saveAs } from 'file-saver'; import { saveAs } from 'file-saver';
import { hasPermissions } from '@/plugins/auth-user';
const neListStore = useNeListStore(); const neListStore = useNeListStore();
const { t } = useI18n(); const { t } = useI18n();
@@ -21,7 +22,10 @@ const EditModal = defineAsyncComponent(
const UploadMoreFile = defineAsyncComponent( const UploadMoreFile = defineAsyncComponent(
() => import('./components/UploadMoreFile.vue') () => import('./components/UploadMoreFile.vue')
); );
const hasAnyBatchPermission = computed(() => {
return hasPermissions(['ne:neSoftware:download']) ||
hasPermissions(['ne:neSoftware:delete']) ;
});
/**查询参数 */ /**查询参数 */
let queryParams = reactive({ let queryParams = reactive({
/**网元类型 */ /**网元类型 */
@@ -400,7 +404,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-space :size="8" align="center"> <a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit(0)"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit(0)" v-perms:has="['ne:neSoftware:upload']">
<template #icon><UploadOutlined /></template> <template #icon><UploadOutlined /></template>
{{ t('views.ne.neSoftware.upload') }} {{ t('views.ne.neSoftware.upload') }}
</a-button> </a-button>
@@ -410,6 +414,7 @@ onMounted(() => {
@click.prevent=" @click.prevent="
() => (modalState.openByMoreFile = !modalState.openByMoreFile) () => (modalState.openByMoreFile = !modalState.openByMoreFile)
" "
v-perms:has="['ne:neSoftware:upload']"
> >
<template #icon><UploadOutlined /></template> <template #icon><UploadOutlined /></template>
<template v-if="tableState.selectedRowOne.neType"> <template v-if="tableState.selectedRowOne.neType">
@@ -426,6 +431,7 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['ne:neSoftware:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
{{ t('common.deleteText') }} {{ t('common.deleteText') }}
@@ -521,6 +527,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnModalVisibleByEdit(record.id)" @click.prevent="fnModalVisibleByEdit(record.id)"
v-perms:has="['ne:neSoftware:edit']"
> >
<template #icon> <ProfileOutlined /></template> <template #icon> <ProfileOutlined /></template>
</a-button> </a-button>
@@ -528,17 +535,17 @@ onMounted(() => {
<a-tooltip placement="left"> <a-tooltip placement="left">
<template #title>{{ t('common.moreText') }}</template> <template #title>{{ t('common.moreText') }}</template>
<a-dropdown placement="bottomRight" trigger="click"> <a-dropdown placement="bottomRight" trigger="click" v-if="hasAnyBatchPermission">
<a-button type="link"> <a-button type="link">
<template #icon><EllipsisOutlined /> </template> <template #icon><EllipsisOutlined /> </template>
</a-button> </a-button>
<template #overlay> <template #overlay>
<a-menu @click="({ key }:any) => fnRecordMore(key, record)"> <a-menu @click="({ key }:any) => fnRecordMore(key, record)">
<a-menu-item key="download"> <a-menu-item key="download" v-if="hasPermissions(['ne:neSoftware:download'])">
<DownloadOutlined /> <DownloadOutlined />
{{ t('common.downloadText') }} {{ t('common.downloadText') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="delete"> <a-menu-item key="delete" v-if="hasPermissions(['ne:neSoftware:delete'])">
<DeleteOutlined /> <DeleteOutlined />
{{ t('common.deleteText') }} {{ t('common.deleteText') }}
</a-menu-item> </a-menu-item>

View File

@@ -506,6 +506,7 @@ onMounted(() => {
@click.prevent=" @click.prevent="
() => (modalState.openByEdit = !modalState.openByEdit) () => (modalState.openByEdit = !modalState.openByEdit)
" "
v-perms:has="['ne:neVersion:upload']"
> >
<template #icon><UploadOutlined /></template> <template #icon><UploadOutlined /></template>
{{ t('views.ne.neSoftware.upload') }} {{ t('views.ne.neSoftware.upload') }}
@@ -516,6 +517,7 @@ onMounted(() => {
@click.prevent=" @click.prevent="
() => (modalState.openByMoreFile = !modalState.openByMoreFile) () => (modalState.openByMoreFile = !modalState.openByMoreFile)
" "
v-perms:has="['ne:neVersion:upload']"
> >
<template #icon><UploadOutlined /></template> <template #icon><UploadOutlined /></template>
<template v-if="tableState.selectedRowOne.neType"> <template v-if="tableState.selectedRowOne.neType">
@@ -532,6 +534,7 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordUpgradeConfirm()" @click.prevent="fnRecordUpgradeConfirm()"
v-perms:has="['ne:neVersion:upgrade']"
> >
<template #icon><ThunderboltOutlined /></template> <template #icon><ThunderboltOutlined /></template>
{{ t('views.ne.neVersion.upgradeBatch') }} {{ t('views.ne.neVersion.upgradeBatch') }}
@@ -645,6 +648,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordVersion('upgrade', record)" @click.prevent="fnRecordVersion('upgrade', record)"
v-perms:has="['ne:neVersion:upgrade']"
> >
<template #icon><ThunderboltOutlined /></template> <template #icon><ThunderboltOutlined /></template>
</a-button> </a-button>
@@ -656,6 +660,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordVersion('rollback', record)" @click.prevent="fnRecordVersion('rollback', record)"
v-perms:has="['ne:neVersion:rollback']"
> >
<template #icon><RollbackOutlined /></template> <template #icon><RollbackOutlined /></template>
</a-button> </a-button>

View File

@@ -353,7 +353,7 @@ onMounted(() => {
<template #title> <template #title>
{{ t('views.ne.neConfigBackup.backupModal.title') }} {{ t('views.ne.neConfigBackup.backupModal.title') }}
</template> </template>
<a-button type="text" @click.prevent="fnFTPModalOpen()"> <a-button type="text" @click.prevent="fnFTPModalOpen()" v-perms:has="['ne-data:backup-data:ftp']">
<template #icon><DeliveredProcedureOutlined /></template> <template #icon><DeliveredProcedureOutlined /></template>
</a-button> </a-button>
</a-tooltip> </a-tooltip>
@@ -387,6 +387,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnSyncFileToFTP(record.fileName)" @click.prevent="fnSyncFileToFTP(record.fileName)"
v-perms:has="['ne-data:backup-data:cloud']"
> >
<template #icon><CloudServerOutlined /></template> <template #icon><CloudServerOutlined /></template>
</a-button> </a-button>
@@ -397,6 +398,7 @@ onMounted(() => {
type="link" type="link"
:loading="downLoading" :loading="downLoading"
@click.prevent="fnDownloadFile(record)" @click.prevent="fnDownloadFile(record)"
v-perms:has="['ne-data:backup-data:download']"
> >
<template #icon><DownloadOutlined /></template> <template #icon><DownloadOutlined /></template>
</a-button> </a-button>
@@ -407,6 +409,7 @@ onMounted(() => {
type="link" type="link"
:loading="delLoading" :loading="delLoading"
@click.prevent="fnRecordDelete(record)" @click.prevent="fnRecordDelete(record)"
v-perms:has="['ne-data:backup-data:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
</a-button> </a-button>

View File

@@ -819,7 +819,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-flex wrap="wrap" gap="small"> <a-flex wrap="wrap" gap="small">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit()" v-perms:has="['neData:udm-auth:add']">
<template #icon> <template #icon>
<PlusOutlined /> <PlusOutlined />
</template> </template>
@@ -831,6 +831,7 @@ onMounted(() => {
danger danger
ghost ghost
@click.prevent="fnModalVisibleByBatch()" @click.prevent="fnModalVisibleByBatch()"
v-perms:has="['neData:udm-auth:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />
@@ -850,13 +851,14 @@ onMounted(() => {
danger danger
:disabled="modalState.loadDataLoading" :disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
v-perms:has="['neData:udm-auth:reload']"
> >
<template #icon><SyncOutlined /></template> <template #icon><SyncOutlined /></template>
{{ t('views.neUser.auth.loadData') }} {{ t('views.neUser.auth.loadData') }}
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen"> <a-button type="dashed" @click.prevent="fnModalUploadImportOpen" v-perms:has="['neData:udm-auth:import']">
<template #icon><ImportOutlined /></template> <template #icon><ImportOutlined /></template>
{{ t('views.neUser.auth.import') }} {{ t('views.neUser.auth.import') }}
</a-button> </a-button>
@@ -869,7 +871,7 @@ onMounted(() => {
@confirm="fnExportList('txt')" @confirm="fnExportList('txt')"
v-if="false" v-if="false"
> >
<a-button type="dashed"> <a-button type="dashed" v-perms:has="['neData:udm-auth:export']">
<template #icon><ExportOutlined /></template> <template #icon><ExportOutlined /></template>
{{ t('views.neUser.auth.export') }} {{ t('views.neUser.auth.export') }}
</a-button> </a-button>
@@ -881,6 +883,7 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['neData:udm-auth:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
{{ t('views.neUser.auth.checkDel') }} {{ t('views.neUser.auth.checkDel') }}
@@ -898,6 +901,7 @@ onMounted(() => {
<a-button <a-button
type="default" type="default"
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
v-perms:has="['neData:udm-auth:export']"
> >
<template #icon><ExportOutlined /></template> <template #icon><ExportOutlined /></template>
{{ t('views.neUser.auth.checkExport') }} {{ t('views.neUser.auth.checkExport') }}
@@ -982,6 +986,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnModalVisibleByEdit(record)" @click.prevent="fnModalVisibleByEdit(record)"
v-perms:has="['neData:udm-auth:edit']"
> >
<template #icon> <template #icon>
<FormOutlined /> <FormOutlined />
@@ -993,6 +998,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordDelete(record.imsi)" @click.prevent="fnRecordDelete(record.imsi)"
v-perms:has="['neData:udm-auth:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />

View File

@@ -1220,7 +1220,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-flex wrap="wrap" gap="small"> <a-flex wrap="wrap" gap="small">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit()" v-perms:has="['neData:udm-sub:add']">
<template #icon> <template #icon>
<PlusOutlined /> <PlusOutlined />
</template> </template>
@@ -1232,6 +1232,7 @@ onMounted(() => {
danger danger
ghost ghost
@click.prevent="fnModalVisibleByBatch()" @click.prevent="fnModalVisibleByBatch()"
v-perms:has="['neData:udm-sub:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />
@@ -1251,6 +1252,7 @@ onMounted(() => {
danger danger
:disabled="modalState.loadDataLoading" :disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
v-perms:has="['neData:udm-sub:reload']"
> >
<template #icon> <template #icon>
<SyncOutlined /> <SyncOutlined />
@@ -1259,7 +1261,7 @@ onMounted(() => {
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen"> <a-button type="dashed" @click.prevent="fnModalUploadImportOpen" v-perms:has="['neData:udm-sub:import']">
<template #icon> <template #icon>
<ImportOutlined /> <ImportOutlined />
</template> </template>
@@ -1273,7 +1275,7 @@ onMounted(() => {
ok-type="default" ok-type="default"
@confirm="fnExportList('txt')" @confirm="fnExportList('txt')"
> >
<a-button type="dashed"> <a-button type="dashed" v-perms:has="['neData:udm-sub:export']">
<template #icon> <template #icon>
<ExportOutlined /> <ExportOutlined />
</template> </template>
@@ -1287,6 +1289,7 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['neData:udm-sub:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />
@@ -1305,6 +1308,7 @@ onMounted(() => {
<a-button <a-button
type="default" type="default"
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
v-perms:has="['neData:udm-sub:export']"
> >
<template #icon> <template #icon>
<ExportOutlined /> <ExportOutlined />
@@ -1410,6 +1414,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnModalVisibleByEdit(record.imsi)" @click.prevent="fnModalVisibleByEdit(record.imsi)"
v-perms:has="['neData:udm-sub:edit']"
> >
<template #icon> <template #icon>
<FormOutlined /> <FormOutlined />
@@ -1421,6 +1426,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordDelete(record.imsi)" @click.prevent="fnRecordDelete(record.imsi)"
v-perms:has="['neData:udm-sub:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref, onMounted, toRaw } from 'vue'; import { reactive, ref, onMounted, toRaw, computed } from 'vue';
import { PageContainer } from 'antdv-pro-layout'; import { PageContainer } from 'antdv-pro-layout';
import { ProModal } from 'antdv-pro-modal'; import { ProModal } from 'antdv-pro-modal';
import { import {
@@ -28,6 +28,7 @@ import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
import { saveAs } from 'file-saver'; import { saveAs } from 'file-saver';
import { uploadFile } from '@/api/tool/file'; import { uploadFile } from '@/api/tool/file';
import { getNeViewFile } from '@/api/tool/neFile'; import { getNeViewFile } from '@/api/tool/neFile';
import { hasPermissions } from '@/plugins/auth-user';
const { t } = useI18n(); const { t } = useI18n();
const neListStore = useNeListStore(); const neListStore = useNeListStore();
/**网元参数 */ /**网元参数 */
@@ -49,6 +50,12 @@ let queryParams = reactive({
pageSize: 20, pageSize: 20,
}); });
const hasAnyBatchPermission = computed(() => {
return hasPermissions(['neData:udm-voip:add']) ||
hasPermissions(['neData:udm-voip:delete']) ;
});
/**查询参数重置 */ /**查询参数重置 */
function fnQueryReset() { function fnQueryReset() {
queryParams = Object.assign(queryParams, { queryParams = Object.assign(queryParams, {
@@ -661,7 +668,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-space :size="8" align="center"> <a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit()" v-perms:has="['neData:udm-voip:add']">
<template #icon> <template #icon>
<PlusOutlined /> <PlusOutlined />
</template> </template>
@@ -674,23 +681,24 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['neData:udm-voip:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
{{ t('views.neData.common.checkDel') }} {{ t('views.neData.common.checkDel') }}
</a-button> </a-button>
<a-dropdown trigger="click"> <a-dropdown trigger="click" v-if="hasAnyBatchPermission">
<a-button> <a-button>
{{ t('views.neData.common.batchOper') }} {{ t('views.neData.common.batchOper') }}
<DownOutlined /> <DownOutlined />
</a-button> </a-button>
<template #overlay> <template #overlay>
<a-menu @click="({ key }:any) => fnModalVisibleByBatch(key)"> <a-menu @click="({ key }:any) => fnModalVisibleByBatch(key)">
<a-menu-item key="add"> <a-menu-item key="add" v-if="hasPermissions(['neData:udm-voip:add'])">
<PlusOutlined /> <PlusOutlined />
{{ t('views.neData.common.batchAddText') }} {{ t('views.neData.common.batchAddText') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="delete"> <a-menu-item key="delete" v-if="hasPermissions(['neData:udm-voip:delete'])">
<DeleteOutlined /> <DeleteOutlined />
{{ t('views.neData.common.batchDelText') }} {{ t('views.neData.common.batchDelText') }}
</a-menu-item> </a-menu-item>
@@ -711,13 +719,14 @@ onMounted(() => {
danger danger
:disabled="modalState.loadDataLoading" :disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
v-perms:has="['neData:udm-voip:reload']"
> >
<template #icon><SyncOutlined /></template> <template #icon><SyncOutlined /></template>
{{ t('views.neData.common.loadData') }} {{ t('views.neData.common.loadData') }}
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen"> <a-button type="dashed" @click.prevent="fnModalUploadImportOpen" v-perms:has="['neData:udm-voip:import']">
<template #icon><ImportOutlined /></template> <template #icon><ImportOutlined /></template>
{{ t('common.import') }} {{ t('common.import') }}
</a-button> </a-button>
@@ -728,7 +737,7 @@ onMounted(() => {
ok-type="default" ok-type="default"
@confirm="fnExportList('txt')" @confirm="fnExportList('txt')"
> >
<a-button type="dashed"> <a-button type="dashed" v-perms:has="['neData:udm-voip:export']">
<template #icon><ExportOutlined /></template> <template #icon><ExportOutlined /></template>
{{ t('common.export') }} {{ t('common.export') }}
</a-button> </a-button>
@@ -818,6 +827,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordDelete(record.username)" @click.prevent="fnRecordDelete(record.username)"
v-perms:has="['neData:udm-voip:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref, onMounted, toRaw } from 'vue'; import { reactive, ref, onMounted, toRaw ,computed} from 'vue';
import { PageContainer } from 'antdv-pro-layout'; import { PageContainer } from 'antdv-pro-layout';
import { ProModal } from 'antdv-pro-modal'; import { ProModal } from 'antdv-pro-modal';
import { import {
@@ -28,8 +28,13 @@ import {
listUDMVolteIMS, listUDMVolteIMS,
resetUDMVolteIMS, resetUDMVolteIMS,
} from '@/api/neData/udm_volte_ims'; } from '@/api/neData/udm_volte_ims';
import { hasPermissions } from '@/plugins/auth-user';
const { t } = useI18n(); const { t } = useI18n();
const neListStore = useNeListStore(); const neListStore = useNeListStore();
const hasAnyBatchPermission = computed(() => {
return hasPermissions(['neData:udm-volte:add']) ||
hasPermissions(['neData:udm-volte:delete']) ;
});
/**字典数据 */ /**字典数据 */
let dict: { let dict: {
/**Tag标签类型 0=VoIP, 1=VoLTE */ /**Tag标签类型 0=VoIP, 1=VoLTE */
@@ -757,7 +762,7 @@ onMounted(() => {
<!-- 插槽-卡片左侧侧 --> <!-- 插槽-卡片左侧侧 -->
<template #title> <template #title>
<a-space :size="8" align="center"> <a-space :size="8" align="center">
<a-button type="primary" @click.prevent="fnModalVisibleByEdit()"> <a-button type="primary" @click.prevent="fnModalVisibleByEdit()" v-perms:has="['neData:udm-volte:add']">
<template #icon> <template #icon>
<PlusOutlined /> <PlusOutlined />
</template> </template>
@@ -770,23 +775,24 @@ onMounted(() => {
:disabled="tableState.selectedRowKeys.length <= 0" :disabled="tableState.selectedRowKeys.length <= 0"
:loading="modalState.confirmLoading" :loading="modalState.confirmLoading"
@click.prevent="fnRecordDelete('0')" @click.prevent="fnRecordDelete('0')"
v-perms:has="['neData:udm-volte:delete']"
> >
<template #icon><DeleteOutlined /></template> <template #icon><DeleteOutlined /></template>
{{ t('views.neData.common.checkDel') }} {{ t('views.neData.common.checkDel') }}
</a-button> </a-button>
<a-dropdown trigger="click"> <a-dropdown trigger="click" v-if="hasAnyBatchPermission">
<a-button> <a-button>
{{ t('views.neData.common.batchOper') }} {{ t('views.neData.common.batchOper') }}
<DownOutlined /> <DownOutlined />
</a-button> </a-button>
<template #overlay> <template #overlay>
<a-menu @click="({ key }:any) => fnModalVisibleByBatch(key)"> <a-menu @click="({ key }:any) => fnModalVisibleByBatch(key)">
<a-menu-item key="add"> <a-menu-item key="add" v-if="hasPermissions(['neData:udm-volte:add'])">
<PlusOutlined /> <PlusOutlined />
{{ t('views.neData.common.batchAddText') }} {{ t('views.neData.common.batchAddText') }}
</a-menu-item> </a-menu-item>
<a-menu-item key="delete"> <a-menu-item key="delete" v-if="hasPermissions(['neData:udm-volte:delete'])">
<DeleteOutlined /> <DeleteOutlined />
{{ t('views.neData.common.batchDelText') }} {{ t('views.neData.common.batchDelText') }}
</a-menu-item> </a-menu-item>
@@ -807,13 +813,14 @@ onMounted(() => {
danger danger
:disabled="modalState.loadDataLoading" :disabled="modalState.loadDataLoading"
:loading="modalState.loadDataLoading" :loading="modalState.loadDataLoading"
v-perms:has="['neData:udm-volte:reload']"
> >
<template #icon><SyncOutlined /></template> <template #icon><SyncOutlined /></template>
{{ t('views.neData.common.loadData') }} {{ t('views.neData.common.loadData') }}
</a-button> </a-button>
</a-popconfirm> </a-popconfirm>
<a-button type="dashed" @click.prevent="fnModalUploadImportOpen"> <a-button type="dashed" @click.prevent="fnModalUploadImportOpen" v-perms:has="['neData:udm-volte:import']">
<template #icon><ImportOutlined /></template> <template #icon><ImportOutlined /></template>
{{ t('common.import') }} {{ t('common.import') }}
</a-button> </a-button>
@@ -824,7 +831,7 @@ onMounted(() => {
ok-type="default" ok-type="default"
@confirm="fnExportList('txt')" @confirm="fnExportList('txt')"
> >
<a-button type="dashed"> <a-button type="dashed" v-perms:has="['neData:udm-volte:export']">
<template #icon><ExportOutlined /></template> <template #icon><ExportOutlined /></template>
{{ t('common.export') }} {{ t('common.export') }}
</a-button> </a-button>
@@ -917,6 +924,7 @@ onMounted(() => {
<a-button <a-button
type="link" type="link"
@click.prevent="fnRecordDelete(record.id)" @click.prevent="fnRecordDelete(record.id)"
v-perms:has="['neData:udm-volte:delete']"
> >
<template #icon> <template #icon>
<DeleteOutlined /> <DeleteOutlined />