diff --git a/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js b/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js index 10e64fc1..fdc5d7ea 100644 --- a/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js +++ b/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js @@ -217,8 +217,8 @@ function Rightbottom (props) { {/* */}
-

{siji[0] + siji[1]+sanji[2] + sanji[3] + sanji[4] || 0}

- 路段总数 +

{total || 0}

+ 道路总公里
{/*
diff --git a/web/client/src/sections/quanju/containers/footer/build/index.js b/web/client/src/sections/quanju/containers/footer/build/index.js index 71030183..8f3f1326 100644 --- a/web/client/src/sections/quanju/containers/footer/build/index.js +++ b/web/client/src/sections/quanju/containers/footer/build/index.js @@ -170,7 +170,7 @@ const Build = (props) => {
: } - diff --git a/web/client/src/sections/quanju/containers/footer/build/style.less b/web/client/src/sections/quanju/containers/footer/build/style.less index f2e3030d..8bc78504 100644 --- a/web/client/src/sections/quanju/containers/footer/build/style.less +++ b/web/client/src/sections/quanju/containers/footer/build/style.less @@ -309,7 +309,7 @@ justify-content: center; position: absolute; align-items: center; - left: 44%; + left: 40%; top: 35%; h2 { diff --git a/web/client/src/sections/quanju/containers/footer/guanli/index.js b/web/client/src/sections/quanju/containers/footer/guanli/index.js index 6085aa4f..3ec9942c 100644 --- a/web/client/src/sections/quanju/containers/footer/guanli/index.js +++ b/web/client/src/sections/quanju/containers/footer/guanli/index.js @@ -1,42 +1,42 @@ import React, { useEffect, useState } from 'react'; import { connect } from 'react-redux'; -import { Carousel,Tooltip } from 'antd' +import { Carousel, Tooltip } from 'antd' import AutoRollComponent from '../build/AutoRollComponent' import Module from '../../public/module' import LeftItem from './LeftItem' -import {getjiandmanage,getjiandetail} from '../../../actions/example' +import { getjiandmanage, getjiandetail } from '../../../actions/example' import './style.less' import NoData from '../../public/noData'; const Guanli = (props) => { - const {dispatch} = props - const [leftDatas,setleftDatas] = useState([]) - const [rightDatas,setrightDatas] = useState([]) - const [rightitemlist,setrightitemlist] = useState() - const requestleftDatas = async()=>{ + const { dispatch } = props + const [leftDatas, setleftDatas] = useState([]) + const [rightDatas, setrightDatas] = useState([]) + const [rightitemlist, setrightitemlist] = useState() + const requestleftDatas = async () => { const res = await dispatch(getjiandmanage()) - res.payload.data?.sort((a,b)=>{ + res.payload.data?.sort((a, b) => { return parseInt(b.total) - parseInt(a.total) - }) + }) setleftDatas(res.payload.data) // console.log(res.payload.data,'哈哈哈') } - const data_string=(str)=> { - str.match('/([^.]*)$/g') - - + const data_string = (str) => { + str.match('/([^.]*)$/g') + + } - const requestRightDatas = async()=>{ + const requestRightDatas = async () => { const res = await dispatch(getjiandetail()) // let d = res.payload.data?.overSpeedList.sort((a,b)=>b.processingTime < a.processingTime ?-1:1) - + var pattern = /[\u4e00-\u9fa5]*/; // console.log(res.payload.data,'好的号的') - let d = res.payload.data?.overSpeedList?.filter((item,index)=>{ + let d = res.payload.data?.overSpeedList?.filter((item, index) => { return /.*[\u4e00-\u9fa5_a-zA-Z]+.*$/.test(item.processingTime) == false }) - - d.map((item,index)=>{ - if(parseInt(item.processingTime.match(/([^.]*)$/)[0])<10){ + + d.map((item, index) => { + if (parseInt(item.processingTime.match(/([^.]*)$/)[0]) < 10) { return item.processingTime = `${(item.processingTime.match(/^([^.]*)(.[^.]*)/)[0])}.0${parseInt(item.processingTime.match(/([^.]*)$/)[0])}` } // console.log(d3,'好评') @@ -49,96 +49,96 @@ const Guanli = (props) => { // console.log(d2,'完美') // console.log(res.payload.data,'嘿嘿嘿') } - useEffect(()=>{ + useEffect(() => { requestleftDatas(); requestRightDatas() - },[]) + }, []) // let datalist = newArry(30) // datalist.fill({licensePlate:"赣A44454",overrunRate:"30%",fine:"200元",processingTime:"2020年4月1日"}) // const content = ( - + // ); const renderContent = () => { // console.log(rightitemlist); - return
- {rightitemlist && rightitemlist.length!==0?rightitemlist?.map(({ id, licensePlate, overrunRate,fine,processingTime,deductPoints,nameOfInspectionPoint }, index) => { - if(index<120){ - return
-
- -
+ return
+ {rightitemlist && rightitemlist.length !== 0 ? rightitemlist?.map(({ id, licensePlate, overrunRate, fine, processingTime, deductPoints, nameOfInspectionPoint }, index) => { + if (index < 120) { + return
+ +
{/* */}
-

{overrunRate?overrunRate:0}{/* {item.overrunRate ? item.overrunRate + "%" : "--"} */}

+

{overrunRate ? overrunRate.toFixed(2) : 0}%{/* {item.overrunRate ? item.overrunRate + "%" : "--"} */}

超限

-
+

车牌号{licensePlate}{/* {item.licensePlate} */}

-

检测点{nameOfInspectionPoint}

-

处罚{deductPoints?`-${deductPoints}分`:""}和-{fine}{fine?"元":""}{/* {item.deductPoints ? "-" + item.deductPoints + "分" : ""}{item.deductPoints && item.fine ? "和" : ""}{item.fine ? "-" + item.fine + "元" : ""}{item.deductPoints || item.fine ? "" : "--"} */}

+

检测点{nameOfInspectionPoint}

+

处罚{deductPoints ? `-${deductPoints}分` : ""}和-{fine}{fine ? "元" : ""}{/* {item.deductPoints ? "-" + item.deductPoints + "分" : ""}{item.deductPoints && item.fine ? "和" : ""}{item.fine ? "-" + item.fine + "元" : ""}{item.deductPoints || item.fine ? "" : "--"} */}

日期{processingTime}{/* {item.processingTime ? item.processingTime : "--"} */}

-
-
} - placement="leftTop" - overlayStyle={{ minWidth:400, minHeight: 212,padding:0,margin:0,backgroundImage:`url(../../../../../assets/images/leadership/beijinglan.png)`}} - overlayClassName='popover' - - > - {licensePlate} - {overrunRate}% - {deductPoints?`-${deductPoints}分`:""}和-{fine}{fine?"元":""} - {processingTime} -
-
-
- } - }):""} +
+
} + placement="leftTop" + overlayStyle={{ minWidth: 400, minHeight: 212, padding: 0, margin: 0, backgroundImage: `url(../../../../../assets/images/leadership/beijinglan.png)` }} + overlayClassName='popover' + + > +
+ {licensePlate} + {overrunRate}% + {deductPoints ? `-${deductPoints}分` : ""}和-{fine}{fine ? "元" : ""} + {processingTime} +
+ +
+ } + }) : ""}
- } - const renderLeftContent = ()=>{ + } + const renderLeftContent = () => { // setleftDatas(leftDatas=>leftDatas.sort((a,b)=>b.total - a.total)) - - return leftDatas && leftDatas.length!==0?leftDatas.map((item,index)=> + + return leftDatas && leftDatas.length !== 0 ? leftDatas.map((item, index) => - ):"" - + ) : "" + } // renderContent() return ( <> -
- - {leftDatas && leftDatas.length!==0?:} - -
-
- -
- - 已处理 - {rightDatas?.processed||0} - +
+ + {leftDatas && leftDatas.length !== 0 ? : } +
-
- 车牌号 - 超限 - 处罚 - 处理日期 +
+ +
+ + 已处理 + {rightDatas?.processed || 0} + +
+
+ 车牌号 + 超限 + 处罚 + 处理日期 +
+ {rightitemlist && rightitemlist.length !== 0 ? : } +
- {rightitemlist && rightitemlist.length!==0?:} - -
) } -function mapStateToProps(state) { +function mapStateToProps (state) { const { auth, depMessage } = state; const pakData = (dep) => { return dep.map((d) => {