diff --git a/src/images/auction/participateLogo.jpg b/src/images/auction/participateLogo.jpg index c700c14..90fdff6 100644 Binary files a/src/images/auction/participateLogo.jpg and b/src/images/auction/participateLogo.jpg differ diff --git a/src/pages/Auction/AuctionParticipateList/index.tsx b/src/pages/Auction/AuctionParticipateList/index.tsx index 32acd87..1be36da 100644 --- a/src/pages/Auction/AuctionParticipateList/index.tsx +++ b/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(''); //拍卖时间-结束日期 const jssj = useRef(''); + //项目名称 + const name = useRef(''); //省字典 const provinces = useRef([]); //最低价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,140 +191,155 @@ export default () => {
-
-
-
- - 物资处置 · 内拍 -
-
- - - - - 不限 - {sfbms.map(item => {getProvinceName(item)})} - - - - - - - 不限 - 未开始 - 竞拍中 - - - - -
- - zdjgBlur(event)} - onPressEnter={() => zdjgRef.current.blur()} - /> - - zgjgBlur(event)} - onPressEnter={() => zgjgRef.current.blur()} - /> - + +
+
+
+ + 物资处置 · 内拍
- - - - - - pageChange(page), - pageSize: 12, - }} - renderItem={item => ( - - + {/* } + /> */} +
+ } allowClear bordered={false} onChange={nameChange} onPressEnter={() => onSearch()} /> + +
+
+
+ + + + + 不限 + {sfbms.map(item => {getProvinceName(item)})} + + + + + + + 不限 + 未开始 + 竞拍中 + + + + +
+ + zdjgBlur(event)} + onPressEnter={() => zdjgRef.current.blur()} /> - } - onClick={() => cardClick(item.id)} - > -
- {item.bidOpeningStatus == "0" ? `竞拍开始时间:${item.jpkssj}` : `竞拍结束时间:${item.jpjssj}`} -
-
-
- {item.projectName} + + zgjgBlur(event)} + onPressEnter={() => zgjgRef.current.blur()} + /> + +
+ + + + + + pageChange(page), + pageSize: 12, + }} + renderItem={item => ( + + + } + onClick={() => cardClick(item.id)} + > +
+ {item.bidOpeningStatus == "0" ? `竞拍开始时间:${item.jpkssj}` : `竞拍结束时间:${item.jpjssj}`}
-
-
- - {getProvinceName(item.sfbm)} - +
+
+ {item.projectName}
-
- {item.bidOpeningStatus == "0" ? `起拍价:${item.qpjg}元` : `当前价:${item.dqjg}元`} - {item.offerNumber}次出价 +
+
+ + {getProvinceName(item.sfbm)} + +
+
+ {item.bidOpeningStatus == "0" ? `起拍价:${item.qpjg}元` : `当前价:${item.dqjg}元`} + {item.offerNumber}次出价 +
-
- {item.bidOpeningStatus == "0" ? '未开始' : '竞拍中'} - - - )} - /> -
+ {item.bidOpeningStatus == "0" ? '未开始' : '竞拍中'} + + + )} + /> +
+
)