Commit eabed450 authored by xinglei's avatar xinglei

*)修改首页样式

parent e13fa66d
......@@ -127,6 +127,4 @@
window.appKey = 'AMOS_BANK';
window.product = 'AMOS_BANK_WEB';
window.dutyType = 'bank'; //normal/bank
})();
This diff is collapsed.
......@@ -2,8 +2,8 @@
#app {
.header {
background: $core-color;
z-index: 111;
background: $core-color;
.sys-tools {
display: none;
......@@ -26,31 +26,30 @@
.logo-wrapper {
// display: none;
width: 240px;
font-size: 18px;
padding-left: 15px;
font-size: 18px;
// background: #345fa6;
color: #fff;
.header-logo {
width: 100%;
background: #345fa6;
border: none;
border-right: 1px solid #2d5291;
width: 100%;
}
.logo-text {
display: inline-block;
}
}
.nav-menu-wrapper {
.menu-expanded{
.menu-expanded {
position: relative;
z-index: 90000;
}
.nav-menu-box {
.nav-menu-list {
color: white;
......@@ -65,7 +64,7 @@
}
.nav-menu-item-label {
font-size: 15px;
font-size: 18px;
color: white;
}
......@@ -88,56 +87,68 @@
}
}
}
.header.headerIndex {
background: url('/src/assets/3dview/header.png') no-repeat 100% 100%;
background-size: 100% 100%;
height: 7rem;
// line-height: 7rem;
z-index: 11111;
display: flex;
height: 7rem;
background: url('/src/assets/3dview/header.png') no-repeat 100% 100%;
background-size: 100% 100%;
box-shadow: none;
.header-navs {
width: 38%;
.nav-menu-wrapper {
top: 3rem;
width: 100%;
.nav-menu-item {
width: 24% !important;
border: none !important;
.menusub-wrapper {
width: 100% !important;
}
}
.nav-menu-bg {
display: none;
}
}
}
.leftNavs {
.nav-menu-wrapper {
padding-left: 25.5%;
padding-right: 15%;
padding-left: 25.5%;
.nav-menu-item {
width: 33.3% !important;
}
}
}
.rightNavs {
.nav-menu-wrapper {
padding-left: 15%;
}
}
.projectName {
width: 24%;
height: 7rem;
line-height: 7rem;
text-align: center;
img {
vertical-align: middle;
width: 65%;
vertical-align: middle;
}
}
}
.content-body.indexContent {
top: 0;
height: 100%;
......
......@@ -336,8 +336,8 @@ class LeftCharts extends Component {
<img src="/src/assets/indexChart/temperature.png" alt='' className="dh-img" />
</div>
<div className="dh-values" >
<div className="dh-values-item">3#温度:{wd3.value === undefined ? '0°C' : wd3.value + '°C'} </div>
<div className="dh-values-item">4#温度:{wd4.value === undefined ? '0°C' : wd4.value + '°C'}</div>
<div className="dh-values-item">3#温度:{wd3.value === undefined ? '0°C' : wd3.value } </div>
<div className="dh-values-item">4#温度:{wd4.value === undefined ? '0°C' : wd4.value }</div>
</div>
</div>
</div>
......@@ -348,8 +348,8 @@ class LeftCharts extends Component {
<img src="/src/assets/indexChart/temperature.png" alt='' className="dh-img" />
</div>
<div className="dh-values" >
<div className="dh-values-item">1#温度:{wd1.value === undefined ? '0°C' : wd1.value + '°C'} </div>
<div className="dh-values-item">2#温度:{wd1.value === undefined ? '0°C' : wd2.value + '°C'} </div>
<div className="dh-values-item">1#温度:{wd1.value === undefined ? '0°C' : wd1.value } </div>
<div className="dh-values-item">2#温度:{wd1.value === undefined ? '0°C' : wd2.value } </div>
</div>
</div>
</div>
......@@ -360,8 +360,8 @@ class LeftCharts extends Component {
<img src="/src/assets/indexChart/temperature.png" alt='' className="dh-img" />
</div>
<div className="dh-values" >
<div className="dh-values-item">1温度:{wd5.value === undefined ? '0°C' : wd5.value + '°C'} </div>
<div className="dh-values-item">5温度:{wd6.value === undefined ? '0°C' : wd6.value + '°C'} </div>
<div className="dh-values-item">1#温度:{wd5.value === undefined ? '0°C' : wd5.value } </div>
<div className="dh-values-item">5#温度:{wd6.value === undefined ? '0°C' : wd6.value } </div>
</div>
</div>
</div>
......
......@@ -91,13 +91,13 @@ class MiddleTable extends Component {
const { headerData, dataList,arrangeList, arrangeNo } = this.state;
let leader = (headerData.leader && headerData.leader[0]) || {};
let secondTier = headerData.secondTier || [];
let arrange = arrangeList.find(item => item.id === arrangeNo) || {};
let arrange = (arrangeList && arrangeList.find(item => item.id === arrangeNo)) || {};
return (
<div className='table-middle'>
<div className='leaderBox'>
<div className='leader'>
<span className='itemLabel'>带班领导</span>
<span className='itemValue'>{leader.dutyName || ''}&nbsp;{ leader.mobile || ''}</span>
<span className='itemValue'>{leader.dutyName || ''}&nbsp;&nbsp;&nbsp;{ leader.mobile || ''}</span>
</div>
<div className='secondLine'>
<span className='itemLabel'>二线人员</span>
......@@ -134,19 +134,19 @@ class MiddleTable extends Component {
<Row className='table-header-split'>一线人员</Row>
<Row className='table-body-cotent firstPeople'>
<Col className=''>
<Row className='table-header-row title'>
<Row className='table-header-row duty-title'>
<Col className='leftBtn' span={1}><img className='table-page-img' src="/src/assets/3dview/left.png" onClick={ () => this.leftClick() }/></Col>
<Col span={7}>岗位</Col>
<Col span={8}>{arrange.startTime} - {arrange.endTime} </Col>
<Col span={7}>电话</Col>
<Col span={6}>岗位</Col>
<Col span={11}>{arrange.startTime} - {arrange.endTime} </Col>
<Col span={4}>电话</Col>
<Col className='rightBtn' span={1}><img className='table-page-img' src="/src/assets/3dview/right.png" onClick={ () => this.rightClick() }/></Col>
</Row>
{ dataList && dataList.map((d,index) => {
return (
<Row className='table-header-row content' key={index}>
<Col span={8}>{ d.postName }</Col>
<Col span={8}>{ d.dutyName }</Col>
<Col span={8}>{ d.mobile }</Col>
<Col span={6}>{ d.postName }</Col>
<Col span={11}>{ d.dutyName }</Col>
<Col span={4}>{ d.mobile }</Col>
</Row>
)
}) }
......
......@@ -35,7 +35,8 @@ class AlarmLineChart extends Component {
// itemHeight: 5,
// itemGap: 13,
textStyle: {
color: 'white'
color: 'white',
fontSize: 14
},
data: ['紧急', '重要', '次要','警告']
......@@ -47,7 +48,8 @@ class AlarmLineChart extends Component {
interval: 0,
show: true,
textStyle: {
color: 'white'
color: 'white',
fontSize: 13
}
},
axisLine: {
......
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