添加空状态

src/components/PushData/index.jsx

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import style from './index.less';
 import arrowIcon from '@images/arrowIcon.png';
+import pushEmpty from '@images/pushEmpty.png';
 import {pushPage2} from '@utils/config';
 import {dragBox} from '@utils/drag';
 
@@ -47,8 +48,14 @@ class PushData extends Component{
             {showPushData&&<div id="dragModalWrap" className={style['pushWrapper']} style={{right:(windowWidth-1200)/2+'px'}}>
                 {/* <div id="dragModalTitle"  className={style['pushDataTitle']}>朗通智能提醒 <span className={style['pushDataHide']} onClick={this.hidePushData}>收起</span></div> */}
                 <div className={style['pushDataTitle']}>朗通智能提醒 <span className={style['pushDataHide']} onClick={this.hidePushData}>收起</span></div>
-                <iframe id='embedPage'  src={url} frameborder="0" width="400" height="563"></iframe>
-              
+                {mrId&&<iframe id='embedPage'  src={url} frameborder="0" width="400" height="560"></iframe>}
+                {!mrId&&<div className={style['pushEmpty']}>
+                        <div className={style['pushEmptyBox']}>
+                            <img className={style['pushEmptyImg']} src={pushEmpty} alt=""/>
+                            <p>等待内容输入中…</p>
+                        </div>
+                </div>}
+
             </div>}
         </div>
     }

src/components/PushData/index.less

@@ -19,6 +19,19 @@
     right: 15px;
     top: 8px;
 }
+.pushEmptyBox{
+    position: relative;
+    top: 150px;
+}
+.pushEmpty{
+    position: relative;
+    height:560px;
+    width: 400px;
+    text-align: center;
+}
+.pushEmptyImg{
+    width: 130px;
+}
 .pushWrapper{
     width:402px;
     // height:600px;