feat(projects): page manage_menu operateDrawer

This commit is contained in:
Soybean
2024-01-30 00:33:26 +08:00
parent e2085e058d
commit db17c916ef
8 changed files with 130 additions and 22 deletions

View File

@ -37,19 +37,15 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
width: 48
},
{
key: 'index',
title: $t('common.index'),
width: 120,
render: (_, index) => {
return <span>{getIndex(index)}</span>;
},
key: 'id',
title: $t('page.manage.menu.id'),
align: 'center'
},
{
key: 'menuType',
title: $t('page.manage.menu.menuType'),
align: 'center',
width: 120,
width: 80,
render: row => {
const tagMap: Record<Api.Common.EnableStatus, NaiveUI.ThemeColor> = {
1: 'default',
@ -107,7 +103,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
key: 'status',
title: $t('page.manage.menu.menuStatus'),
align: 'center',
width: 120,
width: 80,
render: row => {
if (row.status === null) {
return null;
@ -127,7 +123,7 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
key: 'hideInMenu',
title: $t('page.manage.menu.hideInMenu'),
align: 'center',
width: 100,
width: 80,
render: row => {
const hide: CommonType.YesOrNo = row.hideInMenu ? 'Y' : 'N';
@ -141,11 +137,17 @@ const { columns, filteredColumns, data, loading, pagination, getData } = useTabl
return <NTag type={tagMap[hide]}>{label}</NTag>;
}
},
{
key: 'parentId',
title: $t('page.manage.menu.parentId'),
width: 90,
align: 'center'
},
{
key: 'order',
title: $t('page.manage.menu.order'),
align: 'center',
width: 80
width: 60
},
{
key: 'operate',
@ -219,12 +221,6 @@ async function handleDelete(id: number) {
getData();
}
function getIndex(index: number) {
const { page = 0, pageSize = 10 } = pagination;
return String((page - 1) * pageSize + index + 1);
}
</script>
<template>