feat: 3705 【弹出列表框组件】优化查询效果

one_stop_public/libs/PageTable.jsx

 /*
  * @Author: LSC
  * @Date: 2024-08-09 10:02:04
- * @LastEditTime: 2024-08-13 09:37:38
+ * @LastEditTime: 2024-08-13 16:52:31
  */
 import React, { useEffect, useState } from 'react';
 import { Button, Table, Input } from 'antd';
+import { List, InputItem, WhiteSpace } from 'antd-mobile';
 import { getServicesNomal } from '../Services/services';
 import { getSqlDataApi } from '../Services/apiConfig';
 import styles from './style.less';
@@ -68,7 +69,7 @@ export const PageTable = (props) => {
 	return (
 		<>
 			{
-				columns3?.filter((y) => y?.isQuery)?.length > 0 &&
+				get !== 'mobile' && columns3?.filter((y) => y?.isQuery)?.length > 0 &&
 			<div
 				className={styles.searchGrid}
 				style={{
@@ -96,6 +97,31 @@ export const PageTable = (props) => {
 				</Button>
 			</div>
 			}
+			{
+				get === 'mobile' && columns3?.filter((y) => y?.isQuery)?.length > 0 &&
+				<List>
+					{columns3.filter((y) => y?.isQuery)?.map((g) => {
+						return (
+							<InputItem
+							key={g.dataIndex}
+							onChange={(e) => {
+								setQueryParams({ ...queryParams, [g.dataIndex]: e });
+							}}
+					clear
+					placeholder="请输入"
+				>{g.title}</InputItem>
+						);
+					})}
+				<List.Item>
+					<div
+						style={{ width: '100%', color: '#108ee9', textAlign: 'center' }}
+						onClick={init}
+					>
+						查询
+					</div>
+				</List.Item>
+			</List>
+			}
 			<div>
 				{isMultiple &&
 					isShowQuanXuan !== false && (