feat: 优化消息提醒列初始化展示

src/components/MessageReminder/Complex/index.jsx

@@ -43,7 +43,7 @@ const MessageItem = props => {
         <span className={styles.time}>订单时间：{message.time}</span>
         <span className={styles['read-status']}>
           {readStatus === 0 ? (
-            <a className={styles['read-status--un-read']} onClick={() => onMark([item.id], item)}>
+            <a className={styles['read-status--un-read']} onClick={() => onMark([item.id])}>
               标记为已读
             </a>
           ) : (
@@ -72,10 +72,12 @@ const Complex = props => {
   const [visible, setVisible] = useState(false);
   const [dataTotal, setDataTotal] = useState(10);
   const [loading, setLoading] = useState(false);
+  // 消息列表数据
   const [messageData, setMessageData] = useState([]);
   // 未读消息
   const [orderUnReadCount, setOrderUnReadCount] = useState(0);
   const [afterUnReadCount, setAfterUnReadCount] = useState(0);
+  // 消息列表参数
   const [queryParams, setQueryParams] = useState({ ...INIT_QUERY_PARAMS, ...INIT_PAGINATION });
 
   const userInfo = JSON.parse(localStorage.getItem('user') || '{}');
@@ -154,6 +156,7 @@ const Complex = props => {
   };
 
   const close = () => {
+    setMessageData([]);
     setVisible(false);
   };
 
@@ -199,7 +202,7 @@ const Complex = props => {
   };
 
   // 标记已读
-  const onMark = (idsList, item) => {
+  const onMark = idsList => {
     if (!idsList.length) {
       return;
     }
@@ -312,7 +315,7 @@ const Complex = props => {
         <Spin spinning={loading}>
           <FilterRender />
           <div className={styles['complex-list']}>
-            {messageData.length ? (
+            {visible && messageData.length ? (
               messageData.map(item => (
                 <MessageItem key={item.id} item={item} onMark={onMark} viewDetail={viewDetail} />
               ))