提交

src/pages/menu/index.jsx

 import React, { useState, useEffect, useRef } from 'react'
 import { PageHeaderWrapper } from '@ant-design/pro-layout'
 import { SageTable, SageModal, SageButton, sageMessage, ActionSet } from '@/components/Common'
-import { PlusOutlined, EditOutlined, SwapOutlined, DeleteOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
+import { createFromIconfontCN, PlusOutlined, EditOutlined, ReloadOutlined, SwapOutlined, DeleteOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { getEnumDropDownList } from '@/services/enum'
-import { queryMenu, updateMenu, addMenu, removeMenu, getMenuDetail } from './service';
+import { queryMenu, updateMenu, addMenu, removeMenu, getMenuDetail, clearMenu } from './service';
 import CreateForm from './components/CreateForm'
 import UpdateForm from './components/UpdateForm'
 
+const IconFont = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/font_1873986_46xeik9dra8.js',
+});
 
 // 详情数据
 const initDetail = {
@@ -127,7 +130,14 @@ const MenuList = () => {
       title: '排序',
       dataIndex: 'orderNum',
       key: 'orderNum',
-      width: 200,
+      width: 100,
+    },
+    {
+      title: '图标',
+      dataIndex: 'icon',
+      key: 'icon',
+      width: 100,
+      render: text => text ? <IconFont type={`icon-${text}`} /> : ''
     },
     {
       title: '路由地址',
@@ -267,6 +277,14 @@ const MenuList = () => {
     }
   }
 
+  // 刷新缓存
+  const onRefreshMenu = async () => {
+    const res = await clearMenu()
+    if (res.isSuccess) {
+      sageMessage.success('菜单更新成功')
+    }
+  }
+
   // 表格按钮操作
   const tableToolProps = {
     toolBarRender: () => {
@@ -274,6 +292,7 @@ const MenuList = () => {
         <>
           <SageButton type="primary" icon={<PlusOutlined />} onClick={onAdd}>新增</SageButton>
           {/* <SageButton type="success" icon={<EditOutlined />} onClick={(e) => onEdit(e)} disabled={editable} style={{marginLeft: '8px'}}>编辑</SageButton> */}
+          <SageButton type="success" icon={<ReloadOutlined />} onClick={onRefreshMenu} style={{marginLeft: '8px'}}>刷新菜单缓存</SageButton>
           <SageButton type="waring" icon={<SwapOutlined />} onClick={(e) => onExpand(e)} style={{marginLeft: '8px'}}>全部展开/折叠</SageButton>
         </>
       )

src/pages/menu/service.js

@@ -33,3 +33,10 @@ export function getMenuDetail(params) {
     data: { ...params },
   })
 }
+
+// 更新缓存
+export function clearMenu() {
+  return request(`/${requestPrefix}/party/menu/clearMenu`, {
+    method: 'GET'
+  })
+}