From ebc4dfe1f9239f6362ab8bc3384d895d2b90d668 Mon Sep 17 00:00:00 2001
From: linxd <544554903@qq.com>
Date: Tue, 17 Jun 2025 18:32:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86=E6=A1=86=E6=9E=B6=E5=92=8C?=
 =?UTF-8?q?=E6=96=B0=E5=BB=BA=E5=9F=BA=E7=A1=80=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/defaultSettings.ts                     |   5 +-
 config/router.config.ts                       |  48 +-
 src/assets/iconfont/demo_index.html           | 169 ++++-
 src/assets/iconfont/iconfont.css              |  36 +-
 src/assets/iconfont/iconfont.js               |   2 +-
 src/assets/iconfont/iconfont.json             |  49 ++
 src/assets/iconfont/iconfont.svg              |  14 +
 src/assets/iconfont/iconfont.ttf              | Bin 2072 -> 4556 bytes
 src/assets/iconfont/iconfont.woff             | Bin 1412 -> 3144 bytes
 src/assets/iconfont/iconfont.woff2            | Bin 992 -> 2644 bytes
 src/global.less                               |  51 +-
 src/layouts/Header.tsx                        |  18 +-
 src/layouts/Index.tsx                         |  30 +-
 src/layouts/{HeaderMenu.tsx => SiderMenu.tsx} |  57 +-
 src/layouts/{Header.less => layout.less}      |  25 +-
 src/locales/en-US.ts                          |  11 +-
 src/locales/zh-CN.ts                          |  11 +-
 src/locales/zh-CN/menu.ts                     |   3 -
 src/manifest.json                             |   2 -
 src/pages/about/about.less                    |  78 --
 src/pages/about/about.tsx                     | 193 -----
 src/pages/aboutManage/aboutManage.less        |  11 +
 src/pages/aboutManage/aboutManage.tsx         |  18 +
 src/pages/announce/announce.less              | 207 ------
 src/pages/announce/announce.tsx               | 369 ----------
 src/pages/announce/announceInfo.less          | 144 ----
 src/pages/announce/announceInfo.tsx           | 186 -----
 src/pages/download/download.less              |  68 --
 src/pages/download/download.tsx               | 240 -------
 src/pages/download/service.ts                 |  75 --
 src/pages/downloadManage/downloadManage.less  |  50 ++
 src/pages/downloadManage/downloadManage.tsx   | 675 ++++++++++++++++++
 src/pages/helpManage/helpManage.less          |  11 +
 src/pages/helpManage/helpManage.tsx           |  18 +
 src/pages/notice/notice.less                  |  32 -
 src/pages/notice/notice.tsx                   | 191 -----
 src/pages/notice/noticeInfo.less              |  99 ---
 src/pages/notice/noticeInfo.tsx               | 247 -------
 src/pages/noticeManage/noticeManage.less      |  11 +
 src/pages/noticeManage/noticeManage.tsx       |  18 +
 src/pages/policy/policy.less                  |  28 -
 src/pages/policy/policy.tsx                   | 146 ----
 src/pages/policy/policyInfo.less              | 107 ---
 src/pages/policy/policyInfo.tsx               | 293 --------
 src/pages/policyManage/policyManage.less      |   0
 src/pages/policyManage/policyManage.tsx       | 527 ++++++++++++++
 src/pages/userManage/userManage.tsx           | 191 +++++
 src/servers/api/policy.ts                     |  64 ++
 src/servers/api/typings.d.ts                  | 144 ++++
 src/utils/componentStyle.less                 |  73 ++
 src/utils/request.ts                          |   5 +-
 51 files changed, 2200 insertions(+), 2850 deletions(-)
 rename src/layouts/{HeaderMenu.tsx => SiderMenu.tsx} (54%)
 rename src/layouts/{Header.less => layout.less} (59%)
 delete mode 100644 src/locales/zh-CN/menu.ts
 delete mode 100644 src/pages/about/about.less
 delete mode 100644 src/pages/about/about.tsx
 create mode 100644 src/pages/aboutManage/aboutManage.less
 create mode 100644 src/pages/aboutManage/aboutManage.tsx
 delete mode 100644 src/pages/announce/announce.less
 delete mode 100644 src/pages/announce/announce.tsx
 delete mode 100644 src/pages/announce/announceInfo.less
 delete mode 100644 src/pages/announce/announceInfo.tsx
 delete mode 100644 src/pages/download/download.less
 delete mode 100644 src/pages/download/download.tsx
 delete mode 100644 src/pages/download/service.ts
 create mode 100644 src/pages/downloadManage/downloadManage.less
 create mode 100644 src/pages/downloadManage/downloadManage.tsx
 create mode 100644 src/pages/helpManage/helpManage.less
 create mode 100644 src/pages/helpManage/helpManage.tsx
 delete mode 100644 src/pages/notice/notice.less
 delete mode 100644 src/pages/notice/notice.tsx
 delete mode 100644 src/pages/notice/noticeInfo.less
 delete mode 100644 src/pages/notice/noticeInfo.tsx
 create mode 100644 src/pages/noticeManage/noticeManage.less
 create mode 100644 src/pages/noticeManage/noticeManage.tsx
 delete mode 100644 src/pages/policy/policy.less
 delete mode 100644 src/pages/policy/policy.tsx
 delete mode 100644 src/pages/policy/policyInfo.less
 delete mode 100644 src/pages/policy/policyInfo.tsx
 create mode 100644 src/pages/policyManage/policyManage.less
 create mode 100644 src/pages/policyManage/policyManage.tsx
 create mode 100644 src/pages/userManage/userManage.tsx
 create mode 100644 src/servers/api/policy.ts
 create mode 100644 src/utils/componentStyle.less

diff --git a/config/defaultSettings.ts b/config/defaultSettings.ts
index ff2b7c5..760006d 100644
--- a/config/defaultSettings.ts
+++ b/config/defaultSettings.ts
@@ -28,9 +28,10 @@ export const antdTheme = {
   // 更改antd 组件颜色
   'table-header-bg': 'rgb(241,245,251)',
   'table-row-hover-bg': 'rgb(241,245,251)',
-  'table-padding-vertical': '12px',
+  'table-padding-vertical': '8px',
   'table-header-color': 'rgb(143,146,153)',
-  'menu-item-active-bg': 'rgba(0,79,142,0.1)'
+  'menu-item-active-bg': 'rgba(0,79,142,0.1)',
+  'red-5': 'rgb(214,0,14)',
 }
 
 export type { DefaultSettings };
diff --git a/config/router.config.ts b/config/router.config.ts
index 87f4e06..09f138a 100644
--- a/config/router.config.ts
+++ b/config/router.config.ts
@@ -30,46 +30,36 @@ export default [
         component: '@/pages/index',
       },
       {
-        name: 'announce',
-        path: '/announce',
-        component: '@/pages/announce/announce',
+        name: 'userManage',
+        path: '/userManage',
+        component: '@/pages/userManage/userManage',
       },
       {
-        name: 'announceInfo',
-        path: '/announce/announceInfo',
-        component: '@/pages/announce/announceInfo',
+        name: 'downloadManage',
+        path: '/downloadManage',
+        component: '@/pages/downloadManage/downloadManage',
       },
       {
-        name: 'policy',
-        path: '/policy',
-        component: '@/pages/policy/policy',
+        name: 'noticeManage',
+        path: '/noticeManage',
+        component: '@/pages/noticeManage/noticeManage',
       },
       {
-        name: 'policyInfo',
-        path: '/policy/policyInfo',
-        component: '@/pages/policy/policyInfo',
+        name: 'policyManage',
+        path: '/policyManage',
+        component: '@/pages/policyManage/policyManage',
       },
       {
-        name: 'notice',
-        path: '/notice',
-        component: '@/pages/notice/notice',
+        name: 'aboutManage',
+        path: '/aboutManage',
+        component: '@/pages/aboutManage/aboutManage',
       },
       {
-        name: 'noticeInfo',
-        path: '/notice/noticeInfo',
-        component: '@/pages/notice/noticeInfo',
-        activeMenu: 'notice'
+        name: 'helpManage',
+        path: '/helpManage',
+        component: '@/pages/helpManage/helpManage',
       },
-      {
-        name: 'download',
-        path: '/download',
-        component: '@/pages/download/download',
-      },
-      {
-        name: 'about',
-        path: '/about',
-        component: '@/pages/about/about',
-      }
+
     ]
   },
 
diff --git a/src/assets/iconfont/demo_index.html b/src/assets/iconfont/demo_index.html
index ffe868c..c2006c4 100644
--- a/src/assets/iconfont/demo_index.html
+++ b/src/assets/iconfont/demo_index.html
@@ -54,6 +54,48 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">帮助中心</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62a;</span>
+                <div class="name">管理员</div>
+                <div class="code-name">&amp;#xe62a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe646;</span>
+                <div class="name">关于我们</div>
+                <div class="code-name">&amp;#xe646;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61c;</span>
+                <div class="name">通知中心</div>
+                <div class="code-name">&amp;#xe61c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe76a;</span>
+                <div class="name">政策法规</div>
+                <div class="code-name">&amp;#xe76a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe657;</span>
+                <div class="name">Tab_下载中心</div>
+                <div class="code-name">&amp;#xe657;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe60c;</span>
                 <div class="name">地址</div>
@@ -90,10 +132,10 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1750055522436') format('woff2'),
-       url('iconfont.woff?t=1750055522436') format('woff'),
-       url('iconfont.ttf?t=1750055522436') format('truetype'),
-       url('iconfont.svg?t=1750055522436#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1750146970222') format('woff2'),
+       url('iconfont.woff?t=1750146970222') format('woff'),
+       url('iconfont.ttf?t=1750146970222') format('truetype'),
+       url('iconfont.svg?t=1750146970222#iconfont') format('svg');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -119,6 +161,69 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-bangzhuzhongxin"></span>
+            <div class="name">
+              帮助中心
+            </div>
+            <div class="code-name">.icon-bangzhuzhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanliyuan"></span>
+            <div class="name">
+              管理员
+            </div>
+            <div class="code-name">.icon-guanliyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-guanyuwomen"></span>
+            <div class="name">
+              关于我们
+            </div>
+            <div class="code-name">.icon-guanyuwomen
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tongzhizhongxin"></span>
+            <div class="name">
+              通知中心
+            </div>
+            <div class="code-name">.icon-tongzhizhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhengcefagui"></span>
+            <div class="name">
+              政策法规
+            </div>
+            <div class="code-name">.icon-zhengcefagui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-Tab_xiazaizhongxin"></span>
+            <div class="name">
+              Tab_下载中心
+            </div>
+            <div class="code-name">.icon-Tab_xiazaizhongxin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shouye"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.icon-shouye
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-dizhi"></span>
             <div class="name">
@@ -173,6 +278,62 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bangzhuzhongxin"></use>
+                </svg>
+                <div class="name">帮助中心</div>
+                <div class="code-name">#icon-bangzhuzhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanliyuan"></use>
+                </svg>
+                <div class="name">管理员</div>
+                <div class="code-name">#icon-guanliyuan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-guanyuwomen"></use>
+                </svg>
+                <div class="name">关于我们</div>
+                <div class="code-name">#icon-guanyuwomen</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tongzhizhongxin"></use>
+                </svg>
+                <div class="name">通知中心</div>
+                <div class="code-name">#icon-tongzhizhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhengcefagui"></use>
+                </svg>
+                <div class="name">政策法规</div>
+                <div class="code-name">#icon-zhengcefagui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-Tab_xiazaizhongxin"></use>
+                </svg>
+                <div class="name">Tab_下载中心</div>
+                <div class="code-name">#icon-Tab_xiazaizhongxin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shouye"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#icon-shouye</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-dizhi"></use>
diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css
index 39fcad3..52b7ca7 100644
--- a/src/assets/iconfont/iconfont.css
+++ b/src/assets/iconfont/iconfont.css
@@ -1,9 +1,9 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4950533 */
-  src: url('iconfont.woff2?t=1750055522436') format('woff2'),
-       url('iconfont.woff?t=1750055522436') format('woff'),
-       url('iconfont.ttf?t=1750055522436') format('truetype'),
-       url('iconfont.svg?t=1750055522436#iconfont') format('svg');
+  src: url('iconfont.woff2?t=1750146970222') format('woff2'),
+       url('iconfont.woff?t=1750146970222') format('woff'),
+       url('iconfont.ttf?t=1750146970222') format('truetype'),
+       url('iconfont.svg?t=1750146970222#iconfont') format('svg');
 }
 
 .iconfont {
@@ -14,6 +14,34 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-bangzhuzhongxin:before {
+  content: "\e616";
+}
+
+.icon-guanliyuan:before {
+  content: "\e62a";
+}
+
+.icon-guanyuwomen:before {
+  content: "\e646";
+}
+
+.icon-tongzhizhongxin:before {
+  content: "\e61c";
+}
+
+.icon-zhengcefagui:before {
+  content: "\e76a";
+}
+
+.icon-Tab_xiazaizhongxin:before {
+  content: "\e657";
+}
+
+.icon-shouye:before {
+  content: "\e604";
+}
+
 .icon-dizhi:before {
   content: "\e60c";
 }
diff --git a/src/assets/iconfont/iconfont.js b/src/assets/iconfont/iconfont.js
index 8b6d17b..2e6001b 100644
--- a/src/assets/iconfont/iconfont.js
+++ b/src/assets/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_4950533='<svg><symbol id="icon-dizhi" viewBox="0 0 1024 1024"><path d="M512.768 1024H512a65.536 65.536 0 0 1-47.283-20.224c-9.677-10.112-97.434-102.656-184.73-219.904C162.15 625.664 102.4 499.456 102.4 408.909 102.4 183.424 286.157 0 512 0s409.6 183.424 409.6 408.883c0 54.784-21.12 121.907-62.746 199.45-40.166 74.777-100.556 161.638-179.532 258.201l-0.64 0.768-117.53 134.4A64.589 64.589 0 0 1 512.768 1024zM512 600.294c105.728 0 191.744-85.862 191.744-191.41S617.728 217.471 512 217.471s-191.744 85.862-191.744 191.411S406.272 600.294 512 600.294z" fill="#323232" ></path></symbol><symbol id="icon-dianhua" viewBox="0 0 1024 1024"><path d="M616.3 664.3l-39.2 28.8s-39.3 18.3-86.3-23.5c-47.1-41.9-130.7-137.5-154.2-192.3-23.5-54.9 23.5-78.4 23.5-78.4s61.5-51 64-60.1c2.6-9.2 36.6-45.7-36.6-143.8-73.2-98-90.2-78.4-129.4-48.4-39.2 30-94.2 88.9-105.9 156.9-11.8 68-19.6 151.6 79.8 300.7S481.7 867 565.3 885.3c83.8 18.3 142.6 30 226.1-37.9 83.7-68 98.2-74.5 60.2-122.9-37.9-48.4-121.3-106.4-133.8-108.8-12.4-2.5-30.4-6.7-58.5 14.2-28.2 20.8-43 34.4-43 34.4"  ></path></symbol><symbol id="icon-youxiang" viewBox="0 0 1024 1024"><path d="M886.3 299.8l-381.1 220-371.6-214.6c3.6-56.2 50.3-100.7 107.4-100.7h538.3c55.3 0 100.9 41.6 107 95.3z m0.7 78.8v334.9c0 59.5-48.2 107.7-107.7 107.7H241c-59.5 0-107.7-48.2-107.7-107.7V384.3l354.9 204.9c12.2 7 26.9 5.7 37.5-2.1 0.5-0.2 0.9-0.5 1.4-0.8L887 378.6z"  ></path></symbol></svg>',(n=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var i,o,c,d,s,a=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_4950533,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?a(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(c=i,d=n.document,s=!1,r(),d.onreadystatechange=function(){"complete"==d.readyState&&(d.onreadystatechange=null,l())})}function l(){s||(s=!0,c())}function r(){try{d.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}l()}})(window);
\ No newline at end of file
+window._iconfont_svg_string_4950533='<svg><symbol id="icon-bangzhuzhongxin" viewBox="0 0 1024 1024"><path d="M512 960A448 448 0 1 1 512 64a448 448 0 0 1 0 896zM512 128a384 384 0 1 0 0 768A384 384 0 0 0 512 128z m78.912 383.808c-47.616 28.096-61.12 49.088-61.12 88.512v24.32H464.192v-34.496c-0.384-49.472 23.616-83.2 74.944-113.984 43.52-26.624 60.416-50.24 60.416-90.368 0-46.528-36.032-80.64-91.904-80.64-56.576 0-92.608 33.408-96.704 87.04H346.816c4.096-81.024 58.112-145.536 163.456-145.536 94.528 0 159.04 58.496 159.04 135.744 0 58.88-30.4 100.544-78.4 129.408z m-93.76 198.336c24.384 0 42.752 18.368 42.752 42.752a42.048 42.048 0 0 1-42.752 42.752 42.24 42.24 0 0 1-42.752-42.752c0-24.384 18.752-42.752 42.752-42.752z"  ></path></symbol><symbol id="icon-guanliyuan" viewBox="0 0 1024 1024"><path d="M956.96497373 783.22135977c-3.28732207 17.50931455-14.60263008 28.85922598-28.7208123 28.85922598h-2.35303067c-27.68271065 0.06920684-50.10570703 22.49220234-50.17491299 50.17491386 0.3806376 6.57464414 1.90318623 13.04547715 4.42923311 19.10107002 6.74766035 15.70993857 1.59175547 33.94592402-12.35340967 43.80789024l-1.38413496 0.9342914-58.23750322 32.04273779a37.37165977 37.37165977 0 0 1-15.9521625 3.66795967c-10.93467041 0-21.73092803-4.60225107-28.58239863-12.24960029-7.50893555-8.13179619-27.37128076-24.94904326-41.35104932-24.94904238-13.66833867 0-33.87671719 16.81724707-40.93580919 24.49919883a39.34405283 39.34405283 0 0 1-43.1850287 8.96227733l-57.58003828-32.00813437c-15.15628388-10.51943028-20.45060244-29.41288066-13.56452842-44.77678506 1.21111875-2.83747763 4.39463057-11.83435927 4.39463056-18.96265635 0-27.64810722-22.5960126-50.17491387-50.2441207-50.17491386h-1.97239306c-14.46421641 0-25.71031758-11.38451484-29.06684649-28.92843281-0.51905039-2.66446055-4.94828438-26.99064316-4.94828437-46.5069542 0-19.58551787 4.42923398-43.98090732 4.94828437-46.57616104 3.35652891-17.50931455 14.60263008-28.92843281 28.7208123-28.92843281h2.35303067c27.68271065 0 50.17491387-22.38839209 50.24412071-50.07110362a56.40352383 56.40352383 0 0 0-4.46383741-19.17027685 36.26435127 36.26435127 0 0 1 12.4226165-43.84249365l1.38413584-0.83048116 59.69084502-32.80401211 1.14191192-0.44984443a39.69008701 39.69008701 0 0 1 42.80439111 8.92767393c7.26671162 7.6127458 26.81762607 23.49570059 40.34755195 23.49570146 13.32230449 0 32.76940869-15.53692148 40.03612031-23.11506386 11.31530801-11.17689434 28.20176192-14.53342325 42.90820137-8.54703721l58.61814082 32.42337539c15.22549073 10.51943028 20.5544127 29.4820875 13.63373526 44.8459919a59.06798438 59.06798438 0 0 0-4.32542373 18.99725976c0.06920684 27.64810722 22.49220234 50.0365002 50.17491299 50.07110362h2.00699648c14.42961299 0 25.71031758 11.38451484 29.06684649 28.96303623 0.48444785 2.62985713 4.94828438 26.95603974 4.94828524 46.57616102 0 20.58901612-4.94828438 46.33393711-4.87907841 46.54155763z m-43.70407998-77.30396983a95.74757666 95.74757666 0 0 1-83.29035586-94.88249209c0.17301709-9.89656875 1.90318623-19.65472471 5.12130146-28.99763965l-41.48946299-23.04585615a170.87153291 170.87153291 0 0 1-17.12867695 13.84135488c-18.1321752 12.73404727-35.43387011 19.17027685-51.6974625 19.17027774-16.50581631 0-34.01513086-6.43623047-52.21651376-19.51631103a149.83267237 149.83267237 0 0 1-17.16328038-14.22199336l-43.39265009 23.84173476c2.4222375 7.19750479 5.15590488 17.82074531 5.15590488 28.96303623a95.85138604 95.85138604 0 0 1-83.35956269 94.95169893 226.82521231 226.82521231 0 0 0-2.87208106 30.65860195c0.27682734 10.24260292 1.21111875 20.45060244 2.87208106 30.58939512a95.71297324 95.71297324 0 0 1 83.35956269 94.95169892c0 11.07308408-2.83747763 21.76553144-5.19050831 28.99763965l40.13993145 22.42299551c5.43273223-5.1905083 11.14229092-10.03498242 17.16328037-14.49881982 18.40900253-13.42611474 36.29895469-20.34679219 52.97778809-20.34679219 16.92105732 0 34.94942227 7.05909112 53.53144189 20.79663662 6.05559287 4.53304424 11.83435927 9.48132862 17.26709151 14.77564628l42.00851338-23.1496664a95.02090489 95.02090489 0 0 1-5.08669805-28.96303623 95.67836982 95.67836982 0 0 1 83.29035586-94.95169893c1.17651533-7.92417568 2.87208106-20.72742979 2.87208193-30.69320537 0-10.00037901-1.69556573-22.73442627-2.87208193-30.69320537z m-190.73387724 118.9664499a88.75769151 88.75769151 0 0 1-88.61927872-88.58467529 88.65388125 88.65388125 0 0 1 177.23855655 0 88.75769151 88.75769151 0 0 1-88.61927783 88.58467529z m0-129.76270752c-23.04585703 0-42.00851338 18.20138203-42.97740909 41.21263565a42.9774082 42.9774082 0 0 0 85.92021387 0 43.01201162 43.01201162 0 0 0-42.94280478-41.21263565z m-128.58619219-225.61409355l-14.42961299 11.21149776c-29.37827724 26.12555859-85.43576602 34.84561201-122.4959959 37.71769394l-4.74066387-0.10381026a344.64975029 344.64975029 0 0 0-31.21225664 1.48794522h-0.44984443l0.06920683 0.06920684c-167.65341768 15.81374883-299.28470801 156.30350625-299.284708 326.93281611v50.14030957h367.38417656a298.76565674 298.76565674 0 0 0 35.81450771 58.61814082H91.77644902A29.4820875 29.4820875 0 0 1 62.15594785 926.30637178v-79.4839834c0-159.10638047 96.47424756-300.18439599 245.85707637-359.42539746l16.92105732-6.6784544-14.36040615-11.21149775c-56.12669648-43.77328682-88.23864112-109.06988115-88.23864112-179.31475986 0-125.74871455 103.11809766-228.03633106 229.87031046-228.03633106 126.78681622 0 229.90491386 102.28761651 229.9741207 228.03633106 0 70.24487871-32.2503583 135.54147305-88.23864111 179.31475986zM452.23994815 120.80869209c-94.08661347 0-170.62930898 76.02364511-170.62930899 169.38358682 0 93.42914941 76.5426955 169.45279365 170.62930899 169.45279453 94.1212169 0 170.6639124-75.9890417 170.6639124-169.45279453 0-93.42914941-76.5426955-169.38358682-170.6639124-169.38358682z"  ></path></symbol><symbol id="icon-guanyuwomen" viewBox="0 0 1024 1024"><path d="M512 960c-246.784 0-448-201.216-448-448S265.216 64 512 64s448 201.216 448 448-201.216 448-448 448z m0-834.56c-212.992 0-386.56 173.568-386.56 386.56s173.568 386.56 386.56 386.56 386.56-173.568 386.56-386.56-173.568-386.56-386.56-386.56z"  ></path><path d="M554.496 246.784c29.696 7.168 44.032 41.984 37.376 71.68-7.168 29.696-34.816 54.784-64.512 47.616-29.696-7.168-40.96-41.472-34.304-71.168 7.168-29.696 31.744-55.296 61.44-48.128zM427.008 466.432s89.6-78.336 124.416-62.976c23.552 6.144 10.752 112.128 7.168 126.464-1.024 12.8-21.504 174.08-16.384 181.248 7.168 26.624 15.36 5.632 40.448-15.36 0 0 58.88-39.936-4.096 43.008-52.224 55.808-102.912 48.64-110.592 6.656-6.144-31.744 18.944-223.744 25.088-266.752 2.048-14.336-15.872 0-15.872 0s-48.64 30.208-60.416 9.728c-3.072-5.632 1.536-14.336 10.24-22.016z"  ></path></symbol><symbol id="icon-tongzhizhongxin" viewBox="0 0 1024 1024"><path d="M920 734.848h-78.336V485.312c0-182.976-114.432-334.976-265.92-368.96V115.2a64 64 0 1 0-128 0v1.152c-151.488 33.984-265.856 185.984-265.856 368.96v249.536H104a40 40 0 1 0 0 80h248.192a160 160 0 0 0 319.616 0h248.192a40 40 0 1 0 0-80zM512 887.04a80 80 0 0 1-79.616-72.192h159.232A80 80 0 0 1 512 887.04z m249.6-152.192H262.08v-249.6c0-160.832 111.808-291.136 249.792-291.136 137.984 0 249.856 130.304 249.856 291.136v249.6z" fill="#49515B" ></path></symbol><symbol id="icon-zhengcefagui" viewBox="0 0 1024 1024"><path d="M942.08 97.28v665.6l-430.08 177.152L81.92 762.88V97.28l379.904 156.16c15.872 6.656 32.768 9.728 50.176 9.728 17.408 0 34.304-3.584 50.176-9.728L942.08 97.28m30.72-97.28c-6.144 0-12.8 1.024-18.944 3.584l-422.912 174.08c-6.144 2.56-12.8 3.584-18.944 3.584s-12.8-1.024-18.944-3.584L70.144 3.584C64 1.024 57.344 0 51.2 0 24.064 0 0 22.528 0 52.736v729.088c0 21.504 12.8 40.96 32.256 49.152l460.8 189.44c6.144 2.56 12.8 3.584 18.944 3.584 6.656 0 12.8-1.024 18.944-3.584l460.8-189.44c19.456-8.192 32.256-27.136 32.256-49.152V52.736C1024 22.528 999.936 0 972.8 0z"  ></path><path d="M313.856 393.216c-4.096 0-8.704 2.56-10.752 7.168l-32.768 67.072c-2.048 3.584-5.12 6.144-9.216 6.656l-73.216 10.752c-2.56 0.512-4.608 1.536-6.656 3.584-4.608 4.608-4.608 12.288 0 16.896l52.736 52.224c3.072 3.072 4.096 6.656 3.584 10.752L225.28 641.024c-0.512 2.56 0 5.12 1.024 7.68 2.048 4.096 6.656 6.656 10.752 6.656 2.048 0 4.096-0.512 5.632-1.536l65.536-34.816c1.536-1.024 3.584-1.536 5.632-1.536s3.584 0.512 5.632 1.536l65.536 34.816c2.048 0.512 3.584 1.024 5.632 1.024h2.048c6.656-1.024 10.752-7.168 9.728-13.824l-12.288-73.216c-0.512-4.096 0.512-8.192 3.584-10.752l53.248-51.712c2.048-2.048 3.072-4.608 3.584-7.168 1.024-6.656-3.584-12.8-10.24-13.824l-73.216-10.752c-4.096-0.512-7.68-3.072-9.216-6.656l-33.28-66.56c-1.024-2.56-3.072-4.608-5.632-6.144-1.536-0.512-3.072-1.024-5.12-1.024zM836.608 263.68c-5.632 0-11.776 1.024-17.408 4.096l-222.72 103.936c-20.48 9.728-29.184 33.792-19.968 54.272 7.168 14.848 21.504 23.552 37.376 23.552 5.632 0 11.776-1.024 17.408-4.096l222.72-103.936c20.48-9.728 29.184-33.792 19.968-54.272-7.168-14.848-22.016-23.552-37.376-23.552zM836.608 431.104c-5.632 0-11.776 1.024-17.408 4.096l-222.72 103.936c-20.48 9.728-29.184 33.792-19.968 54.272 7.168 14.848 21.504 23.552 37.376 23.552 5.632 0 11.776-1.024 17.408-4.096l222.72-103.936c20.48-9.728 29.184-33.792 19.968-54.272-7.168-14.848-22.016-23.552-37.376-23.552zM836.608 598.528c-5.632 0-11.776 1.024-17.408 4.096L596.48 706.56c-20.48 9.728-29.184 33.792-19.968 54.272 7.168 14.848 21.504 23.552 37.376 23.552 5.632 0 11.776-1.024 17.408-4.096l222.72-103.936c20.48-9.728 29.184-33.792 19.968-54.272-7.168-14.848-22.016-23.552-37.376-23.552z"  ></path></symbol><symbol id="icon-Tab_xiazaizhongxin" viewBox="0 0 1024 1024"><path d="M512 153.6a307.3536 307.3536 0 0 1 292.2496 212.3264 256.0512 256.0512 0 0 1-36.1984 503.1936L768 870.4H256v-1.28a256 256 0 0 1-36.2496-503.1936A307.2512 307.2512 0 0 1 512 153.6z m0 76.8a230.4512 230.4512 0 0 0-215.552 148.8384l-3.584 10.3424-13.2096 40.6016-41.4208 10.24a179.3024 179.3024 0 0 0 15.6672 351.0784l9.728 1.2288 9.216 0.8704h478.3104l9.2672-0.8704a179.2 179.2 0 0 0 160.9216-168.4992L921.6 614.4a179.3024 179.3024 0 0 0-126.464-171.3152l-9.3696-2.56-41.3696-10.2912-13.1584-40.6016A230.5024 230.5024 0 0 0 512 230.4z" fill="#595959" ></path><path d="M512 371.2a38.4 38.4 0 0 1 38.0416 33.1776L550.4 409.6v170.2912l27.2896-27.2896a38.4 38.4 0 0 1 50.3808-3.4304l3.9424 3.4304a38.4 38.4 0 0 1 3.4304 50.3808l-3.4304 3.9424-94.1056 94.1056a38.4 38.4 0 0 1-50.3808 3.4304l-3.9424-3.4304-94.1568-94.1056a38.4 38.4 0 0 1 50.3808-57.7536l3.9424 3.4304 29.8496 29.8496V409.6a38.4 38.4 0 0 1 38.4-38.4z" fill="#595959" ></path></symbol><symbol id="icon-shouye" viewBox="0 0 1126 1024"><path d="M505.549 23.91L57.959 400.23a85.043 85.043 0 0 0 54.783 150.17h76.8l3.738 0.256c4.096 0.512 9.011 6.042 9.011 12.544v326.144a122.214 122.214 0 0 0 122.01 121.856h95.59a89.6 89.6 0 0 0 89.6-89.6V742.4c0-31.386 17.92-53.76 35.328-53.76h36.864c17.408 0 35.328 22.374 35.328 53.76v179.2c0 49.46 40.09 89.6 89.6 89.6h95.54a121.958 121.958 0 0 0 122.06-121.856V563.2a12.8 12.8 0 0 1 12.8-12.8h76.8a85.043 85.043 0 0 0 54.682-150.17L620.85 23.91a89.6 89.6 0 0 0-115.302 0z m65.894 58.778l447.642 376.32a8.243 8.243 0 0 1-5.274 14.592h-76.8a89.6 89.6 0 0 0-89.651 89.6v326.144c0 24.832-20.275 45.056-45.26 45.056h-95.54a12.8 12.8 0 0 1-12.8-12.8V742.4c0-70.502-48.128-130.56-112.128-130.56h-36.864c-64 0-112.128 60.058-112.128 130.56v179.2a12.8 12.8 0 0 1-12.8 12.8h-95.488a45.363 45.363 0 0 1-45.26-45.26V563.2a89.6 89.6 0 0 0-79.156-89.088l-8.192-0.512H112.64a8.243 8.243 0 0 1-5.325-14.592l447.59-376.32a12.8 12.8 0 0 1 16.487 0z" fill="#333333" ></path></symbol><symbol id="icon-dizhi" viewBox="0 0 1024 1024"><path d="M512.768 1024H512a65.536 65.536 0 0 1-47.283-20.224c-9.677-10.112-97.434-102.656-184.73-219.904C162.15 625.664 102.4 499.456 102.4 408.909 102.4 183.424 286.157 0 512 0s409.6 183.424 409.6 408.883c0 54.784-21.12 121.907-62.746 199.45-40.166 74.777-100.556 161.638-179.532 258.201l-0.64 0.768-117.53 134.4A64.589 64.589 0 0 1 512.768 1024zM512 600.294c105.728 0 191.744-85.862 191.744-191.41S617.728 217.471 512 217.471s-191.744 85.862-191.744 191.411S406.272 600.294 512 600.294z" fill="#323232" ></path></symbol><symbol id="icon-dianhua" viewBox="0 0 1024 1024"><path d="M616.3 664.3l-39.2 28.8s-39.3 18.3-86.3-23.5c-47.1-41.9-130.7-137.5-154.2-192.3-23.5-54.9 23.5-78.4 23.5-78.4s61.5-51 64-60.1c2.6-9.2 36.6-45.7-36.6-143.8-73.2-98-90.2-78.4-129.4-48.4-39.2 30-94.2 88.9-105.9 156.9-11.8 68-19.6 151.6 79.8 300.7S481.7 867 565.3 885.3c83.8 18.3 142.6 30 226.1-37.9 83.7-68 98.2-74.5 60.2-122.9-37.9-48.4-121.3-106.4-133.8-108.8-12.4-2.5-30.4-6.7-58.5 14.2-28.2 20.8-43 34.4-43 34.4"  ></path></symbol><symbol id="icon-youxiang" viewBox="0 0 1024 1024"><path d="M886.3 299.8l-381.1 220-371.6-214.6c3.6-56.2 50.3-100.7 107.4-100.7h538.3c55.3 0 100.9 41.6 107 95.3z m0.7 78.8v334.9c0 59.5-48.2 107.7-107.7 107.7H241c-59.5 0-107.7-48.2-107.7-107.7V384.3l354.9 204.9c12.2 7 26.9 5.7 37.5-2.1 0.5-0.2 0.9-0.5 1.4-0.8L887 378.6z"  ></path></symbol></svg>',(a=>{var c=(t=(t=document.getElementsByTagName("script"))[t.length-1]).getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var e,l,o,i,n,s=function(c,t){t.parentNode.insertBefore(c,t)};if(c&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}e=function(){var c,t=document.createElement("div");t.innerHTML=a._iconfont_svg_string_4950533,(t=t.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",t=t,(c=document.body).firstChild?s(t,c.firstChild):c.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),e()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(o=e,i=a.document,n=!1,d(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,h())})}function h(){n||(n=!0,o())}function d(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(d,50)}h()}})(window);
\ No newline at end of file
diff --git a/src/assets/iconfont/iconfont.json b/src/assets/iconfont/iconfont.json
index 158ad82..0996b36 100644
--- a/src/assets/iconfont/iconfont.json
+++ b/src/assets/iconfont/iconfont.json
@@ -5,6 +5,55 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "1376042",
+      "name": "帮助中心",
+      "font_class": "bangzhuzhongxin",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "3590935",
+      "name": "管理员",
+      "font_class": "guanliyuan",
+      "unicode": "e62a",
+      "unicode_decimal": 58922
+    },
+    {
+      "icon_id": "7148747",
+      "name": "关于我们",
+      "font_class": "guanyuwomen",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "8831225",
+      "name": "通知中心",
+      "font_class": "tongzhizhongxin",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "28872723",
+      "name": "政策法规",
+      "font_class": "zhengcefagui",
+      "unicode": "e76a",
+      "unicode_decimal": 59242
+    },
+    {
+      "icon_id": "31518606",
+      "name": "Tab_下载中心",
+      "font_class": "Tab_xiazaizhongxin",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "44539919",
+      "name": "首页",
+      "font_class": "shouye",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
     {
       "icon_id": "5093357",
       "name": "地址",
diff --git a/src/assets/iconfont/iconfont.svg b/src/assets/iconfont/iconfont.svg
index 0b7d8f8..8f1e19f 100644
--- a/src/assets/iconfont/iconfont.svg
+++ b/src/assets/iconfont/iconfont.svg
@@ -14,6 +14,20 @@
     />
       <missing-glyph />
       
+      <glyph glyph-name="bangzhuzhongxin" unicode="&#58902;" d="M512-64A448 448 0 1 0 512 832a448 448 0 0 0 0-896zM512 768a384 384 0 1 1 0-768A384 384 0 0 1 512 768z m78.912-383.808c-47.616-28.096-61.12-49.088-61.12-88.512v-24.32H464.192v34.496c-0.384 49.472 23.616 83.2 74.944 113.984 43.52 26.624 60.416 50.24 60.416 90.368 0 46.528-36.032 80.64-91.904 80.64-56.576 0-92.608-33.408-96.704-87.04H346.816c4.096 81.024 58.112 145.536 163.456 145.536 94.528 0 159.04-58.496 159.04-135.744 0-58.88-30.4-100.544-78.4-129.408z m-93.76-198.336c24.384 0 42.752-18.368 42.752-42.752a42.048 42.048 0 0 0-42.752-42.752 42.24 42.24 0 0 0-42.752 42.752c0 24.384 18.752 42.752 42.752 42.752z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="guanliyuan" unicode="&#58922;" d="M956.96497373 112.77864022999995c-3.28732207-17.50931455-14.60263008-28.85922598-28.7208123-28.85922598h-2.35303067c-27.68271065-0.06920684-50.10570703-22.49220234-50.17491299-50.17491386 0.3806376-6.57464414 1.90318623-13.04547715 4.42923311-19.10107002 6.74766035-15.70993857 1.59175547-33.94592402-12.35340967-43.80789024l-1.38413496-0.9342914-58.23750322-32.04273779a37.37165977 37.37165977 0 0 0-15.9521625-3.66795967c-10.93467041 0-21.73092803 4.60225107-28.58239863 12.24960029-7.50893555 8.13179619-27.37128076 24.94904326-41.35104932 24.94904238-13.66833867 0-33.87671719-16.81724707-40.93580919-24.49919883a39.34405283 39.34405283 0 0 0-43.1850287-8.96227733l-57.58003828 32.00813437c-15.15628388 10.51943028-20.45060244 29.41288066-13.56452842 44.77678506 1.21111875 2.83747763 4.39463057 11.83435927 4.39463056 18.96265635 0 27.64810722-22.5960126 50.17491387-50.2441207 50.17491386h-1.97239306c-14.46421641 0-25.71031758 11.38451484-29.06684649 28.92843281-0.51905039 2.66446055-4.94828438 26.99064316-4.94828437 46.5069542 0 19.58551787 4.42923398 43.98090732 4.94828437 46.57616104 3.35652891 17.50931455 14.60263008 28.92843281 28.7208123 28.92843281h2.35303067c27.68271065 0 50.17491387 22.38839209 50.24412071 50.07110362a56.40352383 56.40352383 0 0 1-4.46383741 19.17027685 36.26435127 36.26435127 0 0 0 12.4226165 43.84249365l1.38413584 0.83048116 59.69084502 32.80401211 1.14191192 0.44984443a39.69008701 39.69008701 0 0 0 42.80439111-8.92767393c7.26671162-7.6127458 26.81762607-23.49570059 40.34755195-23.49570146 13.32230449 0 32.76940869 15.53692148 40.03612031 23.11506386 11.31530801 11.17689434 28.20176192 14.53342325 42.90820137 8.54703721l58.61814082-32.42337539c15.22549073-10.51943028 20.5544127-29.4820875 13.63373526-44.8459919a59.06798438 59.06798438 0 0 1-4.32542373-18.99725976c0.06920684-27.64810722 22.49220234-50.0365002 50.17491299-50.07110362h2.00699648c14.42961299 0 25.71031758-11.38451484 29.06684649-28.96303623 0.48444785-2.62985713 4.94828438-26.95603974 4.94828524-46.57616102 0-20.58901612-4.94828438-46.33393711-4.87907841-46.54155763z m-43.70407998 77.30396983a95.74757666 95.74757666 0 0 0-83.29035586 94.88249209c0.17301709 9.89656875 1.90318623 19.65472471 5.12130146 28.99763965l-41.48946299 23.04585615a170.87153291 170.87153291 0 0 0-17.12867695-13.84135488c-18.1321752-12.73404727-35.43387011-19.17027685-51.6974625-19.17027774-16.50581631 0-34.01513086 6.43623047-52.21651376 19.51631103a149.83267237 149.83267237 0 0 0-17.16328038 14.22199336l-43.39265009-23.84173476c2.4222375-7.19750479 5.15590488-17.82074531 5.15590488-28.96303623a95.85138604 95.85138604 0 0 0-83.35956269-94.95169893 226.82521231 226.82521231 0 0 1-2.87208106-30.65860195c0.27682734-10.24260292 1.21111875-20.45060244 2.87208106-30.58939512a95.71297324 95.71297324 0 0 0 83.35956269-94.95169892c0-11.07308408-2.83747763-21.76553144-5.19050831-28.99763965l40.13993145-22.42299551c5.43273223 5.1905083 11.14229092 10.03498242 17.16328037 14.49881982 18.40900253 13.42611474 36.29895469 20.34679219 52.97778809 20.34679219 16.92105732 0 34.94942227-7.05909112 53.53144189-20.79663662 6.05559287-4.53304424 11.83435927-9.48132862 17.26709151-14.77564628l42.00851338 23.1496664a95.02090489 95.02090489 0 0 0-5.08669805 28.96303623 95.67836982 95.67836982 0 0 0 83.29035586 94.95169893c1.17651533 7.92417568 2.87208106 20.72742979 2.87208193 30.69320537 0 10.00037901-1.69556573 22.73442627-2.87208193 30.69320537z m-190.73387724-118.9664499a88.75769151 88.75769151 0 0 0-88.61927872 88.58467529 88.65388125 88.65388125 0 0 0 177.23855655 0 88.75769151 88.75769151 0 0 0-88.61927783-88.58467529z m0 129.76270752c-23.04585703 0-42.00851338-18.20138203-42.97740909-41.21263565a42.9774082 42.9774082 0 0 1 85.92021387 0 43.01201162 43.01201162 0 0 1-42.94280478 41.21263565z m-128.58619219 225.61409355l-14.42961299-11.21149776c-29.37827724-26.12555859-85.43576602-34.84561201-122.4959959-37.71769394l-4.74066387 0.10381026a344.64975029 344.64975029 0 0 1-31.21225664-1.48794522h-0.44984443l0.06920683-0.06920684c-167.65341768-15.81374883-299.28470801-156.30350625-299.284708-326.93281611v-50.14030957h367.38417656a298.76565674 298.76565674 0 0 1 35.81450771-58.61814082H91.77644902A29.4820875 29.4820875 0 0 0 62.15594785-30.30637177999995v79.4839834c0 159.10638047 96.47424756 300.18439599 245.85707637 359.42539746l16.92105732 6.6784544-14.36040615 11.21149775c-56.12669648 43.77328682-88.23864112 109.06988115-88.23864112 179.31475986 0 125.74871455 103.11809766 228.03633106 229.87031046 228.03633106 126.78681622 0 229.90491386-102.28761651 229.9741207-228.03633106 0-70.24487871-32.2503583-135.54147305-88.23864111-179.31475986zM452.23994815 775.19130791c-94.08661347 0-170.62930898-76.02364511-170.62930899-169.38358682 0-93.42914941 76.5426955-169.45279365 170.62930899-169.45279453 94.1212169 0 170.6639124 75.9890417 170.6639124 169.45279453 0 93.42914941-76.5426955 169.38358682-170.6639124 169.38358682z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="guanyuwomen" unicode="&#58950;" d="M512-64c-246.784 0-448 201.216-448 448S265.216 832 512 832s448-201.216 448-448-201.216-448-448-448z m0 834.56c-212.992 0-386.56-173.568-386.56-386.56s173.568-386.56 386.56-386.56 386.56 173.568 386.56 386.56-173.568 386.56-386.56 386.56zM554.496 649.216c29.696-7.168 44.032-41.984 37.376-71.68-7.168-29.696-34.816-54.784-64.512-47.616-29.696 7.168-40.96 41.472-34.304 71.168 7.168 29.696 31.744 55.296 61.44 48.128zM427.008 429.568s89.6 78.336 124.416 62.976c23.552-6.144 10.752-112.128 7.168-126.464-1.024-12.8-21.504-174.08-16.384-181.248 7.168-26.624 15.36-5.632 40.448 15.36 0 0 58.88 39.936-4.096-43.008-52.224-55.808-102.912-48.64-110.592-6.656-6.144 31.744 18.944 223.744 25.088 266.752 2.048 14.336-15.872 0-15.872 0s-48.64-30.208-60.416-9.728c-3.072 5.632 1.536 14.336 10.24 22.016z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="tongzhizhongxin" unicode="&#58908;" d="M920 161.152h-78.336V410.688c0 182.976-114.432 334.976-265.92 368.96V780.8a64 64 0 1 1-128 0v-1.152c-151.488-33.984-265.856-185.984-265.856-368.96v-249.536H104a40 40 0 1 1 0-80h248.192a160 160 0 0 1 319.616 0h248.192a40 40 0 1 1 0 80zM512 8.96a80 80 0 0 0-79.616 72.192h159.232A80 80 0 0 0 512 8.96z m249.6 152.192H262.08v249.6c0 160.832 111.808 291.136 249.792 291.136 137.984 0 249.856-130.304 249.856-291.136v-249.6z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="zhengcefagui" unicode="&#59242;" d="M942.08 798.72v-665.6l-430.08-177.152L81.92 133.12V798.72l379.904-156.16c15.872-6.656 32.768-9.728 50.176-9.728 17.408 0 34.304 3.584 50.176 9.728L942.08 798.72m30.72 97.28c-6.144 0-12.8-1.024-18.944-3.584l-422.912-174.08c-6.144-2.56-12.8-3.584-18.944-3.584s-12.8 1.024-18.944 3.584L70.144 892.416C64 894.976 57.344 896 51.2 896 24.064 896 0 873.472 0 843.264v-729.088c0-21.504 12.8-40.96 32.256-49.152l460.8-189.44c6.144-2.56 12.8-3.584 18.944-3.584 6.656 0 12.8 1.024 18.944 3.584l460.8 189.44c19.456 8.192 32.256 27.136 32.256 49.152V843.264C1024 873.472 999.936 896 972.8 896zM313.856 502.784c-4.096 0-8.704-2.56-10.752-7.168l-32.768-67.072c-2.048-3.584-5.12-6.144-9.216-6.656l-73.216-10.752c-2.56-0.512-4.608-1.536-6.656-3.584-4.608-4.608-4.608-12.288 0-16.896l52.736-52.224c3.072-3.072 4.096-6.656 3.584-10.752L225.28 254.976c-0.512-2.56 0-5.12 1.024-7.68 2.048-4.096 6.656-6.656 10.752-6.656 2.048 0 4.096 0.512 5.632 1.536l65.536 34.816c1.536 1.024 3.584 1.536 5.632 1.536s3.584-0.512 5.632-1.536l65.536-34.816c2.048-0.512 3.584-1.024 5.632-1.024h2.048c6.656 1.024 10.752 7.168 9.728 13.824l-12.288 73.216c-0.512 4.096 0.512 8.192 3.584 10.752l53.248 51.712c2.048 2.048 3.072 4.608 3.584 7.168 1.024 6.656-3.584 12.8-10.24 13.824l-73.216 10.752c-4.096 0.512-7.68 3.072-9.216 6.656l-33.28 66.56c-1.024 2.56-3.072 4.608-5.632 6.144-1.536 0.512-3.072 1.024-5.12 1.024zM836.608 632.32c-5.632 0-11.776-1.024-17.408-4.096l-222.72-103.936c-20.48-9.728-29.184-33.792-19.968-54.272 7.168-14.848 21.504-23.552 37.376-23.552 5.632 0 11.776 1.024 17.408 4.096l222.72 103.936c20.48 9.728 29.184 33.792 19.968 54.272-7.168 14.848-22.016 23.552-37.376 23.552zM836.608 464.896c-5.632 0-11.776-1.024-17.408-4.096l-222.72-103.936c-20.48-9.728-29.184-33.792-19.968-54.272 7.168-14.848 21.504-23.552 37.376-23.552 5.632 0 11.776 1.024 17.408 4.096l222.72 103.936c20.48 9.728 29.184 33.792 19.968 54.272-7.168 14.848-22.016 23.552-37.376 23.552zM836.608 297.472c-5.632 0-11.776-1.024-17.408-4.096L596.48 189.44c-20.48-9.728-29.184-33.792-19.968-54.272 7.168-14.848 21.504-23.552 37.376-23.552 5.632 0 11.776 1.024 17.408 4.096l222.72 103.936c20.48 9.728 29.184 33.792 19.968 54.272-7.168 14.848-22.016 23.552-37.376 23.552z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="Tab_xiazaizhongxin" unicode="&#58967;" d="M512 742.4a307.3536 307.3536 0 0 0 292.2496-212.3264 256.0512 256.0512 0 0 0-36.1984-503.1936L768 25.6H256v1.28a256 256 0 0 0-36.2496 503.1936A307.2512 307.2512 0 0 0 512 742.4z m0-76.8a230.4512 230.4512 0 0 1-215.552-148.8384l-3.584-10.3424-13.2096-40.6016-41.4208-10.24a179.3024 179.3024 0 0 1 15.6672-351.0784l9.728-1.2288 9.216-0.8704h478.3104l9.2672 0.8704a179.2 179.2 0 0 1 160.9216 168.4992L921.6 281.6a179.3024 179.3024 0 0 1-126.464 171.3152l-9.3696 2.56-41.3696 10.2912-13.1584 40.6016A230.5024 230.5024 0 0 1 512 665.6zM512 524.8a38.4 38.4 0 0 0 38.0416-33.1776L550.4 486.4v-170.2912l27.2896 27.2896a38.4 38.4 0 0 0 50.3808 3.4304l3.9424-3.4304a38.4 38.4 0 0 0 3.4304-50.3808l-3.4304-3.9424-94.1056-94.1056a38.4 38.4 0 0 0-50.3808-3.4304l-3.9424 3.4304-94.1568 94.1056a38.4 38.4 0 0 0 50.3808 57.7536l3.9424-3.4304 29.8496-29.8496V486.4a38.4 38.4 0 0 0 38.4 38.4z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="shouye" unicode="&#58884;" d="M505.549 872.09L57.959 495.77a85.043 85.043 0 0 1 54.783-150.17h76.8l3.738-0.256c4.096-0.512 9.011-6.042 9.011-12.544v-326.144a122.214 122.214 0 0 1 122.01-121.856h95.59a89.6 89.6 0 0 1 89.6 89.6V153.6c0 31.386 17.92 53.76 35.328 53.76h36.864c17.408 0 35.328-22.374 35.328-53.76v-179.2c0-49.46 40.09-89.6 89.6-89.6h95.54a121.958 121.958 0 0 1 122.06 121.856V332.8a12.8 12.8 0 0 0 12.8 12.8h76.8a85.043 85.043 0 0 1 54.682 150.17L620.85 872.09a89.6 89.6 0 0 1-115.302 0z m65.894-58.778l447.642-376.32a8.243 8.243 0 0 0-5.274-14.592h-76.8a89.6 89.6 0 0 1-89.651-89.6v-326.144c0-24.832-20.275-45.056-45.26-45.056h-95.54a12.8 12.8 0 0 0-12.8 12.8V153.6c0 70.502-48.128 130.56-112.128 130.56h-36.864c-64 0-112.128-60.058-112.128-130.56v-179.2a12.8 12.8 0 0 0-12.8-12.8h-95.488a45.363 45.363 0 0 0-45.26 45.26V332.8a89.6 89.6 0 0 1-79.156 89.088l-8.192 0.512H112.64a8.243 8.243 0 0 0-5.325 14.592l447.59 376.32a12.8 12.8 0 0 0 16.487 0z"  horiz-adv-x="1126" />
+      
       <glyph glyph-name="dizhi" unicode="&#58892;" d="M512.768-128H512a65.536 65.536 0 0 0-47.283 20.224c-9.677 10.112-97.434 102.656-184.73 219.904C162.15 270.336 102.4 396.544 102.4 487.091 102.4 712.576 286.157 896 512 896s409.6-183.424 409.6-408.883c0-54.784-21.12-121.907-62.746-199.45-40.166-74.777-100.556-161.638-179.532-258.201l-0.64-0.768-117.53-134.4A64.589 64.589 0 0 0 512.768-128zM512 295.706c105.728 0 191.744 85.862 191.744 191.41S617.728 678.529 512 678.529s-191.744-85.862-191.744-191.411S406.272 295.706 512 295.706z"  horiz-adv-x="1024" />
       
       <glyph glyph-name="dianhua" unicode="&#58883;" d="M616.3 231.7l-39.2-28.8s-39.3-18.3-86.3 23.5c-47.1 41.9-130.7 137.5-154.2 192.3-23.5 54.9 23.5 78.4 23.5 78.4s61.5 51 64 60.1c2.6 9.2 36.6 45.7-36.6 143.8-73.2 98-90.2 78.4-129.4 48.4-39.2-30-94.2-88.9-105.9-156.9-11.8-68-19.6-151.6 79.8-300.7S481.7 29 565.3 10.7c83.8-18.3 142.6-30 226.1 37.9 83.7 68 98.2 74.5 60.2 122.9-37.9 48.4-121.3 106.4-133.8 108.8-12.4 2.5-30.4 6.7-58.5-14.2-28.2-20.8-43-34.4-43-34.4"  horiz-adv-x="1024" />
diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf
index 27ea4a774e4d19dd598f050a38aca49977c1f0ca..faf66c83df4ff55b1d9f9858a1c48d711a44c49f 100644
GIT binary patch
literal 4556
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

delta 470
zcmY*Vu}cC`9RA+B6UB@UA~0G?9UVgmBnon<C0d$-x;*m?Po)&JMHiu=K{yD9w)z7E
zp{b><p`oEIC<(dAwJo^5=LOM&@4fH)z3=<|-raMuZ}bxF?FB$w0XWJ#W^H)Al%)P9
zZi?mBiPasg0NNe(lU*>abae5N-Vu?pSqQ&tUGfJaWjpnzK|=3@n^CUjO_9Pq^L^^5
zV>WBTz&`Ke)XNpqDH!eB>;MRr0a>h7&+CnkGzW%XY1o2bwBvVhpi=_eS^2m0X@%9d
z%gwXHx$GBa0`ItS`l+13>34K?qKrVQDwpb{V@E=|3E>F1J+UsmockiuZd}gq+P|}o
zp-owuXOuCUsSLA`pqHn4F)!!)z#miXnNf}inIzYS134?!R;O3|DrFC#9^}OWs6k#X
rfbwu{@c)g0;Uu=FCv_o(CUg-($SPgfrLa{pD|W+-w5p9JX%YAVlYU!v

diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff
index 4f93e5a4a358b2d9815177060f3b94b12bd2f852..fe04cbf8bc18a8ee74c403ee81c97552becdeee0 100644
GIT binary patch
delta 2700
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
G7XSd0(g*?o

delta 955
zcmX>h(ZVfK?(gQtz{mgutSt=OAeuvBqKI9+r)Y9+VgUmKV+T+u9!SsGJWX0TJ*P4a
z$bJFD^MUw8O6vo~jMT&w1_ox3I(;BE)8Udlm;n?7itPaMWq??P{T_2`Ms7(3Q0xkj
z&j-W;0ze`sKN+O%36RMJ!i*{m+j0{t3K+~8m_Gmo<bYU#QGg*VFEKZjfq@06htYw7
zfhk>JvCW2p{NfUzvjc!?jDXms^uCVbWDZ70ro@EF-i&JX#i@Be?jJaCpr)PC!^mKf
zMiLW4RzA;)iaBp5Y~*b);9)sm=pcAXV@e0_CJxcb)x8faM0gHHr|*pq>|z&ln0xo6
zg888fPglCE%bA$&x4+w;DR}j@s{gwt9O-_fxAXh_)TiOSwR@)bT~oW5I=5%vTHg!o
z3eSbA7%JxI`tSF@?NBeWuYCIHxt@=1sFZcd&OYLoGigyU=d*J`UNNDoLRPI}PCCKB
z)T!#z(I}s+!WOZs<W2m6o?rPT?}AF#?AoYoy4Lr%-Ah~B+WVKk+qMY)GFG2|QpQrl
zt)tCRM)Zc)l#rq;o1(W}O?hfH<zxm^XM;ogGJc5#cME>6zgoNMTYsHQ{oB<hxA*PI
z_;J$2bJ^xaXJ_Ag@OO9n?aPOmXD<8n;6usxKW{Gg@|Ms3&$9WYn$v{e_LGDUUF386
zdq=J3(SHr5l!!Ei&%O_q3+T8{)NJQJ8o;`KNyGBl23jmU=aZIY?#h$ORx-3m@Ux75
z%Mf>{WXGlARd<%ynm^%5xGAI`*So&0zEik-(GI%^Bai&6h2at}X6?MQ?*AtPwo_l?
zX1Ve%4tu!f$+paso7gi2HWaN4EBfuUru@i@r?a=;{LvhCbV<<5Fze96qU-J&G%{RU
zD|L!nyf@~Ne#heUpRc#rH-?4Z(%rn$`35gb&de**x?*(JiOYX{Vp-O9`^xPP_5Z)P
z$;o8biyg1Nzn}Lw!>g>q_xTl;?AGy`Q~ooh9QW7?jHBd)l!OF^N4I7BTtEIXi<jIH
zDdF(IGxM4<%isNtt&KYwPdrUXVCrOIaPZ<*gsBImCxOF<7?>O;O=J|^z`)?n#gq#)
zD={G<!SN6S!v+RHU_t}|2Zn9R48UX!wJ0I+LsCK#1Eau6))pR~{|9T>7zE@P(-}6m
zb2&2_B_|{`FzB(pX=t6;IdSI1)`?RaO;tB*DNnXlH8#{=Y%+1N(f%z=Cw$Tq7#PZy
JaLi?3000~CeU$(J

diff --git a/src/assets/iconfont/iconfont.woff2 b/src/assets/iconfont/iconfont.woff2
index 9fed9bbe9d420e749fbfb43d310057486ba633a9..dcd2c95cfe5024573ce68e00c6a278659bde47a4 100644
GIT binary patch
literal 2644
zcmV-a3aj;ZPew8T0RR91018w93jhEB01?ap015;E0RR9100000000000000000000
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
Ck_nLj

delta 979
zcmV;^11$X16yOIKcTYw#00961000Bv01E&B000OW000A&kr*9+gB%KjNP`IhHUcCA
z5DN+b1Rw>3X9q+Z4F?fboH59LB-n1FKEg1pY-(&Y*m9T;zE`~@?OYeKy9Y^s@Epwz
z)6g%ZS)^*$r2pIf#P4rdr6p1#L>iTnXaIr$vVVUnXL&@P1pv}9w(WV|D}At7wHmOl
zF+j_`3R4}xZdgr!?*jrr7S0F+4UddZhhlw6dn0tg!Qc`g&L{OXRV5I36S$gu0s#aP
zv@ZuT9XvoM(8~a(`QIm>;7SC5f@d%$Nv@12$MLu9Z3GjgBETNQ<$!>!PXX`%7y$c)
zSx9xgs}wAZ*n>f~tTG2r00IP1V9+x8w-Hh)CE1ipF#qy@015&I5DAQ2c>sVr<zv8G
zn*j>Em1lqeZzI&WQi3xJxT4r306S<(e_RRzs;3Yuqud}n(RO3t-ORgWIP0ECPs+G+
z5s2xx)6>`IPP%t*`0m|_w{MGg?lgI;&z7C5xmNRN=uN|gTJs3Imfa>hd6DkY(5*+;
zR;+8TzTf_Tu>NA5B`!NM?xftf<8j7fkJY{)twUP#79O?TNWD)}cCPwr^Y!X|#ih$`
zc_{6>kwL}n=VcWqUffAo$((gs7$W*+o1;VGJY#lz9pB_t=$W7AQRMa1Vm&ruljAg{
z2DbY*ch2Y-Yhkd?J<HWCtD2^>+^WUlXS<^6U46-au*~(_l7ISM;I~#K{obg~vX6gK
zo2?N&Z`ft-o;LX~-_;HSbxH~<aSq{5QU5n~CCvAmQTjW#_|vpSQrm!!b5@GQ<fcdr
zc7KLfX?p*o*1I|nm+MYH%XK9h9+x-NHPAn97*l$AbZ`fn0RU2wEo7qK_&2Lz0sycs
zy8CT^*2AUoA+1G9{@(<-3n_WsQTvi|OGQ|^iQk487QH+59z=4g7vL(B*^>W36WcjN
z0kWnQcv%TR)prPu8k`Fd0<{>Z5%ho&m|`4d3p_clAR!0<S$5`w<)|q%kz@c^dJ;e=
zdjX~B05Hnl7)O18r|Ab0%KjiLbK~*kSk9e)5(-8S<Q+mc&y=NQpYIC&DiKr^+#%_Z
z^n-0!+4vGOq&_<6i|;TiP?V>zU>CzA$)TV;LYIwzxtN%yD!Yl{=4ow;Ab}wdknTXp
zmCGm>&FSA;LB2{tAQ0O{h!&Fkfz4n6*iw~21s5`jcHwg{rT~SASPCq72TGJk4ix1w
zwIayH3_*ubVZt;~3RM}?Ytp+X<ccubbEAY2j_}|gK7z38RuEZGiQYZ0ZjsZk)c_++
B!TkUL

diff --git a/src/global.less b/src/global.less
index bade143..a30358b 100644
--- a/src/global.less
+++ b/src/global.less
@@ -1,61 +1,30 @@
 @import '~antd/es/style/themes/default.less';
 @import './baseStyle.less';
+// 页面公用样式
+@import './utils/componentStyle.less';
 
 html,
 body,
 #root {
   height: 100%;
 }
-.layout-content {
-  box-sizing: border-box;
-  height: calc(100% - 60px);
-  overflow: auto;
-  padding: 15px 0;
-  background: rgba(@gray, 0.3);
-  .layout-content-main {
-    width: @width;
-    margin: 0 auto;
-    // background: #fff;
-    // padding: 15px;
-  }
-}
 .colorWeak {
   filter: invert(80%);
 }
 
-.ant-layout {
-  min-height: 100vh;
-  // // 去除滚动条样式
-  // height: 100vh;
-  // overflow-y: hidden;
-}
-
 body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-@media (max-width: @screen-xs) {
-  .ant-table {
-    width: 100%;
-    overflow-x: auto;
-    &-thead > tr,
-    &-tbody > tr {
-      > th,
-      > td {
-        white-space: pre;
-        > span {
-          display: block;
-        }
-      }
-    }
-  }
-}
-
-// 兼容IE11
-@media screen and(-ms-high-contrast: active), (-ms-high-contrast: none) {
-  body .ant-design-pro > .ant-layout {
-    min-height: 100vh;
+.ant-layout-header {
+  background: #fff;
+  color: @main-text-color;
+  padding: 0;
+}
+.ant-btn {
+  &.ant-btn-link {
+    padding: 4px 8px;
   }
 }
diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
index 45edb02..d1c75eb 100644
--- a/src/layouts/Header.tsx
+++ b/src/layouts/Header.tsx
@@ -1,16 +1,18 @@
 import React from 'react';
 //导入logo图片
 import LogoImg from '@/assets/img/logo.png';
-// 引入样式文件
-import './Header.less';
 //导入菜单组件
-import HeaderMenu from './HeaderMenu';
-const Header: React.FC = (props) => {
+import Language from './Language';
+import User from './User';
+const HeaderComponent: React.FC = (props) => {
   return (
-    <div className="header">
-      <img className='logo' src={LogoImg} alt="logo" />
-      <HeaderMenu />
+    <div className="headerComponent">
+      <img className="logo" src={LogoImg} alt="logo" />
+      <div className="flex">
+        <Language />
+        <User />
+      </div>
     </div>
   );
 };
-export default Header;
+export default HeaderComponent;
diff --git a/src/layouts/Index.tsx b/src/layouts/Index.tsx
index a80afd1..79be5cc 100644
--- a/src/layouts/Index.tsx
+++ b/src/layouts/Index.tsx
@@ -1,13 +1,33 @@
 import React from 'react';
-import Header from './Header';
+// import Header from './Header';
+import { Layout, Breadcrumb } from 'antd';
+const { Header, Footer, Sider, Content } = Layout;
+//导入logo图片
+import HeaderComponent from './Header';
+import SiderMenu from './SiderMenu';
+import './layout.less';
 const LayoutIndex: React.FC = (props) => {
   const { children } = props;
   return (
     <>
-      <Header />
-      <div className="layout-content">
-        <div className='layout-content-main'>{children}</div>
-      </div>
+      <Layout>
+        <Header className="header">
+          <HeaderComponent />
+        </Header>
+        <Layout>
+          <Sider width={200} theme="light">
+            <SiderMenu />
+          </Sider>
+          <Layout className="layout-content">
+            <Breadcrumb style={{ margin: '10px 0' }}>
+              <Breadcrumb.Item>Home</Breadcrumb.Item>
+              <Breadcrumb.Item>List</Breadcrumb.Item>
+              <Breadcrumb.Item>App</Breadcrumb.Item>
+            </Breadcrumb>
+            <Content>{children}</Content>
+          </Layout>
+        </Layout>
+      </Layout>
     </>
   );
 };
diff --git a/src/layouts/HeaderMenu.tsx b/src/layouts/SiderMenu.tsx
similarity index 54%
rename from src/layouts/HeaderMenu.tsx
rename to src/layouts/SiderMenu.tsx
index 3ec067b..5761c54 100644
--- a/src/layouts/HeaderMenu.tsx
+++ b/src/layouts/SiderMenu.tsx
@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import { Menu } from 'antd';
-import Language from './Language';
 import { useIntl, Link, useHistory } from 'umi';
-import User from './User';
+import IconFont from '@/components/IconFont/IconFont';
 interface IMenuItem {
   label: string;
   key: string;
   path: string;
+  icon: string;
 }
 // 引入样式文件   useIntl().formatMessage({ id: 'menu.首页' }),
 const items: IMenuItem[] = [
@@ -14,35 +14,47 @@ const items: IMenuItem[] = [
     label: 'menu.首页',
     key: 'index',
     path: '/index',
+    icon: 'icon-shouye',
   },
   {
-    label: 'menu.公告公示',
-    key: 'announce',
-    path: '/announce',
+    label: 'menu.管理员管理',
+    key: 'userManage',
+    path: '/userManage',
+    icon: 'icon-guanliyuan',
   },
   {
-    label: 'menu.政策法规',
-    key: 'policy',
-    path: '/policy',
+    label: 'menu.下载中心管理',
+    key: 'downloadManage',
+    path: '/downloadManage',
+    icon: 'icon-Tab_xiazaizhongxin',
   },
   {
-    label: 'menu.通知中心',
-    key: 'notice',
-    path: '/notice',
+    label: 'menu.通知中心管理',
+    key: 'noticeManage',
+    path: '/noticeManage',
+    icon: 'icon-tongzhizhongxin',
   },
   {
-    label: 'menu.下载中心',
-    key: 'download',
-    path: '/download',
+    label: 'menu.政策法规管理',
+    key: 'policyManage',
+    path: '/policyManage',
+    icon: 'icon-zhengcefagui',
   },
   {
-    label: 'menu.关于我们',
-    key: 'about',
-    path: '/about',
+    label: 'menu.关于我们管理',
+    key: 'aboutManage',
+    path: '/aboutManage',
+    icon: 'icon-guanyuwomen',
+  },
+  {
+    label: 'menu.帮助中心管理',
+    key: 'helpManage',
+    path: '/helpManage',
+    icon: 'icon-bangzhuzhongxin',
   },
 ];
 
-const HeaderMenu: React.FC = (props) => {
+const SiderMenu: React.FC = (props) => {
   //当前激活菜单
   const [current, setCurrent] = useState('index');
   const intl = useIntl();
@@ -53,7 +65,7 @@ const HeaderMenu: React.FC = (props) => {
     const menu = items.find((item) => item.path === path);
     if (menu) {
       setCurrent(menu.key);
-    }else{
+    } else {
       // 如果跳转的详情页面获取根级激活菜单
       const rootActiveMenu = path.split('/')[1];
       setCurrent(rootActiveMenu);
@@ -61,16 +73,15 @@ const HeaderMenu: React.FC = (props) => {
   }, [history.location.pathname]);
   return (
     <div className="header-menu">
-      <Menu selectedKeys={[current]} mode="horizontal">
+      <Menu selectedKeys={[current]} mode="vertical">
         {items.map((item: IMenuItem) => (
           <Menu.Item key={item.key}>
+            <IconFont type={item.icon} />
             <Link to={item.path}>{intl.formatMessage({ id: item.label })}</Link>
           </Menu.Item>
         ))}
       </Menu>
-      <Language />
-      <User />
     </div>
   );
 };
-export default HeaderMenu;
+export default SiderMenu;
diff --git a/src/layouts/Header.less b/src/layouts/layout.less
similarity index 59%
rename from src/layouts/Header.less
rename to src/layouts/layout.less
index 74e0d65..3e237bd 100644
--- a/src/layouts/Header.less
+++ b/src/layouts/layout.less
@@ -1,27 +1,26 @@
 @import '../baseStyle.less';
 
-.header {
+.headerComponent {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  width: @width;
-  margin: 0 auto;
+  padding: 0 15px;
   .logo {
     height: 45px;
   }
 }
-.header-menu {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: flex-end;
-  .ant-menu-horizontal {
-    line-height: 58px;
-    border: none;
-  }
-}
 .user {
   margin-left: 15px;
 }
+.flex {
+  display: flex;
+  align-items: center;
+}
+.layout-content {
+  background: rgb(245,246,250);
+  padding: 0 15px;
+  height: calc(100vh - 64px);
+  overflow: auto;
+}
diff --git a/src/locales/en-US.ts b/src/locales/en-US.ts
index c01b0bf..d055e39 100644
--- a/src/locales/en-US.ts
+++ b/src/locales/en-US.ts
@@ -1,10 +1,11 @@
 export default {
    'menu.首页': 'Home',
-   'menu.公告公示': 'Public Announcement',
-   'menu.政策法规': 'Policies and Regulations',
-   'menu.通知中心': 'Notifications',
-   'menu.下载中心': 'Download Center',
-   'menu.关于我们': 'About Us',
+   'menu.管理员管理': 'Admin Management',
+   'menu.下载中心管理': 'Download Center Management',
+   'menu.通知中心管理': 'Notice Center Management',
+   'menu.政策法规管理': 'Policy Management',
+   'menu.关于我们管理': 'About Us Management',
+   'menu.帮助中心管理': 'Help Center Management',
 
   // About page
   'about.title': 'About Us',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 8f96daa..84c89bb 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -1,10 +1,11 @@
 export default {
   'menu.首页': '首页',
-  'menu.公告公示': '公告公示',
-  'menu.政策法规': '政策法规',
-  'menu.通知中心': '通知中心',
-  'menu.下载中心': '下载中心',
-  'menu.关于我们': '关于我们',
+  'menu.管理员管理': '管理员管理',
+  'menu.下载中心管理': '下载中心管理',
+  'menu.通知中心管理': '通知中心管理',
+  'menu.政策法规管理': '政策法规管理',
+  'menu.关于我们管理': '关于我们管理',
+  'menu.帮助中心管理': '帮助中心管理',
 
   // 关于我们页面
   'about.title': '关于我们',
diff --git a/src/locales/zh-CN/menu.ts b/src/locales/zh-CN/menu.ts
deleted file mode 100644
index 930bb51..0000000
--- a/src/locales/zh-CN/menu.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  'menu.下载中心': '下载中心',
-};
diff --git a/src/manifest.json b/src/manifest.json
index 839bc5b..0ff80ed 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -3,8 +3,6 @@
   "short_name": "Ant Design Pro",
   "display": "standalone",
   "start_url": "./?utm_source=homescreen",
-  "theme_color": "#002140",
-  "background_color": "#001529",
   "icons": [
     {
       "src": "icons/icon-192x192.png",
diff --git a/src/pages/about/about.less b/src/pages/about/about.less
deleted file mode 100644
index 799f4fc..0000000
--- a/src/pages/about/about.less
+++ /dev/null
@@ -1,78 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.aboutContainer {
-  padding: 24px;
-  background-color: #fff;
-}
-
-.aboutContent {
-  max-width: 1000px;
-  margin: 0 auto;
-}
-
-.aboutTitle {
-  text-align: center;
-  margin-bottom: 40px;
-}
-
-.aboutSection {
-  margin-bottom: 48px;
-}
-
-.sectionTitle {
-  position: relative;
-  margin-bottom: 24px;
-  padding-left: 12px;
-
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: 4px;
-    height: 20px;
-    width: 4px;
-    background-color: #1890ff;
-  }
-}
-
-.sectionContent {
-  color: #333;
-  line-height: 2;
-  font-size: 15px;
-}
-
-.imageWrapper {
-  margin: 24px 0;
-  text-align: center;
-}
-
-.aboutImage {
-  max-width: 100%;
-  height: auto;
-  border-radius: 4px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-}
-
-.companyInfo {
-  background-color: #f5f5f5;
-  padding: 24px;
-  border-radius: 4px;
-  margin-top: 24px;
-}
-
-.infoItem {
-  margin-bottom: 12px;
-  display: flex;
-
-  .label {
-    font-weight: 500;
-    margin-right: 8px;
-    min-width: 80px;
-  }
-}
-
-.aboutFooter {
-  text-align: center;
-  margin-top: 48px;
-  color: rgba(0, 0, 0, 0.45);
-}
diff --git a/src/pages/about/about.tsx b/src/pages/about/about.tsx
deleted file mode 100644
index a94f45b..0000000
--- a/src/pages/about/about.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import React from 'react';
-import { Typography, Divider, Row, Col } from 'antd';
-import { useIntl } from 'umi';
-import styles from './about.less';
-
-const { Title, Paragraph } = Typography;
-
-const AboutPage: React.FC = () => {
-  const intl = useIntl();
-
-  return (
-    <div className={styles.aboutContainer}>
-      <div className={styles.aboutContent}>
-        <div className={styles.aboutTitle}>
-          <Title level={2}>{intl.formatMessage({ id: 'about.title' })}</Title>
-        </div>
-
-        <div className={styles.aboutSection}>
-          <Title level={3} className={styles.sectionTitle}>
-            {intl.formatMessage({ id: 'about.company.title' })}
-          </Title>
-          <div className={styles.sectionContent}>
-            <Paragraph>
-              中远海运电子招投标平台是中国远洋海运集团有限公司旗下专业的采购与招标管理平台，
-              致力于为集团内外部用户提供高效、透明、规范的电子化招投标服务。平台依托集团强大的资源优势，
-              结合现代信息技术，构建了覆盖招标、采购、供应商管理等全流程的电子化解决方案。
-            </Paragraph>
-
-            <div className={styles.imageWrapper}>
-              <img
-                src="/home_bg.png"
-                alt="公司总部"
-                className={styles.aboutImage}
-              />
-            </div>
-
-            <Paragraph>
-              作为国内领先的航运物流企业集团的电子招投标平台，我们秉承&ldquo;公开、公平、公正&rdquo;的原则，
-              通过标准化、信息化、智能化手段，持续优化招投标流程，提升采购效率，降低采购成本，
-              为集团战略实施和业务发展提供有力支撑。
-            </Paragraph>
-          </div>
-        </div>
-
-        <Divider />
-
-        <div className={styles.aboutSection}>
-          <Title level={3} className={styles.sectionTitle}>
-            {intl.formatMessage({ id: 'about.advantages.title' })}
-          </Title>
-          <div className={styles.sectionContent}>
-            <Row gutter={[24, 24]}>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>全流程电子化</Title>
-                  <Paragraph>
-                    从招标公告发布到开标评标，再到结果公示，全流程在线操作，
-                    减少纸质文档，提高工作效率，降低运营成本。
-                  </Paragraph>
-                </div>
-              </Col>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>安全可靠</Title>
-                  <Paragraph>
-                    采用先进的加密技术和安全措施，确保招投标过程的安全性和数据的保密性，
-                    有效防范信息泄露和网络攻击风险。
-                  </Paragraph>
-                </div>
-              </Col>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>公开透明</Title>
-                  <Paragraph>
-                    严格遵循国家招投标法律法规，确保招投标过程公开、透明、可追溯，
-                    有效防范舞弊行为，维护各方合法权益。
-                  </Paragraph>
-                </div>
-              </Col>
-            </Row>
-
-            <div className={styles.imageWrapper}>
-              <img
-                src="/home_bg.png"
-                alt="平台功能展示"
-                className={styles.aboutImage}
-              />
-            </div>
-
-            <Row gutter={[24, 24]}>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>智能化服务</Title>
-                  <Paragraph>
-                    引入人工智能和大数据分析技术，为招标采购决策提供数据支持，
-                    实现精准匹配和智能推荐，提升用户体验。
-                  </Paragraph>
-                </div>
-              </Col>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>供应商管理</Title>
-                  <Paragraph>
-                    建立完善的供应商库和评价体系，实现供应商全生命周期管理，
-                    促进供应商良性竞争，提升供应链质量。
-                  </Paragraph>
-                </div>
-              </Col>
-              <Col xs={24} md={8}>
-                <div>
-                  <Title level={4}>合规监管</Title>
-                  <Paragraph>
-                    内置合规检查机制，确保招投标活动符合国家法律法规和集团规章制度，
-                    降低合规风险，提升管理水平。
-                  </Paragraph>
-                </div>
-              </Col>
-            </Row>
-          </div>
-        </div>
-
-        <Divider />
-
-        <div className={styles.aboutSection}>
-          <Title level={3} className={styles.sectionTitle}>
-            {intl.formatMessage({ id: 'about.history.title' })}
-          </Title>
-          <div className={styles.sectionContent}>
-            <Paragraph>
-              <strong>2018年</strong> - 中远海运电子招投标平台正式启动建设，完成顶层设计和技术选型。
-            </Paragraph>
-            <Paragraph>
-              <strong>2019年</strong> - 平台一期建设完成并上线试运行，实现基础招投标功能。
-            </Paragraph>
-            <Paragraph>
-              <strong>2020年</strong> - 平台功能全面升级，增加供应商管理、合同管理等模块，用户规模快速增长。
-            </Paragraph>
-            <Paragraph>
-              <strong>2021年</strong> - 平台二期建设完成，引入大数据分析和人工智能技术，提升平台智能化水平。
-            </Paragraph>
-            <Paragraph>
-              <strong>2022年</strong> - 平台实现与集团ERP系统的深度集成，构建完整的采购管理生态。
-            </Paragraph>
-            <Paragraph>
-              <strong>2023年</strong> - 平台进行全面技术改造，采用微服务架构，提升系统性能和可扩展性。
-            </Paragraph>
-            <Paragraph>
-              <strong>2024年</strong> - 平台3.0版本发布，引入区块链技术，进一步提升数据安全性和业务透明度。
-            </Paragraph>
-          </div>
-        </div>
-
-        <Divider />
-
-        <div className={styles.aboutSection}>
-          <Title level={3} className={styles.sectionTitle}>
-            {intl.formatMessage({ id: 'about.contact.title' })}
-          </Title>
-          <div className={styles.sectionContent}>
-            <div className={styles.companyInfo}>
-              <div className={styles.infoItem}>
-                <span className={styles.label}>{intl.formatMessage({ id: 'about.address' })}：</span>
-                <span>上海市虹口区东大名路666号中远海运大厦</span>
-              </div>
-              <div className={styles.infoItem}>
-                <span className={styles.label}>{intl.formatMessage({ id: 'about.phone' })}：</span>
-                <span>021-65966666</span>
-              </div>
-              <div className={styles.infoItem}>
-                <span className={styles.label}>{intl.formatMessage({ id: 'about.hotline' })}：</span>
-                <span>400-888-9999</span>
-              </div>
-              <div className={styles.infoItem}>
-                <span className={styles.label}>{intl.formatMessage({ id: 'about.email' })}：</span>
-                <span>service@ebidding.cosco.com</span>
-              </div>
-              <div className={styles.infoItem}>
-                <span className={styles.label}>{intl.formatMessage({ id: 'about.worktime' })}：</span>
-                <span>周一至周五 9:00-17:30（法定节假日除外）</span>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <div className={styles.aboutFooter}>
-          <Paragraph>{intl.formatMessage({ id: 'about.copyright' })}</Paragraph>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default AboutPage;
diff --git a/src/pages/aboutManage/aboutManage.less b/src/pages/aboutManage/aboutManage.less
new file mode 100644
index 0000000..eb75d89
--- /dev/null
+++ b/src/pages/aboutManage/aboutManage.less
@@ -0,0 +1,11 @@
+.about-manage-container {
+  padding: 24px;
+
+  .about-manage-content {
+    background: #fff;
+    padding: 24px;
+    min-height: 500px;
+    border-radius: 4px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  }
+}
diff --git a/src/pages/aboutManage/aboutManage.tsx b/src/pages/aboutManage/aboutManage.tsx
new file mode 100644
index 0000000..3f11bbd
--- /dev/null
+++ b/src/pages/aboutManage/aboutManage.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { useIntl } from 'umi';
+import './aboutManage.less';
+
+const AboutManage: React.FC = () => {
+  const intl = useIntl();
+
+  return (
+    <div className="about-manage-container">
+      <h1>{intl.formatMessage({ id: 'menu.关于我们管理' })}</h1>
+      <div className="about-manage-content">
+        {/* 关于我们管理内容 */}
+      </div>
+    </div>
+  );
+};
+
+export default AboutManage;
diff --git a/src/pages/announce/announce.less b/src/pages/announce/announce.less
deleted file mode 100644
index 27b29fe..0000000
--- a/src/pages/announce/announce.less
+++ /dev/null
@@ -1,207 +0,0 @@
-.announcePage {
-  // padding: 20px;
-  // background-color: #f5f5f5;
-}
-
-.searchSection {
-  background-color: #fff;
-  padding: 20px;
-  // border-radius: 4px;
-  margin-bottom: 20px;
-  // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-}
-
-.searchRow {
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-}
-
-.searchLabel {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-  margin-right: 20px;
-  min-width: 70px;
-}
-
-.filterRow {
-  margin-bottom: 15px;
-  display: flex;
-  align-items: flex-start;
-}
-
-.filterLabel {
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-  margin-right: 20px;
-  min-width: 70px;
-  padding-top: 5px;
-}
-
-.filterOptions {
-  flex: 1;
-}
-
-.locationSelector {
-  display: flex;
-  flex-direction: column;
-}
-
-.provinceSelector {
-  margin-top: 10px;
-  width: 100%;
-
-  .provinceRow {
-    margin-bottom: 8px;
-    display: flex;
-    flex-wrap: wrap;
-  }
-}
-
-/* 覆盖antd样式 */
-:global {
-  .ant-radio-button-wrapper {
-    margin-right: 5px;
-    margin-bottom: 8px;
-    border-radius: 0;
-    height: 32px;
-    line-height: 30px;
-    min-width: 60px;
-    text-align: center;
-    padding: 0 10px;
-  }
-
-  .ant-radio-button-wrapper:first-child {
-    border-radius: 0;
-  }
-
-  .ant-radio-button-wrapper:last-child {
-    border-radius: 0;
-  }
-
-  .ant-radio-button-wrapper-checked {
-    background-color: rgb(0, 79, 142);
-    border-color: rgb(0, 79, 142);
-    color: #fff;
-    &:hover {
-      background-color: rgb(0, 79, 142);
-      border-color: rgb(0, 79, 142);
-      color: #fff;
-    }
-  }
-
-  .ant-btn-primary {
-    background-color: rgb(0, 79, 142);
-    border-color: rgb(0, 79, 142);
-    border-radius: 0;
-    &:hover, &:focus {
-      background-color: rgba(0, 79, 142, 0.8);
-      border-color: rgba(0, 79, 142, 0.8);
-    }
-  }
-
-  .ant-select-selector {
-    border-radius: 0 !important;
-  }
-
-  .ant-input {
-    border-radius: 0;
-  }
-
-  .ant-input-affix-wrapper {
-    border-radius: 0;
-  }
-
-  .ant-list-pagination {
-    margin-top: 20px;
-    text-align: center;
-  }
-
-  .ant-pagination-item {
-    border-radius: 0;
-
-    &-active {
-      border-color: rgb(0, 79, 142);
-
-      a {
-        color: rgb(0, 79, 142);
-      }
-    }
-  }
-
-  .ant-pagination-item-link {
-    border-radius: 0;
-  }
-
-  .ant-pagination-options {
-    .ant-select-selector {
-      border-radius: 0;
-    }
-  }
-
-  .ant-tag {
-    margin-right: 0;
-    border-radius: 2px;
-  }
-}
-
-.announceList {
-  background-color: #fff;
-  padding: 10px;
-}
-
-.listItem {
-  padding: 16px 10px;
-  border-bottom: 1px solid #f0f0f0;
-
-  &:hover {
-    background-color: #f9f9f9;
-  }
-}
-
-.itemContent {
-  width: 100%;
-}
-
-.itemHeader {
-  display: flex;
-  align-items: center;
-  margin-bottom: 10px;
-}
-
-.typeTag {
-  margin-right: 10px;
-  min-width: 90px;
-  text-align: center;
-}
-
-.itemTitle {
-  font-size: 16px;
-  font-weight: 500;
-  color: #333;
-  flex: 1;
-
-  &:hover {
-    color: rgb(0, 79, 142);
-    cursor: pointer;
-  }
-}
-
-.itemFooter {
-  display: flex;
-  justify-content: space-between;
-  color: #666;
-  font-size: 14px;
-}
-
-.company {
-  flex: 1;
-}
-
-.date {
-  min-width: 180px;
-  text-align: right;
-}
-
diff --git a/src/pages/announce/announce.tsx b/src/pages/announce/announce.tsx
deleted file mode 100644
index 90f51ad..0000000
--- a/src/pages/announce/announce.tsx
+++ /dev/null
@@ -1,369 +0,0 @@
-import React, { useState } from 'react';
-import { Input, Button, Select, Radio, DatePicker, List, Tag } from 'antd';
-import { SearchOutlined } from '@ant-design/icons';
-import { history } from 'umi';
-import styles from './announce.less';
-
-const { Option } = Select;
-const { RangePicker } = DatePicker;
-
-// 模拟公告数据
-const mockAnnounceData = [
-  {
-    id: '1',
-    type: '招标采购公告',
-    title: '中远海运集团2023年度办公设备采购项目招标公告',
-    company: '中远海运集团有限公司',
-    publishDate: '2023-06-15',
-  },
-  {
-    id: '2',
-    type: '中标结果公示',
-    title: '中远海运物流有限公司信息系统建设项目中标结果公示',
-    company: '中远海运物流有限公司',
-    publishDate: '2023-06-10',
-  },
-  {
-    id: '3',
-    type: '采购需求公示',
-    title: '中远海运集装箱运输有限公司集装箱采购需求公示',
-    company: '中远海运集装箱运输有限公司',
-    publishDate: '2023-06-08',
-  },
-  {
-    id: '4',
-    type: '变更公告',
-    title: '关于"中远海运能源运输股份有限公司船舶维修项目"的变更公告',
-    company: '中远海运能源运输股份有限公司',
-    publishDate: '2023-06-05',
-  },
-  {
-    id: '5',
-    type: '招标采购公告',
-    title: '中远海运重工有限公司船舶设备采购项目招标公告',
-    company: '中远海运重工有限公司',
-    publishDate: '2023-06-01',
-  },
-];
-
-const AnnouncePage: React.FC = () => {
-  // 状态管理
-  const [searchKeyword, setSearchKeyword] = useState<string>('');
-  const [announceType, setAnnounceType] = useState<string>('全部');
-  const [projectUnit, setProjectUnit] = useState<string>('全选');
-  const [projectLocation, setProjectLocation] = useState<string>('中国');
-  const [publishTime, setPublishTime] = useState<string>('不限');
-  const [projectType, setProjectType] = useState<string>('全部');
-  const [currentProvince, setCurrentProvince] = useState<string>('全部');
-
-  // 分页状态
-  const [current, setCurrent] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
-  const [total, setTotal] = useState(100);
-
-  // 公告类型选项
-  const announceTypeOptions = [
-    { label: '全部', value: '全部' },
-    { label: '采购需求公示', value: '采购需求公示' },
-    { label: '招标采购公告', value: '招标采购公告' },
-    { label: '非招标采购公告', value: '非招标采购公告' },
-    { label: '资格预审公告', value: '资格预审公告' },
-    { label: '招募公告', value: '招募公告' },
-    { label: '变更公告', value: '变更公告' },
-    { label: '中标(中选)候选人公示', value: '中标(中选)候选人公示' },
-    { label: '中标(中选)结果公示', value: '中标(中选)结果公示' },
-    { label: '采购失败(流标)公告', value: '采购失败(流标)公告' },
-  ];
-
-  // 省份选项 - 按照图片中的顺序排列
-  const provinceOptions = [
-    { label: '全部', value: '全部' },
-    { label: '北京', value: '北京' },
-    { label: '天津', value: '天津' },
-    { label: '河北', value: '河北' },
-    { label: '山西', value: '山西' },
-    { label: '内蒙古', value: '内蒙古' },
-    { label: '辽宁', value: '辽宁' },
-    { label: '吉林', value: '吉林' },
-    { label: '黑龙江', value: '黑龙江' },
-    { label: '上海', value: '上海' },
-    { label: '江苏', value: '江苏' },
-    { label: '浙江', value: '浙江' },
-    { label: '安徽', value: '安徽' },
-    { label: '福建', value: '福建' },
-    { label: '江西', value: '江西' },
-    { label: '山东', value: '山东' },
-    { label: '河南', value: '河南' },
-    { label: '湖北', value: '湖北' },
-    { label: '湖南', value: '湖南' },
-    { label: '广东', value: '广东' },
-    { label: '广西', value: '广西' },
-    { label: '海南', value: '海南' },
-    { label: '重庆', value: '重庆' },
-    { label: '四川', value: '四川' },
-    { label: '贵州', value: '贵州' },
-    { label: '云南', value: '云南' },
-    { label: '西藏', value: '西藏' },
-    { label: '陕西', value: '陕西' },
-    { label: '甘肃', value: '甘肃' },
-    { label: '青海', value: '青海' },
-    { label: '宁夏', value: '宁夏' },
-    { label: '新疆', value: '新疆' },
-    { label: '香港', value: '香港' },
-    { label: '澳门', value: '澳门' },
-    { label: '台湾', value: '台湾' },
-  ];
-
-  // 第一行省份
-  const firstRowProvinces = ['全部', '北京', '天津', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '上海', '江苏', '浙江', '安徽', '福建', '江西'];
-  // 第二行省份
-  const secondRowProvinces = ['山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '重庆', '四川', '贵州', '云南', '西藏', '陕西'];
-  // 第三行省份
-  const thirdRowProvinces = ['甘肃', '青海', '宁夏', '新疆', '香港', '澳门', '台湾'];
-
-  // 发布时间选项
-  const publishTimeOptions = [
-    { label: '不限', value: '不限' },
-    { label: '今天', value: '今天' },
-    { label: '最近三天', value: '最近三天' },
-    { label: '最近一周', value: '最近一周' },
-    { label: '最近一月', value: '最近一月' },
-    { label: '自定义', value: '自定义' },
-  ];
-
-  // 项目类型选项
-  const projectTypeOptions = [
-    { label: '全部', value: '全部' },
-    { label: '货物', value: '货物' },
-    { label: '工程', value: '工程' },
-    { label: '服务', value: '服务' },
-    { label: '其他', value: '其他' },
-  ];
-
-  // 处理搜索
-  const handleSearch = () => {
-    console.log('搜索条件：', {
-      searchKeyword,
-      announceType,
-      projectUnit,
-      projectLocation,
-      publishTime,
-      projectType,
-    });
-    // 这里添加搜索逻辑
-  };
-
-  // 处理分页变化
-  const handlePageChange = (page: number, pageSizeValue?: number) => {
-    setCurrent(page);
-    if (pageSizeValue) setPageSize(pageSizeValue);
-  };
-
-  // 获取公告类型对应的颜色
-  const getTypeColor = (type: string) => {
-    switch (type) {
-      case '招标采购公告':
-        return 'blue';
-      case '中标结果公示':
-        return 'green';
-      case '采购需求公示':
-        return 'orange';
-      case '变更公告':
-        return 'red';
-      default:
-        return 'default';
-    }
-  };
-
-  // 处理点击公告标题
-  const handleAnnounceClick = (id: string) => {
-    console.log('点击了公告ID:', id);
-    history.push({
-      pathname: '/announce/announceInfo',
-      query: {
-        id,
-      },
-    });
-  };
-
-  return (
-    <div className={styles.announcePage}>
-      <div className={styles.searchSection}>
-        {/* 公告搜索 */}
-        <div className={styles.searchRow}>
-          <div className={styles.searchLabel}>公告搜索</div>
-          <Input
-            placeholder="请输入公告关键词"
-            value={searchKeyword}
-            onChange={(e) => setSearchKeyword(e.target.value)}
-            style={{ width: '80%', maxWidth: 1000 }}
-            suffix={
-              <Button type="primary" icon={<SearchOutlined />} onClick={handleSearch}>
-                搜 索
-              </Button>
-            }
-          />
-        </div>
-
-        {/* 公告类型 */}
-        <div className={styles.filterRow}>
-          <div className={styles.filterLabel}>公告类型</div>
-          <div className={styles.filterOptions}>
-            <Radio.Group
-              value={announceType}
-              onChange={(e) => setAnnounceType(e.target.value)}
-              buttonStyle="solid"
-            >
-              {announceTypeOptions.map((option) => (
-                <Radio.Button key={option.value} value={option.value}>
-                  {option.label}
-                </Radio.Button>
-              ))}
-            </Radio.Group>
-          </div>
-        </div>
-
-        {/* 项目所属单位 */}
-        <div className={styles.filterRow}>
-          <div className={styles.filterLabel}>项目所属单位</div>
-          <Select
-            style={{ width: 300 }}
-            value={projectUnit}
-            onChange={(value) => setProjectUnit(value)}
-          >
-            <Option value="全选">全选</Option>
-            <Option value="中远海运集团">中远海运集团</Option>
-            <Option value="中远海运物流">中远海运物流</Option>
-            <Option value="中远海运集装箱">中远海运集装箱</Option>
-          </Select>
-        </div>
-
-        {/* 项目所在地 */}
-        <div className={styles.filterRow}>
-          <div className={styles.filterLabel}>项目所在地</div>
-          <div className={styles.locationSelector}>
-            <Select
-              style={{ width: 150, marginRight: 10 }}
-              value={projectLocation}
-              onChange={(value) => setProjectLocation(value)}
-            >
-              <Option value="中国">中国</Option>
-              <Option value="国外">国外</Option>
-            </Select>
-
-            <div className={styles.provinceSelector}>
-              <Radio.Group
-                value={currentProvince}
-                onChange={(e) => setCurrentProvince(e.target.value)}
-                buttonStyle="solid"
-              >
-                <div className={styles.provinceRow}>
-                  {firstRowProvinces.map((province) => (
-                    <Radio.Button key={province} value={province}>
-                      {province}
-                    </Radio.Button>
-                  ))}
-                </div>
-                <div className={styles.provinceRow}>
-                  {secondRowProvinces.map((province) => (
-                    <Radio.Button key={province} value={province}>
-                      {province}
-                    </Radio.Button>
-                  ))}
-                </div>
-                <div className={styles.provinceRow}>
-                  {thirdRowProvinces.map((province) => (
-                    <Radio.Button key={province} value={province}>
-                      {province}
-                    </Radio.Button>
-                  ))}
-                </div>
-              </Radio.Group>
-            </div>
-          </div>
-        </div>
-
-        {/* 发布时间 */}
-        <div className={styles.filterRow}>
-          <div className={styles.filterLabel}>发布时间</div>
-          <div className={styles.filterOptions}>
-            <Radio.Group
-              value={publishTime}
-              onChange={(e) => setPublishTime(e.target.value)}
-              buttonStyle="solid"
-            >
-              {publishTimeOptions.map((option) => (
-                <Radio.Button key={option.value} value={option.value}>
-                  {option.label}
-                </Radio.Button>
-              ))}
-            </Radio.Group>
-            {publishTime === '自定义' && (
-              <RangePicker style={{ marginLeft: 10 }} />
-            )}
-          </div>
-        </div>
-
-        {/* 项目类型 */}
-        <div className={styles.filterRow}>
-          <div className={styles.filterLabel}>项目类型</div>
-          <div className={styles.filterOptions}>
-            <Radio.Group
-              value={projectType}
-              onChange={(e) => setProjectType(e.target.value)}
-              buttonStyle="solid"
-            >
-              {projectTypeOptions.map((option) => (
-                <Radio.Button key={option.value} value={option.value}>
-                  {option.label}
-                </Radio.Button>
-              ))}
-            </Radio.Group>
-          </div>
-        </div>
-      </div>
-      {/* 公告列表部分 */}
-      <div className={styles.announceList}>
-        <List
-          itemLayout="horizontal"
-          dataSource={mockAnnounceData}
-          pagination={{
-            onChange: handlePageChange,
-            current,
-            pageSize,
-            total,
-            showTotal: (totalItems) => `共 ${totalItems} 条记录`,
-            showSizeChanger: true,
-            showQuickJumper: true,
-          }}
-          renderItem={(item) => (
-            <List.Item
-              key={item.id}
-              className={styles.listItem}
-            >
-              <div className={styles.itemContent}>
-                <div className={styles.itemHeader}>
-                  <Tag color={getTypeColor(item.type)} className={styles.typeTag}>
-                    {item.type}
-                  </Tag>
-                  <div
-                    className={styles.itemTitle}
-                    onClick={() => handleAnnounceClick(item.id)}
-                  >
-                    {item.title}
-                  </div>
-                </div>
-                <div className={styles.itemFooter}>
-                  <div className={styles.company}>招标人：{item.company}</div>
-                  <div className={styles.date}>发布日期：{item.publishDate}</div>
-                </div>
-              </div>
-            </List.Item>
-          )}
-        />
-      </div>
-    </div>
-  );
-};
-
-export default AnnouncePage;
diff --git a/src/pages/announce/announceInfo.less b/src/pages/announce/announceInfo.less
deleted file mode 100644
index 25393a2..0000000
--- a/src/pages/announce/announceInfo.less
+++ /dev/null
@@ -1,144 +0,0 @@
-.announceInfoContainer {
-  padding: 20px;
-  background-color: #fff;
-}
-
-.loadingContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.announceInfoHeader {
-  margin-bottom: 20px;
-}
-
-.backButton {
-  padding-left: 0;
-  font-size: 16px;
-  color: rgb(0, 79, 142);
-
-  &:hover, &:focus {
-    color: rgba(0, 79, 142, 0.8);
-  }
-}
-
-.announceInfoContent {
-  padding: 30px;
-}
-
-.titleContainer {
-  text-align: center;
-  margin-bottom: 30px;
-}
-
-.title {
-  font-weight: bold !important;
-  color: #333;
-}
-
-.metaInfo {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  margin-bottom: 20px;
-
-  @media (max-width: 768px) {
-    flex-direction: column;
-
-    > div {
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.metaLeft {
-  flex: 1;
-}
-
-.metaCenter {
-  flex: 1;
-  text-align: center;
-
-  @media (max-width: 768px) {
-    text-align: left;
-  }
-}
-
-.metaRight {
-  flex: 1;
-  text-align: right;
-
-  @media (max-width: 768px) {
-    text-align: left;
-  }
-}
-
-.divider {
-  margin: 20px 0 !important;
-  border-top-color: #e8e8e8;
-}
-
-.contentBody {
-  font-size: 16px;
-  line-height: 1.8;
-  color: #333;
-
-  p {
-    margin-bottom: 16px;
-  }
-}
-
-.attachmentsSection {
-  margin-top: 40px;
-}
-
-.attachmentsTitle {
-  font-size: 18px;
-  font-weight: bold;
-  margin-bottom: 20px;
-}
-
-.attachmentsList {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.attachmentButton {
-  margin-right: 15px;
-  margin-bottom: 15px;
-}
-
-:global {
-  .ant-btn-primary {
-    background-color: rgb(0, 79, 142);
-    border-color: rgb(0, 79, 142);
-    border-radius: 0;
-
-    &:hover, &:focus {
-      background-color: rgba(0, 79, 142, 0.8);
-      border-color: rgba(0, 79, 142, 0.8);
-    }
-  }
-
-  .ant-btn-primary[disabled] {
-    background-color: rgba(0, 0, 0, 0.04);
-    border-color: #d9d9d9;
-    color: rgba(0, 0, 0, 0.25);
-  }
-
-  .ant-btn-background-ghost.ant-btn-primary {
-    color: rgb(0, 79, 142);
-    border-color: rgb(0, 79, 142);
-    border-radius: 0;
-
-    &:hover, &:focus {
-      color: rgba(0, 79, 142, 0.8);
-      border-color: rgba(0, 79, 142, 0.8);
-    }
-  }
-
-  .ant-divider {
-    border-top-color: #e8e8e8;
-  }
-}
diff --git a/src/pages/announce/announceInfo.tsx b/src/pages/announce/announceInfo.tsx
deleted file mode 100644
index b4927f7..0000000
--- a/src/pages/announce/announceInfo.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'umi';
-import { Typography, Button, Space, Divider, Row, Col, Spin, message } from 'antd';
-import { DownloadOutlined, ArrowLeftOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined } from '@ant-design/icons';
-import styles from './announceInfo.less';
-
-const { Title, Text } = Typography;
-
-// 模拟公告详情数据
-const mockAnnounceDetail = {
-  id: '1',
-  title: '中远海运集团2023年度办公设备采购项目招标公告',
-  type: '招标采购公告',
-  publishDate: '2023-06-15',
-  publisher: '中远海运集团采购中心',
-  content: `
-    <p>一、项目基本情况</p>
-    <p>1. 项目名称：中远海运集团2023年度办公设备采购项目</p>
-    <p>2. 采购需求：台式电脑300台、笔记本电脑150台、打印机50台、投影仪10台等办公设备</p>
-    <p>3. 项目预算：人民币800万元</p>
-    <p>4. 最高限价：人民币800万元</p>
-    <p>5. 采购方式：公开招标</p>
-    <p>6. 交付地点：中远海运集团总部及各分支机构</p>
-    <p>7. 交付期限：合同签订后45个工作日内</p>
-    <p>8. 本项目是否接受联合体投标：否</p>
-
-    <p>二、申请人的资格要求</p>
-    <p>1. 满足《中华人民共和国政府采购法》第二十二条规定；</p>
-    <p>2. 落实政府采购政策需满足的资格要求：本项目支持小微企业，监狱企业，残疾人福利性单位发展等政府采购政策。</p>
-    <p>3. 本项目的特定资格要求：</p>
-    <p>（1）投标人须具有电子产品销售相关资质；</p>
-    <p>（2）投标人须提供所投产品的厂家授权；</p>
-    <p>（3）投标人须具有近三年同类项目业绩不少于3个。</p>
-
-    <p>三、获取招标文件</p>
-    <p>1. 时间：2023年6月15日至2023年6月22日，每天9:00至17:00（北京时间，法定节假日除外）</p>
-    <p>2. 地点：中远海运集团采购中心官网</p>
-    <p>3. 方式：网上下载</p>
-    <p>4. 售价：免费</p>
-
-    <p>四、提交投标文件截止时间、开标时间和地点</p>
-    <p>1. 提交投标文件截止时间：2023年7月6日14:30（北京时间）</p>
-    <p>2. 开标时间：2023年7月6日15:00（北京时间）</p>
-    <p>3. 地点：中远海运集团总部1号会议室</p>
-
-    <p>五、公告期限</p>
-    <p>自本公告发布之日起5个工作日。</p>
-
-    <p>六、其他补充事宜</p>
-    <p>1. 本项目需要落实的政府采购政策：节能环保、中小微企业扶持、促进残疾人就业等。</p>
-    <p>2. 投标保证金：人民币10万元。</p>
-
-    <p>七、对本次招标提出询问，请按以下方式联系</p>
-    <p>1. 采购人信息</p>
-    <p>名称：中远海运集团有限公司</p>
-    <p>地址：上海市东大名路xxx号</p>
-    <p>联系方式：021-xxxxxxxx</p>
-    <p>2. 采购代理机构信息</p>
-    <p>名称：上海xxx招标代理有限公司</p>
-    <p>地址：上海市浦东新区xxx路xx号</p>
-    <p>联系方式：021-xxxxxxxx</p>
-    <p>3. 项目联系方式</p>
-    <p>项目联系人：张先生</p>
-    <p>电话：021-xxxxxxxx</p>
-  `,
-  attachments: [
-    { name: '招标文件.pdf', url: '/files/招标文件.pdf', type: 'pdf' },
-    { name: '投标须知.docx', url: '/files/投标须知.docx', type: 'word' },
-    { name: '技术需求说明.xlsx', url: '/files/技术需求说明.xlsx', type: 'excel' }
-  ]
-};
-
-const AnnounceInfo: React.FC = () => {
-  const location = useLocation();
-  const id = new URLSearchParams(location.search).get("id");
-  const [announceDetail, setAnnounceDetail] = useState<any>(null);
-  const [loading, setLoading] = useState<boolean>(true);
-
-  // 模拟获取公告详情数据
-  useEffect(() => {
-    // 实际项目中应该通过API获取数据
-    setTimeout(() => {
-      setAnnounceDetail(mockAnnounceDetail);
-      setLoading(false);
-    }, 500);
-  }, [id]);
-
-  // 处理返回列表
-  const handleBack = () => {
-    window.history.back();
-  };
-
-  // 处理下载附件
-  const handleDownload = (url: string, name: string) => {
-    message.success(`开始下载: ${name}`);
-    console.log('下载附件:', url, name);
-    // 实际项目中应该调用下载API
-    // window.open(url);
-  };
-
-  // 根据文件类型获取图标
-  const getFileIcon = (type: string) => {
-    switch (type) {
-      case 'pdf':
-        return <FilePdfOutlined />;
-      case 'word':
-        return <FileWordOutlined />;
-      case 'excel':
-        return <FileExcelOutlined />;
-      default:
-        return <DownloadOutlined />;
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className={styles.loadingContainer}>
-        <Spin size="large" />
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.announceInfoContainer}>
-      <div className={styles.announceInfoHeader}>
-        <Button
-          type="link"
-          icon={<ArrowLeftOutlined />}
-          onClick={handleBack}
-          className={styles.backButton}
-        >
-          返回列表
-        </Button>
-      </div>
-
-      <div className={styles.announceInfoContent}>
-        <div className={styles.titleContainer}>
-          <Title level={2} className={styles.title}>
-            {announceDetail.title}
-          </Title>
-        </div>
-
-        <div className={styles.metaInfo}>
-          <div className={styles.metaLeft}>
-            <Text type="secondary">发布时间: {announceDetail.publishDate}</Text>
-          </div>
-          <div className={styles.metaCenter}>
-            <Text type="secondary">发布人: {announceDetail.publisher}</Text>
-          </div>
-          <div className={styles.metaRight}>
-            <Text type="secondary">公告类型: {announceDetail.type}</Text>
-          </div>
-        </div>
-
-        <Divider className={styles.divider} />
-
-        <div className={styles.contentBody}>
-          <div dangerouslySetInnerHTML={{ __html: announceDetail.content }} />
-        </div>
-
-        {announceDetail.attachments.length > 0 && (
-          <div className={styles.attachmentsSection}>
-            <Divider className={styles.divider} />
-            <div className={styles.attachmentsTitle}>附件下载</div>
-            <div className={styles.attachmentsList}>
-              {announceDetail.attachments.map((attachment: any, index: number) => (
-                <Button
-                  key={index}
-                  type="primary"
-                  ghost
-                  icon={getFileIcon(attachment.type)}
-                  onClick={() => handleDownload(attachment.url, attachment.name)}
-                  className={styles.attachmentButton}
-                >
-                  {attachment.name}
-                </Button>
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default AnnounceInfo;
diff --git a/src/pages/download/download.less b/src/pages/download/download.less
deleted file mode 100644
index 6e84d47..0000000
--- a/src/pages/download/download.less
+++ /dev/null
@@ -1,68 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.downloadContainer {
-  padding: 24px;
-  background-color: #fff;
-}
-
-.downloadRow {
-  width: 100%;
-}
-
-.menuCol {
-  margin-bottom: 24px;
-}
-
-.downloadMenu {
-  border-right: none;
-}
-
-.downloadContent {
-  width: 100%;
-}
-
-.downloadCardList {
-  margin-top: 16px;
-}
-
-.downloadCard {
-  margin-bottom: 24px;
-  transition: all 0.3s;
-  display: flex;
-  flex-direction: column;
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    transform: translateY(-2px);
-  }
-}
-
-.cardTitle {
-  color: #333;
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 22px;
-  margin-bottom: 8px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-}
-
-.cardDate {
-  color: rgba(0, 0, 0, 0.45);
-  margin-bottom: 12px;
-  font-size: 12px;
-}
-
-.downloadIcon {
-  font-size: 24px;
-  margin-right: 8px;
-  color: #1890ff;
-}
-
-.downloadButton {
-  margin-top: 12px;
-  width: 100%;
-}
diff --git a/src/pages/download/download.tsx b/src/pages/download/download.tsx
deleted file mode 100644
index f4851f2..0000000
--- a/src/pages/download/download.tsx
+++ /dev/null
@@ -1,240 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Card, Menu, Row, Col, Pagination, Button, Typography, Space, message } from 'antd';
-import { FileOutlined, BookOutlined, DownloadOutlined } from '@ant-design/icons';
-import styles from './download.less';
-import { downloadFile } from './service';
-
-const { Title, Text } = Typography;
-
-// 模拟模板文件数据
-const mockTemplateFiles = [
-  {
-    id: '1',
-    title: '公开招标操作手册',
-    description: '公开招标各角色操作手册',
-    publishDate: '2025年2月3日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '公开招标操作手册.pdf',
-  },
-  {
-    id: '2',
-    title: '询价采购模板',
-    description: '标准询价采购流程文档模板',
-    publishDate: '2025年1月15日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '询价采购模板.docx',
-  },
-  {
-    id: '3',
-    title: '竞争性谈判模板',
-    description: '竞争性谈判标准文档模板',
-    publishDate: '2024年12月20日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '竞争性谈判模板.docx',
-  },
-  {
-    id: '4',
-    title: '单一来源采购模板',
-    description: '单一来源采购申请及实施模板',
-    publishDate: '2024年12月5日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '单一来源采购模板.docx',
-  },
-  {
-    id: '5',
-    title: '供应商评估表格',
-    description: '供应商资质与能力评估标准表格',
-    publishDate: '2024年11月18日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '供应商评估表格.xlsx',
-  },
-  {
-    id: '6',
-    title: '合同范本模板',
-    description: '标准采购合同范本',
-    publishDate: '2024年11月1日',
-    type: 'template',
-    icon: <FileOutlined />,
-    fileName: '合同范本模板.docx',
-  },
-];
-
-// 模拟操作手册数据
-const mockManuals = [
-  {
-    id: '7',
-    title: '供应商注册指南',
-    description: '供应商平台注册及资质提交操作指南',
-    publishDate: '2025年1月25日',
-    type: 'manual',
-    icon: <BookOutlined />,
-    fileName: '供应商注册指南.pdf',
-  },
-  {
-    id: '8',
-    title: '投标操作指南',
-    description: '电子投标全流程操作手册',
-    publishDate: '2025年1月10日',
-    type: 'manual',
-    icon: <BookOutlined />,
-    fileName: '投标操作指南.pdf',
-  },
-  {
-    id: '9',
-    title: '在线开标指南',
-    description: '在线开标会议参与指南',
-    publishDate: '2024年12月15日',
-    type: 'manual',
-    icon: <BookOutlined />,
-    fileName: '在线开标指南.pdf',
-  },
-  {
-    id: '10',
-    title: '评标专家操作手册',
-    description: '评标专家系统使用指南',
-    publishDate: '2024年11月28日',
-    type: 'manual',
-    icon: <BookOutlined />,
-    fileName: '评标专家操作手册.pdf',
-  },
-  {
-    id: '11',
-    title: '合同签署指南',
-    description: '电子合同签署流程指南',
-    publishDate: '2024年11月10日',
-    type: 'manual',
-    icon: <BookOutlined />,
-    fileName: '合同签署指南.pdf',
-  },
-];
-
-const DownloadPage: React.FC = () => {
-  const [activeMenu, setActiveMenu] = useState<string>('template');
-  const [downloadData, setDownloadData] = useState<any[]>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [pagination, setPagination] = useState({
-    current: 1,
-    pageSize: 6,
-    total: 0,
-  });
-
-  // 根据当前选中的菜单加载对应的下载数据
-  useEffect(() => {
-    setLoading(true);
-    // 模拟API请求
-    setTimeout(() => {
-      const data = activeMenu === 'template' ? mockTemplateFiles : mockManuals;
-      setDownloadData(data);
-      setPagination((prevPagination) => ({
-        ...prevPagination,
-        total: data.length,
-        current: 1,
-      }));
-      setLoading(false);
-    }, 500);
-  }, [activeMenu]);
-
-  // 处理菜单切换
-  const handleMenuClick = (e: any) => {
-    setActiveMenu(e.key);
-  };
-
-  // 处理分页变化
-  const handlePageChange = (page: number, pageSize?: number) => {
-    setPagination({
-      ...pagination,
-      current: page,
-      pageSize: pageSize || pagination.pageSize,
-    });
-  };
-
-  // 处理下载按钮点击
-  const handleDownload = async (id: string, fileName: string) => {
-    try {
-      await downloadFile(id, fileName);
-    } catch (error) {
-      message.error('下载失败，请稍后重试');
-    }
-  };
-
-  // 计算当前页显示的数据
-  const getCurrentPageData = () => {
-    const { current, pageSize } = pagination;
-    const startIndex = (current - 1) * pageSize;
-    const endIndex = startIndex + pageSize;
-    return downloadData.slice(startIndex, endIndex);
-  };
-
-  return (
-    <div className={styles.downloadContainer}>
-      <Row gutter={16} className={styles.downloadRow}>
-        <Col span={4} className={styles.menuCol}>
-          <Menu
-            mode="vertical"
-            selectedKeys={[activeMenu]}
-            onClick={handleMenuClick}
-            className={styles.downloadMenu}
-          >
-            <Menu.Item key="template" icon={<FileOutlined />}>
-              模板文件
-            </Menu.Item>
-            <Menu.Item key="manual" icon={<BookOutlined />}>
-              操作手册
-            </Menu.Item>
-          </Menu>
-        </Col>
-
-        <Col span={20}>
-          <div className={styles.downloadContent}>
-            <Title level={4}>{activeMenu === 'template' ? '模板文件' : '操作手册'}</Title>
-
-            <Row gutter={[16, 16]} className={styles.downloadCardList}>
-              {getCurrentPageData().map((item) => (
-                <Col xs={24} sm={12} md={8} key={item.id}>
-                  <Card
-                    hoverable
-                    className={styles.downloadCard}
-                    loading={loading}
-                  >
-                    <Space direction="vertical" size="small" style={{ width: '100%' }}>
-                      <div className={styles.cardTitle}>
-                        <span className={styles.downloadIcon}>{item.icon}</span>
-                        {item.title}
-                      </div>
-                      <div className={styles.cardDate}>{item.publishDate}</div>
-                      <Text type="secondary" ellipsis={{ tooltip: true }}>{item.description}</Text>
-                      <Button
-                        type="primary"
-                        icon={<DownloadOutlined />}
-                        className={styles.downloadButton}
-                        onClick={() => handleDownload(item.id, item.fileName)}
-                      >
-                        下载
-                      </Button>
-                    </Space>
-                  </Card>
-                </Col>
-              ))}
-            </Row>
-
-            <Pagination
-              current={pagination.current}
-              pageSize={pagination.pageSize}
-              total={pagination.total}
-              onChange={handlePageChange}
-              showTotal={(total) => `共 ${total} 条记录`}
-              style={{ marginTop: 24, textAlign: 'right' }}
-            />
-          </div>
-        </Col>
-      </Row>
-    </div>
-  );
-};
-
-export default DownloadPage;
diff --git a/src/pages/download/service.ts b/src/pages/download/service.ts
deleted file mode 100644
index 11324fd..0000000
--- a/src/pages/download/service.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { message } from 'antd';
-import request from '@/utils/request';
-
-/**
- * 获取下载中心文件列表
- * @param params 查询参数
- */
-export async function getDownloadList(params: {
-  type: string;
-  current: number;
-  pageSize: number;
-}) {
-  try {
-    // 实际项目中应该通过API获取数据
-    // return request('/api/download/list', {
-    //   method: 'GET',
-    //   params,
-    // });
-
-    // 模拟API请求返回数据
-    return Promise.resolve({
-      success: true,
-      data: {
-        list: [],
-        total: 0,
-      },
-    });
-  } catch (error) {
-    message.error('获取下载列表失败');
-    return {
-      success: false,
-      data: {
-        list: [],
-        total: 0,
-      },
-    };
-  }
-}
-
-/**
- * 下载文件
- * @param fileId 文件ID
- * @param fileName 文件名称
- */
-export async function downloadFile(fileId: string, fileName: string) {
-  try {
-    // 实际项目中应该通过API下载文件
-    // const response = await request(`/api/download/file/${fileId}`, {
-    //   method: 'GET',
-    //   responseType: 'blob',
-    // });
-
-    // 创建下载链接
-    // const blob = new Blob([response]);
-    // const url = window.URL.createObjectURL(blob);
-    // const link = document.createElement('a');
-    // link.href = url;
-    // link.download = fileName;
-    // document.body.appendChild(link);
-    // link.click();
-    // window.URL.revokeObjectURL(url);
-    // document.body.removeChild(link);
-
-    // 模拟下载成功
-    message.success(`文件"${fileName}"开始下载`);
-    return {
-      success: true,
-    };
-  } catch (error) {
-    message.error(`下载文件"${fileName}"失败`);
-    return {
-      success: false,
-    };
-  }
-}
diff --git a/src/pages/downloadManage/downloadManage.less b/src/pages/downloadManage/downloadManage.less
new file mode 100644
index 0000000..920d666
--- /dev/null
+++ b/src/pages/downloadManage/downloadManage.less
@@ -0,0 +1,50 @@
+.download-manage-container {
+  .upload-hint {
+    margin-top: 8px;
+    color: #999;
+    font-size: 12px;
+  }
+
+  .content-area {
+    background-color: #fff;
+    padding: 16px;
+    border-radius: 4px;
+    margin-top: 16px;
+  }
+
+  .filter-action-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 16px;
+    background-color: #fff;
+    padding: 16px;
+    border-radius: 4px;
+
+    .filter-form {
+      flex: 1;
+    }
+
+    .filter-btns {
+      margin-left: 8px;
+      display: flex;
+      gap: 8px;
+    }
+
+    .right-buttons {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+
+      .selected-count {
+        margin-left: 8px;
+        color: #1890ff;
+      }
+    }
+  }
+
+  .ant-table-wrapper {
+    width: 100%;
+  }
+
+}
diff --git a/src/pages/downloadManage/downloadManage.tsx b/src/pages/downloadManage/downloadManage.tsx
new file mode 100644
index 0000000..1801a27
--- /dev/null
+++ b/src/pages/downloadManage/downloadManage.tsx
@@ -0,0 +1,675 @@
+import React, { useState } from 'react';
+import { useIntl } from 'umi';
+import { Button, Table, Space, Modal, message, Input, Select, Form, Tooltip, Switch, Upload, Tag } from 'antd';
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  ExclamationCircleOutlined,
+  SearchOutlined,
+  InboxOutlined,
+} from '@ant-design/icons';
+import { validateFileSize } from '@/utils/utils';
+import './downloadManage.less';
+import type { UploadFile } from 'antd/es/upload/interface';
+
+const { Option } = Select;
+const { Dragger } = Upload;
+
+type DownloadType = API.DownloadRecord & {
+  key: string;
+};
+
+const DownloadManage: React.FC = () => {
+  const intl = useIntl();
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [modalVisible, setModalVisible] = useState<boolean>(false);
+  const [isEdit, setIsEdit] = useState<boolean>(false);
+  const [currentId, setCurrentId] = useState<string>('');
+  const [modalForm] = Form.useForm();
+  const [fileList, setFileList] = useState<UploadFile[]>([]);
+  const [thumbnailList, setThumbnailList] = useState<UploadFile[]>([]);
+  const [downloadData, setDownloadData] = useState<DownloadType[]>([
+    {
+      key: '1',
+      id: '1',
+      name: '采购申请模板',
+      category: '模板文件',
+      keyword: '采购,申请,模板',
+      createTime: '2023-06-15 10:30:00',
+      createBy: 'admin',
+      status: '1', // 已发布
+      thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+    },
+    {
+      key: '2',
+      id: '2',
+      name: '系统操作手册V1.0',
+      category: '操作手册',
+      keyword: '系统,操作,手册',
+      createTime: '2023-06-20 14:45:00',
+      createBy: 'admin',
+      status: '0', // 草稿
+      thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+    },
+    {
+      key: '3',
+      id: '3',
+      name: '发票申请指南',
+      category: '操作手册',
+      keyword: '发票,申请,指南',
+      createTime: '2023-06-25 09:15:00',
+      createBy: 'admin',
+      status: '1', // 已发布
+      thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+    },
+  ]);
+  const [pagination, setPagination] = useState({
+    current: 1,
+    pageSize: 10,
+    total: 3,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total: number) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<API.DownloadSearchParams>({});
+
+  // 获取下载中心列表（模拟数据）
+  const fetchDownloadList = (current: number = 1, pageSize: number = 10) => {
+    setLoading(true);
+    // 模拟API请求延迟
+    setTimeout(() => {
+      setLoading(false);
+    }, 500);
+  };
+
+  // 处理编辑
+  const handleEdit = (record: DownloadType) => {
+    // 检查是否为已发布状态
+    if (record.status === '1') {
+      message.warning('已发布的文件不能编辑');
+      return;
+    }
+
+    setIsEdit(true);
+    setCurrentId(record.id);
+    setModalVisible(true);
+
+    // 填充表单数据
+    modalForm.setFieldsValue({
+      name: record.name,
+      category: record.category,
+      keyword: record.keyword,
+    });
+
+    // 重置文件列表和缩略图
+    setFileList([]);
+    if (record.thumbnail) {
+      setThumbnailList([
+        {
+          uid: '-1',
+          name: 'thumbnail.png',
+          status: 'done',
+          url: record.thumbnail,
+          type: 'image/png',
+          size: 0,
+        } as UploadFile
+      ]);
+    } else {
+      setThumbnailList([]);
+    }
+  };
+
+  // 处理删除
+  const showDeleteConfirm = (record: DownloadType) => {
+    // 检查是否为已发布状态
+    if (record.status === '1') {
+      message.warning('已发布的文件不能删除');
+      return;
+    }
+
+    Modal.confirm({
+      title: '确定要删除该文件吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: `名称: ${record.name}`,
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        try {
+          // 模拟删除操作
+          const newData = downloadData.filter(item => item.id !== record.id);
+          setDownloadData(newData);
+          message.success('删除成功');
+        } catch (error) {
+          console.error('删除文件失败:', error);
+          message.error('删除失败');
+        }
+      },
+    });
+  };
+
+  // 处理发布/下架
+  const handlePublishStatus = async (record: DownloadType) => {
+    // 状态: 0-草稿，1-已发布
+    const isPublished = record.status === '1';
+    const actionText = isPublished ? '下架' : '发布';
+    const newStatus = isPublished ? '0' : '1';
+
+    try {
+      // 模拟API请求
+      const newData = downloadData.map(item =>
+        item.id === record.id ? { ...item, status: newStatus } : item
+      );
+      setDownloadData(newData);
+      message.success(`${actionText}成功`);
+    } catch (error) {
+      console.error(`${actionText}失败:`, error);
+      message.error(`${actionText}失败`);
+    }
+  };
+
+  // 获取栏目标签
+  const getCategoryTag = (category: string) => {
+    switch (category) {
+      case '模板文件':
+        return <Tag color="blue">模板文件</Tag>;
+      case '操作手册':
+        return <Tag color="green">操作手册</Tag>;
+      default:
+        return <Tag color="default">其他</Tag>;
+    }
+  };
+
+  // 获取状态标签
+  const getStatusTag = (status: string) => {
+    switch (status) {
+      case '0':
+        return <Tag color="default">草稿</Tag>;
+      case '1':
+        return <Tag color="green">已发布</Tag>;
+      default:
+        return <Tag color="default">未知</Tag>;
+    }
+  };
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: any) => {
+    fetchDownloadList(newPagination.current, newPagination.pageSize);
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+    },
+    {
+      title: '缩略图',
+      dataIndex: 'thumbnail',
+      key: 'thumbnail',
+      render: (thumbnail: string) => (
+        thumbnail ? <img src={thumbnail} alt="缩略图" style={{ width: 50, height: 50, objectFit: 'cover' }} /> : '无'
+      ),
+    },
+    {
+      title: '名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (name: string) => (
+        <Tooltip placement="topLeft" title={name}>
+          {name}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '栏目',
+      dataIndex: 'category',
+      key: 'category',
+      render: (category: string) => getCategoryTag(category),
+    },
+    {
+      title: '关键词',
+      dataIndex: 'keyword',
+      key: 'keyword',
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (keyword: string) => (
+        <Tooltip placement="topLeft" title={keyword}>
+          {keyword}
+        </Tooltip>
+      ),
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (status: string) => getStatusTag(status),
+    },
+    {
+      title: '上传时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+    },
+    {
+      title: '上传人',
+      dataIndex: 'createBy',
+      align: 'center' as const,
+      key: 'createBy',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 300,
+      align: 'center' as const,
+      render: (_: unknown, record: DownloadType) => (
+        <>
+          <Button type="link" onClick={() => window.open('#')}>
+            下载
+          </Button>
+          {record.status === '1' ? (
+            <Button type="link" onClick={() => handlePublishStatus(record)}>
+              下架
+            </Button>
+          ) : (
+            <>
+              <Button type="link" onClick={() => handleEdit(record)}>
+                编辑
+              </Button>
+              <Button
+                type="link"
+                onClick={() => handlePublishStatus(record)}
+              >
+                发布
+              </Button>
+            </>
+          )}
+          {record.status !== '1' && (
+            <Button
+              type="link"
+              danger
+              onClick={() => showDeleteConfirm(record)}
+            >
+              删除
+            </Button>
+          )}
+        </>
+      ),
+    },
+  ];
+
+  // 行选择限制
+  const checkSelectable = (record: DownloadType) => {
+    return record.status !== '1'; // 已发布的不能选择
+  };
+
+  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+    setSelectedRowKeys(newSelectedRowKeys);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: onSelectChange,
+    getCheckboxProps: (record: DownloadType) => ({
+      disabled: record.status === '1', // 已发布的不能选择
+    }),
+  };
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  // 处理添加
+  const handleAdd = () => {
+    setIsEdit(false);
+    setCurrentId('');
+    modalForm.resetFields();
+    setFileList([]);
+    setThumbnailList([]);
+    setModalVisible(true);
+  };
+
+  // 处理批量删除
+  const handleBatchDelete = () => {
+    Modal.confirm({
+      title: '确定要删除选中的文件吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: '删除后无法恢复',
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        setLoading(true);
+        try {
+          // 模拟批量删除，过滤掉已发布的文件
+          const deleteIds = selectedRowKeys.filter(key => {
+            const record = downloadData.find(item => item.key === key);
+            return record && record.status !== '1';
+          });
+
+          const newData = downloadData.filter(item => !deleteIds.includes(item.key));
+          setDownloadData(newData);
+          setSelectedRowKeys([]);
+          message.success('删除成功');
+        } catch (error) {
+          console.error('批量删除失败:', error);
+          message.error('批量删除失败');
+        } finally {
+          setLoading(false);
+        }
+      },
+    });
+  };
+
+  // 处理搜索
+  const handleSearch = (values: API.DownloadSearchParams) => {
+    console.log('搜索条件:', values);
+    setSearchParams(values);
+
+    // 模拟搜索，实际项目中应调用API
+    const initialData = [
+      {
+        key: '1',
+        id: '1',
+        name: '采购申请模板',
+        category: '模板文件',
+        keyword: '采购,申请,模板',
+        createTime: '2023-06-15 10:30:00',
+        createBy: 'admin',
+        status: '1', // 已发布
+        thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+      },
+      {
+        key: '2',
+        id: '2',
+        name: '系统操作手册V1.0',
+        category: '操作手册',
+        keyword: '系统,操作,手册',
+        createTime: '2023-06-20 14:45:00',
+        createBy: 'admin',
+        status: '0', // 草稿
+        thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+      },
+      {
+        key: '3',
+        id: '3',
+        name: '发票申请指南',
+        category: '操作手册',
+        keyword: '发票,申请,指南',
+        createTime: '2023-06-25 09:15:00',
+        createBy: 'admin',
+        status: '1', // 已发布
+        thumbnail: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
+      },
+    ];
+
+    if (values.name || values.category || values.status) {
+      const filteredData = initialData.filter(item => {
+        const nameMatch = values.name ? item.name.includes(values.name) : true;
+        const categoryMatch = values.category ? item.category === values.category : true;
+        const statusMatch = values.status ? item.status === values.status : true;
+        return nameMatch && categoryMatch && statusMatch;
+      });
+      setDownloadData(filteredData);
+    } else {
+      setDownloadData(initialData);
+    }
+  };
+
+  // 处理文件上传变化
+  const handleFileChange = (info: any) => {
+    setFileList(info.fileList.slice(-1)); // 只保留最后一个文件
+  };
+
+  // 处理缩略图上传变化
+  const handleThumbnailChange = (info: any) => {
+    setThumbnailList(info.fileList.slice(-1)); // 只保留最后一个文件
+
+    // 如果上传成功，模拟获取URL
+    if (info.file.status === 'done') {
+      message.success(`${info.file.name} 上传成功`);
+    } else if (info.file.status === 'error') {
+      message.error(`${info.file.name} 上传失败`);
+    }
+  };
+
+  // 处理模态框提交
+  const handleModalSubmit = () => {
+    modalForm.validateFields().then(values => {
+      try {
+        // 检查是否有文件上传
+        if (!isEdit && fileList.length === 0) {
+          message.error('请上传文件');
+          return;
+        }
+
+        const thumbnailUrl = thumbnailList.length > 0
+          ? thumbnailList[0].url || 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+          : undefined;
+
+        const newItem: DownloadType = {
+          key: isEdit ? currentId : (downloadData.length + 1).toString(),
+          id: isEdit ? currentId : (downloadData.length + 1).toString(),
+          name: values.name,
+          category: values.category,
+          keyword: values.keyword,
+          createTime: new Date().toLocaleString(),
+          createBy: 'admin',
+          status: '0', // 默认为草稿状态
+          thumbnail: thumbnailUrl,
+        };
+
+        if (isEdit) {
+          // 编辑模式，更新数据
+          const newData = downloadData.map(item =>
+            item.id === currentId ? newItem : item
+          );
+          setDownloadData(newData);
+          message.success('更新成功');
+        } else {
+          // 新增模式，添加数据
+          setDownloadData([...downloadData, newItem]);
+          message.success('添加成功');
+        }
+
+        setModalVisible(false);
+        modalForm.resetFields();
+        setFileList([]);
+        setThumbnailList([]);
+      } catch (error) {
+        console.error(isEdit ? '更新文件失败:' : '添加文件失败:', error);
+        message.error(isEdit ? '更新失败' : '添加失败');
+      }
+    }).catch(info => {
+      console.log('校验失败:', info);
+    });
+  };
+
+  // 处理模态框取消
+  const handleModalCancel = () => {
+    setModalVisible(false);
+    modalForm.resetFields();
+    setFileList([]);
+    setThumbnailList([]);
+  };
+
+  return (
+    <div className="download-manage-container common-container">
+      <div className="filter-action-row">
+        <Form
+          form={form}
+          name="search"
+          onFinish={handleSearch}
+          layout="inline"
+          className="filter-form"
+        >
+          <Form.Item name="name" label="名称">
+            <Input placeholder="请输入名称关键词" allowClear />
+          </Form.Item>
+          <Form.Item name="category" label="栏目">
+            <Select placeholder="请选择栏目" allowClear>
+              <Option value="模板文件">模板文件</Option>
+              <Option value="操作手册">操作手册</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item name="status" label="状态">
+            <Select placeholder="请选择状态" allowClear>
+              <Option value="0">草稿</Option>
+              <Option value="1">已发布</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" htmlType="submit" icon={<SearchOutlined />}>
+              搜索
+            </Button>
+            <Button
+              type="primary"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={() => {
+                form.resetFields();
+                setSearchParams({});
+                handleSearch({});
+              }}
+            >
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+
+        <div className="right-buttons">
+          <Button
+            type="primary"
+            ghost
+            icon={<PlusOutlined />}
+            onClick={handleAdd}
+          >
+            新增
+          </Button>
+          <Button
+            danger
+            icon={<DeleteOutlined />}
+            onClick={handleBatchDelete}
+            disabled={!hasSelected}
+            loading={loading}
+          >
+            删除
+          </Button>
+          {hasSelected && (
+            <span className="selected-count">
+              已选择 {selectedRowKeys.length} 项
+            </span>
+          )}
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          rowSelection={rowSelection}
+          columns={columns}
+          dataSource={downloadData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+        />
+      </div>
+
+      {/* 新增/编辑模态框 */}
+      <Modal
+        title={isEdit ? "编辑文件" : "新增文件"}
+        visible={modalVisible}
+        onOk={handleModalSubmit}
+        onCancel={handleModalCancel}
+        width={600}
+        maskClosable={false}
+        destroyOnClose
+      >
+        <Form
+          form={modalForm}
+          layout="vertical"
+          name="downloadForm"
+          preserve={false}
+        >
+          <Form.Item
+            name="name"
+            label="名称"
+            rules={[{ required: true, message: '请输入名称' }]}
+          >
+            <Input placeholder="请输入名称" />
+          </Form.Item>
+
+          <Form.Item
+            name="category"
+            label="栏目"
+            rules={[{ required: true, message: '请选择栏目' }]}
+          >
+            <Select placeholder="请选择栏目">
+              <Option value="模板文件">模板文件</Option>
+              <Option value="操作手册">操作手册</Option>
+            </Select>
+          </Form.Item>
+
+          <Form.Item
+            name="keyword"
+            label="关键词"
+            rules={[{ required: true, message: '请输入关键词' }]}
+          >
+            <Input placeholder="请输入关键词，多个关键词用逗号分隔" />
+          </Form.Item>
+
+          <Form.Item
+            name="file"
+            label="文件上传"
+            rules={[{ required: !isEdit, message: '请上传文件' }]}
+          >
+            <Dragger
+              name="file"
+              fileList={fileList}
+              beforeUpload={(file) => validateFileSize(file, 20, ['pdf', 'zip', 'rar', 'doc', 'docx'])}
+              onChange={handleFileChange}
+              action="/"
+              maxCount={1}
+            >
+              <p className="ant-upload-drag-icon">
+                <InboxOutlined />
+              </p>
+              <p className="ant-upload-text">点击或拖拽文件到此区域上传</p>
+              <p className="ant-upload-hint">支持格式：.rar .zip .doc .docx .pdf，单个文件不能超过20MB</p>
+            </Dragger>
+          </Form.Item>
+
+          <Form.Item
+            name="thumbnail"
+            label="缩略图"
+            extra="支持jpg、png、gif等图片格式，大小不超过2MB"
+          >
+            <Upload
+              name="thumbnail"
+              listType="picture-card"
+              fileList={thumbnailList}
+              beforeUpload={(file) => validateFileSize(file, 2, ['jpg', 'png', 'gif'])}
+              onChange={handleThumbnailChange}
+              action="/"
+              maxCount={1}
+            >
+              {thumbnailList.length >= 1 ? null : (
+                <div>
+                  <PlusOutlined />
+                  <div style={{ marginTop: 8 }}>上传</div>
+                </div>
+              )}
+            </Upload>
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  );
+};
+
+export default DownloadManage;
diff --git a/src/pages/helpManage/helpManage.less b/src/pages/helpManage/helpManage.less
new file mode 100644
index 0000000..40af3da
--- /dev/null
+++ b/src/pages/helpManage/helpManage.less
@@ -0,0 +1,11 @@
+.help-manage-container {
+  padding: 24px;
+
+  .help-manage-content {
+    background: #fff;
+    padding: 24px;
+    min-height: 500px;
+    border-radius: 4px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  }
+}
diff --git a/src/pages/helpManage/helpManage.tsx b/src/pages/helpManage/helpManage.tsx
new file mode 100644
index 0000000..32893a9
--- /dev/null
+++ b/src/pages/helpManage/helpManage.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { useIntl } from 'umi';
+import './helpManage.less';
+
+const HelpManage: React.FC = () => {
+  const intl = useIntl();
+
+  return (
+    <div className="help-manage-container">
+      <h1>{intl.formatMessage({ id: 'menu.帮助中心管理' })}</h1>
+      <div className="help-manage-content">
+        {/* 帮助中心管理内容 */}
+      </div>
+    </div>
+  );
+};
+
+export default HelpManage;
diff --git a/src/pages/notice/notice.less b/src/pages/notice/notice.less
deleted file mode 100644
index 81945e0..0000000
--- a/src/pages/notice/notice.less
+++ /dev/null
@@ -1,32 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.noticeContainer {
-  min-height: calc(100vh - 200px);
-  padding: 24px;
-  background-color: #fff;
-}
-
-.noticeRow {
-  width: 100%;
-}
-
-.menuCol {
-  margin-bottom: 24px;
-}
-
-.noticeMenu {
-  border-right: none;
-}
-
-.noticeContent {
-  width: 100%;
-}
-
-.noticeTitle {
-  color: #333;
-  transition: color 0.3s;
-
-  &:hover {
-    color: rgb(0, 79, 142);
-  }
-}
diff --git a/src/pages/notice/notice.tsx b/src/pages/notice/notice.tsx
deleted file mode 100644
index 751bc6a..0000000
--- a/src/pages/notice/notice.tsx
+++ /dev/null
@@ -1,191 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Table, Menu, Row, Col } from 'antd';
-import { history } from 'umi';
-import { BellOutlined, AppstoreOutlined } from '@ant-design/icons';
-import styles from './notice.less';
-
-// 模拟系统更新通知数据
-const mockSystemNotices = [
-  {
-    id: '1',
-    title: '系统将于2023年9月15日进行版本升级',
-    publishDate: '2023-09-10',
-    type: 'system',
-  },
-  {
-    id: '2',
-    title: '招标模块功能优化更新通知',
-    publishDate: '2023-08-25',
-    type: 'system',
-  },
-  {
-    id: '3',
-    title: '系统安全性能升级维护通知',
-    publishDate: '2023-08-10',
-    type: 'system',
-  },
-  {
-    id: '4',
-    title: '移动端应用同步更新通知',
-    publishDate: '2023-07-28',
-    type: 'system',
-  },
-  {
-    id: '5',
-    title: '供应商管理模块功能升级通知',
-    publishDate: '2023-07-15',
-    type: 'system',
-  },
-];
-
-// 模拟其他通知数据
-const mockOtherNotices = [
-  {
-    id: '6',
-    title: '关于开展2023年度供应商评估工作的通知',
-    publishDate: '2023-09-05',
-    type: 'other',
-  },
-  {
-    id: '7',
-    title: '关于调整采购审批流程的通知',
-    publishDate: '2023-08-20',
-    type: 'other',
-  },
-  {
-    id: '8',
-    title: '关于加强信息安全管理的通知',
-    publishDate: '2023-08-05',
-    type: 'other',
-  },
-  {
-    id: '9',
-    title: '关于开展采购人员培训的通知',
-    publishDate: '2023-07-25',
-    type: 'other',
-  },
-  {
-    id: '10',
-    title: '关于优化供应商准入机制的通知',
-    publishDate: '2023-07-10',
-    type: 'other',
-  },
-];
-
-const NoticePage: React.FC = () => {
-  const [activeMenu, setActiveMenu] = useState<string>('system');
-  const [noticeData, setNoticeData] = useState<any[]>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [pagination, setPagination] = useState({
-    current: 1,
-    pageSize: 10,
-    total: 0,
-  });
-
-  // 根据当前选中的菜单加载对应的通知数据
-  useEffect(() => {
-    setLoading(true);
-    // 模拟API请求
-    setTimeout(() => {
-      const data = activeMenu === 'system' ? mockSystemNotices : mockOtherNotices;
-      setNoticeData(data);
-      setPagination((prevPagination) => ({
-        ...prevPagination,
-        total: data.length,
-      }));
-      setLoading(false);
-    }, 500);
-  }, [activeMenu]);
-
-  // 处理菜单切换
-  const handleMenuClick = (e: any) => {
-    setActiveMenu(e.key);
-    setPagination({
-      ...pagination,
-      current: 1,
-    });
-  };
-
-  // 处理表格分页变化
-  const handleTableChange = (newPagination: any) => {
-    setPagination(newPagination);
-  };
-
-  // 处理点击通知标题
-  const handleNoticeClick = (id: string) => {
-    history.push(`/notice/noticeInfo?id=${id}`);
-  };
-
-  // 定义表格列
-  const columns = [
-    {
-      title: '序号',
-      dataIndex: 'index',
-      key: 'index',
-      width: 80,
-      render: (_: any, __: any, index: number) => {
-        return (pagination.current - 1) * pagination.pageSize + index + 1;
-      },
-    },
-    {
-      title: '标题',
-      dataIndex: 'title',
-      key: 'title',
-      render: (text: string, record: any) => (
-        <a onClick={() => handleNoticeClick(record.id)} className={styles.noticeTitle}>
-          {text}
-        </a>
-      ),
-    },
-    {
-      title: '发布时间',
-      dataIndex: 'publishDate',
-      key: 'publishDate',
-      width: 150,
-      align: 'center' as 'center',
-    },
-  ];
-
-  return (
-    <div className={styles.noticeContainer}>
-      <Row gutter={10} className={styles.noticeRow}>
-        <Col span={3} className={styles.menuCol}>
-          <Menu
-            mode="vertical"
-            selectedKeys={[activeMenu]}
-            onClick={handleMenuClick}
-            className={styles.noticeMenu}
-          >
-            <Menu.Item key="system" icon={<AppstoreOutlined />}>
-              系统更新通知
-            </Menu.Item>
-            <Menu.Item key="other" icon={<BellOutlined />}>
-              其他通知
-            </Menu.Item>
-          </Menu>
-        </Col>
-
-        <Col span={21}>
-          <div className={styles.noticeContent}>
-            <Table
-              columns={columns}
-              dataSource={noticeData}
-              rowKey="id"
-              pagination={{
-                ...pagination,
-                showTotal: (total) => `共 ${total} 条记录`,
-                showSizeChanger: true,
-                showQuickJumper: true,
-              }}
-              loading={loading}
-              onChange={handleTableChange}
-              bordered
-            />
-          </div>
-        </Col>
-      </Row>
-    </div>
-  );
-};
-
-export default NoticePage;
diff --git a/src/pages/notice/noticeInfo.less b/src/pages/notice/noticeInfo.less
deleted file mode 100644
index 1d12208..0000000
--- a/src/pages/notice/noticeInfo.less
+++ /dev/null
@@ -1,99 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.noticeInfoContainer {
-  padding: 24px;
-  background-color: #fff;
-  min-height: calc(100vh - 200px);
-}
-
-.noticeInfoHeader {
-  margin-bottom: 24px;
-}
-
-.backButton {
-  color: rgb(0, 79, 142);
-  padding: 0;
-
-  &:hover {
-    color: lighten(rgb(0, 79, 142), 10%);
-  }
-}
-
-.noticeInfoContent {
-  width: 100%;
-  max-width: 1000px;
-  margin: 0 auto;
-}
-
-.titleContainer {
-  text-align: center;
-  margin-bottom: 24px;
-}
-
-.title {
-  color: rgb(0, 79, 142);
-  font-weight: 500;
-}
-
-.metaInfo {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 24px;
-  color: #999;
-
-  .metaLeft, .metaCenter, .metaRight {
-    flex: 1;
-  }
-
-  .metaCenter {
-    text-align: center;
-  }
-
-  .metaRight {
-    text-align: right;
-  }
-}
-
-.divider {
-  margin: 16px 0;
-  border-top: 1px solid #e8e8e8;
-}
-
-.contentBody {
-  font-size: 16px;
-  line-height: 1.8;
-
-  p {
-    margin-bottom: 16px;
-  }
-
-  strong {
-    font-weight: 500;
-    color: rgb(0, 79, 142);
-  }
-
-  ol, ul {
-    margin-bottom: 16px;
-    padding-left: 24px;
-
-    li {
-      margin-bottom: 8px;
-    }
-  }
-}
-
-.loadingContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 400px;
-}
-
-.notFoundContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 400px;
-  gap: 24px;
-}
diff --git a/src/pages/notice/noticeInfo.tsx b/src/pages/notice/noticeInfo.tsx
deleted file mode 100644
index 9ea78f9..0000000
--- a/src/pages/notice/noticeInfo.tsx
+++ /dev/null
@@ -1,247 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'umi';
-import { Typography, Button, Divider, Spin, message } from 'antd';
-import { ArrowLeftOutlined } from '@ant-design/icons';
-import styles from './noticeInfo.less';
-
-const { Title, Text } = Typography;
-
-interface NoticeDetail {
-  id: string;
-  title: string;
-  content: string;
-  publishDate: string;
-  publisher: string;
-  type: string;
-}
-
-interface NoticeDetails {
-  [key: string]: NoticeDetail;
-}
-
-// 模拟通知详情数据
-const mockNoticeDetails: NoticeDetails = {
-  '1': {
-    id: '1',
-    title: '系统将于2023年9月15日进行版本升级',
-    publishDate: '2023-09-10',
-    publisher: '系统管理员',
-    type: 'system',
-    content: `
-      <p>尊敬的用户：</p>
-      <p>为了提供更好的用户体验和系统功能，我们计划于2023年9月15日晚上22:00至次日凌晨2:00进行系统版本升级。在此期间，系统将暂停服务，请您提前做好相关工作安排。</p>
-
-      <p><strong>本次升级内容：</strong></p>
-      <ol>
-        <li>优化招标采购流程，提高操作效率</li>
-        <li>增加供应商评价功能，完善评价体系</li>
-        <li>优化系统响应速度，提升用户体验</li>
-        <li>修复已知问题，提高系统稳定性</li>
-        <li>增强系统安全性，保障数据安全</li>
-      </ol>
-
-      <p><strong>升级注意事项：</strong></p>
-      <ol>
-        <li>请您在系统升级前保存并提交所有未完成的工作</li>
-        <li>系统升级后，建议清除浏览器缓存再登录系统</li>
-        <li>如遇到任何问题，请联系系统管理员</li>
-      </ol>
-
-      <p>感谢您的理解与支持！</p>
-      <p>系统管理团队</p>
-      <p>2023年9月10日</p>
-    `
-  },
-  '2': {
-    id: '2',
-    title: '招标模块功能优化更新通知',
-    publishDate: '2023-08-25',
-    publisher: '系统管理员',
-    type: 'system',
-    content: `
-      <p>尊敬的用户：</p>
-      <p>我们很高兴地通知您，招标模块已完成功能优化升级，现已上线。本次更新主要针对招标流程进行了优化，提高了操作效率和用户体验。</p>
-
-      <p><strong>主要更新内容：</strong></p>
-      <ol>
-        <li>简化招标发布流程，减少操作步骤</li>
-        <li>优化投标文件管理功能，支持批量上传和下载</li>
-        <li>增加招标项目进度跟踪功能，实时掌握项目状态</li>
-        <li>完善评标功能，支持多种评标方法</li>
-        <li>增加中标结果自动生成功能，提高工作效率</li>
-      </ol>
-
-      <p><strong>使用建议：</strong></p>
-      <ol>
-        <li>请参考系统内置的操作指南熟悉新功能</li>
-        <li>如有任何问题或建议，请通过系统反馈功能提交</li>
-      </ol>
-
-      <p>感谢您对我们工作的支持！</p>
-      <p>系统管理团队</p>
-      <p>2023年8月25日</p>
-    `
-  },
-  '6': {
-    id: '6',
-    title: '关于开展2023年度供应商评估工作的通知',
-    publishDate: '2023-09-05',
-    publisher: '采购管理部',
-    type: 'other',
-    content: `
-      <p>各相关部门：</p>
-      <p>为加强供应商管理，提高采购质量，根据《中远海运集团供应商管理实施细则》的要求，现决定开展2023年度供应商评估工作，具体事项通知如下：</p>
-
-      <p><strong>一、评估对象</strong></p>
-      <p>2023年度与我集团有业务往来的所有供应商。</p>
-
-      <p><strong>二、评估时间</strong></p>
-      <p>2023年9月15日至10月15日。</p>
-
-      <p><strong>三、评估内容</strong></p>
-      <ol>
-        <li>供应商资质情况</li>
-        <li>产品质量及服务水平</li>
-        <li>价格合理性</li>
-        <li>交货及时性</li>
-        <li>售后服务响应速度</li>
-        <li>合同履约情况</li>
-        <li>社会责任履行情况</li>
-      </ol>
-
-      <p><strong>四、评估方法</strong></p>
-      <p>采用百分制评分，根据评分结果将供应商分为A、B、C、D四个等级。</p>
-
-      <p><strong>五、工作要求</strong></p>
-      <ol>
-        <li>各部门应指定专人负责本部门供应商评估工作</li>
-        <li>评估过程应客观公正，实事求是</li>
-        <li>评估结果应于10月20日前报送采购管理部汇总</li>
-      </ol>
-
-      <p>特此通知。</p>
-      <p>采购管理部</p>
-      <p>2023年9月5日</p>
-    `
-  },
-  '7': {
-    id: '7',
-    title: '关于调整采购审批流程的通知',
-    publishDate: '2023-08-20',
-    publisher: '采购管理部',
-    type: 'other',
-    content: `
-      <p>各相关部门：</p>
-      <p>为提高采购效率，优化业务流程，经公司研究决定，对采购审批流程进行调整，现将有关事项通知如下：</p>
-
-      <p><strong>一、调整内容</strong></p>
-      <ol>
-        <li>采购金额50万元以下的项目，由部门经理审批后直接提交采购部执行，无需总经理审批</li>
-        <li>采购金额50万元至200万元的项目，由部门经理和分管副总经理审批后提交采购部执行</li>
-        <li>采购金额200万元以上的项目，仍按原流程执行，需经总经理审批</li>
-      </ol>
-
-      <p><strong>二、实施时间</strong></p>
-      <p>本通知自2023年9月1日起实施。</p>
-
-      <p><strong>三、注意事项</strong></p>
-      <ol>
-        <li>各部门应严格按照新的审批流程执行，不得擅自变更</li>
-        <li>采购部应加强对采购项目的监督管理，确保采购质量</li>
-        <li>审批人应认真履行审批职责，对采购项目的必要性、合理性进行审核</li>
-      </ol>
-
-      <p>特此通知。</p>
-      <p>采购管理部</p>
-      <p>2023年8月20日</p>
-    `
-  }
-};
-
-const NoticeInfo: React.FC = () => {
-  const location = useLocation();
-  const id = new URLSearchParams(location.search).get("id");
-  const [noticeDetail, setNoticeDetail] = useState<NoticeDetail | null>(null);
-  const [loading, setLoading] = useState<boolean>(true);
-
-  // 模拟获取通知详情数据
-  useEffect(() => {
-    // 实际项目中应该通过API获取数据
-    setTimeout(() => {
-      if (id && mockNoticeDetails[id]) {
-        setNoticeDetail(mockNoticeDetails[id]);
-      } else {
-        // 处理ID不存在的情况
-        message.error('通知不存在');
-      }
-      setLoading(false);
-    }, 500);
-  }, [id]);
-
-  // 处理返回列表
-  const handleBack = () => {
-    window.history.back();
-  };
-
-  if (loading) {
-    return (
-      <div className={styles.loadingContainer}>
-        <Spin size="large" />
-      </div>
-    );
-  }
-
-  if (!noticeDetail) {
-    return (
-      <div className={styles.notFoundContainer}>
-        <Title level={4}>未找到相关通知</Title>
-        <Button type="primary" onClick={handleBack}>返回列表</Button>
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.noticeInfoContainer}>
-      <div className={styles.noticeInfoHeader}>
-        <Button
-          type="link"
-          icon={<ArrowLeftOutlined />}
-          onClick={handleBack}
-          className={styles.backButton}
-        >
-          返回列表
-        </Button>
-      </div>
-
-      <div className={styles.noticeInfoContent}>
-        <div className={styles.titleContainer}>
-          <Title level={2} className={styles.title}>
-            {noticeDetail.title}
-          </Title>
-        </div>
-
-        <div className={styles.metaInfo}>
-          <div className={styles.metaLeft}>
-            <Text type="secondary">发布时间: {noticeDetail.publishDate}</Text>
-          </div>
-          <div className={styles.metaCenter}>
-            <Text type="secondary">发布人: {noticeDetail.publisher}</Text>
-          </div>
-          <div className={styles.metaRight}>
-            <Text type="secondary">
-              通知类型: {noticeDetail.type === 'system' ? '系统更新通知' : '其他通知'}
-            </Text>
-          </div>
-        </div>
-
-        <Divider className={styles.divider} />
-
-        <div className={styles.contentBody}>
-          <div dangerouslySetInnerHTML={{ __html: noticeDetail.content }} />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default NoticeInfo;
diff --git a/src/pages/noticeManage/noticeManage.less b/src/pages/noticeManage/noticeManage.less
new file mode 100644
index 0000000..e003f20
--- /dev/null
+++ b/src/pages/noticeManage/noticeManage.less
@@ -0,0 +1,11 @@
+.notice-manage-container {
+  padding: 24px;
+
+  .notice-manage-content {
+    background: #fff;
+    padding: 24px;
+    min-height: 500px;
+    border-radius: 4px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  }
+}
diff --git a/src/pages/noticeManage/noticeManage.tsx b/src/pages/noticeManage/noticeManage.tsx
new file mode 100644
index 0000000..f7cd3c4
--- /dev/null
+++ b/src/pages/noticeManage/noticeManage.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { useIntl } from 'umi';
+import './noticeManage.less';
+
+const NoticeManage: React.FC = () => {
+  const intl = useIntl();
+
+  return (
+    <div className="notice-manage-container">
+      <h1>{intl.formatMessage({ id: 'menu.通知中心管理' })}</h1>
+      <div className="notice-manage-content">
+        {/* 通知中心管理内容 */}
+      </div>
+    </div>
+  );
+};
+
+export default NoticeManage;
diff --git a/src/pages/policy/policy.less b/src/pages/policy/policy.less
deleted file mode 100644
index 1349f32..0000000
--- a/src/pages/policy/policy.less
+++ /dev/null
@@ -1,28 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.policyContainer {
-  padding: 10px;
-  background-color: #fff;
-  // min-height: calc(100vh - 200px);
-}
-
-.policyHeader {
-  margin-bottom: 24px;
-}
-
-.pageTitle {
-  color: rgb(0, 79, 142);
-  font-weight: 500;
-  text-align: center;
-  margin-bottom: 24px;
-}
-
-
-.policyTitle {
-  color: #333;
-  transition: color 0.3s;
-
-  &:hover {
-    color: rgb(0, 79, 142);
-  }
-}
diff --git a/src/pages/policy/policy.tsx b/src/pages/policy/policy.tsx
deleted file mode 100644
index 1f48e14..0000000
--- a/src/pages/policy/policy.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Table, Typography } from 'antd';
-import { history } from 'umi';
-import styles from './policy.less';
-
-const { Title } = Typography;
-
-// 模拟政策法规数据
-const mockPolicyData = [
-  {
-    id: '1',
-    title: '关于进一步规范招标采购活动的管理办法',
-    publishDate: '2023-08-15',
-  },
-  {
-    id: '2',
-    title: '中远海运集团供应商管理实施细则(2023年修订版)',
-    publishDate: '2023-07-20',
-  },
-  {
-    id: '3',
-    title: '关于加强采购合同履约管理的通知',
-    publishDate: '2023-06-10',
-  },
-  {
-    id: '4',
-    title: '中远海运集团招标采购管理办法',
-    publishDate: '2023-05-25',
-  },
-  {
-    id: '5',
-    title: '关于优化招标采购流程提高采购效率的实施意见',
-    publishDate: '2023-04-18',
-  },
-  {
-    id: '6',
-    title: '中远海运集团电子招标采购平台操作指南',
-    publishDate: '2023-03-30',
-  },
-  {
-    id: '7',
-    title: '关于进一步加强采购风险防控的指导意见',
-    publishDate: '2023-02-15',
-  },
-  {
-    id: '8',
-    title: '中远海运集团采购评审专家管理办法',
-    publishDate: '2023-01-10',
-  },
-  {
-    id: '9',
-    title: '关于推进绿色采购的实施方案',
-    publishDate: '2022-12-20',
-  },
-  {
-    id: '10',
-    title: '中远海运集团采购人员职业道德规范',
-    publishDate: '2022-11-05',
-  },
-];
-
-const PolicyPage: React.FC = () => {
-  const [policyData, setPolicyData] = useState<any[]>([]);
-  const [loading, setLoading] = useState<boolean>(true);
-  const [pagination, setPagination] = useState({
-    current: 1,
-    pageSize: 10,
-    total: 0,
-  });
-
-  // 模拟获取政策法规数据
-  useEffect(() => {
-    // 实际项目中应该通过API获取数据
-    setTimeout(() => {
-      setPolicyData(mockPolicyData);
-      setPagination((prevPagination) => ({
-        ...prevPagination,
-        total: mockPolicyData.length,
-      }));
-      setLoading(false);
-    }, 500);
-  }, []);
-
-  // 处理表格分页变化
-  const handleTableChange = (newPagination: any) => {
-    setPagination(newPagination);
-  };
-
-  // 处理点击政策标题
-  const handlePolicyClick = (id: string) => {
-    history.push(`/policy/policyInfo?id=${id}`);
-  };
-
-  // 定义表格列
-  const columns = [
-    {
-      title: '序号',
-      dataIndex: 'index',
-      key: 'index',
-      width: 80,
-      render: (_: any, __: any, index: number) => {
-        return (pagination.current - 1) * pagination.pageSize + index + 1;
-      },
-    },
-    {
-      title: '标题',
-      dataIndex: 'title',
-      key: 'title',
-      render: (text: string, record: any) => (
-        <a onClick={() => handlePolicyClick(record.id)} className={styles.policyTitle}>
-          {text}
-        </a>
-      ),
-    },
-    {
-      title: '发布时间',
-      dataIndex: 'publishDate',
-      key: 'publishDate',
-      width: 150,
-      align: 'center' as 'center',
-    },
-  ];
-
-  return (
-    <div className={styles.policyContainer}>
-      <div className={styles.policyTable}>
-        <Table
-          columns={columns}
-          dataSource={policyData}
-          rowKey="id"
-          pagination={{
-            ...pagination,
-            showTotal: (total) => `共 ${total} 条记录`,
-            showSizeChanger: true,
-            showQuickJumper: true,
-          }}
-          loading={loading}
-          onChange={handleTableChange}
-          bordered
-        />
-      </div>
-    </div>
-  );
-};
-
-export default PolicyPage;
diff --git a/src/pages/policy/policyInfo.less b/src/pages/policy/policyInfo.less
deleted file mode 100644
index 197af99..0000000
--- a/src/pages/policy/policyInfo.less
+++ /dev/null
@@ -1,107 +0,0 @@
-@import '~antd/es/style/themes/default.less';
-
-.policyInfoContainer {
-  padding: 24px;
-  background-color: #fff;
-  min-height: calc(100vh - 200px);
-}
-
-.policyInfoHeader {
-  margin-bottom: 24px;
-}
-
-.backButton {
-  color: rgb(0, 79, 142);
-  padding: 0;
-
-  &:hover {
-    color: lighten(rgb(0, 79, 142), 10%);
-  }
-}
-
-.policyInfoContent {
-  width: 100%;
-  max-width: 1000px;
-  margin: 0 auto;
-}
-
-.titleContainer {
-  text-align: center;
-  margin-bottom: 24px;
-}
-
-.title {
-  color: rgb(0, 79, 142);
-  font-weight: 500;
-}
-
-.metaInfo {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 24px;
-  color: #999;
-
-  .metaLeft, .metaRight {
-    flex: 1;
-  }
-
-  .metaRight {
-    text-align: right;
-  }
-}
-
-.divider {
-  margin: 16px 0;
-  border-top: 1px solid #e8e8e8;
-}
-
-.contentBody {
-  font-size: 16px;
-  line-height: 1.8;
-
-  p {
-    margin-bottom: 16px;
-  }
-
-  strong {
-    font-weight: 500;
-    color: rgb(0, 79, 142);
-  }
-}
-
-.attachmentsSection {
-  margin-top: 40px;
-}
-
-.attachmentsTitle {
-  font-size: 18px;
-  font-weight: 500;
-  color: rgb(0, 79, 142);
-  margin-bottom: 16px;
-}
-
-.attachmentsList {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-}
-
-.attachmentButton {
-  margin-bottom: 12px;
-}
-
-.loadingContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 400px;
-}
-
-.notFoundContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: 400px;
-  gap: 24px;
-}
diff --git a/src/pages/policy/policyInfo.tsx b/src/pages/policy/policyInfo.tsx
deleted file mode 100644
index 98a1615..0000000
--- a/src/pages/policy/policyInfo.tsx
+++ /dev/null
@@ -1,293 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'umi';
-import { Typography, Button, Space, Divider, Row, Col, Spin, message } from 'antd';
-import { DownloadOutlined, ArrowLeftOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined } from '@ant-design/icons';
-import styles from './policyInfo.less';
-
-const { Title, Text } = Typography;
-
-interface PolicyDetail {
-  id: string;
-  title: string;
-  publishDate: string;
-  publisher: string;
-  content: string;
-  attachments: {
-    name: string;
-    url: string;
-    type: string;
-  }[];
-}
-
-interface PolicyDetails {
-  [key: string]: PolicyDetail;
-}
-
-// 模拟政策法规详情数据
-const mockPolicyDetails: PolicyDetails = {
-  '1': {
-    id: '1',
-    title: '关于进一步规范招标采购活动的管理办法',
-    publishDate: '2023-08-15',
-    publisher: '中远海运集团采购管理部',
-    content: `
-      <p><strong>第一章 总则</strong></p>
-      <p>第一条 为进一步规范集团招标采购活动，提高采购效率，降低采购成本，防范采购风险，根据《中华人民共和国招标投标法》《中华人民共和国招标投标法实施条例》等法律法规，结合集团实际情况，制定本办法。</p>
-      <p>第二条 本办法适用于集团总部及各下属单位的招标采购活动。</p>
-      <p>第三条 招标采购活动应当遵循公开、公平、公正和诚实信用的原则。</p>
-
-      <p><strong>第二章 招标采购组织机构及职责</strong></p>
-      <p>第四条 集团设立采购管理委员会，负责审议集团采购管理制度、采购策略、重大采购事项等。</p>
-      <p>第五条 集团采购管理部是集团采购管理的职能部门，负责组织实施集团采购管理工作。</p>
-      <p>第六条 各单位应当设立采购管理部门，负责本单位采购管理工作。</p>
-
-      <p><strong>第三章 招标采购方式</strong></p>
-      <p>第七条 招标采购方式包括公开招标、邀请招标、竞争性谈判、竞争性磋商、询价采购、单一来源采购等。</p>
-      <p>第八条 采购金额达到下列标准之一的，应当采用公开招标方式：</p>
-      <p>（一）货物类项目采购金额在200万元以上；</p>
-      <p>（二）工程类项目采购金额在400万元以上；</p>
-      <p>（三）服务类项目采购金额在100万元以上。</p>
-      <p>第九条 符合下列情形之一的，可以采用邀请招标方式：</p>
-      <p>（一）技术复杂、有特殊要求或者受自然环境限制，只有少量供应商可供选择；</p>
-      <p>（二）采用公开招标方式的费用占采购项目总价值的比例过大。</p>
-
-      <p><strong>第四章 招标采购程序</strong></p>
-      <p>第十条 招标采购程序包括：采购需求提出、采购方式确定、采购文件编制、采购公告发布、投标文件接收与开标、评标、定标、合同签订等环节。</p>
-      <p>第十一条 采购需求部门应当提出书面采购申请，明确采购需求、技术规格、数量、交货期等要求。</p>
-      <p>第十二条 采购管理部门根据采购金额、采购内容等因素，确定采购方式。</p>
-      <p>第十三条 采购文件应当包括采购项目的技术要求、商务条件、评标方法与标准、合同主要条款等内容。</p>
-
-      <p><strong>第五章 评标与定标</strong></p>
-      <p>第十四条 评标委员会由采购人代表和评审专家组成，成员人数为5人以上单数，其中评审专家不得少于成员总数的三分之二。</p>
-      <p>第十五条 评标方法可以采用最低评标价法、综合评分法等。</p>
-      <p>第十六条 评标委员会按照招标文件确定的评标方法和标准，对投标文件进行评审和比较，提出书面评标报告。</p>
-
-      <p><strong>第六章 合同管理</strong></p>
-      <p>第十七条 采购合同应当明确双方的权利义务、技术要求、合同价格、履行期限、履行地点和方式、验收标准和方法、违约责任等内容。</p>
-      <p>第十八条 采购合同签订后，采购人应当加强对合同履行情况的监督检查，确保合同全面履行。</p>
-
-      <p><strong>第七章 供应商管理</strong></p>
-      <p>第十九条 集团应当建立供应商库，对供应商实行动态管理。</p>
-      <p>第二十条 对供应商的考核评价应当包括供应商资质、产品质量、价格水平、交货期、售后服务等方面。</p>
-
-      <p><strong>第八章 监督检查</strong></p>
-      <p>第二十一条 集团审计部门应当对招标采购活动进行监督检查。</p>
-      <p>第二十二条 任何单位和个人不得以任何方式干涉招标采购活动。</p>
-
-      <p><strong>第九章 附则</strong></p>
-      <p>第二十三条 本办法由集团采购管理部负责解释。</p>
-      <p>第二十四条 本办法自发布之日起施行。</p>
-    `,
-    attachments: [
-      { name: '招标采购管理办法.pdf', url: '/files/招标采购管理办法.pdf', type: 'pdf' },
-      { name: '招标采购流程图.docx', url: '/files/招标采购流程图.docx', type: 'word' }
-    ]
-  },
-  '2': {
-    id: '2',
-    title: '中远海运集团供应商管理实施细则(2023年修订版)',
-    publishDate: '2023-07-20',
-    publisher: '中远海运集团采购管理部',
-    content: `
-      <p><strong>第一章 总则</strong></p>
-      <p>第一条 为规范集团供应商管理工作，建立健全供应商评价体系，提高采购质量和效率，根据《中远海运集团招标采购管理办法》，制定本细则。</p>
-      <p>第二条 本细则适用于集团总部及各下属单位的供应商管理工作。</p>
-
-      <p><strong>第二章 供应商分类</strong></p>
-      <p>第三条 供应商按照提供的产品或服务类型，分为货物类供应商、工程类供应商和服务类供应商。</p>
-      <p>第四条 供应商按照合作关系，分为战略供应商、核心供应商和一般供应商。</p>
-
-      <p><strong>第三章 供应商准入</strong></p>
-      <p>第五条 供应商准入应当符合以下基本条件：</p>
-      <p>（一）具有独立承担民事责任的能力；</p>
-      <p>（二）具有良好的商业信誉和健全的财务会计制度；</p>
-      <p>（三）具有履行合同所必需的设备和专业技术能力；</p>
-      <p>（四）有依法缴纳税收和社会保障资金的良好记录；</p>
-      <p>（五）参加采购活动前三年内，在经营活动中没有重大违法记录；</p>
-      <p>（六）法律、行政法规规定的其他条件。</p>
-
-      <p><strong>第四章 供应商评价</strong></p>
-      <p>第六条 供应商评价指标包括企业资质、财务状况、技术能力、质量保证、价格水平、交货期、售后服务、社会责任等。</p>
-      <p>第七条 供应商评价采用百分制，评价结果分为A、B、C、D四个等级：</p>
-      <p>（一）A级：90分以上，优秀供应商；</p>
-      <p>（二）B级：75-89分，良好供应商；</p>
-      <p>（三）C级：60-74分，合格供应商；</p>
-      <p>（四）D级：60分以下，不合格供应商。</p>
-
-      <p><strong>第五章 供应商退出</strong></p>
-      <p>第八条 供应商有下列情形之一的，应当从供应商库中退出：</p>
-      <p>（一）连续两次评价结果为D级；</p>
-      <p>（二）提供虚假材料谋取中标、成交的；</p>
-      <p>（三）与采购人、其他供应商恶意串通的；</p>
-      <p>（四）向采购人、评标委员会成员行贿或者提供其他不正当利益的；</p>
-      <p>（五）在采购活动中有其他违法违规行为的。</p>
-
-      <p><strong>第六章 附则</strong></p>
-      <p>第九条 本细则由集团采购管理部负责解释。</p>
-      <p>第十条 本细则自发布之日起施行。</p>
-    `,
-    attachments: [
-      { name: '供应商管理实施细则.pdf', url: '/files/供应商管理实施细则.pdf', type: 'pdf' },
-      { name: '供应商评价表.xlsx', url: '/files/供应商评价表.xlsx', type: 'excel' }
-    ]
-  },
-  '3': {
-    id: '3',
-    title: '关于加强采购合同履约管理的通知',
-    publishDate: '2023-06-10',
-    publisher: '中远海运集团采购管理部',
-    content: `
-      <p>各单位：</p>
-      <p>为进一步加强采购合同履约管理，防范合同风险，提高采购质量，经集团研究决定，现就加强采购合同履约管理有关事项通知如下：</p>
-
-      <p><strong>一、高度重视采购合同履约管理</strong></p>
-      <p>各单位要充分认识加强采购合同履约管理的重要性，将合同履约管理作为采购管理的重要环节，纳入采购全过程管理。要明确合同履约管理责任，建立健全合同履约管理制度，规范合同履约管理流程。</p>
-
-      <p><strong>二、严格合同签订管理</strong></p>
-      <p>各单位要严格执行合同审查制度，重点审查合同主体、标的、数量、质量、价款、履行期限、履行地点和方式、违约责任等内容。要加强合同条款设计，合理设置付款条件、验收标准、质保期、违约责任等条款，防范合同风险。</p>
-
-      <p><strong>三、加强合同履行监督</strong></p>
-      <p>各单位要建立合同履行台账，对合同履行情况进行动态跟踪。要加强对供应商履约情况的监督检查，重点关注产品质量、交货期、服务质量等方面。对发现的问题，要及时督促供应商整改。</p>
-
-      <p><strong>四、规范合同验收程序</strong></p>
-      <p>各单位要严格执行合同验收制度，按照合同约定的验收标准和方法进行验收。验收人员应当如实记录验收情况，出具验收报告。验收不合格的，要及时通知供应商整改或者退货。</p>
-
-      <p><strong>五、加强合同档案管理</strong></p>
-      <p>各单位要建立健全合同档案管理制度，对合同文本、履行记录、验收报告、付款凭证等资料进行归档管理。要加强合同信息化管理，提高合同管理效率。</p>
-
-      <p><strong>六、严肃合同履约考核</strong></p>
-      <p>各单位要将合同履约情况纳入供应商评价体系，对供应商履约情况进行考核评价。对履约情况良好的供应商，可以在同等条件下优先考虑；对履约情况不良的供应商，要依据合同约定追究违约责任，并在供应商评价中予以扣分或者降级。</p>
-
-      <p>特此通知。</p>
-    `,
-    attachments: [
-      { name: '合同履约管理通知.pdf', url: '/files/合同履约管理通知.pdf', type: 'pdf' }
-    ]
-  }
-};
-
-const PolicyInfo: React.FC = () => {
-  const location = useLocation();
-  const id = new URLSearchParams(location.search).get("id");
-  const [policyDetail, setPolicyDetail] = useState<PolicyDetail | null>(null);
-  const [loading, setLoading] = useState<boolean>(true);
-
-  // 模拟获取政策法规详情数据
-  useEffect(() => {
-    // 实际项目中应该通过API获取数据
-    setTimeout(() => {
-      if (id && mockPolicyDetails[id]) {
-        setPolicyDetail(mockPolicyDetails[id]);
-      } else {
-        // 处理ID不存在的情况
-        message.error('政策法规不存在');
-      }
-      setLoading(false);
-    }, 500);
-  }, [id]);
-
-  // 处理返回列表
-  const handleBack = () => {
-    window.history.back();
-  };
-
-  // 处理下载附件
-  const handleDownload = (url: string, name: string) => {
-    message.success(`开始下载: ${name}`);
-    console.log('下载附件:', url, name);
-    // 实际项目中应该调用下载API
-    // window.open(url);
-  };
-
-  // 根据文件类型获取图标
-  const getFileIcon = (type: string) => {
-    switch (type) {
-      case 'pdf':
-        return <FilePdfOutlined />;
-      case 'word':
-        return <FileWordOutlined />;
-      case 'excel':
-        return <FileExcelOutlined />;
-      default:
-        return <DownloadOutlined />;
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className={styles.loadingContainer}>
-        <Spin size="large" />
-      </div>
-    );
-  }
-
-  if (!policyDetail) {
-    return (
-      <div className={styles.notFoundContainer}>
-        <Title level={4}>未找到相关政策法规</Title>
-        <Button type="primary" onClick={handleBack}>返回列表</Button>
-      </div>
-    );
-  }
-
-  return (
-    <div className={styles.policyInfoContainer}>
-      <div className={styles.policyInfoHeader}>
-        <Button
-          type="link"
-          icon={<ArrowLeftOutlined />}
-          onClick={handleBack}
-          className={styles.backButton}
-        >
-          返回列表
-        </Button>
-      </div>
-
-      <div className={styles.policyInfoContent}>
-        <div className={styles.titleContainer}>
-          <Title level={2} className={styles.title}>
-            {policyDetail.title}
-          </Title>
-        </div>
-
-        <div className={styles.metaInfo}>
-          <div className={styles.metaLeft}>
-            <Text type="secondary">发布时间: {policyDetail.publishDate}</Text>
-          </div>
-          <div className={styles.metaRight}>
-            <Text type="secondary">发布人: {policyDetail.publisher}</Text>
-          </div>
-        </div>
-
-        <Divider className={styles.divider} />
-
-        <div className={styles.contentBody}>
-          <div dangerouslySetInnerHTML={{ __html: policyDetail.content }} />
-        </div>
-
-        {policyDetail.attachments && policyDetail.attachments.length > 0 && (
-          <div className={styles.attachmentsSection}>
-            <Divider className={styles.divider} />
-            <div className={styles.attachmentsTitle}>附件下载</div>
-            <div className={styles.attachmentsList}>
-              {policyDetail.attachments.map((attachment: any, index: number) => (
-                <Button
-                  key={index}
-                  type="primary"
-                  ghost
-                  icon={getFileIcon(attachment.type)}
-                  onClick={() => handleDownload(attachment.url, attachment.name)}
-                  className={styles.attachmentButton}
-                >
-                  {attachment.name}
-                </Button>
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default PolicyInfo;
diff --git a/src/pages/policyManage/policyManage.less b/src/pages/policyManage/policyManage.less
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/policyManage/policyManage.tsx b/src/pages/policyManage/policyManage.tsx
new file mode 100644
index 0000000..c042ab1
--- /dev/null
+++ b/src/pages/policyManage/policyManage.tsx
@@ -0,0 +1,527 @@
+import React, { useState, useEffect } from 'react';
+import { useIntl } from 'umi';
+import { Button, Table, Space, Modal, message, Input, Select, Form, Tooltip, Switch, Tabs, Tag, TablePaginationConfig } from 'antd';
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  ExclamationCircleOutlined,
+  SearchOutlined,
+} from '@ant-design/icons';
+import { addPolicy, getPolicyPage, deletePolicy, publishPolicy, unpublishPolicy, getPolicyDetail, updatePolicy } from '@/servers/api/policy';
+
+const { Option } = Select;
+const { TabPane } = Tabs;
+
+interface PolicyType {
+  key: string;
+  id: string;
+  title: string;
+  createTime: string;
+  status: string;
+  createBy: string;
+  isTop: string;
+}
+
+interface SearchParams {
+  title?: string;
+  status?: string;
+}
+
+const PolicyManage: React.FC = () => {
+  const intl = useIntl();
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [form] = Form.useForm();
+  const [modalVisible, setModalVisible] = useState<boolean>(false);
+  const [isEdit, setIsEdit] = useState<boolean>(false);
+  const [currentId, setCurrentId] = useState<string>('');
+  const [modalForm] = Form.useForm();
+  const [policyData, setPolicyData] = useState<PolicyType[]>([]);
+  const [pagination, setPagination] = useState<TablePaginationConfig>({
+    current: 1,
+    pageSize: 10,
+    total: 0,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: (total) => `共 ${total} 条记录`,
+  });
+  const [searchParams, setSearchParams] = useState<SearchParams>({});
+
+  // 获取政策列表
+  const fetchPolicyList = async (current: number = 1, pageSize: number = 10) => {
+    setLoading(true);
+    try {
+      // 构造请求参数
+      const params: API.PageRequest = {
+        basePageRequest: {
+          pageNo: current,
+          pageSize: pageSize,
+        },
+        ...searchParams,
+      };
+
+      const response = await getPolicyPage(params);
+      if (response && response.success) {
+        const { records, total, current: currentPage, size } = response.data;
+
+        // 转换数据
+        const formattedData = records.map((item: API.PolicyRecord) => ({
+          key: item.id,
+          id: item.id,
+          title: item.title,
+          createTime: item.createTime,
+          status: item.status,
+          createBy: item.createBy,
+          isTop: item.isTop,
+        }));
+
+        setPolicyData(formattedData);
+        setPagination({
+          ...pagination,
+          current: currentPage,
+          pageSize: size,
+          total: total,
+        });
+      } else {
+        message.error(response.message || '获取数据失败');
+      }
+    } catch (error) {
+      console.error('获取政策列表失败:', error);
+      message.error('获取数据失败');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 首次加载获取数据
+  useEffect(() => {
+    fetchPolicyList(pagination.current as number, pagination.pageSize as number);
+  }, []);
+
+  // 处理编辑
+  const handleEdit = async (record: PolicyType) => {
+    setIsEdit(true);
+    setCurrentId(record.id);
+    setModalVisible(true);
+
+    try {
+      const response = await getPolicyDetail(record.id);
+      if (response && response.success) {
+        const detail = response.data;
+        modalForm.setFieldsValue({
+          isTop: detail.isTop === '1',
+          titleZh: detail.title,
+          titleEn: detail.titleEn,
+          contentZh: detail.content,
+          contentEn: detail.contentEn,
+        });
+      } else {
+        message.error(response.message || '获取详情失败');
+      }
+    } catch (error) {
+      console.error('获取政策详情失败:', error);
+      message.error('获取详情失败');
+    }
+  };
+
+  // 处理删除
+  const showDeleteConfirm = (record: PolicyType) => {
+    Modal.confirm({
+      title: '确定要删除该政策吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: `标题: ${record.title}`,
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        try {
+          const response = await deletePolicy(record.id);
+          if (response && response.success) {
+            message.success('删除成功');
+            fetchPolicyList(pagination.current as number, pagination.pageSize as number); // 重新加载数据
+          } else {
+            message.error(response.message || '删除失败');
+          }
+        } catch (error) {
+          console.error('删除政策失败:', error);
+          message.error('删除失败');
+        }
+      },
+    });
+  };
+
+  // 处理发布/下架
+  const handlePublishStatus = async (record: PolicyType) => {
+    // 状态: 0.草稿、1.上架、2.下架
+    const isPublished = record.status === '1';
+    const actionText = isPublished ? '下架' : '发布';
+
+    try {
+      let response;
+      if (isPublished) {
+        response = await unpublishPolicy(record.id);
+      } else {
+        response = await publishPolicy(record.id);
+      }
+
+      if (response && response.success) {
+        message.success(`${actionText}成功`);
+        fetchPolicyList(pagination.current as number, pagination.pageSize as number); // 重新加载数据
+      } else {
+        message.error(response.message || `${actionText}失败`);
+      }
+    } catch (error) {
+      console.error(`${actionText}失败:`, error);
+      message.error(`${actionText}失败`);
+    }
+  };
+
+  // 获取状态标签
+  const getStatusTag = (status: string) => {
+    switch (status) {
+      case '0':
+        return <Tag color="default">草稿</Tag>;
+      case '1':
+        return <Tag color="green">已发布</Tag>;
+      case '2':
+        return <Tag color="orange">已下架</Tag>;
+      default:
+        return <Tag color="default">未知</Tag>;
+    }
+  };
+
+  // 处理表格分页变化
+  const handleTableChange = (newPagination: TablePaginationConfig) => {
+    fetchPolicyList(newPagination.current as number, newPagination.pageSize as number);
+  };
+
+  const columns = [
+    {
+      title: '序号',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+    },
+    {
+      title: '标题',
+      dataIndex: 'title',
+      key: 'title',
+      width: 300,
+      ellipsis: {
+        showTitle: false,
+      },
+      render: (title: string, record: PolicyType) => (
+        <Tooltip placement="topLeft" title={title}>
+          <span>
+            {record.isTop === '1' && <Tag color="red" style={{ marginRight: 8 }}>置顶</Tag>}
+            {title}
+          </span>
+        </Tooltip>
+      ),
+    },
+    {
+      title: '日期',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 160,
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      width: 100,
+      render: (status: string) => getStatusTag(status),
+    },
+    {
+      title: '发布人',
+      dataIndex: 'createBy',
+      key: 'createBy',
+      width: 120,
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 230,
+      align: 'center' as const,
+      render: (_: unknown, record: PolicyType) => (
+        <Space size="middle" className="action-space">
+          {record.status === '1' ? (
+            <Button type="link" onClick={() => handlePublishStatus(record)}>
+              下架
+            </Button>
+          ) : (
+            <Button type="link" onClick={() => handlePublishStatus(record)}>
+              发布
+            </Button>
+          )}
+          <Button type="link" onClick={() => handleEdit(record)}>
+            编辑
+          </Button>
+          <Button
+            type="link"
+            danger
+            onClick={() => showDeleteConfirm(record)}
+          >
+            删除
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+    setSelectedRowKeys(newSelectedRowKeys);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: onSelectChange,
+  };
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  // 处理添加
+  const handleAdd = () => {
+    setIsEdit(false);
+    setCurrentId('');
+    modalForm.resetFields();
+    setModalVisible(true);
+  };
+
+  // 处理批量删除
+  const handleBatchDelete = () => {
+    Modal.confirm({
+      title: '确定要删除选中的政策吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: '删除后无法恢复',
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      maskClosable: false,
+      onOk: async () => {
+        setLoading(true);
+        try {
+          // 实际项目中应该使用批量删除API
+          const deletePromises = selectedRowKeys.map(id => deletePolicy(id.toString()));
+          const results = await Promise.all(deletePromises);
+
+          // 检查是否所有操作都成功
+          const allSuccess = results.every(res => res.success);
+
+          if (allSuccess) {
+            setSelectedRowKeys([]);
+            message.success('删除成功');
+            fetchPolicyList(pagination.current as number, pagination.pageSize as number); // 重新加载数据
+          } else {
+            message.error('部分删除失败，请刷新后重试');
+          }
+        } catch (error) {
+          console.error('批量删除失败:', error);
+          message.error('批量删除失败');
+        } finally {
+          setLoading(false);
+        }
+      },
+    });
+  };
+
+  // 处理搜索
+  const handleSearch = (values: SearchParams) => {
+    setSearchParams(values);
+    fetchPolicyList(1, pagination.pageSize as number); // 搜索时重置为第一页
+  };
+
+  // 处理模态框提交
+  const handleModalSubmit = () => {
+    modalForm.validateFields().then(async values => {
+      try {
+        // 转换表单数据为API需要的格式
+        const requestData: API.PolicyRequest = {
+          title: values.titleZh,
+          titleEn: values.titleEn || '',
+          content: values.contentZh,
+          contentEn: values.contentEn || '',
+          isTop: values.isTop ? '1' : '0',
+          settingEn: values.titleEn && values.contentEn ? 1 : 0,
+        };
+
+        let response;
+        if (isEdit) {
+          response = await updatePolicy(currentId, requestData);
+        } else {
+          response = await addPolicy(requestData);
+        }
+
+        if (response && response.success) {
+          message.success(isEdit ? '更新成功' : '添加成功');
+          setModalVisible(false);
+          modalForm.resetFields();
+          fetchPolicyList(1, pagination.pageSize as number); // 操作成功后返回第一页
+        } else {
+          message.error(response.message || (isEdit ? '更新失败' : '添加失败'));
+        }
+      } catch (error) {
+        console.error(isEdit ? '更新政策失败:' : '添加政策失败:', error);
+        message.error(isEdit ? '更新失败' : '添加失败');
+      }
+    }).catch(info => {
+      console.log('校验失败:', info);
+    });
+  };
+
+  // 处理模态框取消
+  const handleModalCancel = () => {
+    setModalVisible(false);
+    modalForm.resetFields();
+  };
+
+  return (
+    <div className="policy-manage-container common-container">
+      <div className="filter-action-row">
+        <Form
+          form={form}
+          name="search"
+          onFinish={handleSearch}
+          layout="inline"
+          className="filter-form"
+        >
+          <Form.Item name="title" label="标题">
+            <Input placeholder="请输入标题关键词" allowClear />
+          </Form.Item>
+          <Form.Item name="status" label="状态">
+            <Select placeholder="请选择状态" allowClear>
+              <Option value="0">草稿</Option>
+              <Option value="1">已发布</Option>
+              <Option value="2">已下架</Option>
+            </Select>
+          </Form.Item>
+          <Form.Item className="filter-btns">
+            <Button type="primary" htmlType="submit" icon={<SearchOutlined />}>
+              搜索
+            </Button>
+            <Button
+              type="primary"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={() => {
+                form.resetFields();
+                setSearchParams({});
+                fetchPolicyList(1, pagination.pageSize as number);
+              }}
+            >
+              重置
+            </Button>
+          </Form.Item>
+        </Form>
+
+        <div className="right-buttons">
+          <Button
+            type="primary"
+            ghost
+            icon={<PlusOutlined />}
+            onClick={handleAdd}
+          >
+            新增
+          </Button>
+          <Button
+            danger
+            icon={<DeleteOutlined />}
+            onClick={handleBatchDelete}
+            disabled={!hasSelected}
+            loading={loading}
+          >
+            删除
+          </Button>
+          {hasSelected && (
+            <span className="selected-count">
+              已选择 {selectedRowKeys.length} 项
+            </span>
+          )}
+        </div>
+      </div>
+
+      <div className="content-area">
+        <Table
+          rowSelection={rowSelection}
+          columns={columns}
+          dataSource={policyData}
+          pagination={pagination}
+          loading={loading}
+          onChange={handleTableChange}
+        />
+      </div>
+
+      {/* 新增/编辑模态框 */}
+      <Modal
+        title={isEdit ? "编辑政策法规" : "新增政策法规"}
+        visible={modalVisible}
+        onOk={handleModalSubmit}
+        onCancel={handleModalCancel}
+        width={800}
+        maskClosable={false}
+        destroyOnClose
+      >
+        <Form
+          form={modalForm}
+          layout="vertical"
+          name="policyForm"
+          preserve={false}
+        >
+          <Form.Item name="isTop" label="是否置顶" valuePropName="checked">
+            <Switch />
+          </Form.Item>
+
+          <Tabs defaultActiveKey="zh">
+            <TabPane tab="中文版" key="zh">
+              <Form.Item
+                name="titleZh"
+                label="标题（中文）"
+                rules={[{ required: true, message: '请输入中文标题' }]}
+              >
+                <Input placeholder="请输入中文标题" />
+              </Form.Item>
+
+              <Form.Item
+                name="contentZh"
+                label="正文内容（中文）"
+                rules={[{ required: true, message: '请输入中文正文' }]}
+              >
+                <Input.TextArea
+                  placeholder="请输入中文正文"
+                  rows={10}
+                  style={{ minHeight: '200px' }}
+                />
+                {/* 实际项目中应替换为富文本编辑器组件 */}
+              </Form.Item>
+            </TabPane>
+            <TabPane tab="英文版" key="en">
+              <Form.Item
+                name="titleEn"
+                label="标题（英文）"
+                rules={[{ required: false, message: 'Please enter title in English' }]}
+              >
+                <Input placeholder="Please enter title in English" />
+              </Form.Item>
+
+              <Form.Item
+                name="contentEn"
+                label="正文内容（英文）"
+                rules={[{ required: false, message: 'Please enter content in English' }]}
+              >
+                <Input.TextArea
+                  placeholder="Please enter content in English"
+                  rows={10}
+                  style={{ minHeight: '200px' }}
+                />
+                {/* 实际项目中应替换为富文本编辑器组件 */}
+              </Form.Item>
+            </TabPane>
+          </Tabs>
+        </Form>
+      </Modal>
+    </div>
+  );
+};
+
+export default PolicyManage;
diff --git a/src/pages/userManage/userManage.tsx b/src/pages/userManage/userManage.tsx
new file mode 100644
index 0000000..b384a87
--- /dev/null
+++ b/src/pages/userManage/userManage.tsx
@@ -0,0 +1,191 @@
+import React, { useState } from 'react';
+import { useIntl } from 'umi';
+import { Button, Table, Space, Modal, message } from 'antd';
+import { PlusOutlined, DeleteOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+
+interface UserType {
+  key: string;
+  username: string;
+  email: string;
+  role: string;
+  lastLoginTime: string;
+  status: 'active' | 'inactive';
+}
+
+const UserManage: React.FC = () => {
+  const intl = useIntl();
+  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+
+  // 模拟数据
+  const data: UserType[] = [
+    {
+      key: '1',
+      username: 'admin',
+      email: 'admin@example.com',
+      role: '超级管理员',
+      lastLoginTime: '2023-06-01 10:00:00',
+      status: 'active',
+    },
+    {
+      key: '2',
+      username: 'editor',
+      email: 'editor@example.com',
+      role: '内容编辑',
+      lastLoginTime: '2023-05-28 15:30:00',
+      status: 'active',
+    },
+    {
+      key: '3',
+      username: 'operator',
+      email: 'operator@example.com',
+      role: '运营人员',
+      lastLoginTime: '2023-05-25 09:15:00',
+      status: 'inactive',
+    },
+  ];
+
+  // 处理编辑用户
+  const handleEdit = (record: UserType) => {
+    message.success(`编辑用户: ${record.username}`);
+  };
+
+  // 处理删除单个用户
+  const showDeleteConfirm = (record: UserType) => {
+    Modal.confirm({
+      title: '确定要删除该用户吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: `用户名: ${record.username}`,
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      onOk() {
+        // 在这里处理删除逻辑
+        message.success(`删除用户: ${record.username}`);
+      },
+    });
+  };
+
+  const columns = [
+    {
+      title: '用户名',
+      dataIndex: 'username',
+      key: 'username',
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+    },
+    {
+      title: '所属角色',
+      dataIndex: 'role',
+      key: 'role',
+    },
+    {
+      title: '最后登录时间',
+      dataIndex: 'lastLoginTime',
+      key: 'lastLoginTime',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+      render: (status: string) => (status === 'active' ? '启用' : '禁用'),
+    },
+    {
+      title: '操作',
+      key: 'action',
+      align: 'center' as const,
+      render: (_: any, record: UserType) => (
+        <Space size="middle" className="action-space">
+          <Button type="link" onClick={() => handleEdit(record)}>
+            编辑
+          </Button>
+          <Button type="link" onClick={() => showDeleteConfirm(record)}>
+            删除
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+    setSelectedRowKeys(newSelectedRowKeys);
+  };
+
+  const rowSelection = {
+    selectedRowKeys,
+    onChange: onSelectChange,
+  };
+
+  const hasSelected = selectedRowKeys.length > 0;
+
+  // 处理添加用户
+  const handleAdd = () => {
+    // 添加用户逻辑
+    message.success('点击了添加按钮');
+  };
+
+  // 处理批量删除
+  const handleBatchDelete = () => {
+    Modal.confirm({
+      title: '确定要删除选中的用户吗?',
+      icon: <ExclamationCircleOutlined />,
+      content: '删除后无法恢复',
+      okText: '确定',
+      okType: 'danger',
+      cancelText: '取消',
+      onOk() {
+        setLoading(true);
+        // 在这里处理批量删除逻辑
+        setTimeout(() => {
+          setSelectedRowKeys([]);
+          setLoading(false);
+          message.success('删除成功');
+        }, 1000);
+      },
+    });
+  };
+
+  return (
+    <div className="user-manage-container common-container">
+      <div className="filter-action-row">
+        <div className="right-buttons">
+          <Button
+            type="primary"
+            ghost
+            icon={<PlusOutlined />}
+            onClick={handleAdd}
+          >
+            新增
+          </Button>
+          <Button
+            danger
+            icon={<DeleteOutlined />}
+            onClick={handleBatchDelete}
+            disabled={!hasSelected}
+            loading={loading}
+          >
+            删除
+          </Button>
+          {hasSelected && (
+            <span className="selected-count">
+              已选择 {selectedRowKeys.length} 项
+            </span>
+          )}
+        </div>
+      </div>
+      <div className="content-area">
+        <Table
+          rowSelection={rowSelection}
+          columns={columns}
+          dataSource={data}
+          pagination={{ pageSize: 10 }}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default UserManage;
diff --git a/src/servers/api/policy.ts b/src/servers/api/policy.ts
new file mode 100644
index 0000000..71e2ae4
--- /dev/null
+++ b/src/servers/api/policy.ts
@@ -0,0 +1,64 @@
+import request from '@/utils/request';
+
+// 新增政策法规
+export async function addPolicy(data: API.PolicyRequest): Promise<API.Response<string>> {
+  return request('/portals/regulations', {
+    method: 'POST',
+    data,
+  });
+}
+
+// 更新政策法规
+export async function updatePolicy(id: string, data: API.PolicyRequest): Promise<API.Response<string>> {
+  return request(`/portals/regulations`, {
+    method: 'PUT',
+    data: {
+      ...data,
+      id,
+    },
+  });
+}
+
+// 获取政策法规列表
+export async function getPolicyList(params: Partial<API.PolicyRequest>): Promise<API.Response<API.PolicyRecord[]>> {
+  return request('/portals/regulations', {
+    method: 'GET',
+    params,
+  });
+}
+
+// 获取政策法规分页列表
+export async function getPolicyPage(params: API.PageRequest): Promise<API.Response<API.PageResponse<API.PolicyRecord>>> {
+  return request('/portals/regulations/getPage', {
+    method: 'POST',
+    data: params,
+  });
+}
+
+// 获取政策法规详情
+export async function getPolicyDetail(id: string): Promise<API.Response<API.PolicyRecord>> {
+  return request(`/portals/regulations/${id}`, {
+    method: 'GET',
+  });
+}
+
+// 删除政策法规
+export async function deletePolicy(id: string): Promise<API.Response<string>> {
+  return request(`/portals/regulations/${id}`, {
+    method: 'DELETE',
+  });
+}
+
+// 发布(上架)政策法规
+export async function publishPolicy(id: string): Promise<API.Response<string>> {
+  return request(`/portals/regulations/up/${id}`, {
+    method: 'POST',
+  });
+}
+
+// 下架政策法规
+export async function unpublishPolicy(id: string): Promise<API.Response<string>> {
+  return request(`/portals/regulations/down/${id}`, {
+    method: 'POST',
+  });
+}
diff --git a/src/servers/api/typings.d.ts b/src/servers/api/typings.d.ts
index 62e1e25..c2bdf4c 100644
--- a/src/servers/api/typings.d.ts
+++ b/src/servers/api/typings.d.ts
@@ -6,6 +6,34 @@ declare namespace API {
     data: T;
   }
 
+  export type PolicyRequest = {
+    /**
+     * 内容
+     */
+    content: string;
+    /**
+     * 内容_英文版
+     */
+    contentEn: string;
+    /**
+     * 是否置顶(0.否、1.是)
+     */
+    isTop: string;
+    /**
+     * 是否设置英文内容(0.否、1.是)
+     */
+    settingEn: number;
+    /**
+     * 标题
+     */
+    title: string;
+    /**
+     * 标题英文
+     */
+    titleEn: string;
+    [property: string]: any;
+  }
+
   export type RegisterRequest = {
     coscoSupplierBank: CoscoSupplierBank[];
     coscoSupplierBase: CoscoSupplierBase;
@@ -112,4 +140,120 @@ declare namespace API {
       optionName: string;
     }[];
   }[]
+
+  // 基础分页请求参数
+  export interface BasePageRequest {
+    pageNo: number;
+    pageSize: number;
+    [property: string]: unknown;
+  }
+
+  // 分页请求参数
+  export interface PageRequest {
+    basePageRequest: BasePageRequest;
+    title?: string;
+    status?: string;
+    [property: string]: unknown;
+  }
+
+  // 基础响应格式
+  export interface Response<T = unknown> {
+    code: number;
+    data: T;
+    message: string;
+    success: boolean;
+    [property: string]: unknown;
+  }
+
+  // 分页数据响应
+  export interface PageResponse<T> {
+    countId: null;
+    current: number;
+    hitCount: boolean;
+    maxLimit: null;
+    optimizeCountSql: boolean;
+    orders: string[];
+    pages: number;
+    records: T[];
+    searchCount: boolean;
+    size: number;
+    total: number;
+    [property: string]: unknown;
+  }
+
+  // 政策法规数据项
+  export interface PolicyRecord {
+    basePageRequest: null;
+    content: string;
+    contentEn: string;
+    createBy: string;
+    createDate: null;
+    createTime: string;
+    deleteFlag: null;
+    delFlag: string;
+    id: string;
+    isTop: string;
+    lastUpdateTime: null;
+    publishBy: string | null;
+    publishTime: string | null;
+    settingEn: string;
+    status: string;
+    tenantId: string | null;
+    tenantName: string | null;
+    title: string;
+    titleEn: string | null;
+    updateBy: string | null;
+    updateDate: string | null;
+    updateTime: string;
+  }
+
+  // 政策法规请求参数
+  export interface PolicyRequest {
+    id?: string;
+    title: string;
+    titleEn: string;
+    content: string;
+    contentEn: string;
+    isTop: string;
+    settingEn: number;
+  }
+
+  // 下载中心数据项
+  export interface DownloadRecord {
+    id: string;
+    name: string;
+    category: string;
+    keyword: string;
+    createTime: string;
+    createBy: string;
+    status: string; // 状态：0-草稿，1-已发布
+    thumbnail?: string; // 缩略图URL
+    fileUrl?: string; // 文件URL
+  }
+
+  // 下载中心请求参数
+  export interface DownloadRequest {
+    id?: string;
+    name: string;
+    category: string;
+    keyword: string;
+    fileId?: string;
+    thumbnailId?: string;
+  }
+
+  // 下载中心查询参数
+  export interface DownloadSearchParams {
+    name?: string;
+    category?: string;
+    status?: string;
+  }
+
+  // 文件上传响应
+  export interface UploadResponse {
+    id: string;
+    fileName: string;
+    fileSize: number;
+    fileType: string;
+    fileUrl: string;
+  }
 }
diff --git a/src/utils/componentStyle.less b/src/utils/componentStyle.less
new file mode 100644
index 0000000..2a3310b
--- /dev/null
+++ b/src/utils/componentStyle.less
@@ -0,0 +1,73 @@
+// 通用容器样式
+.common-container {
+  background: #fff;
+  padding: 15px;
+
+  // 按钮组样式
+  .action-buttons {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+  }
+
+  // 内容区样式
+  .content-area {
+    min-height: 500px;
+  }
+
+  // 表格样式优化
+  .ant-table-wrapper {
+    .ant-table-thead > tr > th {
+      background-color: #fafafa;
+      font-weight: 500;
+    }
+  }
+
+  // 分页样式
+  .ant-pagination {
+    margin-top: 16px;
+    text-align: right;
+  }
+
+  // 按钮间距
+  .action-space {
+    button {
+      margin-right: 8px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+// 筛选条件和操作按钮区域样式
+.filter-action-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 15px;
+
+  .filter-form {
+    flex: 1;
+    .filter-btns {
+      button {
+        margin-right: 8px;
+      }
+    }
+  }
+
+  .right-buttons {
+    display: flex;
+    align-items: center;
+
+    button {
+      margin-right: 8px;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+
+    .selected-count {
+      margin-left: 8px;
+    }
+  }
+}
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 2d1b2a6..a88e1ca 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -52,11 +52,12 @@ const codeMessage = {
  * 配置request请求时的默认参数
  */
 const request = extend({
+  prefix: '/api',
   // errorHandler, // 默认错误处理
   credentials: 'include' // 默认请求是否带上cookie
 });
 // request拦截器, 改变url 或 options.
-request.interceptors.request.use(async (url, options) => {
+request.interceptors.request.use((url, options) => {
   if (
     options.method === 'post' ||
     options.method === 'put' ||
@@ -72,7 +73,7 @@ request.interceptors.request.use(async (url, options) => {
     // options.headers = headers;
   }
   return {
-    url,
+    url: url,
     options: { ...options },
   };
 });