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(localStorage.getItem("qndmn"),'七牛')
console.log(xuandata,"宣传") console.log(xuandata,"宣传")
return ( return (
<div className='bgbuild'> <>
<div className='bgbuild-left'> <div className='bgbuild-left'>
<Module title={"各种状态公路数量统计"} style={{ width: "100%", <Module title={"各种状态公路数量统计"} style={{ width: "100%",
height:" 33%" 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> // 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> */} {/* <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> </Carousel>
<h2>全面建设好农村公路切实发挥先行官作用</h2> <h2>全面建设好农村公路切实发挥先行官作用</h2>
@ -225,7 +225,7 @@ const Build = (props) => {
data={keepThreeNum(safetyData)}/>:<NoData/>} data={keepThreeNum(safetyData)}/>:<NoData/>}
</Module> </Module>
</div> </div>
</div> </>
) )
} }
function mapStateToProps(state) { function mapStateToProps(state) {

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

@ -3,14 +3,14 @@
font-size: 10px; font-size: 10px;
} }
} }
.bgbuild{ // .bgbuild{
// box-sizing: border-box; // // box-sizing: border-box;
padding: 0 15px 0 15px; // padding: 0 15px 0 15px;
width: 100%; // width: 100%;
height: 100%; // height: 100%;
// display: flex; // // display: flex;
position: relative; // position: relative;
justify-content: space-between; // justify-content: space-between;
.bgbuild-left{ .bgbuild-left{
position: absolute; position: absolute;
left: 0; 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'> return <div key={index} className='guanli-right-item'>
<span>{licensePlate}</span> <span>{licensePlate}</span>
<span>{overrunRate}%</span> <span>{overrunRate}%</span>
<span>{deductPoints?`-${deductPoints}`:""}-{fine}{fine?"元":""}</span> <span>{deductPoints?`-${deductPoints}`:""}-{fine}{fine?"元":""}</span>
<span>{processingTime}</span> <span>{processingTime}</span>
</div> </div>
} }
@ -78,7 +78,7 @@ const Guanli = (props) => {
} }
// renderContent() // renderContent()
return ( return (
<div className='guanli'> <>
<div className='guanli-left'> <div className='guanli-left'>
<Module style={{height:"100%"}} title="检测点治超处理占比" customize={true}> <Module style={{height:"100%"}} title="检测点治超处理占比" customize={true}>
{leftDatas && leftDatas.length!==0?<AutoRollComponent content={renderLeftContent()} {leftDatas && leftDatas.length!==0?<AutoRollComponent content={renderLeftContent()}
@ -105,7 +105,7 @@ const Guanli = (props) => {
divHeight={"100%"} divId={"chart-overview-deviceList"} />:<NoData style={{height:"70%"}}/>} divHeight={"100%"} divId={"chart-overview-deviceList"} />:<NoData style={{height:"70%"}}/>}
</Module> </Module>
</div> </div>
</div> </>
) )
} }
function mapStateToProps(state) { function mapStateToProps(state) {

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

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

Loading…
Cancel
Save