6.13 logo和项目名称查询修改

src/pages/Auction/AuctionParticipateList/index.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Avatar, Card, DatePicker, Descriptions, Input, List, Radio, Space, Tag, Typography } from 'antd';
+import { Avatar, Button, Card, DatePicker, Descriptions, Input, List, Radio, Space, Spin, Tag, Typography } from 'antd';
 import './index.less';
 import styles from './index.less';
 import logo from '@/images/opening/logo.svg';
-import { UserSwitchOutlined, CarryOutOutlined, EnvironmentOutlined } from '@ant-design/icons';
+import { UserSwitchOutlined, CarryOutOutlined, EnvironmentOutlined, SearchOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { getSessionUserData } from '@/utils/session';
 import { getProvince } from '../AuctionAnnouncementData/service';
@@ -35,6 +35,8 @@ export default () => {
     const kssj = useRef<string>('');
     //拍卖时间-结束日期
     const jssj = useRef<string>('');
+    //项目名称
+    const name = useRef<string>('');
     //省字典
     const provinces = useRef<any[]>([]);
     //最低价ref
@@ -56,6 +58,7 @@ export default () => {
         isNotEmpty(zgjg.current) ? params['zgjg'] = zgjg.current : null;
         isNotEmpty(kssj.current) ? params['kssj'] = kssj.current : null;
         isNotEmpty(jssj.current) ? params['jssj'] = jssj.current : null;
+        isNotEmpty(name.current) ? params['projectName'] = name.current : null;
         setLoading(true);
         await getList(params).then(async res => {
             if (res?.code == 200) {
@@ -141,6 +144,14 @@ export default () => {
         pageNo.current = page;
         getParticipateList();
     }
+    const nameChange = (e: any) => {
+        e.persist();
+        name.current = e.target.value;
+        if (e.currentTarget?.value == "") {
+            pageNo.current = 1;
+            getParticipateList();
+        }
+    }
     //点击商品进入详情
     const cardClick = (id: string) => {
         let projectData = {
@@ -149,6 +160,13 @@ export default () => {
         sessionStorage.setItem('projectData', JSON.stringify(projectData));
         window.open("/AuctionParticipateDetail");
     }
+    //项目名称模糊查询
+    const onSearch = () => {
+        if (isNotEmpty(name.current)) {
+            pageNo.current = 1;
+            getParticipateList();
+        }
+    };
 
     useEffect(() => {
         getProvinces();
@@ -173,11 +191,26 @@ export default () => {
                 </ul>
             </div>
             <div style={{ display: 'flex', justifyContent: 'center', height: innerHeight - 57, overflowY: 'auto' }}>
+                <Spin spinning={loading}>
                     <div style={{ width: 1248 }}>
-                    <div style={{ margin: '12px 0px', display: 'flex' }}>
+                        <div style={{ margin: '12px 0px', display: 'flex', justifyContent: 'space-between' }}>
                             <div style={{ display: 'flex', alignItems: 'center' }}>
                                 <img src={participateLogo} height={60} width={60} />
-                            <span style={{ fontSize: '22px', fontWeight: 'bold', marginLeft: '8px', color: '#b30000' }}>物资处置 · 内拍</span>
+                                <span style={{ fontSize: '22px', fontWeight: 'bold', marginLeft: '8px', color: '#b30000', position: 'relative', top: '-2px' }}>物资处置 · 内拍</span>
+                            </div>
+                            <div style={{ display: 'flex', alignItems: 'center' }}>
+                                {/* <Search
+                                    placeholder="标的物名称"
+                                    allowClear
+                                    enterButton="搜索"
+                                    size="large"
+                                    onSearch={onSearch}
+                                    prefix={<SearchOutlined />}
+                                /> */}
+                                <div style={{ display: 'flex', justifyContent: 'left', border: '2px solid #d9d9d9', borderRadius: '22px' }}>
+                                    <Input size="large" placeholder="标的物名称" prefix={<SearchOutlined />} allowClear bordered={false} onChange={nameChange} onPressEnter={() => onSearch()} />
+                                    <Button size="large" type='primary' shape="round" onClick={() => onSearch()}>搜索</Button>
+                                </div>
                             </div>
                         </div>
                         <Descriptions
@@ -254,7 +287,6 @@ export default () => {
                         <List
                             grid={{ gutter: 16, column: 4 }}
                             dataSource={productList}
-                        loading={loading}
                             pagination={{
                                 size: "small",
                                 hideOnSinglePage: true,
@@ -307,6 +339,7 @@ export default () => {
                             )}
                         />
                     </div>
+                </Spin>
             </div>
         </div>
     )