feats

src/layouts/AuthLayout/index.jsx

   const { theme } = useModel('system');
   const { user, menus } = useModel('user');
   const location = useLocation();
-  const currentRoute = useRoute();
+  const { meta } = useRoute() || {};
+  const { noLayout = false, noSiderBar = false } = meta || {};
 
   const splitMenus = useMemo(() => menus.map(x => ({ ...x, children: undefined })), [menus]);
   const siderMenus = useMemo(() => {
       <HtmlTitle />
       <RequireLogin>
         {
-          currentRoute && currentRoute.meta && currentRoute.meta.noLayout
+          noLayout
             ? <Outlet />
             : (
               <Layout style={{ minHeight: '100vh' }}>
                 <Header theme={theme} menus={splitMenus} location={location} />
                 <Layout>
-                  <SiderBar theme={theme} menus={siderMenus} location={location} />
+                  { !noSiderBar && <SiderBar theme={theme} menus={siderMenus} location={location} /> }
                   <Container location={location} />
                 </Layout>
               </Layout>

src/pages/message/index.jsx

 import { queryTable } from '@/utils/request';
 import { ProTable } from '@ant-design/pro-components';
 import { Button, message, Popconfirm } from 'antd';
-import { getMessageList } from '@/services/message';
+import { getMessageList, setMessageReaded } from '@/services/message';
 
 const queryMessage = queryTable(getMessageList);
 
 export default (props) => {
+  const actionRef = React.useRef();
+
+  const setReaded = (id) => {
+    setMessageReaded(id).then(() => {
+      actionRef.current.reset();
+    })
+  }
+
   const columns = [
     {
       title: '时间',
             key={1}
             type="link"
             disabled={record.isReaded}
+            onClick={() => setReaded(record.id)}
           >
             设为已读
           </Button>,
   return (
     <ProTable
       rowKey="id"
+      actionRef={actionRef}
       request={queryMessage}
       columns={columns}
     />

src/routes/routes.jsx

  *    title: 用于页面或者菜单的标题, 没有此字段, 菜单不会显示
  *    hideInMenu: 布尔值, 如果为 false, 菜单不会显示
  *    noLayout: 布尔值, 如果为 true, 将不会使用默认布局
+ *    noSiderBar: 布尔值, 如果为 true, 将没有左侧菜单栏
  *    target: 字符串, 如果为 _blank, 将在新窗口打开
  * }
  */
         path: 'stockClassification/list',
         element: <StockClassificationList />,
         meta: {
-          title: '库存分类管理',
+          title: '库存分类',
         },
       },
       {
         path: 'log',
         element: <StockLog />,
         meta: {
-          title: '库存操作日志',
+          title: '操作日志',
         },
       },
       {
         path: 'roles',
         element: <Roles />,
         meta: {
-          title: '系统角色管理',
+          title: '角色管理',
         },
       },
       {
         path: 'user',
         element: <UserList />,
         meta: {
-          title: '系统用户管理',
+          title: '用户管理',
         },
       },
       {

src/services/message.js

-import { restful } from '@/utils/request';
+import request, { restful } from '@/utils/request';
 
 const [
   getMessageList,
   getMessageList,
   getMessage,
 }
+
+export const setMessageReaded = id => request.put(`/noticeMessage/${id}/readed`)