Browse Source

修改管理和建设大屏布局

dev
dengyinhuan 2 years ago
parent
commit
dba141074f
  1. 6
      web/client/src/sections/quanju/containers/footer/build/index.js
  2. 18
      web/client/src/sections/quanju/containers/footer/build/style.less
  3. 6
      web/client/src/sections/quanju/containers/footer/guanli/index.js
  4. 14
      web/client/src/sections/quanju/containers/footer/guanli/style.less

6
web/client/src/sections/quanju/containers/footer/build/index.js

@ -115,7 +115,7 @@ const Build = (props) => {
console.log(localStorage.getItem("qndmn"),'七牛')
console.log(xuandata,"宣传")
return (
<div className='bgbuild'>
<>
<div className='bgbuild-left'>
<Module title={"各种状态公路数量统计"} style={{ width: "100%",
height:" 33%"
@ -204,7 +204,7 @@ const Build = (props) => {
}
// return <video src={`${localStorage.getItem("qndmn")}/${item.video!==null&&item.video.length!==0?item.video[0]:""}`} autoPlay="autoplay" loop></video>
}
}):""}
}):<video src='#'></video>}
{/* <video src={xuandata&&xuandata!==null&&xuandata.length!==0?`${localStorage.getItem("qndmn")}/${xuandata[0].video!==null&&xuandata[0].video?xuandata[0].video[0]:""}`:"#"} autoPlay="autoplay" loop></video> */}
</Carousel>
<h2>全面建设好农村公路切实发挥先行官作用</h2>
@ -225,7 +225,7 @@ const Build = (props) => {
data={keepThreeNum(safetyData)}/>:<NoData/>}
</Module>
</div>
</div>
</>
)
}
function mapStateToProps(state) {

18
web/client/src/sections/quanju/containers/footer/build/style.less

@ -3,14 +3,14 @@
font-size: 10px;
}
}
.bgbuild{
// box-sizing: border-box;
padding: 0 15px 0 15px;
width: 100%;
height: 100%;
// display: flex;
position: relative;
justify-content: space-between;
// .bgbuild{
// // box-sizing: border-box;
// padding: 0 15px 0 15px;
// width: 100%;
// height: 100%;
// // display: flex;
// position: relative;
// justify-content: space-between;
.bgbuild-left{
position: absolute;
left: 0;
@ -302,6 +302,6 @@
}
}
}
}

6
web/client/src/sections/quanju/containers/footer/guanli/index.js

@ -61,7 +61,7 @@ const Guanli = (props) => {
return <div key={index} className='guanli-right-item'>
<span>{licensePlate}</span>
<span>{overrunRate}%</span>
<span>{deductPoints?`-${deductPoints}`:""}-{fine}{fine?"元":""}</span>
<span>{deductPoints?`-${deductPoints}`:""}-{fine}{fine?"元":""}</span>
<span>{processingTime}</span>
</div>
}
@ -78,7 +78,7 @@ const Guanli = (props) => {
}
// renderContent()
return (
<div className='guanli'>
<>
<div className='guanli-left'>
<Module style={{height:"100%"}} title="检测点治超处理占比" customize={true}>
{leftDatas && leftDatas.length!==0?<AutoRollComponent content={renderLeftContent()}
@ -105,7 +105,7 @@ const Guanli = (props) => {
divHeight={"100%"} divId={"chart-overview-deviceList"} />:<NoData style={{height:"70%"}}/>}
</Module>
</div>
</div>
</>
)
}
function mapStateToProps(state) {

14
web/client/src/sections/quanju/containers/footer/guanli/style.less

@ -3,12 +3,12 @@
font-size: 12px;
}
}
.guanli{
// box-sizing: border-box;
padding: 0 15px 0 15px;
width: 100%;
height: 100%;
position: relative;
// .guanli{
// // box-sizing: border-box;
// padding: 0 15px 0 15px;
// width: 100%;
// height: 100%;
// position: relative;
// display: flex;
// justify-content: space-between;
.guanli-left{
@ -172,6 +172,6 @@
}
}
}
}

Loading…
Cancel
Save