diff --git a/web/client/src/sections/quanju/containers/footer/leadership/right/hudong.js b/web/client/src/sections/quanju/containers/footer/leadership/right/hudong.js
new file mode 100644
index 00000000..e740f270
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/leadership/right/hudong.js
@@ -0,0 +1,145 @@
+import React, { Component } from 'react';
+import './left.less';
+class ReactCarousel extends Component {
+ chunk(arr, size) {
+ var arr1 = new Array();
+ for (var i = 0; i < Math.ceil(arr.length / size); i++) {
+ arr1[i] = new Array();
+ }
+ var j = 0;
+ var x = 0;
+ for (var i = 0; i < arr.length; i++) {
+ if (!((i % size == 0) && (i != 0))) {
+ arr1[j][x] = arr[i];
+ x++;
+ // console.log("j=" + j + " " + "x=" + x);
+ } else {
+ j++;
+ x = 0;
+ console.log("else:" + "j=" + j + " " + "x=" + x);
+ arr1[j][x] = arr[i];
+ // console.log(arr1);
+ x++;
+ }
+ }
+ return arr1;
+ }
+
+ constructor() {
+ super();
+ this.state = {
+ shuzu: [{ name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段2", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段3", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段4", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" },
+ { name: "南昌县迎宾大道管制路段", images: "/assets/images/leadership/shiyantu.png" }],
+ imgs: [],
+ showIndex: 0, //显示第几个图片
+ timer: null, // 定时器
+ show: false // 前后按钮显示
+ }
+ this.setState({
+ imgs: this.chunk((this.state.shuzu), 4)
+ })
+ console.log(this.chunk((this.state.shuzu), 4));
+ }
+
+ render() {
+ return (
+
+
{ this.stop() }} //鼠标进入停止自动播放
+ onMouseLeave={() => { this.start() }} //鼠标退出自动播放
+ >
+
+ {
+ this.state.imgs.map((value, index) => {
+ return (
+ -
+
{value[0].name}
+ {value[1].name}
+ {value[2].name}
+ {value[3].name}
+
+ )
+ })
+ }
+
+ {/*
+ {
+ this.state.imgs.map((value, index) => {
+ return (
+ - { this.change(index) }}>
+
)
+ })
+ }
+
+
*/}
+
+ { this.previous(e) }}>左
+ { this.next(e) }}>右
+
+
+
+ )
+ }
+ componentDidMount() { //一开始自动播放
+ this.start();
+ }
+ componentWillUnmount() { //销毁前清除定时器
+ this.stop();
+ }
+ stop = () => { //暂停
+ let { timer } = this.state;
+ clearInterval(timer);
+ }
+ start = () => { //开始
+ let { timer } = this.state;
+ timer = setInterval(() => {
+ this.next();
+ }, 2000);
+ this.setState({
+ timer
+ })
+ }
+ change = (index) => { //点击下面的按钮切换当前显示的图片
+ let { showIndex } = this.state;
+ showIndex = index;
+ this.setState({
+ showIndex
+ })
+ }
+ previous = (e) => { //上一张
+ let ev = e || window.event;
+ let { showIndex, imgs } = this.state;
+ if (showIndex <= 0) {
+ showIndex = imgs.length - 1;
+ } else {
+ showIndex--;
+ }
+ this.setState({
+ showIndex
+ })
+ }
+ next = (e) => { //下一张
+ let ev = e || window.event;
+ let { showIndex, imgs } = this.state;
+ if (showIndex >= imgs.length - 1) {
+ showIndex = 0;
+ } else {
+ showIndex++;
+ }
+ this.setState({
+ showIndex
+ })
+ }
+}
+export default ReactCarousel;
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/leadership/right/left.less b/web/client/src/sections/quanju/containers/footer/leadership/right/left.less
index b5333c1a..dcf56b90 100644
--- a/web/client/src/sections/quanju/containers/footer/leadership/right/left.less
+++ b/web/client/src/sections/quanju/containers/footer/leadership/right/left.less
@@ -1,3 +1,95 @@
li{
list-style-type:none
-}
\ No newline at end of file
+}
+
+.ant-select-selector, .ant-select-selection-placeholder{
+ background-color:#011f59 !important;
+ border:#1E7BD6 1px solid !important;
+ font-family: PingFangSC-Regular, PingFang SC !important;
+ height: 25px !important;
+ // line-height: 25px !important;
+}
+.ant-select-selection-item{
+ line-height: 25px !important;
+}
+.anticon{
+ color: #fff !important;
+}
+.contain {
+ position: relative;
+ top: 5%;
+ left: 45%;
+ width: 100%;
+ height: 100%;
+ transition: all 2s;
+ transform: translateX(-50%);
+ color: #fff;
+ overflow: hidden;
+ cursor: pointer;
+}
+.contain .ul {
+ height: 100%;
+ list-style: none;
+}
+.contain .ul .items {
+ position: absolute;
+ top: 0px;
+ width: 100%;
+ height: 100%;
+}
+.ul li.show{
+ display: block;
+}
+.ul li {
+ display: none;
+}
+.ul li img {
+ width: 100%;
+ height: 100%;
+}
+.contain .dots {
+ position: absolute;
+ left: 50%;
+ bottom: 30px;
+ height: 10px;
+ transform: translateX(-50%);
+}
+.dots li {
+ float: left;
+ width: 10px;
+ height: 10px;
+ margin: 0px 5px;
+ border-radius: 50%;
+ transition: all .3s;
+ // background-color: antiquewhite;
+ list-style: none;
+}
+// .dots li.active {
+// background-color: blue;
+// }
+.control .left {
+ position: absolute;
+ top: 80%;
+ left: 85%;
+ // padding: 5px;
+ // transform: translateY(-50%);
+ width: 20px;
+ height: 50px;
+ font-size: 20px;
+ cursor: pointer;
+}
+// .control .left:hover {
+// background-color: #000000,
+// }
+.control .right {
+ position: absolute;
+ top: 80%;
+ right: 3%;
+ // padding: 5px;
+ // transform: translateY(-50%);
+ font-size: 20px;
+ cursor: pointer;
+}
+// .control .right:hover {
+// background-color: rgba(0, 0, 0, .3);
+// }
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/leadership/right/lunbo copy.js b/web/client/src/sections/quanju/containers/footer/leadership/right/lunbo copy.js
new file mode 100644
index 00000000..f6230ea7
--- /dev/null
+++ b/web/client/src/sections/quanju/containers/footer/leadership/right/lunbo copy.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+function lunbo() {
+ return (
+
lunbo copy
+ )
+}
+
+export default lunbo
\ No newline at end of file
diff --git a/web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js b/web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js
index 470a4c58..0558c40e 100644
--- a/web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js
+++ b/web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js
@@ -42,9 +42,9 @@ const Rightbottom = () => {
//
: ""}
+ {beijing == index ? 
: ""}
+ 
+ 离线详情
+ {/* 
*/}
+ 
: ""
+ }
+ 
+ 
+ 
+ 
+
// {/* 
: ""}
+ {num == index ? 
: ""}
+
+ 
+