大屏样式

web/client/src/sections/quanju/containers/footer/guanli/index.js

@@ -6,6 +6,7 @@ import Module from '../../public/module'
 import LeftItem from './LeftItem'
 import {getjiandmanage,getjiandetail} from '../../../actions/example'
 import './style.less'
+import NoData from '../../public/noData';
 const Guanli = (props) => {
     const {dispatch} = props
     const [leftDatas,setleftDatas] = useState([])
@@ -56,9 +57,9 @@ const Guanli = (props) => {
         <div className='guanli'>
         <div className='guanli-left'> 
         <Module style={{height:"100%"}} title="检测点治超处理占比" customize={true}>
-        <AutoRollComponent content={renderLeftContent()}
+        {leftDatas && leftDatas.length!==0?<AutoRollComponent content={renderLeftContent()}
             containerStyle={{ position: "relative", height: "90%", }}
-            divHeight={"100%"} divId={"chart-overview-left"} />
+            divHeight={"100%"} divId={"chart-overview-left"} />:<NoData/>}
         </Module>  
         </div>
         <div className='guanli-right'>
@@ -75,9 +76,9 @@ const Guanli = (props) => {
                 <span>处罚</span>
                 <span>日期</span>
             </div>
-            <AutoRollComponent content={renderContent()}
+            {rightDatas && rightDatas.length!==0?<AutoRollComponent content={renderContent()}
             containerStyle={{ position: "relative", height: "90%", }}
-            divHeight={"100%"} divId={"chart-overview-deviceList"} />
+            divHeight={"100%"} divId={"chart-overview-deviceList"} />:<NoData style={{height:"70%"}}/>}
         </Module>
         </div>
         </div>

web/client/src/sections/quanju/containers/public/noData.js

@@ -1,7 +1,7 @@
 import React from 'react'
 
-export default function NoData() {
+export default function NoData({style}) {
   return (
-    <div style={{color:"#fff",textAlign:'center',height:"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>
+    <div style={{color:"#fff",textAlign:'center',height:style?.height||"100%",display:'flex',alignItems: "center",justifyContent: "space-around"}}>暂无数据</div>
   )
 }