Commit 700f0cf1 authored by 田翔's avatar 田翔

fix: bug修复

parent 2e2c6966
...@@ -206,12 +206,11 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -206,12 +206,11 @@ const SearchGroup = forwardRef((props, ref) => {
}; };
return ( return (
<div className={styles.accountFlexWrapper}>
<Row className={styles.controlRow}> <Row className={styles.controlRow}>
<Form layout={'horizontal'} form={form} onValuesChange={onValuesChange}> <Form layout={'inline'} form={form} onValuesChange={onValuesChange}>
<Space className={styles.controlRowLeft} wrap> {
{showPicker ? ( showPicker ? (
<Form.Item label={`录入时间`} name="time" className={styles.noMarginBottom}> <Form.Item label={`录入时间`} name="time" style={{ marginBottom: 0 }}>
<RangePicker <RangePicker
size="middle" size="middle"
value={[...dateArray]} value={[...dateArray]}
...@@ -224,10 +223,9 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -224,10 +223,9 @@ const SearchGroup = forwardRef((props, ref) => {
// onChange={dateChange} // onChange={dateChange}
/> />
</Form.Item> </Form.Item>
) : ( ) : null
'' }
)} <Form.Item label={'快捷搜索'} name="info" style={{ marginBottom: 0 }}>
<Form.Item label={'快捷搜索'} name="info" className={styles.noMarginBottom}>
<Search <Search
size="middle" size="middle"
style={{ style={{
...@@ -239,7 +237,11 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -239,7 +237,11 @@ const SearchGroup = forwardRef((props, ref) => {
onSearch={onSearch} onSearch={onSearch}
/> />
</Form.Item> </Form.Item>
</Space> <Form.Item style={{ marginBottom: 0 }}>
<Button type="primary" onClick={() => btnsClick('重置')}>
重置
</Button>
</Form.Item>
</Form> </Form>
{/* 按钮区域 */} {/* 按钮区域 */}
<div className={styles.controlRowRight}> <div className={styles.controlRowRight}>
...@@ -260,8 +262,7 @@ const SearchGroup = forwardRef((props, ref) => { ...@@ -260,8 +262,7 @@ const SearchGroup = forwardRef((props, ref) => {
</div> </div>
</div> </div>
</Row> </Row>
</div> )
); })
});
export default SearchGroup; export default SearchGroup
.accountFlexWrapper { .controlRow {
width: 100%; width: 100%;
height: 100%; //min-height: 630px; height: 100%;
display: flex;
flex-direction: column;
.controlRow {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
background: #ffffff; background: #ffffff;
margin: 8px;
// padding: 8px;
gap: 10px;
:global {
.panda-civ-water-form-horizontal {
max-width: 68%;
}
}
.controlRowLeft {
flex: 1;
}
.controlRowRight { .controlRowRight {
// max-width: 230px;
max-width: 30%; max-width: 30%;
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
...@@ -42,43 +28,4 @@ ...@@ -42,43 +28,4 @@
} }
} }
} }
}
.accountManageControlWrapper {
position: relative;
padding: 6px 10px;
margin: 8px 8px 10px;
background: #fff;
.firstRow {
.searchBtn {
margin-left: 10px;
margin-right: 10px;
}
}
.collapseButton {
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
color: rgba(0, 0, 0, .65);
padding: 0;
position: absolute;
height: 10px;
width: 25px;
left: 0;
bottom: -10px;
border: 1px solid rgba(0, 0, 0, .2);
border-top: none;
cursor: pointer;
}
}
.accountTableWrapper {
flex: 1;
padding: 8px 8px 0px 8px;
margin: 0px 8px 8px;
background: #fff;
overflow: hidden;
.buttonHover:hover {
opacity: 0.6;
}
}
} }
\ No newline at end of file
import React, { useMemo, useRef } from 'react' import React, { useMemo, useState, useRef, forwardRef, useImperativeHandle } from 'react'
import { Table, Tooltip, Button, Popconfirm, Input, Space } from 'antd' import { Table, Tooltip, Button, Popconfirm, Input, Space, useTable } from 'antd'
import { SearchOutlined } from '@ant-design/icons' import { SearchOutlined } from '@ant-design/icons'
import FileView from './components/FileView' import FileView from './components/FileView'
import CoordView from './components/CoordView' import CoordView from './components/CoordView'
...@@ -23,10 +23,15 @@ const getFileInfo = (formJson) => { ...@@ -23,10 +23,15 @@ const getFileInfo = (formJson) => {
return obj return obj
} }
const TablePack = (props) => { const TablePack = (props, ref) => {
useImperativeHandle(ref, () => ({
setFilteredInfo,
}))
const { parent, readOnly, config, loading, dataSource, rowSelection, onRow, tableChange, btnsClick } = props const { parent, readOnly, config, loading, dataSource, rowSelection, onRow, tableChange, btnsClick } = props
const searchInput = useRef(null) const [filteredInfo, setFilteredInfo] = useState({})
const inputRef = useRef()
const handleReset = (clearFilters, confirm) => { const handleReset = (clearFilters, confirm) => {
clearFilters() clearFilters()
...@@ -34,17 +39,23 @@ const TablePack = (props) => { ...@@ -34,17 +39,23 @@ const TablePack = (props) => {
} }
const getColumnSearchProps = (dataIndex) => ({ const getColumnSearchProps = (dataIndex) => ({
filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => ( filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters, close }) => {
return (
<div <div
style={{ padding: 8 }} style={{ padding: 8 }}
onKeyDown={(e) => e.stopPropagation()} onKeyDown={(e) => e.stopPropagation()}
> >
<Input <Input
ref={searchInput} ref={inputRef}
placeholder={`搜索 ${dataIndex}`} placeholder={`搜索 ${dataIndex}`}
value={selectedKeys[0]} value={selectedKeys[0]}
onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])} onChange={e => {
onPressEnter={() => confirm({ closeDropdown: true })} setSelectedKeys(e.target.value ? [e.target.value] : [])
}}
onPressEnter={() => {
setFilteredInfo({ ...filteredInfo, [dataIndex]: selectedKeys[0] })
confirm({ closeDropdown: true })
}}
style={{ style={{
marginBottom: 8, marginBottom: 8,
display: 'block', display: 'block',
...@@ -54,7 +65,10 @@ const TablePack = (props) => { ...@@ -54,7 +65,10 @@ const TablePack = (props) => {
<Space> <Space>
<Button <Button
type="primary" type="primary"
onClick={() => confirm({ closeDropdown: true })} onClick={() => {
setFilteredInfo({ ...filteredInfo, [dataIndex]: selectedKeys[0] })
confirm({ closeDropdown: true })
}}
icon={<SearchOutlined />} icon={<SearchOutlined />}
size="small" size="small"
style={{ width: 90 }} style={{ width: 90 }}
...@@ -62,7 +76,11 @@ const TablePack = (props) => { ...@@ -62,7 +76,11 @@ const TablePack = (props) => {
搜索 搜索
</Button> </Button>
<Button <Button
onClick={() => handleReset(clearFilters, confirm)} onClick={() => {
setFilteredInfo({ ...filteredInfo, [dataIndex]: [] })
clearFilters()
confirm({ closeDropdown: true })
}}
size="small" size="small"
style={{ width: 90 }} style={{ width: 90 }}
> >
...@@ -70,7 +88,8 @@ const TablePack = (props) => { ...@@ -70,7 +88,8 @@ const TablePack = (props) => {
</Button> </Button>
</Space> </Space>
</div> </div>
), )
},
filterIcon: (filtered) => ( filterIcon: (filtered) => (
<SearchOutlined <SearchOutlined
style={{ style={{
...@@ -117,7 +136,7 @@ const TablePack = (props) => { ...@@ -117,7 +136,7 @@ const TablePack = (props) => {
width: 120, width: 120,
ellipsis: true, ellipsis: true,
sorter: true, sorter: true,
filterSearch: true, filteredValue: filteredInfo[v] || null,
...getColumnSearchProps(v), ...getColumnSearchProps(v),
render: (value, r) => { render: (value, r) => {
let props = { ...json[v], value } let props = { ...json[v], value }
...@@ -138,7 +157,7 @@ const TablePack = (props) => { ...@@ -138,7 +157,7 @@ const TablePack = (props) => {
}) })
}) })
return array return array
}, [config]) }, [config, filteredInfo])
const columns = useMemo(() => { const columns = useMemo(() => {
let columns = [ let columns = [
...@@ -221,4 +240,4 @@ const TablePack = (props) => { ...@@ -221,4 +240,4 @@ const TablePack = (props) => {
} }
export default TablePack export default forwardRef(TablePack)
\ No newline at end of file \ No newline at end of file
...@@ -37,6 +37,7 @@ const Account = (props) => { ...@@ -37,6 +37,7 @@ const Account = (props) => {
const [submitLoading, setSubmitLoading] = useState(false) const [submitLoading, setSubmitLoading] = useState(false)
const [operation, setOperation] = useState({ id: null, state: '添加' }) const [operation, setOperation] = useState({ id: null, state: '添加' })
const formRenderRef = useRef() const formRenderRef = useRef()
const tablePackRef = useRef()
const btnsClick = async (type, id) => { const btnsClick = async (type, id) => {
const { addFieldGroup, editFieldGroup, formJson } = config const { addFieldGroup, editFieldGroup, formJson } = config
...@@ -46,6 +47,11 @@ const Account = (props) => { ...@@ -46,6 +47,11 @@ const Account = (props) => {
if (type === '添加') { if (type === '添加') {
saveClick(addField, formJson, [], type) saveClick(addField, formJson, [], type)
} }
if (type === '重置') {
tablePackRef.current.setFilteredInfo({})
setParams({ ...params, queryWheres: [] })
getDataSource({ queryWheres: [] })
}
if (type === '编辑' || type === '详情') { if (type === '编辑' || type === '详情') {
const { code, data, msg } = await GetTableDataInfo({ accountName, id }) const { code, data, msg } = await GetTableDataInfo({ accountName, id })
if (code === 0) { if (code === 0) {
...@@ -197,6 +203,7 @@ const Account = (props) => { ...@@ -197,6 +203,7 @@ const Account = (props) => {
dataSource={dataSource} dataSource={dataSource}
btnsClick={btnsClick} btnsClick={btnsClick}
tableChange={tableChange} tableChange={tableChange}
ref={tablePackRef}
/> />
</div> </div>
</div> </div>
......
...@@ -65,12 +65,14 @@ const ComboBox = (props) => { ...@@ -65,12 +65,14 @@ const ComboBox = (props) => {
}, [sourceType, enums, isStoreID]) }, [sourceType, enums, isStoreID])
const handleChange = (value) => { const handleChange = (value) => {
if (addons) {
if (isMultiple || isEdit) { if (isMultiple || isEdit) {
onChange(value.join(',') || '') onChange(value.join(',') || '')
} else { } else {
onChange(value || '') onChange(value || '')
} }
} }
}
const onFocus = async () => { const onFocus = async () => {
if (addons) { if (addons) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment