修改点击事件跳转

src/styles/view/monitor/homePage.scss

@@ -1084,6 +1084,69 @@
       padding-left: 17px;
     }
 
+     //驻站消防队
+      .titleIcon-zzxfd {
+        background: url('/src/assets/homePage/xfsl/zzxfd.png') center center / 100% 100% no-repeat;
+        display: inline-block;
+        height: 20px;
+        width: 20px;
+        vertical-align: middle;
+        margin-top: -4px;
+      }
+
+      //驻站消防员
+      .titleIcon-zzxfy {
+        background: url('/src/assets/homePage/xfsl/zzxfy.png') center center / 100% 100% no-repeat;
+        display: inline-block;
+        height: 16px;
+        width: 19px;
+        vertical-align: middle;
+        margin-top: -4px;
+      }
+
+       //站内值守
+      .titleIcon-znzs {
+        background: url('/src/assets/homePage/xfsl/znzs.png') center center / 100% 100% no-repeat;
+        display: inline-block;
+        height: 19.5px;
+        width: 17.5px;
+        vertical-align: middle;
+        margin-top: -4px;
+        margin-left: 3px;
+      }
+
+      //消防车
+      .titleIcon-xfc {
+        background: url('/src/assets/homePage/xfsl/xfc.png') center center / 100% 100% no-repeat;
+        display: inline-block;
+        height: 18.67px;
+        width: 19px;
+        vertical-align: middle;
+        margin-top: -4px;
+      }
+
+       //消防器材
+      .titleIcon-xfqc {
+        background: url('/src/assets/homePage/xfsl/xfqc.png') center center / 100% 100% no-repeat;
+        display: inline-block;
+        height: 17.32px;
+        width: 15px;
+        vertical-align: middle;
+        margin-top: -4px;
+        margin-left: 4px;
+      }
+
+      .strength-safety-wenzi {
+        font-size:15px;
+        font-family:Microsoft YaHei;
+        font-weight:400;
+        line-height:26px;
+        color:rgba(255,255,255,1);
+        opacity:1;
+        display: inline-block;
+        margin-left: 6px;
+      }
+
     .strength-safety-content {
       background-image: url('/src/assets/homePage/xfsl.png');
       background-repeat: no-repeat !important;
@@ -1124,6 +1187,39 @@
         }
         }
       }
+
+      .strength-safety-tongji {
+        width: 84%;
+        height: 12.3%;
+        background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%);
+        box-shadow:0px 3px 6px rgba(0,0,0,0.16);
+        opacity:1;
+        margin-left: 7%;
+        cursor: pointer;
+        margin-top: 3%;
+        padding-left: 6px;
+        .content-tongji {
+           width: 100%;
+            .left-div {
+                display: inline-block;
+      
+       }
+
+       .right-font {
+         display: inline-block;
+         font-size:15px;
+         font-family:Microsoft YaHei;
+         font-weight:400;
+         line-height:26px;
+         color:rgba(255,255,255,1);
+         opacity:1;
+         float: right;
+         margin-right: 10px;
+       }        
+        
+      }
+    
+    }
   }
 }
 //}

src/view/monitor/index.js

@@ -38,7 +38,13 @@ class RootView extends Component {
   }
 
   componentWillMount() {
-    let systemMenu = JSON.parse(lsTool.read(sessionConsts.systemMenu));
+    let systemMenu = [];
+    let systemMenus = JSON.parse(lsTool.read(sessionConsts.systemMenu));
+    systemMenus.map(e =>{
+      if(e.permissionName && e.permissionName !=="消防安全管理" ){
+        systemMenu.push(e)
+      }
+    })
     this.setState({ extendSystem: systemMenu });
   }
 

src/view/monitor/statistical/FireStrength.js

@@ -32,9 +32,9 @@ alert(123);
         {/* <FireStrengthDetail /> */}
          <div className="strength-safety-content">
           <div className="strength-safety-font">消防实力情况(累计)         </div>
-          <div className="strength-safety-content-box">
-          <div style={{margin:'auto'}}>
-            <div className="item" style={{marginTop:"0%"}} onClick={this.onClick} >
+        
+         
+            {/* <div className="item" style={{marginTop:"0%"}} onClick={this.onClick} >
               <div className="item-content">  <div className="item-img-div"><img className="item-img"src='/src/assets/homePage/xfsl/zzxfd.png'/></div><span>驻站消防队:</span><span className="item-value">18支</span> </div>
             </div>
             <div className="item">
@@ -48,9 +48,59 @@ alert(123);
               </div>
               <div className="item">
               <div  className="item-content"> <div className="item-img-div"> <img className="item-img"src='/src/assets/homePage/xfsl/xfqc.png'/></div><span>消防器材:</span><span className="item-value">20000件</span> </div>
+              </div> */}
+        <div className="strength-safety-tongji" >
+            <div className="content-tongji" onClick={this.onClick}>
+              <div className="left-div">
+                <span className='titleIcon-zzxfd'></span>
+              </div>
+              <span className='strength-safety-wenzi'>驻站消防队</span>
+              <span className="right-font">100套</span>
             </div>
           </div>
+          <div className="strength-safety-tongji">
+            <div className="content-tongji"  onClick={this.onClick}>
+              <div className="left-div">
+                <span className='titleIcon-zzxfy' ></span>
+              </div>
+              <span className='strength-safety-wenzi'>驻站消防员</span>
+              <span className="right-font">123次</span>
+            </div>
+
           </div>
+          <div className="strength-safety-tongji">
+            <div className="content-tongji" onClick={this.onClick}>
+              <div className="left-div">
+                <span className='titleIcon-znzs' ></span>
+              </div>
+              <span className='strength-safety-wenzi'>站内值守</span>
+              <span className="right-font">100次</span>
+            </div>
+
+          </div>
+          <div className="strength-safety-tongji">
+
+            <div className="content-tongji" onClick={this.onClick}>
+              <div className="left-div">
+                <span className='titleIcon-xfc'></span>
+              </div>
+              <span className='strength-safety-wenzi'>消防车</span>
+              <span className="right-font">14445件</span>
+            </div>
+
+          </div>
+          <div className="strength-safety-tongji">
+
+            <div className="content-tongji">
+              <div className="left-div">
+                <span className='titleIcon-xfqc' ></span>
+              </div>
+              <span className='strength-safety-wenzi'>消防器材</span>
+              <span className="right-font">800次</span>
+            </div>
+
+          </div>
+          
         </div>
         <Modal
         width={1000}