zls

src/pages/activity/drainage/Detail.jsx

@@ -23,7 +23,6 @@ const header = (props) => {
   const [startDate, setStartDate] = useState('')
   const [endDate, setEndDate] = useState('')
   const [total, setTotal] = useState({})
-  let daterange = []
   // let content = {}
   useEffect(() => {
 
@@ -89,12 +88,10 @@ const header = (props) => {
       return col
     }))
   }
+  // function datalist () {
 
-
-  function datalist () {
-
-    gettaDrainageRecord({ pageNum: 1, pageSize: 10, drainageId: drainageId, startTime: Time(startDate), endTime: Time(endDate) })
-  }
+  //   gettaDrainageRecord({ pageNum: 1, pageSize: 10, drainageId: drainageId, startTime: Time(startDate), endTime: Time(endDate) })
+  // }
 
   function fromTime (str) {
     return str === '' ? null : `${moment(str).format('YYYY-MM-DDT00:00:00.000')}Z`
@@ -142,33 +139,38 @@ const header = (props) => {
     link.click()
   }
 
-  function handleReset () {
-
-    onChangetime()
+  function handleReset (e) {
+    console.log(e)
+    props.form.resetFields();
+  }
 
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    gettaDrainageRecord({ pageNum: 1, pageSize: 10, drainageId: drainageId, startTime: Time(startDate), endTime: Time(endDate) })
   }
 
   const { RangePicker } = DatePicker;
+  const { getFieldDecorator } = props.form
   return (
     <>
-
-      <RangePicker
-        style={{ width: '400px' }}
-        // ranges={{
-        //   Today: [moment(), moment()],
-        //   'This Month': [moment().startOf('month'), moment().endOf('month')],
-        // }}
-        // defaultValue={[moment(new Date(new Date().setDate((new Date().getDate() - 6))), 'YYYY-MM-DD HH:MM:SS'), moment(new Date(), 'YYYY-MM-DD HH:MM:SS')]}
-        showTime
-        onChange={onChangetime}
-
-      />
-      <Button type="primary" htmlType="submit" style={{ marginLeft: '30px', float: 'right' }} onClick={datalist}>
-        搜索
-      </Button>
-      {/* <Button style={{ marginLeft: '30px', float: 'right' }} onClick={handleReset}>
-              重置
-            </Button> */}
+      <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+        {getFieldDecorator('time')(
+            <RangePicker showTime format="YYYY-MM-DD" 
+            showTime
+            onChange={onChangetime}
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" >
+            搜索
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+            重置
+            </Button>
+        </Form.Item>
+      </Form>
       <div>
         <div style={{ display: 'flex', justifyContent: 'space-between' }}>
           <div style={{ lineHeight: '92px', width: '600px', fontWeight: 'bold', fontSize: '18px' }}>
@@ -191,6 +193,6 @@ const header = (props) => {
     </>
   )
 }
+const WrappedHeader = Form.create({ name: 'header' })(header);
 
-
-export default header
+export default WrappedHeader