feats

src/layouts/AuthLayout/index.jsx

@@ -16,7 +16,8 @@ export default (props) => {
   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(() => {
@@ -29,13 +30,13 @@ export default (props) => {
       <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

@@ -3,11 +3,19 @@ import { useNavigate, Link } from 'react-router-dom';
 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: '时间',
@@ -63,6 +71,7 @@ export default (props) => {
             key={1}
             type="link"
             disabled={record.isReaded}
+            onClick={() => setReaded(record.id)}
           >
             设为已读
           </Button>,
@@ -80,6 +89,7 @@ export default (props) => {
   return (
     <ProTable
       rowKey="id"
+      actionRef={actionRef}
       request={queryMessage}
       columns={columns}
     />

src/routes/routes.jsx

@@ -51,6 +51,7 @@ import MessageDetail from '@/pages/message/detail';
  *    title: 用于页面或者菜单的标题, 没有此字段, 菜单不会显示
  *    hideInMenu: 布尔值, 如果为 false, 菜单不会显示
  *    noLayout: 布尔值, 如果为 true, 将不会使用默认布局
+ *    noSiderBar: 布尔值, 如果为 true, 将没有左侧菜单栏
  *    target: 字符串, 如果为 _blank, 将在新窗口打开
  * }
  */
@@ -260,7 +261,7 @@ export const authRoutes = [
         path: 'stockClassification/list',
         element: <StockClassificationList />,
         meta: {
-          title: '库存分类管理',
+          title: '库存分类',
         },
       },
       {
@@ -275,21 +276,21 @@ export const authRoutes = [
         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

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