debug

src/pages/Communicate/Communicate.jsx

+import React, {Component} from 'react';
+import './index.less'
+
+class Communicate extends Component {
+
+    render() {
+        return (
+            <div>
+                <div className='breadBox'>
+                    <span className='currentLink'>科技创新委员会</span><span className='symbol'>&gt;</span><span>组织架构</span><span className='symbol'>&gt;</span><span>办公厅</span>
+                </div>
+                <div className='adMainBox'>
+                    <ul className='adListBox'>
+                            <li>
+                                <div className='itemBox'>
+                                    <h4 className='titleBar'>市委办公厅审核员</h4>
+                                    <div className='adContent'>
+                                        <div className='peopleList'>
+                                            <p className='subItem'>
+                                                <span className='cicrleHead mr-5'>
+                                                    <img src='/img/head.png' className='imgRes' />
+                                                </span>
+                                               王磊
+                                            </p>
+                                            <p className='subItem'>
+                                                <img className='smallIco mr-5' src='/img/tel.png' />13488876526
+                                            </p>
+                                        </div>
+                                        <div className='peopleList'>
+                                            <p className='subItem'>
+                                                <span className='cicrleHead mr-5 centerFont'>
+                                                   王
+                                                </span>
+                                               王磊
+                                            </p>
+                                            <p className='subItem'>
+                                                <img className='smallIco mr-5' src='/img/tel.png' />13488876526
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li>
+                                <div className='itemBox'>
+                                    <h4 className='titleBar'>市委办公厅审核员</h4>
+                                    <div className='adContent'>
+                                        <div className='peopleList'>
+                                            <p className='subItem'>
+                                                <span className='cicrleHead mr-5'>
+                                                    <img src='/img/head.png' className='imgRes' />
+                                                </span>
+                                               王磊
+                                            </p>
+                                            <p className='subItem'>
+                                                <img className='smallIco mr-5' src='/img/tel.png' />13488876526
+                                            </p>
+                                        </div>
+                                        <div className='peopleList'>
+                                            <p className='subItem'>
+                                                <span className='cicrleHead mr-5 centerFont'>
+                                                   王
+                                                </span>
+                                               王磊
+                                            </p>
+                                            <p className='subItem'>
+                                                <img className='smallIco mr-5' src='/img/tel.png' />13488876526
+                                            </p>
+                                        </div>
+                                    </div>
+                                </div>
+                         </li>
+                    </ul>
+                </div>
+            </div>
+        );
+    }
+}
+
+export default Communicate;

src/pages/Communicate/index.less

+@import '../../variable.less';
+
+.breadBox{
+  padding:15px 20px;
+  font-size: 14px;
+  background-color: #fff;
+  line-height: 1.5;
+}
+.currentLink{
+  color:@primary;
+}
+.adMainBox{
+  padding:10px 18px;
+}
+.adListBox{
+  padding:15px;
+  background-color: #fff;
+  border:0px solid rgba(0, 0, 0, 0.1);
+  border-radius:5px;
+}
+.adListBox{
+  li{
+    margin-bottom:10px ;
+    border-bottom: 1px solid @grayLight;
+    &:last-child{
+      padding-top: 0;
+      border-bottom: none;
+    }
+  }
+  .titleBar{
+    font-size: 16px;
+    padding-top: 0;
+  }
+  .adContent{
+    padding:15px 0;
+  }
+}
+.peopleList{
+  display: flex;
+  justify-content: space-between;
+  line-height: 1.5;
+  align-items:center;
+  padding:10px 0;
+}
+.peopleList .subItem{
+  flex:1;
+  font-size: 14px;
+}
+.peopleList > p:last-child{
+  text-align: right;
+}
+.partList{
+  li{
+    &:extend(.peopleList);
+    border-bottom: 1px solid @grayLight;
+    margin-bottom: 0;
+    line-height: 1.5;
+    padding:15px 5px !important;
+  }
+  p:nth-child(1){
+    font-size: 14px;
+  }
+  .icon18{
+    margin-bottom: -4px;
+  }
+}

src/router.js

@@ -6,6 +6,7 @@ import CommonLayout from './layout/CommonLayout';
 import Backlog from './pages/Backlog/Backlog'
 import Work from './pages/Work/Work'
 import Notice from './pages/Notice/Notice'
+import Communicate from './pages/Communicate/Communicate';
 import AddressList from './pages/AddressList/AddressList';
 import Process from './pages/EventProcessing/Process'
 
@@ -22,6 +23,7 @@ const ReactRouter = () => {
                     <CommonLayout>
                         <Route path="/bord/backlog" component={Backlog}/>
                         <Route path="/bord/work" component={Work}/>
+                        <Route path="/bord/communicate" component={Communicate}/>
                         <Route path="/bord/addressList" component={AddressList}/>
                         <Route path="/bord/notice" component={Notice}/>
                     </CommonLayout>