Commit eabed450 authored by xinglei's avatar xinglei

*)修改首页样式

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