debug

package-lock.json

@@ -5510,7 +5510,7 @@
         },
         "is-extglob": {
           "version": "2.1.1",
-          "resolved": "http://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
+          "resolved": "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
           "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
         },
         "is-glob": {
@@ -9823,6 +9823,15 @@
         "text-table": "0.2.0"
       }
     },
+    "react-document-title": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/react-document-title/download/react-document-title-2.0.3.tgz",
+      "integrity": "sha1-u/kioNcUEvyUgkXkKDskEt9w8rk=",
+      "requires": {
+        "prop-types": "^15.5.6",
+        "react-side-effect": "^1.0.2"
+      }
+    },
     "react-dom": {
       "version": "16.13.1",
       "resolved": "https://registry.npm.taobao.org/react-dom/download/react-dom-16.13.1.tgz",
@@ -10250,6 +10259,14 @@
         }
       }
     },
+    "react-side-effect": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/react-side-effect/download/react-side-effect-1.2.0.tgz",
+      "integrity": "sha1-DpQMePq6DHO5sOupzT3ajft+fa4=",
+      "requires": {
+        "shallowequal": "^1.0.1"
+      }
+    },
     "react-tween-state": {
       "version": "0.1.5",
       "resolved": "https://registry.npm.taobao.org/react-tween-state/download/react-tween-state-0.1.5.tgz",

package.json

@@ -11,6 +11,7 @@
     "lib-flexible": "^0.3.2",
     "postcss-px2rem": "^0.3.0",
     "react": "^16.8.4",
+    "react-document-title": "^2.0.3",
     "react-dom": "^16.8.4",
     "react-router-dom": "^5.2.0",
     "react-scripts": "1.0.13"

src/components/NoticeTab/index.jsx

@@ -3,8 +3,8 @@ import {Tabs, Icon} from 'antd-mobile'
 import './index.less'
 
 const tabs = [
-    { title: '已读', sub: '1' },
-    { title: '未读', sub: '2' },
+    { title: '未读', sub: '1' },
+    { title: '已读', sub: '2' }
 ]
 
 const Index = (props) => {

src/pages/Backlog/Backlog.jsx

@@ -3,6 +3,7 @@ import {WhiteSpace, WingBlank, ActivityIndicator} from 'antd-mobile'
 import TodoCard from '../../components/LogCard'
 import TopSearch from '../../components/TopSearch';
 import axiosRequest from '../../utils/request';
+import Document from 'react-document-title'
 
 const Backlog = (props) => {
     const [current, setCurrent] = useState(1);
@@ -61,24 +62,26 @@ const Backlog = (props) => {
         getData()
     }
     return (
-        <WingBlank>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <WhiteSpace/>
-            <TopSearch onSearch={wordSearch}/>
-            {
-                data.map((item, index) => (
-                    <div key={index}>
-                        <WhiteSpace/>
-                        <TodoCard data={item} onClick={() => checkLog(item.OPERATEID)}/>
-                    </div>
+        <Document title="待办">
+            <WingBlank>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <WhiteSpace/>
+                <TopSearch onSearch={wordSearch}/>
+                {
+                    data.map((item, index) => (
+                        <div key={index}>
+                            <WhiteSpace/>
+                            <TodoCard data={item} onClick={() => checkLog(item.OPERATEID)}/>
+                        </div>
 
-                ))
-            }
-        </WingBlank>
+                    ))
+                }
+            </WingBlank>
+        </Document>
     );
 };
 

src/pages/Communicate/AddressBook.jsx

 import React, {useState, useEffect} from 'react';
+import Document from 'react-document-title'
 import AddressList from '../../components/AddressList';
 import axiosRequest from '../../utils/request';
 import {ActivityIndicator} from "antd-mobile";
@@ -32,17 +33,19 @@ const AddressBook = (props) => {
         props.history.push(`/bord/address/${val}`)
     };
     return (
-        <div>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <div className='adMainBox'>
-                <AddressList data={data} onCLick={treeClick}/>
+        <Document title="通讯录">
+            <div>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <div className='adMainBox'>
+                    <AddressList data={data} onCLick={treeClick}/>
+                </div>
             </div>
 
-        </div>
+        </Document>
     );
 };
 

src/pages/Communicate/Communicate.jsx

@@ -2,6 +2,7 @@ import React, {useState, useEffect} from 'react';
 import AddressUser from '../../components/AddressList/AddressUser';
 import axiosRequest from '../../utils/request';
 import {ActivityIndicator} from "antd-mobile";
+import Document from 'react-document-title'
 
 
 const Communicate = (props) => {
@@ -27,25 +28,22 @@ const Communicate = (props) => {
 
 
     return (
-        <div>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <div className='breadBox'>
-                {title.length > 0 ? title[0].depts : ''}
-                {/*<span className='currentLink'>科技创新委员会</span>*/}
-                {/*<span className='symbol'>&gt;</span>*/}
-                {/*<span>组织架构</span>*/}
-                {/*<span className='symbol'>&gt;</span>*/}
-                {/*<span>办公厅</span>*/}
-            </div>
-            <div className='adMainBox'>
-                <AddressUser data={data}/>
+        <Document title="通讯录">
+            <div>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <div className='breadBox'>
+                    {title.length > 0 ? title[0].depts : ''}
+                </div>
+                <div className='adMainBox'>
+                    <AddressUser data={data}/>
+                </div>
             </div>
 
-        </div>
+        </Document>
     );
 };
 

src/pages/EventProcessing/Process.jsx

 import React, {useState, useEffect} from 'react';
+import Document from 'react-document-title'
 import {WingBlank, WhiteSpace, ActionSheet, ActivityIndicator} from 'antd-mobile'
 import axiosRequest from '../../utils/request';
 import './index.less'
@@ -118,40 +119,42 @@ const Process = (props) => {
         return () =>  window.removeEventListener('scroll', handleScroll, true);
     }, [])
     return (
-        <div>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <TopTabs page={current} onClick={tabClick}/>
-            <div id="event">
-                <WingBlank>
-                    <div id="event-basic"/>
-                    <WhiteSpace/>
-                    <Basic data={[]}/>
-                    <div id="event-adjunct"/>
-                    <WhiteSpace/>
-                    <Adjunct data={[]}/>
-                    <div id="event-flow"/>
-                    <WhiteSpace/>
-                    <Flow data={[]}/>
-                    <div id="event-option"/>
-                    <WhiteSpace/>
-                    <Option onChange={optionChange}/>
-                </WingBlank>
-            </div>
-            <div className="event-footer">
-                <div className={`event-footer-button ${(footStatus && disabled) ? 'button-disabled' : '' }`} onClick={footStatus && !disabled ? showActionSheet: textClick}>
-                    {!footStatus && (
-                        <img alt="" src="/img/process-edit.png" className="process-edit"/>
-                    )}
-                    {footButton}
+        <Document title="待办详情">
+            <div>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <TopTabs page={current} onClick={tabClick}/>
+                <div id="event">
+                    <WingBlank>
+                        <div id="event-basic"/>
+                        <WhiteSpace/>
+                        <Basic data={[]}/>
+                        <div id="event-adjunct"/>
+                        <WhiteSpace/>
+                        <Adjunct data={[]}/>
+                        <div id="event-flow"/>
+                        <WhiteSpace/>
+                        <Flow data={[]}/>
+                        <div id="event-option"/>
+                        <WhiteSpace/>
+                        <Option onChange={optionChange}/>
+                    </WingBlank>
                 </div>
+                <div className="event-footer">
+                    <div className={`event-footer-button ${(footStatus && disabled) ? 'button-disabled' : '' }`} onClick={footStatus && !disabled ? showActionSheet: textClick}>
+                        {!footStatus && (
+                            <img alt="" src="/img/process-edit.png" className="process-edit"/>
+                        )}
+                        {footButton}
+                    </div>
 
-            </div>
+                </div>
 
-        </div>
+            </div>
+        </Document>
     );
 };
 

src/pages/Notice/Notice.jsx

@@ -3,6 +3,7 @@ import {ActivityIndicator, WhiteSpace, WingBlank} from 'antd-mobile'
 import TodoCard from '../../components/LogCard'
 import TopNotice from '../../components/NoticeTab'
 import axiosRequest from '../../utils/request';
+import Document from 'react-document-title'
 
 const Notice = (props) => {
     const [loading, setLoading] = useState(false);
@@ -61,24 +62,26 @@ const Notice = (props) => {
         getData()
     }, [searchWord, tab])
     return (
-        <WingBlank>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <WhiteSpace/>
-            <TopNotice onSearch={setSearchWord} tabChange={tabChange}/>
-            {
-                data.map((item, index) => (
-                    <div key={index}>
-                        <WhiteSpace/>
-                        <TodoCard data={item} onClick={checkLog}/>
-                    </div>
+        <Document title="通知">
+            <WingBlank>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <WhiteSpace/>
+                <TopNotice onSearch={setSearchWord} tabChange={tabChange}/>
+                {
+                    data.map((item, index) => (
+                        <div key={index}>
+                            <WhiteSpace/>
+                            <TodoCard data={item} onClick={checkLog}/>
+                        </div>
 
-                ))
-            }
-        </WingBlank>
+                    ))
+                }
+            </WingBlank>
+        </Document>
     );
 };
 

src/pages/Work/Work.jsx

@@ -3,6 +3,7 @@ import {ActivityIndicator, WhiteSpace, WingBlank} from "antd-mobile";
 import axiosRequest from '../../utils/request';
 import TopSearch from '../../components/TopSearch'
 import WorkCard from '../../components/WorkCard';
+import Document from 'react-document-title'
 
 const Work = (props) => {
     const [loading, setLoading] = useState(false)
@@ -55,24 +56,26 @@ const Work = (props) => {
     }
 
     return (
-        <WingBlank>
-            <ActivityIndicator
-                toast
-                text="加载中..."
-                animating={loading}
-            />
-            <WhiteSpace/>
-            <TopSearch onSearch={ workSearch }/>
-            <WhiteSpace/>
-            <WorkCard
-                title="工作详情"
-                addCommon={ commonEdit }
-                addStatus={addStatus}
-                data={data}
-                workUrl={workUrl}
-                iconAction={ itemAdd }
-            />
-        </WingBlank>
+        <Document title="工作">
+            <WingBlank>
+                <ActivityIndicator
+                    toast
+                    text="加载中..."
+                    animating={loading}
+                />
+                <WhiteSpace/>
+                <TopSearch onSearch={ workSearch }/>
+                <WhiteSpace/>
+                <WorkCard
+                    title="工作详情"
+                    addCommon={ commonEdit }
+                    addStatus={addStatus}
+                    data={data}
+                    workUrl={workUrl}
+                    iconAction={ itemAdd }
+                />
+            </WingBlank>
+        </Document>
     );
 }
 

src/router.js

@@ -26,7 +26,7 @@ const ReactRouter = () => {
                 <Route path="/login" component={Login} />
                 <Route path="/bord" render={ () =>
                     <CommonLayout>
-                        <Route path="/bord/backlog" component={Backlog} />
+                        <Route path="/bord/backlog" component={Backlog}/>
                         <Route path="/bord/work" component={Work}/>
                         <Route path="/bord/address/:id" component={Communicate}/>
                         <Route path="/bord/addressList" component={AddressBook}/>