Browse Source

feat: Adjust the permission list style

pull/1565/head
colin 1 month ago
parent
commit
3e6c3a6c46
  1. 80
      apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue

80
apps/vben5/packages/@abp/permissions/src/components/definitions/groups/PermissionGroupDefinitionTable.vue

@ -223,50 +223,42 @@ onMounted(onGet);
</template>
<template #action="{ row }">
<div class="flex flex-row">
<div class="basis-1/3">
<Button
:icon="h(EditOutlined)"
block
type="link"
v-access:code="[GroupDefinitionsPermissions.Update]"
@click="onUpdate(row)"
>
{{ $t('AbpUi.Edit') }}
</Button>
</div>
<div class="basis-1/3">
<Button
:icon="h(DeleteOutlined)"
block
danger
type="link"
v-if="hasAccessByCodes([GroupDefinitionsPermissions.Delete])"
:disabled="row.isStatic"
@click="onDelete(row)"
>
{{ $t('AbpUi.Delete') }}
</Button>
</div>
<div class="basis-1/3">
<Dropdown>
<template #overlay>
<Menu @click="(info) => onMenuClick(row, info)">
<MenuItem
v-if="
hasAccessByCodes([PermissionDefinitionsPermissions.Create])
"
key="permissions"
:icon="h(PlusOutlined)"
>
{{
$t('AbpPermissionManagement.PermissionDefinitions:AddNew')
}}
</MenuItem>
</Menu>
</template>
<Button :icon="h(EllipsisOutlined)" type="link" />
</Dropdown>
</div>
<Button
:icon="h(EditOutlined)"
block
type="link"
v-access:code="[GroupDefinitionsPermissions.Update]"
@click="onUpdate(row)"
>
{{ $t('AbpUi.Edit') }}
</Button>
<Button
:icon="h(DeleteOutlined)"
block
danger
type="link"
v-access:code="[GroupDefinitionsPermissions.Delete]"
:disabled="row.isStatic"
@click="onDelete(row)"
>
{{ $t('AbpUi.Delete') }}
</Button>
<Dropdown>
<template #overlay>
<Menu @click="(info) => onMenuClick(row, info)">
<MenuItem
v-if="
hasAccessByCodes([PermissionDefinitionsPermissions.Create])
"
key="permissions"
:icon="h(PlusOutlined)"
>
{{ $t('AbpPermissionManagement.PermissionDefinitions:AddNew') }}
</MenuItem>
</Menu>
</template>
<Button :icon="h(EllipsisOutlined)" type="link" />
</Dropdown>
</div>
</template>
</Grid>

Loading…
Cancel
Save