修改公告公示页面

src/global.less

@@ -22,7 +22,7 @@ body,
   box-sizing: border-box;
   margin-top: 57px;
   // height: calc(100% - 60px);
-  overflow: auto;
+  // overflow: auto;
   // padding: 15px 0;
   background: rgba(@gray, 0.3);
   .layout-content-main {

src/layouts/Header.less

@@ -42,6 +42,7 @@
   background-color: rgb(0,51,94);
   color: #fff;
   padding: 10px 0;
+  margin-top: 60px;
   .footer-content {
     width: @width;
     margin: 0 auto;

src/pages/announce/announce.less

@@ -73,6 +73,7 @@
   .search{
     border: 1px solid rgba(@main-text-color-2, 0.1);
     padding: 20px;
+    margin-bottom: 12px;
   }
 }
 /* 覆盖antd样式 - 仅在announceContainer内生效 */
@@ -168,10 +169,20 @@
 }
 
 .announceList {
-  background-color: #fff;
+  display: flex;
-  padding: 10px;
+  gap: 20px;
+}
+.supplierService{
+  border: 1px solid rgba(@main-text-color-2, 0.1);
+  padding: 20px;
+  margin-top: 12px;
+  margin-bottom: 20px;
+  width: 300px;
+  .supplierServiceTitle{
+    font-size: 16px;
+    font-weight: 500;
+  }
 }
-
 .listItem {
   // border-bottom: 1px solid #f0f0f0;
 }

src/pages/announce/announce.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { List, Tag } from 'antd';
+import { Button, List, Tag } from 'antd';
 import { history } from 'umi';
 import styles from './announce.less';
 import Search, { SearchFormData } from './Search';
@@ -118,6 +118,7 @@ const AnnouncePage: React.FC = () => {
         {/* 公告列表部分 */}
         <div className={styles.announceList}>
           <List
+            style={{ flex: 1 }}
             itemLayout="horizontal"
             dataSource={mockAnnounceData}
             pagination={{
@@ -164,6 +165,25 @@ const AnnouncePage: React.FC = () => {
               </List.Item>
             )}
           />
+          <div>
+            <div className={styles.supplierService}>
+              <div className={styles.supplierServiceTitle}>供应商服务</div>
+              <img src="" alt="" />
+              <Button className={styles.downloadCenter}>下载中心</Button>
+              <ul>
+                <li>
+                  <i></i>
+                  <span>公开招标操作手册</span>
+                </li>
+              </ul>
+
+              <Button>投标指引</Button>
+
+              <div>
+                投标指引包含各采购方式系统的投标操作流程，及相关插件的安装操作手册，请各供应商先进行登录，后方可查看.
+              </div>
+            </div>
+          </div>
         </div>
       </div>
     </div>