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

Loading…
Cancel
Save