Skip to content

S
station-elec-manage-view
Commit fe6bb96b authored by zhengjiangtao's avatar zhengjiangtao
Browse files
Options

Merge branch 'developer' of http://172.16.10.76/station/station-elec-manage-view into developer

parents 2e1583c9 d5e0cb20
Show whitespace changes
Inline Side-by-side
Showing with 1825 additions and 28 deletions
src/routes/asyncView.js
View file @ fe6bb96b
......@@ -14,6 +14,11 @@ const AsyncSafetyTraining = props => <AsyncLoader load={import('../view/monitor/
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 AsyncFireMaterial = props => <AsyncLoader load={import('../view/strength/fireMaterial/index')} componentProps={props} />;
const AsyncFireVehicle = props => <AsyncLoader load={import('../view/strength/fireVehicle/index')} componentProps={props} />;
const AsyncStationFireMan = props => <AsyncLoader load={import('../view/strength/stationFireMan/index')} componentProps={props} />;
const AsyncStationFireTeam = props => <AsyncLoader load={import('../view/strength/stationFireTeam/index')} componentProps={props} />;
const AsyncStationDuty = props => <AsyncLoader load={import('../view/strength/stationDuty/index')} componentProps={props} />;
// const AsyncRegionList = props => <AsyncLoader load={import('./../view/common/region/index')} componentProps={props} />;
......@@ -27,7 +32,12 @@ const Routes = {
safetyTraining: AsyncSafetyTraining,
dailyTrain:AsyncDaliyTraining,
equipmentMaintain:AsyncEquipmentMaintain,
safetyInspection:AsyncSafetyInspection
safetyInspection:AsyncSafetyInspection,
fireMaterial:AsyncFireMaterial,
fireVehicle:AsyncFireVehicle,
stationFireMan:AsyncStationFireMan,
stationFireTeam:AsyncStationFireTeam,
stationDuty:AsyncStationDuty,
};
export const businessRouts = [
{ path: 'situation',group: 'biz',component: AsyncSituation, childRoutes: [] },
......@@ -36,7 +46,12 @@ export const businessRouts = [
{ path: 'bills',group: 'biz',component: AsyncBills, childRoutes: [] },
{ path: 'dailyTrain',group: 'biz',component: AsyncDaliyTraining, childRoutes: [] },
{ path: 'equipmentMaintain',group: 'biz',component: AsyncEquipmentMaintain, childRoutes: [] },
{ path: 'safetyInspection',group: 'biz',component: AsyncSafetyInspection, childRoutes: [] }
{ path: 'safetyInspection',group: 'biz',component: AsyncSafetyInspection, childRoutes: [] },
{ path: 'fireMaterial',group: 'biz',component: AsyncFireMaterial, childRoutes: [] },
{ path: 'fireVehicle',group: 'biz',component: AsyncFireVehicle, childRoutes: [] },
{ path: 'stationFireMan',group: 'biz',component: AsyncStationFireMan, childRoutes: [] },
{ path: 'stationFireTeam',group: 'biz',component: AsyncStationFireTeam, childRoutes: [] },
{ path: 'stationDuty',group: 'biz',component: AsyncStationDuty, childRoutes: [] },
];
const pageCompontent = key => {
return Routes[key] || AsyncEmptyPage;
......
src/routes/view.js
View file @ fe6bb96b
......@@ -11,18 +11,30 @@ 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';
import FireMaterial from './../view/strength/fireMaterial/index';
import FireVehicle from './../view/strength/fireVehicle/index';
import StationFireMan from './../view/strength/stationFireMan/index';
import StationFireTeam from './../view/strength/stationFireTeam/index';
import StationDuty from './../view/strength/stationDuty/index';
const Routes = {
main: RootView,
duty: Duty,
situation: Situation,
situationDetail:SituationDetail,
situationDetail: SituationDetail,
regulate: Regulate,
bills: Bills,
safetyTraining:SafetyTraining,
dailyTrain:DaliyTraining,
equipmentMaintain:EquipmentMaintain,
safetyInspection:SafetyInspection
safetyTraining: SafetyTraining,
dailyTrain: DaliyTraining,
equipmentMaintain: EquipmentMaintain,
safetyInspection: SafetyInspection,
fireMaterial: FireMaterial,
fireVehicle: FireVehicle,
stationFireMan: StationFireMan,
stationFireTeam: StationFireTeam,
stationDuty: StationDuty
};
export const businessRouts = [
{ path: 'situation',group: 'biz',component: Situation, childRoutes: [] },
......@@ -31,7 +43,12 @@ export const businessRouts = [
{ path: 'safetyTraining',group: 'biz',component: SafetyTraining, childRoutes: [] },
{ path: 'dailyTrain',group: 'biz',component: DaliyTraining, childRoutes: [] },
{ path: 'equipmentMaintain',group: 'biz',component: EquipmentMaintain, childRoutes: [] },
{ path: 'safetyInspection',group: 'biz',component: SafetyInspection, childRoutes: [] }
{ path: 'safetyInspection',group: 'biz',component: SafetyInspection, childRoutes: [] },
{ path: 'fireMaterial',group: 'biz',component: FireMaterial, childRoutes: [] },
{ path: 'fireVehicle',group: 'biz',component: FireVehicle, childRoutes: [] },
{ path: 'stationFireMan',group: 'biz',component: StationFireMan, childRoutes: [] },
{ path: 'stationFireTeam',group: 'biz',component: StationFireTeam, childRoutes: [] },
{ path: 'stationDuty',group: 'biz',component: StationDuty, childRoutes: [] },
];
const pageCompontent = key => {
return Routes[key] || EmptyPage;
......
src/styles/view/biz/situationDetail/situationDetail.scss
View file @ fe6bb96b
......@@ -107,17 +107,6 @@
}
}
.time {
position: relative;
width: 350px;
display: inline-block;
color: aqua;
top: -35px;
left: 80%;
font-size: 20px;
font-weight: bold;
}
.dangerClass{
margin-left:240;
margin-top:10;
......
src/styles/view/index.scss
View file @ fe6bb96b
......@@ -21,3 +21,7 @@
@import './monitor/safetyInspection.scss';
//驻站消防员
@import './strength/stationFireMan.scss';
//站内值守人员
@import './strength/stationDuty.scss';
src/styles/view/monitor/table.scss
View file @ fe6bb96b
......@@ -90,6 +90,7 @@
}
}
}
}
......
src/styles/view/strength/stationDuty.scss 0 → 100644
View file @ fe6bb96b
.stationDuty-safety{
position: absolute;
height: 100%;
width: 100%;
background-repeat: no-repeat;
.stationDuty-content {
height: 100%;
.stationDuty-top{
height: 2%;
width: 100%;
}
.stationDuty-bottom{
height: 93%;
width:100%;
position: relative;
.stationDuty-bottom-left {
height: 98%;
width: 47%;
position: absolute;
left: 2.6%;
border:2px solid #5FFFFD;
.stationDuty-bottom-left-content {
height: 100%;
.one-div {
height: 9%;
width: 100%;
display: flex;
background: #222b51 !important;
.search-one {
height: 100%;
width: 30%;
position: relative;
text-align: center;
top: 29%;
.search-one-button{
background-image: url('/src/assets/safetyManage/sousuo.png');
background-repeat: no-repeat !important;
right: 26%;
height: 20px;
position: relative;
width: 20px;
margin-top: -1%;
float: right;
top: 11%;
}
.search-one-input{
width: 100%;
margin-left: 120%;
.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 {
font-size:10px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(225,231,232,1);
-webkit-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% ;
.ant-table-wrapper{
height: 100%;
.ant-spin-nested-loading{
height: 100%;
.ant-spin-container{
height: 100%;
.ant-table{
height: 100%;
.ant-table-thead tr th{
font-size: 20px;
font-weight: bold;
}
.ant-table-tbody tr td{
font-size: 20px;
}
}
.ant-pagination {
position: absolute;
width: 100%;
text-align: center;
vertical-align: bottom !important;
background:rgba(14,127,180,0.29);;
bottom: -2.0%;
box-shadow:0px 2px 10px rgba(0,0,0,0.16);
.ant-pagination-options {
.select-scroll-wrapper {
margin: 0;
}
}
.mini .ant-pagination-total-text {
height: 20px;
line-height: 20px;
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
}
.mini .ant-pagination-options {
margin-left: 8px;
display: none;
}
.ant-pagination-total-text {
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
//float: right
}
.ant-pagination-prev {
background: url('/src/assets/safetyManage/zuo.png') no-repeat;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
.ant-pagination-next {
background: url('/src/assets/safetyManage/you.png') no-repeat;
background-size: 100% 100%;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
//分页颜色调整
.ant-pagination-item-active {
background-color: #5FFFFD !important;
border-color: #5FFFFD !important;
}
.ant-pagination-item {
border: 0;
margin: 0;
min-width: 20px;
height: 20px;
line-height: 20px;
background-color: #00B9FF !important;
}
.ant-pagination-jump-next {
&::after {
color: white;
}
}
}
}
}
}
}
}
}
.stationDuty-bottom-right {
height: 98%;
width: 47%;
left: 51%;
border:2px solid #5FFFFD;
position: absolute;
.stationDuty-bottom-right-content {
height: 100%;
.one-div {
height: 9%;
width: 100%;
display: flex;
background: #222b51 !important;
.content-font-wenzi {
font-size:20px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(225,231,232,1);
display: inline-block;
margin-top: 3%;
margin-left: 4%;
}
}
.two-div {
height: 91%;
font-size: 20px;
.ant-table-wrapper{
height: 100%;
.ant-spin-nested-loading{
height: 100%;
.ant-spin-container{
height: 100%;
.ant-table{
height: 100%;
.ant-table-content {
height: 93%;
//滚动条特殊调整
.ant-table-body {
overflow-y: scroll !important;
background:transparent!important;
//滚动条
&::-webkit-scrollbar {
height: 5px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background-image: url('/src/assets/safetyManage/hengxian.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
&::-webkit-scrollbar-track {
-webkit-box-shadow: 0;
border-radius: 0;
background-image: url('/src/assets/safetyManage/gdt.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
&::-webkit-scrollbar-button {
background-image: url('/src/assets/safetyManage/shang.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
table {
width: 100%;
border-color: transparent !important;
.ant-table-thead tr th{
font-size: 20px;
font-weight: bold;
}
.ant-table-tbody tr td{
font-size: 20px;
}
td {
border-color: transparent !important;
}
}
}
}
}
.ant-pagination {
position: absolute;
width: 100%;
text-align: center;
vertical-align: bottom !important;
background:rgba(14,127,180,0.29);;
bottom: -2.0%;
box-shadow:0px 2px 10px rgba(0,0,0,0.16);
.ant-pagination-options {
.select-scroll-wrapper {
margin: 0;
}
}
.mini .ant-pagination-total-text {
height: 20px;
line-height: 20px;
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
}
.mini .ant-pagination-options {
margin-left: 8px;
display: none;
}
.ant-pagination-total-text {
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
//float: right
}
.ant-pagination-prev {
background: url('/src/assets/safetyManage/zuo.png') no-repeat;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
.ant-pagination-next {
background: url('/src/assets/safetyManage/you.png') no-repeat;
background-size: 100% 100%;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
//分页颜色调整
.ant-pagination-item-active {
background-color: #5FFFFD !important;
border-color: #5FFFFD !important;
}
.ant-pagination-item {
border: 0;
margin: 0;
min-width: 20px;
height: 20px;
line-height: 20px;
background-color: #00B9FF !important;
}
.ant-pagination-jump-next {
&::after {
color: white;
}
}
}
}
}
}
}
}
}
}
}
}
\ No newline at end of file
src/styles/view/strength/stationFireMan.scss 0 → 100644
View file @ fe6bb96b
.stationFireMan-safety{
position: absolute;
height: 100%;
width: 100%;
background-repeat: no-repeat;
.stationFireMan-content {
height: 100%;
.stationFireMan-top{
height: 2%;
width: 100%;
}
.stationFireMan-bottom{
height: 93%;
width:100%;
position: relative;
.stationFireMan-bottom-left {
height: 98%;
width: 47%;
position: absolute;
left: 2.6%;
border:2px solid #5FFFFD;
.stationFireMan-bottom-left-content {
height: 100%;
.one-div {
height: 9%;
width: 100%;
display: flex;
background: #222b51 !important;
.search-one {
height: 100%;
width: 30%;
position: relative;
text-align: center;
top: 29%;
.search-one-button{
background-image: url('/src/assets/safetyManage/sousuo.png');
background-repeat: no-repeat !important;
right: 26%;
height: 20px;
position: relative;
width: 20px;
margin-top: -1%;
float: right;
top: 11%;
}
.search-one-input{
width: 100%;
margin-left: 120%;
.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 {
font-size:10px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(225,231,232,1);
-webkit-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% ;
.ant-table-wrapper{
height: 100%;
.ant-spin-nested-loading{
height: 100%;
.ant-spin-container{
height: 100%;
.ant-table{
height: 100%;
.ant-table-thead tr th{
font-size: 20px;
font-weight: bold;
}
.ant-table-tbody tr td{
font-size: 20px;
}
}
.ant-pagination {
position: absolute;
width: 100%;
text-align: center;
vertical-align: bottom !important;
background:rgba(14,127,180,0.29);;
bottom: -2.0%;
box-shadow:0px 2px 10px rgba(0,0,0,0.16);
.ant-pagination-options {
.select-scroll-wrapper {
margin: 0;
}
}
.mini .ant-pagination-total-text {
height: 20px;
line-height: 20px;
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
}
.mini .ant-pagination-options {
margin-left: 8px;
display: none;
}
.ant-pagination-total-text {
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
//float: right
}
.ant-pagination-prev {
background: url('/src/assets/safetyManage/zuo.png') no-repeat;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
.ant-pagination-next {
background: url('/src/assets/safetyManage/you.png') no-repeat;
background-size: 100% 100%;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
//分页颜色调整
.ant-pagination-item-active {
background-color: #5FFFFD !important;
border-color: #5FFFFD !important;
}
.ant-pagination-item {
border: 0;
margin: 0;
min-width: 20px;
height: 20px;
line-height: 20px;
background-color: #00B9FF !important;
}
.ant-pagination-jump-next {
&::after {
color: white;
}
}
}
}
}
}
}
}
}
.stationFireMan-bottom-right {
height: 98%;
width: 47%;
left: 51%;
border:2px solid #5FFFFD;
position: absolute;
.stationFireMan-bottom-right-content {
height: 100%;
.one-div {
height: 9%;
width: 100%;
display: flex;
background: #222b51 !important;
.content-font-wenzi {
font-size:20px;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(225,231,232,1);
display: inline-block;
margin-top: 3%;
margin-left: 4%;
}
}
.two-div {
height: 91%;
.ant-table-wrapper{
height: 100%;
.ant-spin-nested-loading{
height: 100%;
.ant-spin-container{
height: 100%;
.ant-table{
height: 100%;
.ant-table-content {
height: 100%;
//滚动条特殊调整
.ant-table-body {
overflow-y: scroll !important;
background:transparent!important;
&::-webkit-scrollbar {
height: 5px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background-image: url('/src/assets/safetyManage/hengxian.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
&::-webkit-scrollbar-track {
-webkit-box-shadow: 0;
border-radius: 0;
background-image: url('/src/assets/safetyManage/gdt.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
&::-webkit-scrollbar-button {
background-image: url('/src/assets/safetyManage/shang.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
table {
.ant-table-thead tr th{
font-size: 20px;
font-weight: bold;
}
.ant-table-tbody tr td{
font-size: 20px;
}
width: 100%;
border-color: transparent !important;
td {
border-color: transparent !important;
}
}
}
}
}
.ant-pagination {
position: absolute;
width: 100%;
text-align: center;
vertical-align: bottom !important;
background:rgba(14,127,180,0.29);;
bottom: -2.0%;
box-shadow:0px 2px 10px rgba(0,0,0,0.16);
.ant-pagination-options {
.select-scroll-wrapper {
margin: 0;
}
}
.mini .ant-pagination-total-text {
height: 20px;
line-height: 20px;
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
}
.mini .ant-pagination-options {
margin-left: 8px;
display: none;
}
.ant-pagination-total-text {
font-size:13px;
font-family:Microsoft YaHei UI;
font-weight:400;
line-height: 19px;
color:rgba(255,255,255,1);
//float: right
}
.ant-pagination-prev {
background: url('/src/assets/safetyManage/zuo.png') no-repeat;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
.ant-pagination-next {
background: url('/src/assets/safetyManage/you.png') no-repeat;
background-size: 100% 100%;
a {
&::after {
color:rgba(0,185,255,0.3)
}
}
}
//分页颜色调整
.ant-pagination-item-active {
background-color: #5FFFFD !important;
border-color: #5FFFFD !important;
}
.ant-pagination-item {
border: 0;
margin: 0;
min-width: 20px;
height: 20px;
line-height: 20px;
background-color: #00B9FF !important;
}
.ant-pagination-jump-next {
&::after {
color: white;
}
}
}
}
}
}
}
}
}
}
}
}
\ No newline at end of file
src/view/biz/duty/situationDetail/index.js
View file @ fe6bb96b
......@@ -20,8 +20,6 @@ class SituationDetail extends Component {
};
}
c
/**
* 设定间隔行样式
*/
......@@ -199,7 +197,6 @@ class SituationDetail extends Component {
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage};
return (
<div className="class-situation-detail">
<div class="time"> 2018-06-03 09:16:18 星期五 [合肥]</div>
<Layout>
<Header style={{display:'flex'}}>
......
src/view/monitor/index.js
View file @ fe6bb96b
......@@ -41,7 +41,7 @@ class RootView extends Component {
let systemMenu = [];
let systemMenus = JSON.parse(lsTool.read(sessionConsts.systemMenu));
systemMenus.map(e =>{
if(e.permissionName && e.permissionName !=="消防安全管理" ){
if(e.permissionName && e.permissionName !=="消防安全管理" && e.permissionName !=="消防实力情况" ){
systemMenu.push(e)
}
})
......
src/view/monitor/regulate/index.js
View file @ fe6bb96b
......@@ -30,7 +30,6 @@ class Regulate extends Component {
render() {
return (
<div className="duty-root">
安全监管
</div>
);
}
......
src/view/monitor/statistical/FireStrength.js
View file @ fe6bb96b
import React, { Component } from 'react';
import { Modal } from 'amos-framework';
import FireStrengthDetail from'./../firestrength/FireStrengthDetail';
import { sessionConsts } from './../../../consts/storageConsts';
import {Store, } from 'amos-tool';
const lsTool = Store.lsTool;
/**
* 消防实力统计
*/
......@@ -20,9 +22,17 @@ class FireStrength extends Component {
}
onClick=()=>
{
alert(123);
onClick = () =>{
let sbm = null
let systemMenu = JSON.parse(lsTool.read(sessionConsts.systemMenu)) || [];
systemMenu.map(e =>{
if(e.permissionName && e.permissionName==="消防实力情况" ){
sbm = e;
}
})
if(sbm!==null){
window.localStorage.setItem('submenu',JSON.stringify(sbm.children));
}
}
render() {
......
src/view/strength/data/data.js 0 → 100644
View file @ fe6bb96b
export const stationList = [
{
id: 1, name: '复龙换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 2, name: '奉贤换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 3, name: '锦屏换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 4, name: '苏州换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 5, name: '天山换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 6, name: '中州换流站', fireManCounts: '10', dutyCounts: '10', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 7, name: '宜宾换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 8, name: '金华换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 9, name: '龙泉换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 10, name: '政平换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 11, name: '伊克昭换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 12, name: '沂南换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 13, name: '陕北换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 14, name: '武汉换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 15, name: '洛阳换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 16, name: '贵州换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
{
id: 17, name: '驻马店换流站', fireManCounts: '30', dutyCounts: '30', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9'
},
]
export const stationDutyList = [
{
id: 1, name: '峰峰', position: '消防队长', phone: '13598745589', trainCounts: '5', trainRate: '0.93', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 2, name: '洪峰', position: '消防副队', phone: '13598745589', trainCounts: '5', trainRate: '0.94', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 3, name: '洪宏', position: '消防员', phone: '13598745589', trainCounts: '6', trainRate: '0.97', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 4, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '6', trainRate: '0.92', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 5, name: '冯峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.94', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 6, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.91', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 7, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.95', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 8, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.96', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 9, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.91', stationId:1,
},
{
id: 10, name: '洪风', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.92', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 11, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
{
id: 12, name: '洪峰', position: '消防员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.9', stationId:1,
},
]
export const stationFireManList = [
{
id: 1, name: '峰峰', position: '值班长', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.95', stationId:1,
},
{
id: 2, name: '洪峰', position: '副班长', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
{
id: 3, name: '洪宏', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.98', stationId:1,
},
{
id: 4, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.98', stationId:1,
},
{
id: 5, name: '冯峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '0.9', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
{
id: 6, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
{
id: 7, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
{
id: 8, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.97', stationId:1,
},
{
id: 9, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
{
id: 10, name: '洪风', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.97', stationId:1,
},
{
id: 11, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.97', stationId:1,
},
{
id: 12, name: '洪峰', position: '值班员', phone: '13598745589', trainCounts: '5', trainRate: '1', practiceCounts: '5', practiceRate: '0.96', stationId:1,
},
]
\ No newline at end of file
src/view/strength/fireMaterial/index.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
/**
* FireMaterial
* 消防器材
* @class FireMaterial
* @extends {Component}
*/
class FireMaterial extends Component {
constructor(props) {
super(props);
this.state = {
};
}
componentWillMount() {
}
componentDidMount() {
}
componentWillUnmount() {
}
render() {
return (
<div className="class-fire-material">
消防器材
</div>
);
}
}
FireMaterial.propTypes = {
};
export default FireMaterial;
src/view/strength/fireVehicle/index.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
/**
* FireVehicle
* 消防车辆
* @class FireVehicle
* @extends {Component}
*/
class FireVehicle extends Component {
constructor(props) {
super(props);
this.state = {
};
}
componentWillMount() {
}
componentDidMount() {
}
componentWillUnmount() {
}
render() {
return (
<div className="class-fire-vehicle">
消防车辆
</div>
);
}
}
FireVehicle.propTypes = {
};
export default FireVehicle;
src/view/strength/stationDuty/StationDutyLeft.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Table ,Input} from 'amos-antd';
import {stationList} from "./../data/data"
const Search = Input.Search;
const pageSize = 15;
/**
* StationDutyLeft
* 站内值守左表
* @class StationDutyLeft
* @extends {Component}
*/
class StationDutyLeft extends Component {
constructor(props) {
super(props);
this.state = {
stationDutyList:stationList,
};
}
componentDidMount() {
}
onRequestTable = (callback) => {
}
/*
* 模糊搜索
*/
onDutySearch=(value)=>{
if(value!==null&&value.trim()!==''){
let {stationDutyList}=this.state;
stationDutyList = stationDutyList.filter(item => (item.name).indexOf(value) > -1);
this.setState({
stationDutyList:stationDutyList
})
} else{
this.setState({
stationDutyList:stationList
})
}
}
columns = () => {
return(
[
{
title: '序号',
dataIndex: 'id',
width: 80,
},
{
title: '换流站名称',
dataIndex: 'name',
width: 140,
render: (text, record) => {
return (<div style={{ color: 'yellow', fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: '站内值守人员',
dataIndex: 'dutyCounts',
width: 140,
},
{
title: '培训次数',
dataIndex: 'trainCounts',
width: 120,
},
{
title: '达标率',
dataIndex: 'trainRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
{
title: '训练次数',
dataIndex: 'practiceCounts',
width: 120,
},
{
title: '达标率',
dataIndex: 'practiceRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
]
)
}
/**
* 设定间隔行样式
*/
rowClassChange = (record, index) => {
let className = 'light-row';
if (index % 2 === 0) className = 'dark-row';
return className;
}
/**
* 自定义总页数
*/
showTotalPage = (total) => {
let pages = Math.ceil(total / pageSize);
return `共 ${pages} 页`;
}
render() {
const {stationDutyList} =this.state;
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage};
return (
<div className="stationDuty-bottom-left" id="stationDuty-bottom-left">
<div className="stationDuty-bottom-left-content">
<div className="one-div" id="one-div">
<div className="search-one">
<div className="search-one-input">
<Search placeholder="搜索" onSearch={this.onDutySearch} />
</div>
</div>
</div>
<div className="two-div">
<Table className="tableDetail"
rowKey={record => record.id}
dataSource={stationDutyList}
style={{ background: 'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)' }}
columns={this.columns()}
rowClassName={this.rowClassChange}
pagination={_pageNation}/>
</div>
</div>
</div>
);
}
}
StationDutyLeft.propTypes = {
};
export default StationDutyLeft;
src/view/strength/stationDuty/StationDutyRight.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {Table} from 'amos-antd';
import {stationDutyList} from "./../data/data"
const pageSize = 10;
/**
* StationDutyRight
* 站内值守右表
* @class StationDutyRight
* @extends {Component}
*/
class StationDutyRight extends Component {
constructor(props) {
super(props);
this.state = {
dutyManList:stationDutyList
};
}
componentDidMount() {
}
onRequestTable = (callback) => {
}
columns = () => {
return(
[
{
title: '序号',
dataIndex: 'id',
width: 80,
},
{
title: '姓名',
dataIndex: 'name',
width: 100,
},
{
title: '职务',
dataIndex: 'position',
width: 100,
},
{
title: '电话',
dataIndex: 'phone',
width: 140,
},
{
title: '培训次数',
dataIndex: 'trainCounts',
width: 100,
},
{
title: '达标率',
dataIndex: 'trainRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
{
title: '训练次数',
dataIndex: 'practiceCounts',
width: 100,
},
{
title: '达标率',
dataIndex: 'practiceRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
]
)
}
/**
* 设定间隔行样式
*/
rowClassChange = (record, index) => {
let className = 'light-row';
if (index % 2 === 0) className = 'dark-row';
return className;
}
/**
* 自定义总页数
*/
showTotalPage = (total) => {
let pages = Math.ceil(total / pageSize);
return `共 ${pages} 页`;
}
render() {
const {dutyManList} =this.state;
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage};
return (
<div className="stationDuty-bottom-right" id="stationDuty-bottom-right">
<div className="stationDuty-bottom-right-content">
<div className="one-div">
<div className=" content-font-wenzi"> 中州换流站</div>
</div>
<div className="two-div">
<Table className="tableDetail"
rowKey={record => record.id}
dataSource={dutyManList}
style={{ background: 'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)' }}
columns={this.columns()}
rowClassName={this.rowClassChange}
pagination={_pageNation}/>
</div>
</div>
</div>
);
}
}
StationDutyRight.propTypes = {
};
export default StationDutyRight;
src/view/strength/stationDuty/index.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import StationDutyLeft from './StationDutyLeft';
import StationDutyRight from './StationDutyRight';
/**
* StationDuty
* 站内值守
* @class StationDuty
* @extends {Component}
*/
class StationDuty extends Component {
constructor(props) {
super(props);
this.state = {
activeKey: ''
};
}
componentDidMount(){
//右侧窗口默认显示第一个数据查询的列表
this.list && this.list.onRequestTable((list) => this.onEditClick(list[0]))
}
onEditClick = (record) => {
this.listTwo.onEdit(record.key)
}
render() {
return (
<div className="stationDuty-safety">
<div className="stationDuty-content">
<div className="stationDuty-top"></div>
<div className="stationDuty-bottom">
<StationDutyLeft ref={node => this.list = node} onEditClick={this.onEditClick}/>
<StationDutyRight ref={node => this.listTwo = node}/>
</div>
</div>
</div>
);
}
}
StationDuty.propTypes = {
};
export default StationDuty;
src/view/strength/stationFireMan/StationFireManLeft.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Table ,Input} from 'amos-antd';
import {stationList} from "./../data/data"
const Search = Input.Search;
const pageSize = 15;
/**
* StationFireManLeft
* 驻站消防员左表
* @class StationFireManLeft
* @extends {Component}
*/
class StationFireManLeft extends Component {
constructor(props) {
super(props);
this.state = {
stationDutyList:stationList,
};
}
componentDidMount() {
}
onRequestTable = (callback) => {
}
SearchChange = () => {
}
columns = () => {
return(
[
{
title: '序号',
dataIndex: 'id',
width: 80,
},
{
title: '换流站名称',
dataIndex: 'name',
width: 140,
render: (text, record) => {
return (<div style={{ color: 'yellow', fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: '驻站消防员',
dataIndex: 'fireManCounts',
width: 140,
},
{
title: '培训次数',
dataIndex: 'trainCounts',
width: 120,
},
{
title: '达标率',
dataIndex: 'trainRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
{
title: '训练次数',
dataIndex: 'practiceCounts',
width: 120,
},
{
title: '达标率',
dataIndex: 'practiceRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
]
)
}
/**
* 设定间隔行样式
*/
rowClassChange = (record, index) => {
let className = 'light-row';
if (index % 2 === 0) className = 'dark-row';
return className;
}
/**
* 自定义总页数
*/
showTotalPage = (total) => {
let pages = Math.ceil(total / pageSize);
return `共 ${pages} 页`;
}
/*
* 模糊搜索
*/
onDutySearch=(value)=>{
if(value!==null&&value.trim()!==''){
let {stationDutyList}=this.state;
stationDutyList = stationDutyList.filter(item => (item.name).indexOf(value) > -1);
this.setState({
stationDutyList:stationDutyList
})
} else{
this.setState({
stationDutyList:stationList
})
}
}
render() {
const {stationDutyList} =this.state;
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage};
return (
<div className="stationFireMan-bottom-left" id="stationFireMan-bottom-left">
<div className="stationFireMan-bottom-left-content">
<div className="one-div" id="one-div">
<div className="search-one">
<div className="search-one-input">
<Search placeholder="搜索" onSearch={this.onDutySearch} />
</div>
</div>
</div>
<div className="two-div">
<Table className="tableDetail"
rowKey={record => record.id}
dataSource={stationDutyList}
style={{ background: 'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)' }}
columns={this.columns()}
rowClassName={this.rowClassChange}
pagination={_pageNation}/>
</div>
</div>
</div>
);
}
}
StationFireManLeft.propTypes = {
};
export default StationFireManLeft;
src/view/strength/stationFireMan/StationFireManRight.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Table } from 'amos-antd';
import {stationFireManList} from "./../data/data"
const pageSize = 10;
/**
* StationFireManRight
* 驻站消防员右表
* @class StationFireManRight
* @extends {Component}
*/
class StationFireManRight extends Component {
constructor(props) {
super(props);
this.state = {
fireManList: stationFireManList
};
}
componentDidMount() {
}
onRequestTable = (callback) => {
}
columns = () => {
return(
[
{
title: '序号',
dataIndex: 'id',
width: 80,
},
{
title: '姓名',
dataIndex: 'name',
width: 100,
},
{
title: '职务',
dataIndex: 'position',
width: 100,
},
{
title: '电话',
dataIndex: 'phone',
width: 140,
},
{
title: '培训次数',
dataIndex: 'trainCounts',
width: 100,
},
{
title: '达标率',
dataIndex: 'trainRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
{
title: '训练次数',
dataIndex: 'practiceCounts',
width: 100,
},
{
title: '达标率',
dataIndex: 'practiceRate',
width: 100,
render: (text, record) => {
return <div>{text*100}%</div>
}
},
]
)
}
/**
* 设定间隔行样式
*/
rowClassChange = (record, index) => {
let className = 'light-row';
if (index % 2 === 0) className = 'dark-row';
return className;
}
/**
* 自定义总页数
*/
showTotalPage = (total) => {
let pages = Math.ceil(total / pageSize);
return `共 ${pages} 页`;
}
render() {
const {fireManList} =this.state;
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage};
return (
<div className="stationFireMan-bottom-right" id="stationFireMan-bottom-right">
<div className="stationFireMan-bottom-right-content">
<div className="one-div">
<div className=" content-font-wenzi"> 中州换流站</div>
</div>
<div className="two-div">
<Table className="tableDetail"
rowKey={record => record.id}
dataSource={fireManList}
style={{ background: 'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)' }}
columns={this.columns()}
rowClassName={this.rowClassChange}
pagination={_pageNation}/>
</div>
</div>
</div>
);
}
}
StationFireManRight.propTypes = {
};
export default StationFireManRight;
src/view/strength/stationFireMan/index.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import StationFireManLeft from './StationFireManLeft';
import StationFireManRight from './StationFireManRight';
/**
* StationFireMan
* 驻站消防员
* @class StationFireMan
* @extends {Component}
*/
class StationFireMan extends Component {
constructor(props) {
super(props);
this.state = {
};
}
componentDidMount(){
//右侧窗口默认显示第一个数据查询的列表
this.list && this.list.onRequestTable((list) => this.onEditClick(list[0]));
}
onEditClick = (record) => {
this.listTwo.onEdit(record.key);
}
render() {
return (
<div className="stationFireMan-safety">
<div className="stationFireMan-content">
<div className="stationFireMan-top"></div>
<div className="stationFireMan-bottom">
<StationFireManLeft ref={node => this.list = node} onEditClick={this.onEditClick}/>
<StationFireManRight ref={node => this.listTwo = node}/>
</div>
</div>
</div>
);
}
}
StationFireMan.propTypes = {
};
export default StationFireMan;
src/view/strength/stationFireTeam/index.js 0 → 100644
View file @ fe6bb96b
import React, { Component } from 'react';
import PropTypes from 'prop-types';
/**
* StationFireTeam
* 驻站消防队
* @class StationFireTeam
* @extends {Component}
*/
class StationFireTeam extends Component {
constructor(props) {
super(props);
this.state = {
};
}
componentWillMount() {
}
componentDidMount() {
}
componentWillUnmount() {
}
render() {
return (
<div className="class-station-fireteam">
驻站消防队
</div>
);
}
}
StationFireTeam.propTypes = {
};
export default StationFireTeam;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment