安全巡检模块

src/routes/asyncView.js

@@ -12,6 +12,7 @@ const AsyncRootBizView = props => <AsyncLoader load={import('./../view/biz/index
 const AsyncSafetyTraining = props => <AsyncLoader load={import('../view/monitor/safetyManage/index')} componentProps={props} />;
 const AsyncDaliyTraining = props => <AsyncLoader load={import('../view/monitor/dailyTrain/index')} componentProps={props} />;
 const AsyncEquipmentMaintain = props => <AsyncLoader load={import('../view/monitor/equipmentMaintain/index')} componentProps={props} />;
+const AsyncSafetyInspection = props => <AsyncLoader load={import('../view/monitor/safetyInspection/index')} componentProps={props} />;
 
 // const AsyncRegionList = props => <AsyncLoader load={import('./../view/common/region/index')} componentProps={props} />;
 
@@ -23,14 +24,16 @@ const Routes = {
   bills: AsyncBills,
   safetyTraining: AsyncSafetyTraining,
   dailyTrain:AsyncDaliyTraining,
-  equipmentMaintain:AsyncEquipmentMaintain
+  equipmentMaintain:AsyncEquipmentMaintain,
+  safetyInspection:AsyncSafetyInspection
 };
 export const businessRouts = [
   { path: 'situation',group: 'biz',component: AsyncSituation, childRoutes: [] },
   { path: 'safetyTraining',group: 'biz',component: AsyncSafetyTraining, childRoutes: [] },
   { path: 'bills',group: 'biz',component: AsyncBills, childRoutes: [] },
   { path: 'dailyTrain',group: 'biz',component: AsyncDaliyTraining, childRoutes: [] },
-  { path: 'equipmentMaintain',group: 'biz',component: AsyncEquipmentMaintain, childRoutes: [] }
+  { path: 'equipmentMaintain',group: 'biz',component: AsyncEquipmentMaintain, childRoutes: [] },
+  { path: 'safetyInspection',group: 'biz',component: AsyncSafetyInspection, childRoutes: [] }
 ];
 const pageCompontent = key => {
   return Routes[key] || AsyncEmptyPage;

src/routes/view.js

@@ -9,6 +9,7 @@ import EmptyPage from './../view/common/emptyPage/EmptyPage';
 import SafetyTraining from './../view/monitor/safetyManage/index';
 import DaliyTraining from './../view/monitor/dailyTrain/index';
 import EquipmentMaintain from './../view/monitor/equipmentMaintain/index';
+import SafetyInspection from './../view/monitor/safetyInspection/index';
 
 const Routes = {
   main: RootView,
@@ -18,14 +19,16 @@ const Routes = {
   bills: Bills,
   safetyTraining:SafetyTraining,
   dailyTrain:DaliyTraining,
-  equipmentMaintain:EquipmentMaintain
+  equipmentMaintain:EquipmentMaintain,
+  safetyInspection:SafetyInspection
 };
 export const businessRouts = [
   { path: 'situation',group: 'biz',component: Situation, childRoutes: [] },
   { path: 'bills',group: 'biz',component: Bills, childRoutes: [] },
   { path: 'safetyTraining',group: 'biz',component: SafetyTraining, childRoutes: [] },
   { path: 'dailyTrain',group: 'biz',component: DaliyTraining, childRoutes: [] },
-  { path: 'equipmentMaintain',group: 'biz',component: EquipmentMaintain, childRoutes: [] }
+  { path: 'equipmentMaintain',group: 'biz',component: EquipmentMaintain, childRoutes: [] },
+  { path: 'safetyInspection',group: 'biz',component: SafetyInspection, childRoutes: [] }
 ];
 const pageCompontent = key => {
   return Routes[key] || EmptyPage;

src/styles/view/index.scss

@@ -17,4 +17,7 @@
 @import './monitor/dailyTrain.scss';
 //器材保养equipmentMaintain
 @import './monitor/equipmentMaintain.scss';
+//安全巡检 safetyInspection
+
+@import './monitor/safetyInspection.scss';
 

src/styles/view/monitor/safetyInspection.scss

+.safetyInspection-safety{
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-image: url('/src/assets/safetyManage/bjt.png');
+  background-repeat: no-repeat;
+
+     .safetyInspection-safty-content {
+        height: 100%;
+        .safetyInspection-top{
+          height: 2%;
+          width: 100%;
+        
+        }
+
+        .safetyInspection-bottom{
+          height: 93%;
+          width:100%;
+          position: relative;
+         
+         
+
+          .safetyInspection-bottom-left {
+               height: 98%;
+               width: 94%;
+               position: absolute;
+               left: 2.6%;
+               border:2px solid rgba(0,185,255,0.3);
+                .safetyInspection-bottom-left-content {
+                    height: 100%;
+
+                    .one-div {
+                      height: 9%;
+                      // border:2px solid blue;
+                      width: 100%;
+                      display: flex;
+                      background: #222b51 !important;
+                      
+                        .search-one {
+                          height: 100%;
+                          width: 30%;
+                          position: relative;
+                          text-align: center;
+                          /* vertical-align: middle; */
+                          top: 29%;
+                          left: 41%;              
+
+                           .search-one-input{
+                              width: 59%;
+
+                              .ant-input-affix-wrapper .ant-input-suffix{
+                                position: absolute;
+                                padding-right: 24px;
+                                top: 50%;
+                                transform: translateY(-50%);
+                                line-height: 0;
+                                color: rgba(0, 0, 0, 0.65);
+                              }
+
+                              .ant-input-affix-wrapper {
+                                padding: 0;
+                                margin: 0;
+                                font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+                                font-size: 12px;
+                                font-variant: tabular-nums;
+                                line-height: 1.5;
+                                color: rgba(0, 0, 0, 0.65);
+                                list-style: none;
+                                box-sizing: border-box;
+                                position: relative;
+                                display: inline-block;
+                                width: 50;
+                                padding-left: 24px;
+                                padding-right: 24px;
+                            }
+
+                              .ant-input-search {
+                                .anticon-search {
+                                  &::before {
+                                    position: relative;
+                                    display: inline-block;
+                                    background: url('/src/assets/safetyManage/sousuo.png') no-repeat;
+                                    width: 20px;
+                                    height: 20px;
+                                    background-size: 100% 100%;
+                                   
+                                    top: 0px;
+                                    content: '' !important;
+                                  }
+                                }
+                              }
+
+                              .ant-input {
+                                // width: 10.7rem;
+                                height: 30px;
+                                // position: relative;
+                                font-size:10px;
+                                font-family:Microsoft YaHei;
+                                font-weight:bold;
+                            // line-height:50px;
+                                 color:rgba(225,231,232,1);
+                                 -webkit-text-stroke:1 rgba(0,0,0,0.00);
+                                 text-stroke:1 rgba(0,0,0,0.00);
+                                 opacity:1;
+                                background: rgba(0,185,255,0.3) !important;
+                                border-radius: 17px;
+                                left: 34%;
+                                .anticon:before {
+                                  margin-top: 1px;
+                                }
+                                border-color:rgba(0,185,255,0.3)
+                              }
+                              
+                           }
+
+                         
+                          
+                        }
+
+       
+                      
+
+                    }
+
+                    .two-div {
+                      height: 91%;
+                      // border:2px solid green;
+                   
+
+                    }
+
+                }
+               
+              
+              
+          }
+
+          
+        }
+        
+        
+     }
+     
+}
\ No newline at end of file

src/view/monitor/safetyInspection/index.js

+import React, { Component } from 'react';
+import SafetyInspectionLeft from './SafetyInspectionLeft';
+
+
+/**
+ * 安全巡检模块
+ */
+export default class SafetyInspection extends Component {
+
+  render() {
+    return (
+      <div className="safetyInspection-safety">
+         <div className="safetyInspection-safty-content">
+             <div className="safetyInspection-top"></div>
+             <div className="safetyInspection-bottom">
+                 <SafetyInspectionLeft />
+                
+             </div>
+         </div>
+      </div>
+    );
+  }
+}