|
|
|
@ -46,7 +46,7 @@ const Build = (props) => { |
|
|
|
// console.log(alltype,'打他啊')
|
|
|
|
setdata(alltype.filter(item => item.name === '县' || item.name === "乡" || item.name === '村')) |
|
|
|
setbuildingnumber(res.payload.data) |
|
|
|
// console.log(res.payload.data,'哈哈哈')
|
|
|
|
console.log(res.payload.data, '哈哈哈') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
@ -81,11 +81,11 @@ const Build = (props) => { |
|
|
|
return resValue |
|
|
|
} |
|
|
|
let datas = Object.keys(buildingnumber?.townRoad || {}).map((item) => ({ name: item, number: buildingnumber.townRoad[item].roadCount, gongli: Number(keepThreeNum(buildingnumber.townRoad[item].mileage)) })) |
|
|
|
|
|
|
|
let list = datas.sort((a, b) => { |
|
|
|
|
|
|
|
let list = datas.sort((a, b) => { |
|
|
|
return b.number - a.number |
|
|
|
}) |
|
|
|
list=list.filter(item=>item.name!=="其他") |
|
|
|
list = list.filter(item => item.name !== "其他") |
|
|
|
// console.log(list,'红红火')
|
|
|
|
|
|
|
|
//道路等级数据
|
|
|
|
@ -95,7 +95,11 @@ const Build = (props) => { |
|
|
|
onlineproject = onlineproject.sort((a, b) => { |
|
|
|
return b.total - a.total |
|
|
|
}) |
|
|
|
//console.log('onlineproject', onlineproject)
|
|
|
|
let sunonlineproject = onlineproject?.reduce((x, y) => x + y.total, 0) |
|
|
|
let projectAll = buildingnumber?.projectAll |
|
|
|
//console.log('projectAll', projectAll)
|
|
|
|
//let projectAll=
|
|
|
|
let safetyData = alldengji?.filter(item => item.name === '一级公路' || item.name === '二级公路' || item.name === '三级公路' || item.name === '四级公路' || item.name === '等外公路') |
|
|
|
let sundata = data?.reduce((x, y) => x + y.value, 0) |
|
|
|
let sunsafetyData = safetyData?.reduce((x, y) => x + y.value, 0) |
|
|
|
@ -104,9 +108,9 @@ const Build = (props) => { |
|
|
|
requestbuildingnumber(); |
|
|
|
requestxuanchuanlan() |
|
|
|
}, []) |
|
|
|
useEffect(()=>{ |
|
|
|
useEffect(() => { |
|
|
|
lunbo.current.goTo(lunboindex) |
|
|
|
},[lunboindex]) |
|
|
|
}, [lunboindex]) |
|
|
|
const rendercontent = () => { |
|
|
|
return (<div className='build-left-center-content'> |
|
|
|
{list.map(({ name, number, gongli }, index) => <div className='build-left-center-item' key={index}> |
|
|
|
@ -160,7 +164,7 @@ const Build = (props) => { |
|
|
|
</div> */} |
|
|
|
<img src='/assets/images/quanju/yuanhuan.webp' className='build-left-top-center' /> |
|
|
|
<div className='build-left-top-item'> |
|
|
|
<div>{sunonlineproject || 0}</div> |
|
|
|
<div>{projectAll || 0}</div> |
|
|
|
<div> |
|
|
|
{/* <i>►</i> */} |
|
|
|
{/* <span /> */} |
|
|
|
@ -222,7 +226,7 @@ const Build = (props) => { |
|
|
|
height: " 33%" |
|
|
|
}} customize={true}> |
|
|
|
<div className='build-right-top'> |
|
|
|
|
|
|
|
|
|
|
|
{/* <img src='/assets/images/quanju/xuanchuanlan.jpg'></img> */} |
|
|
|
<Carousel dots={false} ref={lunbo} key={lunboindex}> |
|
|
|
{/* { |
|
|
|
@ -248,36 +252,36 @@ const Build = (props) => { |
|
|
|
} */} |
|
|
|
|
|
|
|
{ |
|
|
|
xuandata&&xuandata!==null&&xuandata.length!==0?xuandata.filter(i=>i.enable).map((item,index1)=>{ |
|
|
|
|
|
|
|
if(item.video&&item.video!==null&&item.video.length!==0){ |
|
|
|
return item.video.map((i,index)=>{ |
|
|
|
// console.log(i,'视频')
|
|
|
|
console.log(index1,'index1') |
|
|
|
if(index1===lunboindex){ |
|
|
|
// lunbo.current.goTo(lunboindex)
|
|
|
|
console.log("自动播放",index1) |
|
|
|
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={true} ref={lunbovideo} onEnded={()=>{ |
|
|
|
if(index1<xuandata.filter(i=>i.enable).length-1){ |
|
|
|
// console.log(index1,xuandata,'触发了')
|
|
|
|
setlunboindex(lunboindex+1) |
|
|
|
}else{ |
|
|
|
// console.log(index1,xuandata,'触发了')
|
|
|
|
setlunboindex(0) |
|
|
|
xuandata && xuandata !== null && xuandata.length !== 0 ? xuandata.filter(i => i.enable).map((item, index1) => { |
|
|
|
|
|
|
|
if (item.video && item.video !== null && item.video.length !== 0) { |
|
|
|
return item.video.map((i, index) => { |
|
|
|
// console.log(i,'视频')
|
|
|
|
console.log(index1, 'index1') |
|
|
|
if (index1 === lunboindex) { |
|
|
|
// lunbo.current.goTo(lunboindex)
|
|
|
|
console.log("自动播放", index1) |
|
|
|
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={true} ref={lunbovideo} onEnded={() => { |
|
|
|
if (index1 < xuandata.filter(i => i.enable).length - 1) { |
|
|
|
// console.log(index1,xuandata,'触发了')
|
|
|
|
setlunboindex(lunboindex + 1) |
|
|
|
} else { |
|
|
|
// console.log(index1,xuandata,'触发了')
|
|
|
|
setlunboindex(0) |
|
|
|
} |
|
|
|
|
|
|
|
}}></video> |
|
|
|
} else { |
|
|
|
// console.log("不自动播放",index1)
|
|
|
|
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={false} ></video> |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
}}></video> |
|
|
|
}else{ |
|
|
|
// console.log("不自动播放",index1)
|
|
|
|
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={false} ></video> |
|
|
|
// return <video src={`${localStorage.getItem("qndmn")}/${item.video!==null&&item.video.length!==0?item.video[0]:""}`} autoPlay="autoplay" loop></video>
|
|
|
|
|
|
|
|
}) |
|
|
|
: <video src='#'></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> */} |
|
|
|
</Carousel> |
|
|
|
<h2>全面建设好农村公路，切实发挥先行官作用</h2> |
|
|
|
|
