fix: 消息通知修改

src/components/GlobalHeader/NoticeIconView.js

@@ -3,81 +3,65 @@ import React, { Component, useMemo, useState } from 'react';
 import { Button, Form, Input, Modal, notification, Pagination } from 'antd';
 import { connect } from 'react-redux';
 import { FormattedMessage } from '@wisdom-utils/components';
+import { history } from '@wisdom-utils/runtime';
+import { findPathByWidget, isJSON } from '@wisdom-utils/components/lib/AppLayout/helpers';
 import Notifier from '../../layouts/AppLayout/notifier/notice';
 import NoticeIcon from '../../layouts/AppLayout/notifier';
 import { ERR_OK, MESSAGE_TYPE, NEW_MESSAGE } from '../../layouts/AppLayout/notifier/constants';
-import { findPathByWidget, isJSON } from '@wisdom-utils/components/lib/AppLayout/helpers';
 import service from '../../api/service/notification';
 import { actionCreators } from '../../containers/App/store';
 import isProd from '../../utils/env';
 // import NoticeIcon from '../NoticeIcon';
 import styles from './index.less';
-import { history } from '@wisdom-utils/runtime';
 
 const { TextArea } = Input;
 
 const PlatformModal = ({ platformVisible, handleClosePlatform, handlerMointer, messages = [] }) => {
   const [pageIndex, setPageIndex] = useState(1);
-  const message = useMemo(() => {
-    return messages[pageIndex-1];
-  }, [messages, pageIndex]);
+  const message = useMemo(() => messages[pageIndex - 1], [messages, pageIndex]);
 
   return (
     <Modal
-      title={<FormattedMessage id='component.noticeIcon.modal.alarm.title'/>}
+      title={<FormattedMessage id="component.noticeIcon.modal.alarm.title" />}
       maskClosable={false}
       mask={false}
-      maskStyle={{ pointerEvents: 'none'}}
+      maskStyle={{ pointerEvents: 'none' }}
       visible={platformVisible}
       zIndex={5000}
       wrapClassName={styles.platformModalWrap}
       className={styles.platformModal}
-      footer={<Pagination 
-        simple
-        total={messages.length}
-        pageSize={1}
-        pageIndex={pageIndex}
-        showSizeChanger={false}
-        onChange={(page, pageSize) => setPageIndex(page)}
-      />}
+      footer={
+        <Pagination
+          simple
+          total={messages.length}
+          pageSize={1}
+          pageIndex={pageIndex}
+          showSizeChanger={false}
+          onChange={(page, pageSize) => setPageIndex(page)}
+        />
+      }
       onCancel={() => handleClosePlatform()}
       centered
     >
       <div className={styles.alarmContent}>
         {/* eslint-disable-next-line jsx-a11y/alt-text */}
-        <img
-          src="https://panda-water.com/web4/assets/images/message/报警图标.svg"
-          alt=""
-        />
+        <img src="https://panda-water.com/web4/assets/images/message/报警图标.svg" alt="" />
         <div className={styles.content}>
           <div className={styles['content-top']}>
-            <a
-              onClick={event =>
-                handlerMointer(event, message, true,)
-              }
-            >
+            <a onClick={event => handlerMointer(event, message, true)}>
               {message && message.infoContent && message.infoContent.title}
             </a>
-            <span
-              title={<FormattedMessage id='component.noticeIcon.messsage.statused'/>}
-              onClick={event =>
-                handlerMointer(event, message, false,)
-              }
-            />
+            <span title="点击标为已读" onClick={event => handlerMointer(event, message, false)} />
           </div>
 
           <div className={styles['content-mid']}>
-            <b>
-              {message && message.infoContent && message.infoContent.alarmType}
-            </b>
+            <b>{message && message.infoContent && message.infoContent.alarmType}</b>
             {`|${message && message.infoContent && message.infoContent.alarmContent}`}
           </div>
           <div className={styles['content-bottom']}>
             <p>
               报警值：
-              <b>
-                {message && message.infoContent && message.infoContent.alarmValue}
-              </b>
+              <b>{message && message.infoContent && message.infoContent.alarmValue}</b>
               {' / '}
               预设值：
               {message && message.infoContent && message.infoContent.alarmThreshold}
@@ -87,9 +71,8 @@ const PlatformModal = ({ platformVisible, handleClosePlatform, handlerMointer, m
         </div>
       </div>
     </Modal>
-  )
-}
-
+  );
+};
 
 /* eslint-disable */
 class NoticeIconView extends Component {
@@ -389,7 +372,7 @@ class NoticeIconView extends Component {
           />
         </NoticeIcon>
         {
-          this.state.platformVisible && (
+          this.state.platformVisible && this.platformMessages.length > 0 && (
             <PlatformModal
               platformVisible={this.state.platformVisible}
               handleClosePlatform={this.handleClosePlatform}