feat: 证书管理 加入权限

src/views/Log/Access/index.vue

@@ -144,7 +144,7 @@ const columns = [
         search: {
             type: 'string',
         },
-        // width: 200,
+        ellipsis: true,
     },
     {
         title: '请求方法',

src/views/link/Certificate/index.vue

@@ -13,45 +13,40 @@
                 :params="params"
             >
                 <template #headerTitle>
-                    <a-button type="primary" @click="handlAdd"
+                    <PermissionButton
-                        ><AIcon type="PlusOutlined" />新增</a-button
+                        type="primary"
+                        @click="handlAdd"
+                        hasPermission="link/Certificate:add"
                     >
+                        <template #icon><AIcon type="PlusOutlined" /></template>
+                        新增
+                    </PermissionButton>
                 </template>
                 <template #type="slotProps">
                     <span>{{ slotProps.type.text }}</span>
                 </template>
                 <template #action="slotProps">
-                    <a-space :size="16">
+                    <a-space>
-                        <a-tooltip
+                        <template
                             v-for="i in getActions(slotProps)"
                             :key="i.key"
-                            v-bind="i.tooltip"
                         >
-                            <a-popconfirm
+                            <PermissionButton
-                                v-if="i.popConfirm"
+                                :disabled="i.disabled"
-                                v-bind="i.popConfirm"
+                                :popConfirm="i.popConfirm"
-                            >
+                                :tooltip="{
-                                <a-button
+                                    ...i.tooltip,
-                                    :disabled="i.disabled"
+                                }"
-                                    style="padding: 0"
+                                style="padding: 0px"
-                                    type="link"
+                                @click="i.onClick"
-                                    ><AIcon :type="i.icon"
-                                /></a-button>
-                            </a-popconfirm>
-                            <a-button
-                                style="padding: 0"
                                 type="link"
-                                v-else
+                                :hasPermission="'link/Certificate:' + i.key"
-                                @click="i.onClick && i.onClick(slotProps)"
                             >
-                                <a-button
+                                <template #icon
-                                    :disabled="i.disabled"
-                                    style="padding: 0"
-                                    type="link"
                                     ><AIcon :type="i.icon"
-                                /></a-button>
+                                /></template>
-                            </a-button>
+                            </PermissionButton>
-                        </a-tooltip>
+                        </template>
                     </a-space>
                 </template>
             </JTable>
@@ -62,7 +57,9 @@
 import type { ActionsType } from '@/components/Table/index';
 import { query, remove } from '@/api/link/certificate';
 import { message } from 'ant-design-vue';
+import { useMenuStore } from 'store/menu';
 
+const menuStory = useMenuStore();
 const tableRef = ref<Record<string, any>>({});
 const router = useRouter();
 const params = ref<Record<string, any>>({});
@@ -119,7 +116,7 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
     }
     return [
         {
-            key: 'eye',
+            key: 'view',
             text: '查看',
             tooltip: {
                 title: '查看',
@@ -130,7 +127,7 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
             },
         },
         {
-            key: 'edit',
+            key: 'update',
             text: '编辑',
             tooltip: {
                 title: '编辑',
@@ -157,24 +154,19 @@ const getActions = (data: Partial<Record<string, any>>): ActionsType[] => {
 };
 
 const handlAdd = () => {
-    router.push({
+    menuStory.jumpPage(
-        path: `/iot/link/certificate/detail/:id`,
+        `link/Certificate/Detail`,
-        query: { view: false },
+        { id: ':id' },
-    });
+        { view: false },
+    );
 };
 
 const handlEye = (id: string) => {
-    router.push({
+    menuStory.jumpPage(`link/Certificate/Detail`, { id }, { view: true });
-        path: `/iot/link/certificate/detail/${id}`,
-        query: { view: true },
-    });
 };
 
 const handlEdit = (id: string) => {
-    router.push({
+    menuStory.jumpPage(`link/Certificate/Detail`, { id }, { view: false });
-        path: `/iot/link/certificate/detail/${id}`,
-        query: { view: false },
-    });
 };
 
 const handlDelete = async (id: string) => {