(*)消防UI完善

super-screen/client/src/components/rollComponent/index.js

@@ -30,8 +30,8 @@ export default class AutoRollComponent extends Component {
 
             if (!this.props.closeroll) {
                 if (this.props.canScroll) {
-                    this.cloneEle = document.getElementById(this.props.divId);
+                    // this.cloneEle = document.getElementById(this.props.divId);
-                    this.scrollElem.appendChild(this.cloneEle.cloneNode(true));
+                    // this.scrollElem.appendChild(this.cloneEle.cloneNode(true));
                     this.repeat()
                 }
             }

super-screen/client/src/sections/fire-control/components/left-bottom.js

@@ -33,7 +33,7 @@ function Infrastructure(props) {
         </div>
     }
     return <Box title={"今日实时警情"} >
-        <AutoRollComponent canScroll={true} content={getContent()} divHeight={340} divId={`fire-left-bottom`} />
+        <AutoRollComponent canScroll={true} content={getContent()} divHeight={250} divId={`fire-left-bottom`} />
     </Box>
 }
 

super-screen/client/src/sections/fire-control/components/right-top.js

@@ -33,7 +33,7 @@ function CitySafty(props) {
             </div>
 
             <div className='realtime_item'>
-                <div className='_icon2' />
+                <div className='_icon3' />
                 <div className='_text'>
                     <div className='_row1'>
                         <span>烟感设备</span>
@@ -48,7 +48,7 @@ function CitySafty(props) {
         </div>
     }
     return <Box title={"城市安全"} >
-        <AutoRollComponent canScroll={true} content={getContent()} divHeight={340} divId={`fire-right-top`} />
+        <AutoRollComponent repeat={false} canScroll={true} content={getContent()} divHeight={242} divId={`fire-right-top`} />
     </Box>
 }
 

super-screen/client/src/sections/fire-control/components/style.less

@@ -342,12 +342,14 @@
 .realtime_data {
     // height: 100%;
     // padding: 12px 30px 12px 30px;
+    padding-left: 28px;
+    padding-right: 28px;
 
     .realtime_item {
         display: flex;
         background: url('/assets/images/homepage/fire/realtimebg.png') no-repeat;
         background-size: 100% 100%;
-        height: 45%;
+        height: 110px;
         width: 100%;
         margin-bottom: 5%;
         align-items: center;
@@ -367,6 +369,13 @@
             background-size: 100% 100%;
         }
 
+        ._icon3 {
+            width: 80px;
+            height: 80px;
+            background: url('/assets/images/homepage/fire/icon3.png') no-repeat;
+            background-size: 100% 100%;
+        }
+
         ._text {
             width: calc(100% - 100px);
             display: flex;