fix issue

spug_web/src/pages/home/Notice.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Card, List, Modal, Form, Input, Switch, Divider, Badge } from 'antd';
+import { Button, Card, List, Modal, Form, Input, Switch, Divider, Tag } from 'antd';
-import { DownSquareOutlined, PlusOutlined, UpSquareOutlined } from '@ant-design/icons';
+import { DownSquareOutlined, PlusOutlined, UpSquareOutlined, SoundOutlined } from '@ant-design/icons';
 import { http } from 'libs';
 import styles from "./index.module.less";
 
@@ -80,9 +80,10 @@ function NoticeIndex(props) {
       ) : (
         <List>
           {records.map(item => (
-            <List.Item key={item.id} onClick={() => setNotice(item)}>
+            <List.Item key={item.id} className={styles.item} onClick={() => setNotice(item)}>
-              <Badge dot={!item.read_ids.includes(id)}><span className={styles.title}>{item.title}</span></Badge>
+              {!item.read_ids.includes(id) && <SoundOutlined style={{color: '#ff4d4f', marginRight: 4}} />}
-              <span style={{fontSize: 12, color: '#999'}}>{item.created_at.substr(0, 10)}</span>
+              <span className={styles.title}>{item.title}</span>
+              <span className={styles.date}>{item.created_at.substr(0, 10)}</span>
             </List.Item>
           ))}
           {records.length === 0 && (

spug_web/src/pages/home/Todo.js

@@ -3,7 +3,7 @@ import { Button, Card, List } from 'antd';
 
 function TodoIndex(props) {
   return (
-    <Card title="待办事项" bodyStyle={{height: 220, padding: '0 24px'}}>
+    <Card title="待办事项" bodyStyle={{height: 234, padding: '0 24px'}}>
       <List>
         <List.Item extra={<Button type="link">已完成</Button>}>发布申请 测试未附件 需要你审核。</List.Item>
         <List.Item>工单 资源添加 需要你审核。</List.Item>

spug_web/src/pages/home/index.module.less

@@ -1,7 +1,8 @@
 .notice {
   :global(.ant-card-body) {
-    height: 220px;
+    height: 234px;
     padding: 0 24px;
+    overflow: auto;
   }
 
   button {
@@ -9,17 +10,27 @@
   }
 
   .title {
+    flex: 1;
     cursor: pointer;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-
   }
 
   .title:hover {
     color: #1890ff
   }
 
+  .badge {
+    overflow: hidden;
+  }
+
+  .date {
+    display: inline-block;
+    font-size: 12px;
+    color: #999;
+  }
+
   .add {
     display: flex;
     justify-content: center;