From cd60ed8de8a967cb423872147bc937bd970ed95f Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Sun, 15 Oct 2023 19:32:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/menu/index.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 9f11b5c..b05892f 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -8,11 +8,12 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMenu, getMenuList } from '@/api/system/menu'
+import { usePermission } from '@/hooks/web/usePermission'
 
 defineOptions({ name: 'SystemMenu' })
 
 const { t } = useI18n()
-const { createMessage } = useMessage()
+const { createMessage, createConfirm } = useMessage()
 const [registerModal, { openModal }] = useModal()
 
 const [register, { expandAll, collapseAll, getForm, reload }] = useTable({
@@ -54,6 +55,21 @@ async function handleDelete(record: Recordable) {
   createMessage.success(t('common.delSuccessText'))
   reload()
 }
+
+function refreshMenu() {
+  createConfirm({
+    title: '刷新菜单',
+    iconType: 'warning',
+    content: '即将更新缓存刷新浏览器',
+    async onOk() {
+      const { refreshMenu } = usePermission()
+      await refreshMenu()
+      createMessage.success('刷新成功')
+      // 刷新浏览器
+      location.reload()
+    },
+  })
+}
 </script>
 
 <template>
@@ -69,6 +85,9 @@ async function handleDelete(record: Recordable) {
         <a-button type="info" @click="collapseAll">
           {{ t('component.tree.unExpandAll') }}
         </a-button>
+        <a-button color="warning" pre-icon="ep:refresh" @click="refreshMenu">
+          刷新菜单缓存
+        </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">