diff --git a/web/client/assets/images/quanju/guanlijiance.png b/web/client/assets/images/quanju/guanlijiance.png new file mode 100644 index 00000000..cc6fa80c Binary files /dev/null and b/web/client/assets/images/quanju/guanlijiance.png differ diff --git a/web/client/assets/images/quanju/guanlijiance_1.png b/web/client/assets/images/quanju/guanlijiance_1.png new file mode 100644 index 00000000..b1134328 Binary files /dev/null and b/web/client/assets/images/quanju/guanlijiance_1.png differ diff --git a/web/client/assets/images/quanju/zhicaolog.png b/web/client/assets/images/quanju/zhicaolog.png new file mode 100644 index 00000000..8235a546 Binary files /dev/null and b/web/client/assets/images/quanju/zhicaolog.png differ diff --git a/web/client/src/sections/fillion/components/maintenanceTable.js b/web/client/src/sections/fillion/components/maintenanceTable.js index 68397d78..83fafa72 100644 --- a/web/client/src/sections/fillion/components/maintenanceTable.js +++ b/web/client/src/sections/fillion/components/maintenanceTable.js @@ -99,7 +99,7 @@ for (let i = 0; i < 10; i += 1) { -const IPList = (props) => { +const PatrolNameList = (props) => { const { onChange, patrolName } = props; const columns = [ @@ -179,7 +179,7 @@ const MaintenanceTable = () => { return (
- setPatrolName(searchPatrolName)} patrolName={patrolName} /> + setPatrolName(searchPatrolName)} patrolName={patrolName} /> { +const PatrolNameList = (props) => { const { onChange, patrolName } = props; const columns = [ @@ -182,7 +182,7 @@ const PatrolTable = () => { return (
- setPatrolName(searchPatrolName)} patrolName={patrolName} /> + setPatrolName(searchPatrolName)} patrolName={patrolName} /> { function mapStateToProps(state) { const { depMessage } = state; + console.log('depMessage:',depMessage); const pakData = (dep) => { return dep.map((d) => { return { @@ -79,6 +80,7 @@ function mapStateToProps(state) { }) } let depData = pakData(depMessage.data || []) + console.log('depData:',depData); return { loading: depMessage.isRequesting, depData, diff --git a/web/client/src/sections/organization/components/userModal.js b/web/client/src/sections/organization/components/userModal.js index babe35ea..d02af61a 100644 --- a/web/client/src/sections/organization/components/userModal.js +++ b/web/client/src/sections/organization/components/userModal.js @@ -48,23 +48,23 @@ const UserModal = (props) => { placeholder="请输入姓名" rules={[{ required: true, message: '请输入姓名' }]} /> - { - return event.target.value + return event.target.value.replace(/\D/g, '') }} - placeholder="请输入用户名" + placeholder="请输入手机号(用户名)" rules={[ - { required: true } + { required: true, valueType: Number, max: 11 }, { pattern: /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/, message: "请输入正确的手机号" } ]} /> + { }} expandedKeys={["title"]} /> - < ProFormText - name={['contract', 'phone']} + {modalType == 'edit' ? null : { - return event.target.value.replace(/\D/g, '') + autocomplete: 'new-password' }} - placeholder="请输入手机号" rules={[ - { required: true, valueType: Number, max: 11 }, { pattern: /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/, message: "请输入正确的手机号" } + { required: true, message: '请填写密码' }, + { min: 6, message: '请填写至少6位密码' }, ]} - /> + />} + {/* { + return event.target.value + }} + placeholder="请输入职位" + // rules={[ + // { required: true } + // ]} + /> */} + { { type: 'email', message: '请输入正确格式的邮箱' }, ]} /> - {modalType == 'edit' ? null : } - - { function mapStateToProps(state) { const { depMessage } = state; - console.log('depMessage:',depMessage); + console.log('depMessage:', depMessage); const pakData = (dep) => { // console.log(dep); return dep.map((d) => { @@ -171,7 +169,6 @@ function mapStateToProps(state) { }) } let depData = pakData(depMessage.data || []) - return { loading: depMessage.isRequesting, depData, diff --git a/web/client/src/sections/organization/containers/user.js b/web/client/src/sections/organization/containers/user.js index b8c21ae6..79945530 100644 --- a/web/client/src/sections/organization/containers/user.js +++ b/web/client/src/sections/organization/containers/user.js @@ -21,6 +21,8 @@ const UserManage = (props) => { const [depModalVisible, setDepModalVisible] = useState(false); const [depModalType, setDepModalType] = useState(); const [depModalRecord, setDepModalRecord] = useState(); + const [selectedTree, setSelectedTree] = useState(); + useEffect(() => { dispatch(getDepMessage()) @@ -37,14 +39,11 @@ const UserManage = (props) => { { title: '姓名', dataIndex: 'name', - }, { - title: '用户名', - dataIndex: 'username', }, { - title: '手机号', + title: '手机号(用户名)', dataIndex: 'phone', - }, + }, { title: '邮箱', dataIndex: 'email', @@ -192,7 +191,7 @@ const UserManage = (props) => {
{ - depSelectedKeys == id ? <> + selectedTree == id ? <> { setDepModalRecord(item) setDepModalVisible(true) @@ -216,7 +215,7 @@ const UserManage = (props) => { { @@ -226,8 +225,8 @@ const UserManage = (props) => { defaultExpandedKeys={[depMessage[0].id]} selectedKeys={depSelectedKeys} onSelect={(selectedKeys, e) => { - if (e.selected) { + setSelectedTree(selectedKeys) setDepSelectedKeys(selectedKeys) dispatch(getDepUser(selectedKeys[0])) } @@ -259,6 +258,7 @@ const UserManage = (props) => { + fatherElem.scrollHeight + } + + return false; + } + + + marque = (height) => { + try { + this.scrollElem = document.getElementById(this.props.divId); + this.marqueesHeight = height; + if (this.scrollElem) { + this.scrollElem.style.height = this.marqueesHeight; + this.scrollElem.style.overflow = 'hidden'; + } + this.repeat(); + } catch (e) { console.log(e) } + } + + + repeat = () => { + this.scrollElem.scrollTop = 0; + let offset = 1.5 + + this.interval = setInterval(() => { + if (this.stopscroll) return; + this.currentTop = this.currentTop + offset; + this.preTop = this.scrollElem.scrollTop; + this.scrollElem.scrollTop = this.scrollElem.scrollTop + offset; + // console.log(`this.scrollElem.scrollTop:${this.scrollElem.scrollTop} === this.preTop:${this.preTop}`); + if (this.preTop === this.scrollElem.scrollTop) { + this.scrollElem.scrollTop = this.marqueesHeight; + this.scrollElem.scrollTop = this.scrollElem.scrollTop + offset; + } + }, 40); + } + + + componentWillUnmount() { + clearInterval(this.interval); + } + + componentWillReceiveProps(nextProps) { + requestAnimationFrame(() => { + if (this.enabledScroll) { + if (!this.state.enabledScroll) { + this.setState({ enabledScroll: true }, () => { + this.marque(10) + }) + } + + } + }) + } + + componentDidMount() { + if (this.enabledScroll) { + this.setState({ enabledScroll: true }, () => { + this.marque(10) + }) + } + } + + onMouseOver = () => { + this.stopscroll = true; + } + + onMouseOut = () => { + this.stopscroll = false; + } + + + render() { + + const { changeStyleCol, heads, spans, data, divId, divHeight, content, containerStyle = {} } = this.props; + + return ( +
+ { + heads ? + + {heads.map((c, index) => { + return {c} + }) + } + : '' + } + +
+
+ {content ? content : ''} + {this.state.enabledScroll && content ? content : ''} + { + data ? + data.map((q, idx) => { + return ( +
+ + {heads.map((c, index) => { + return + {index == 1 ? q.data[index] == -1 ? "-" : q.data[index] : index == 2 ? q.data[1] == -1 ? '-' : q.data[index] : q.data[index]} + }) + } + +
+ ) + }) : '' + } +
+
+
+
+ ) + } +} \ No newline at end of file diff --git a/web/client/src/sections/quanju/containers/footer/build/Leftbottom.js b/web/client/src/sections/quanju/containers/footer/build/Leftbottom.js index 9130ae70..6dc759b2 100644 --- a/web/client/src/sections/quanju/containers/footer/build/Leftbottom.js +++ b/web/client/src/sections/quanju/containers/footer/build/Leftbottom.js @@ -133,11 +133,11 @@ function Leftbottom() { seriesIndex: 0, dataIndex: currentIndex }); - myChart.dispatchAction({ - type: 'showTip', - seriesIndex: 0, - dataIndex: currentIndex, - }); + // myChart.dispatchAction({ + // type: 'showTip', + // seriesIndex: 0, + // dataIndex: currentIndex, + // }); } const selectPie=() =>{ // 高亮效果切换到下一个图形 var dataLen = safetyOption.series[0].data.length; 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 9cb9151c..2f111224 100644 --- a/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js +++ b/web/client/src/sections/quanju/containers/footer/build/Rightbottom.js @@ -174,11 +174,11 @@ function Leftbottom() { seriesIndex: 0, dataIndex: currentIndex }); - myChart.dispatchAction({ - type: 'showTip', - seriesIndex: 0, - dataIndex: currentIndex, - }); + // myChart.dispatchAction({ + // type: 'showTip', + // seriesIndex: 0, + // dataIndex: currentIndex, + // }); } const selectPie=() =>{ // 高亮效果切换到下一个图形 var dataLen = safetyOption.series[0].data.length; diff --git a/web/client/src/sections/quanju/containers/footer/build/Rightcenter.js b/web/client/src/sections/quanju/containers/footer/build/Rightcenter.js index 708e945c..0c716667 100644 --- a/web/client/src/sections/quanju/containers/footer/build/Rightcenter.js +++ b/web/client/src/sections/quanju/containers/footer/build/Rightcenter.js @@ -1,7 +1,91 @@ import React from 'react' import './style.less' +import AutoRollComponent from './AutoRollComponent' export default function Rightcenter() { + const data =[ {name: '莲塘镇', total: 12739}, + {name: '向塘镇', total: 2445}, + {name: '蒋巷镇', total: 2035}, + {name: '幽兰镇', total: 1999}, + {name: '塘南镇', total: 1915}, + {name: '武阳镇', total: 1842}, + {name: '冈上镇', total: 1446}, + {name: '广福镇', total: 1063}, + {name: '三江镇', total: 851}, + {name: '泾口乡', total: 657}, + {name: '南新镇', total: 640}, + {name: '八一乡', total: 569}, + {name: '黄马乡', total: 541}, + {name: '塔城乡', total: 534}, + {name: '富山乡', total: 515}, + {name: '东新乡', total: 513}, + {name: '银三角', total: 513}, + {name: '八月湖街道', total: 513},] + const province = undefined + const FIRST = "linear-gradient(360deg, rgba(43, 180, 211, 0.1) 0%, rgba(43, 180, 211, 0.4) 100%)" +const SECOND = "linear-gradient(360deg, rgba(255, 209, 86, 0.1) 0%, rgba(255, 209, 86, 0.4) 100%)" +const THIRD = "linear-gradient(360deg, rgba(148, 148, 255, 0.1) 0%, rgba(148, 148, 255, 0.4) 100%)" +const OTHER = "linear-gradient(360deg, rgba(28, 96, 253, 0) 0%, rgba(28, 96, 253, 0.2) 100%)" +let TOTALS = data?.map(({ name, total }, index) => { + let max = province ? data.length * 30 + 100 : data.length * 500 + 100 + return { + name, + value: total, + percent: (total * 100 / max).toFixed(2) + "%" + } +}) +let new_TOTALS = TOTALS && TOTALS.length > 10 ? TOTALS.slice(0, 10) : TOTALS +function Cell(props) { + const { name, rank, value, percent, style = {} } = props + let bg = RNAKS[rank] || OTHER + console.log(percent,'百分比') + return
+
+ {name} +
+
+ {/*
{name}
*/} + +
+
+
+
+
+
{value}
+
+
+
+} +const renderContent = () => { + return
+ {new_TOTALS?.map(({ name, value, percent }, index) => { + return + })} +
+} +const RNAKS = [FIRST, SECOND, THIRD] + return ( -
Rightcenter
+
+
+ +
在线公路工程数量
+

1234,123

+
+ +
) } 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 d613f54e..85e8c26c 100644 --- a/web/client/src/sections/quanju/containers/footer/build/index.js +++ b/web/client/src/sections/quanju/containers/footer/build/index.js @@ -3,7 +3,7 @@ import React from 'react' // import LeftCenter from './Leftcenter' import LeftBottom from './Leftbottom' // import RightTop from './Righttop' -// import Rightcenter from './Rightcenter' +import Rightcenter from './Rightcenter' // import Rightbottom from './Rightbottom' import { Carousel } from 'antd' import Module from '../../public/module' @@ -115,7 +115,9 @@ const Build = () => { + }}> + + 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 3f6da806..4db9bf41 100644 --- a/web/client/src/sections/quanju/containers/footer/build/style.less +++ b/web/client/src/sections/quanju/containers/footer/build/style.less @@ -166,7 +166,6 @@ width: 25%; height: 100%; .build-right-top{ - width: 100%; height: 100%; padding: 0 10px 10px; @@ -188,16 +187,38 @@ line-height: 31px; background-image: url('/assets/images/quanju/bgxuanchuanlan.png'); background-size: 100% 100%; - - - } } .build-right-center{ width: 100%; - height: 33%; - background-color: pink; - margin-bottom: 3%; + height: 100%; + // background-color: pink; + .build-right-center-top{ + width: 100%; + height: 30%; + display: flex; + justify-content: space-around; + align-items: center; + img{ + width:12% ; + height: 80%; + } + div{ + font-size: 16px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #C2EEFF; + line-height: 22px; + letter-spacing: 1px + } + h2{ + font-size: 28px; + font-family: YouSheBiaoTiHei; + color: #FFFFFF; + margin-bottom : 0!important; + text-shadow: 0px 0px 4px #07B9FE; + } + } } .build-right-bottom{ width: 100%; diff --git a/web/client/src/sections/quanju/containers/footer/conserve/index.js b/web/client/src/sections/quanju/containers/footer/conserve/index.js index aacec5c8..cfb98746 100644 --- a/web/client/src/sections/quanju/containers/footer/conserve/index.js +++ b/web/client/src/sections/quanju/containers/footer/conserve/index.js @@ -1,8 +1,13 @@ import React from 'react' +import Left from './left' +import Right from './right' const Conserve = () => { return ( - <>养护 +
+ + +
) } export default Conserve \ No newline at end of file diff --git a/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js b/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js index 909f6e1b..b16acf6b 100644 --- a/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js +++ b/web/client/src/sections/quanju/containers/footer/conserve/left/left-top.js @@ -1,14 +1,175 @@ -import React from 'react' +import React, { useEffect, useRef } from 'react'; import Module from '../../../public/module' +import * as echarts from 'echarts'; + const LeftTop = () => { + const seasonChartRef = useRef(null); + + const frequentlyChartRef = useRef(null); + + useEffect(() => { + let chartInstance = echarts.init(seasonChartRef.current); + const seasonOption = { + title: [ + { + text: "季节性", + x: "center", + top: "55%", + textStyle: { + color: "#E9F7FF", + fontSize: 14, + }, + }, + { + text: "2333", + x: "center", + y: "35%", + textStyle: { + fontSize: "30", + color: "#FFFFFF", + fontFamily: "YouSheBiaoTiHei", + }, + }, + ], + polar: { + radius: ["65%", "73%"], + center: ["50%", "50%"], + }, + angleAxis: { + max: 100, + show: false, + }, + radiusAxis: { + type: "category", + show: true, + axisLabel: { + show: false, + }, + axisLine: { + show: false, + }, + axisTick: { + show: false, + }, + }, + series: [ + { + name: "", + type: "bar", + roundCap: true, + barWidth: 30, + showBackground: true, + data: [40], + coordinateSystem: "polar", + itemStyle: { + normal: { + color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [ + { + offset: 0, + color: "#AAC8FF", + }, + { + offset: 1, + color: "#0041BB", + }, + ]), + }, + }, + }, + ], + }; + chartInstance.setOption(seasonOption); + + }, []) + useEffect(() => { + let chartInstance = echarts.init(frequentlyChartRef.current); + const frequentlyOption = { + title: [ + { + text: "经常性", + x: "center", + top: "55%", + textStyle: { + color: "#E9F7FF", + fontSize: 14, + }, + }, + { + text: "2333", + x: "center", + y: "35%", + textStyle: { + fontSize: "30", + color: "#FFFFFF", + fontFamily: "YouSheBiaoTiHei", + }, + }, + ], + polar: { + radius: ["65%", "73%"], + center: ["50%", "50%"], + }, + angleAxis: { + max: 100, + show: false, + }, + radiusAxis: { + type: "category", + show: true, + axisLabel: { + show: false, + }, + axisLine: { + show: false, + }, + axisTick: { + show: false, + }, + }, + series: [ + { + name: "", + type: "bar", + roundCap: true, + barWidth: 30, + showBackground: true, + backgroundStyle: { + color: "rgba(66, 66, 66, .3)", + }, + data: [40], + coordinateSystem: "polar", + itemStyle: { + normal: { + color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [ + { + offset: 0, + color: "#C5EFFF", + }, + { + offset: 1, + color: "#07B9FE", + }, + ]), + }, + }, + }, + ], + }; + chartInstance.setOption(frequentlyOption); + + }, []) const style = { height: "30%", marginTop: "5%" } return ( - <> - - - - + <> + +
+
+
+
+ + + ) } export default LeftTop \ No newline at end of file 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 d20e2d29..1a12353f 100644 --- a/web/client/src/sections/quanju/containers/footer/guanli/index.js +++ b/web/client/src/sections/quanju/containers/footer/guanli/index.js @@ -1,8 +1,54 @@ import React from 'react' - +import { Carousel } from 'antd' +import AutoRollComponent from '../build/AutoRollComponent' +import Module from '../../public/module' +import './style.less' const Guanli = () => { + const datas = new Array(35) + const renderContent = () => { + datas.fill({ + chepaihao:'苏LD1112121', + caoxian:'30%', + chufa:'200元', + riqi:'2022年5月4日' + },1,35) + console.log(datas,'数组') + return
+ {datas?.map(({ chepaihao, caoxian, chufa,riqi }, index) => { + return
+ {chepaihao} + {caoxian} + {chufa} + {riqi} +
+ })} +
+ } + renderContent() return ( - <>管理 +
+
+
+
+ +
+ + 已处理 + 187 + 件 +
+
+ 车牌号 + 超限 + 处罚 + 日期 +
+ + +
+
) } export default Guanli \ No newline at end of file diff --git a/web/client/src/sections/quanju/containers/footer/guanli/style.less b/web/client/src/sections/quanju/containers/footer/guanli/style.less new file mode 100644 index 00000000..a04a8639 --- /dev/null +++ b/web/client/src/sections/quanju/containers/footer/guanli/style.less @@ -0,0 +1,249 @@ +.guanli{ + // box-sizing: border-box; + padding: 0 15px 0 15px; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + .guanli-left{ + width: 25%; + height: 100%; + background-color: pink; + .guanli-left-top{ + height: 100%; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + .guanli-left-top-center{ + width: 174px; + height: 146px; + margin: 0 10px; + } + .guanli-left-top-item{ + width: 25%; + height: 50%; + background-image: url('/assets/images/quanju/zhuangtaigognlubiankuang.png'); + background-size: 95%; + background-repeat: no-repeat; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + // text-align: center; + div{ + &:nth-child(1){ + display: flex; + justify-content: center; + align-items: center; + span{ + &:nth-child(1){ + width: 8px; + height: 8px; + margin-right: 5px; + background: #07B9FE; + clip-path: polygon(0 0, 100% 0, 0 100%, 0 0); + transform: rotate(134deg); + } + &:nth-child(2){ + font-size: 16px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #E9F7FF; + line-height: 22px; + } + + } + } + &:nth-child(2){ + // width: 80%; + // height: 100%; + // margin: 1% auto 0; + font-size: 38px; + font-family: YouSheBiaoTiHei; + color: #FFFFFF; + text-align: center; + // line-height: 49px; + text-shadow: 0px 2px 4px #1C60FE; + + } + } + } + } + .guanli-left-center{ + width: 100%; + height: 100%; + + .guanli-left-center-top{ + width: 100%; + height: 30%; + display: flex; + justify-content: space-between; + div{ + width: 50%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + img{ + height: 50px; + width: 78px; + + } + div{ + display: flex; + flex-direction: column; + align-items: start; + justify-content: center; + margin-left: 10px; + span{ + &:nth-child(1){ + font-size: 12px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #C2EEFF; + letter-spacing: 1px; + } + &:nth-child(2){ + font-size: 28px; + font-family: YouSheBiaoTiHei; + color: #FFFFFF; + line-height: 36px; + text-shadow: 0px 0px 4px #07B9FE; + } + } + + } + } + // background-color: pink; + } + .guanli-left-center-titile{ + display: flex; + margin-bottom: 10px; + span{ + flex:1; + text-align: center; + font-size: 12px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #FFFFFF; + line-height: 16px; + } + } + .guanli-left-center-content{ + width: 100%; + height: 100px!important; + .guanli-left-center-item{ + display: flex !important; + width: 100%!important; + height: 28px!important; + span{ + flex:1; + text-align: center; + font-size: 12px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #FFFFFF; + line-height: 16px; + } + } + .slick-list{ + height: 128px !important; + } + } + + + } + .guanli-left-bottom{ + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + + } + } + .guanli-right{ + width: 25%; + height: 100%; + .guanli-right-top{ + width: 100%; + // height: 5%; + display: flex; + justify-content: flex-end; + align-items: center; + padding-right: 10px; + img{ + width: 4%; + // height: 40%; + } + span{ + &:nth-child(2){ + font-size: 16px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: rgba(216,240,255,0.8000); + margin:0 10px 0 2px + } + &:nth-child(3){ + font-size: 18px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #FFFFFF; + margin-right: 10px; + } + &:nth-child(4){ + font-size: 14px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: rgba(216,240,255,0.8000); + } + } + + + } + .guanli-right-title{ + width: 90%; + height: 5%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-around; + background: rgba(21,77,160,0.2000); + span{ + font-size: 12px; + font-family: PingFangSC-Medium, PingFang SC; + font-weight: 500; + color: #FFFFFF; + flex:1; + text-align: center; + // &:nth-child(1){ + + // } + } + } + .guanli-right-item{ + width: 90%; + height: 3.333%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-around; + // background: rgba(21,77,160,0.2000); + span{ + font-size: 14px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: rgba(216,240,255,0.8000); + line-height: 20px; + flex:1; + text-align: center; + // &:nth-child(1){ + + // } + } + } + } +} + + diff --git a/web/client/src/sections/quanju/containers/heand/index.js b/web/client/src/sections/quanju/containers/heand/index.js index 8d944a85..92f01e00 100644 --- a/web/client/src/sections/quanju/containers/heand/index.js +++ b/web/client/src/sections/quanju/containers/heand/index.js @@ -21,16 +21,16 @@ const Header = (props) => {
{ onClick("build") }}>建设
-
{ - onClick("conserve") - }}>养护
+
{ + onClick("guanli") + }}>管理
{ onClick("leadership") }}>领导驾驶舱
南昌县智慧交通监管系统
-
{ - onClick("guanli") - }}>管理
+
{ + onClick("conserve") + }}>养护
{ onClick("operation") }}>运营