debug

.idea/workspace.xml

@@ -5,11 +5,7 @@
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/public/img/footer-work-s.png" beforeDir="false" />
       <change beforePath="$PROJECT_DIR$/public/img/footer-work.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/report.20200606.164659.17716.0.001.json" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/layout/CommonLayout.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/layout/CommonLayout.jsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/layout/Footer.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/layout/Footer.jsx" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/layout/index.less" beforeDir="false" afterPath="$PROJECT_DIR$/src/layout/index.less" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/pages/Backlog/Backlog.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/pages/Backlog/Backlog.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/router.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/router.js" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -55,11 +51,11 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
+      <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/layout/CommonLayout.jsx">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="300">
-              <caret line="27" column="66" lean-forward="true" selection-start-line="27" selection-start-column="66" selection-end-line="27" selection-end-column="66" />
+            <state relative-caret-position="200">
+              <caret line="23" column="13" lean-forward="true" selection-start-line="23" selection-start-column="13" selection-end-line="23" selection-end-column="13" />
               <folding>
                 <element signature="e#0#26#0" expanded="true" />
               </folding>
@@ -67,6 +63,38 @@
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/public/img/footer-work.png">
+          <provider selected="true" editor-type-id="images" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/../frontend/src/router.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="200">
+              <caret line="8" selection-start-line="8" selection-end-line="8" selection-end-column="58" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/router.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="200">
+              <caret line="8" column="58" selection-start-line="8" selection-start-column="58" selection-end-line="8" selection-end-column="58" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/src/pages/Communicate/Communicate.jsx">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="-1500">
+              <caret column="39" selection-start-column="39" selection-end-column="39" />
+            </state>
+          </provider>
+        </entry>
+      </file>
     </leaf>
   </component>
   <component name="FileTemplateManagerImpl">
@@ -150,8 +178,6 @@
         <option value="$PROJECT_DIR$/src/components/TopSearch/index.less" />
         <option value="$PROJECT_DIR$/src/pages/EventProcessing/index.less" />
         <option value="$PROJECT_DIR$/src/components/TopTabs/index.jsx" />
-        <option value="$PROJECT_DIR$/src/pages/Communicate/Communicate.jsx" />
-        <option value="$PROJECT_DIR$/src/router.js" />
         <option value="$PROJECT_DIR$/src/pages/AddressList/AddressList.jsx" />
         <option value="$PROJECT_DIR$/src/layout/BlankLayout.jsx" />
         <option value="$PROJECT_DIR$/src/pages/Work/Work.jsx" />
@@ -174,6 +200,8 @@
         <option value="$PROJECT_DIR$/src/layout/Footer.jsx" />
         <option value="$PROJECT_DIR$/src/layout/index.less" />
         <option value="$PROJECT_DIR$/src/layout/CommonLayout.jsx" />
+        <option value="$PROJECT_DIR$/src/router.js" />
+        <option value="$PROJECT_DIR$/src/pages/Communicate/Communicate.jsx" />
       </list>
     </option>
   </component>
@@ -199,22 +227,11 @@
               <item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
               <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
             </path>
-            <path>
-              <item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
-              <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
-              <item name="public" type="462c0819:PsiDirectoryNode" />
-            </path>
             <path>
               <item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
               <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
               <item name="src" type="462c0819:PsiDirectoryNode" />
             </path>
-            <path>
-              <item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
-              <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
-              <item name="src" type="462c0819:PsiDirectoryNode" />
-              <item name="layout" type="462c0819:PsiDirectoryNode" />
-            </path>
             <path>
               <item name="create-react-app" type="b2602c69:ProjectViewProjectNode" />
               <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
@@ -226,7 +243,7 @@
               <item name="create-react-app" type="462c0819:PsiDirectoryNode" />
               <item name="src" type="462c0819:PsiDirectoryNode" />
               <item name="pages" type="462c0819:PsiDirectoryNode" />
-              <item name="Backlog" type="462c0819:PsiDirectoryNode" />
+              <item name="Communicate" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -248,11 +265,11 @@
       <recent name="F:\即时通讯\create-react-app\src\pages\WorkDetail" />
     </key>
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="F:\即时通讯\create-react-app\src\pages" />
       <recent name="F:\即时通讯\create-react-app\public\img" />
       <recent name="F:\即时通讯\create-react-app\public\img\test" />
       <recent name="F:\即时通讯\create-react-app\src\pages\AddressList" />
       <recent name="F:\即时通讯\create-react-app\src\components\TopTabs" />
-      <recent name="F:\即时通讯\create-react-app\src\components\TopNotice" />
     </key>
   </component>
   <component name="RunDashboard">
@@ -282,12 +299,12 @@
       <workItem from="1591406085733" duration="5474000" />
       <workItem from="1591419899087" duration="268000" />
       <workItem from="1591493817957" duration="11217000" />
-      <workItem from="1591579020550" duration="9492000" />
+      <workItem from="1591579020550" duration="10701000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="112307000" />
+    <option name="totallyTimeSpent" value="113516000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-8" y="-8" width="1382" height="784" extended-state="6" />
@@ -318,12 +335,6 @@
     <option name="version" value="1" />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/public/img/footer-notice-s.png">
-      <provider selected="true" editor-type-id="images" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/public/img/read.png">
-      <provider selected="true" editor-type-id="images" />
-    </entry>
     <entry file="file://$PROJECT_DIR$/public/img/unread.png">
       <provider selected="true" editor-type-id="images" />
     </entry>
@@ -399,7 +410,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/pages/Communicate/Communicate.jsx" />
     <entry file="file://$PROJECT_DIR$/src/components/TopSearch/index.less">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="325">
@@ -424,16 +434,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/router.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="300">
-          <caret line="12" lean-forward="true" selection-start-line="12" selection-end-line="12" />
-          <folding>
-            <element signature="e#0#25#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/pages/Notice/Notice.jsx">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="248">
@@ -648,13 +648,37 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/src/layout/CommonLayout.jsx">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="300">
-          <caret line="27" column="66" lean-forward="true" selection-start-line="27" selection-start-column="66" selection-end-line="27" selection-end-column="66" />
+        <state relative-caret-position="200">
+          <caret line="23" column="13" lean-forward="true" selection-start-line="23" selection-start-column="13" selection-end-line="23" selection-end-column="13" />
           <folding>
             <element signature="e#0#26#0" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/public/img/footer-work.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/../frontend/src/router.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="200">
+          <caret line="8" selection-start-line="8" selection-end-line="8" selection-end-column="58" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/router.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="200">
+          <caret line="8" column="58" selection-start-line="8" selection-start-column="58" selection-end-line="8" selection-end-column="58" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/pages/Communicate/Communicate.jsx">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-1500">
+          <caret column="39" selection-start-column="39" selection-end-column="39" />
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file

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>