From ff30a564164c47b4acc51c9c2022b1faca166cc3 Mon Sep 17 00:00:00 2001
From: Mr Ke <kelq@hugeinfo.com.cn>
Date: Wed, 27 May 2020 11:44:03 +0800
Subject: [PATCH] 修复初始状态导致的页面空白问题
---
src/components/common/SearchFormView/index.jsx | 21 +++++++++++----------
1 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/src/components/common/SearchFormView/index.jsx b/src/components/common/SearchFormView/index.jsx
index f187baa..bbc7bc1 100644
--- a/src/components/common/SearchFormView/index.jsx
+++ b/src/components/common/SearchFormView/index.jsx
@@ -107,7 +107,8 @@
};
render() {
- const { formData = {}, data = [], children } = this.props;
+ const { formData = {}, data = [], children, width = "25%" } = this.props;
+ let size = 'default';
return (
<div className="search-form-view-main">
@@ -116,14 +117,14 @@
{data.length > 0 &&
data.map((item, idx) => (
- <Card.Grid key={idx} style={{ width: '20%' }} hoverable={false} >
+ <Card.Grid key={idx} style={{ width }} hoverable={false} >
{(() => {
switch (item.type) {
case 'select':
return (
<Form.Item label={item.label}>
<Select
- size="small"
+ size={size}
style={{ width: '100%' }}
placeholder={item.name}
value={formData[item.key]}
@@ -144,7 +145,7 @@
return (
<Form.Item label={item.label}>
<Input
- size="small"
+ size={size}
placeholder={item.name}
name={item.key}
value={formData[item.key]}
@@ -156,7 +157,7 @@
return (
<Form.Item label={item.label}>
<DatePicker
- size="small"
+ size={size}
style={{ width: '100%' }}
placeholder={item.name}
onChange={(date, dateString) => {
@@ -170,8 +171,8 @@
return (
<Form.Item label={item.label}>
<RangePicker
- style={{ width: '100%'}}
- size="small"
+ style={{ width: '100%' }}
+ size={size}
ranges={{
Today: [moment(), moment()],
'This Month': [
@@ -210,11 +211,11 @@
})()}
</Card.Grid>
))}
- <Card.Grid style={{ width: '20%' }}>
+ <Card.Grid style={{ width }}>
<Row type="flex" gutter={20} align="middle" align="middle" style={{ height: 40 }}>
<Col>
<Button
- size="small"
+ size={size}
type="primary"
onClick={() => {
this.onClick('search');
@@ -224,7 +225,7 @@
</Col>
<Col>
<Button
- size="small"
+ size={size}
onClick={() => {
this.onClick('reset');
}}>
--
Gitblit v1.8.0