intention

src/pages/system/intention.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker,message,Checkbox,Row, Col } from 'antd';
+import { Form, Input, Button, Icon, Select, Tabs, Radio, DatePicker, message, Checkbox, Row, Col } from 'antd';
 import { FormattedMessage } from 'umi-plugin-react/locale';
 import styles from '../style/GoodsList.less';
 import moment from 'moment';
@@ -19,13 +19,13 @@ const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
  * @param {*} props
  * @returns
  */
- const Edit = (props) => {
-  const [ data, setData ] = useState([])
-  const [ buildingIdValue, setBuildingIdData ] = useState('')
+const Edit = (props) => {
+  const [data, setData] = useState([])
+  const [buildingIdValue, setBuildingIdData] = useState('')
 
   const changBuilding = (buildingId) => {
     setBuildingIdData(buildingId)
-    request({ ...apis.system.tdBizEventIntention, params: {pageNum: 1, pageSize: 999,buildingId}}).then((data) => {
+    request({ ...apis.system.tdBizEventIntention, params: { pageNum: 1, pageSize: 999, buildingId } }).then((data) => {
       console.log(data)
       setData(data.records)
     })
@@ -33,59 +33,64 @@ const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 
   const changeBox = (x) => (e) => {
     setData(data.map((item) => {
-      return x.eventId === item.eventId ? {...item, checkbox: e.target.checked} : item
+      return x.eventId === item.eventId ? { ...item, checkbox: e.target.checked } : item
     }))
   }
 
   const changeInput = (x) => (e) => {
     setData(data.map((item) => {
-      return x.eventId === item.eventId ? {...item, intention: e.target.value} : item
+      return x.eventId === item.eventId ? { ...item, intention: e.target.value } : item
     }))
   }
 
   const submitValue = () => {
     console.log(buildingIdValue)
-    if(buildingIdValue === ''){
+    if (buildingIdValue === '') {
       return
     }
-    request({ ...apis.system.taBuildingIntentionAddOrUpdate, urlData: {id: buildingIdValue}, data,}).then((data) => {
+    request({ ...apis.system.taBuildingIntentionAddOrUpdate, urlData: { id: buildingIdValue }, data, }).then((data) => {
       message.info("保存成功")
     })
   }
 
   return (
     <>
-    <Row>
-      <Col span={12}>
-        <BuildSelect onChange={changBuilding}/>
-      </Col>
-    </Row>
-    <Row style={{margin:'10px 0'}}>
-      <Col span={5} offset={2}>
-        用户操作
-      </Col>
-      <Col span={3} offset={3}>
-        意向值
-      </Col>
-    </Row>
-    {data.map((x) => {
-      return <Row>
-                <Col span={5} offset={2}>
-                  <Checkbox checked={x.checkbox} onChange={changeBox(x)}>{x.eventName}</Checkbox>
-                </Col>
-                <Col span={3} offset={3}>
-                  <Input value={x.intention} onChange={changeInput(x)}/>
-                </Col>
-              </Row>
-    })}
-    <Row>
-      <AuthButton name="admin.taBuildingIntentionAddOrUpdate.buildingId.post" noRight={null}>
-        <Button type="primary" className={styles.searchBtn} onClick={submitValue}>确定</Button>
-      </AuthButton>
-    </Row>
+      <Row>
+        <Col span={6}>
+          <BuildSelect onChange={changBuilding} />
+        </Col>
+        <Col span={5} style={{ lineHeight: '30px' }}>
+          用户操作
+        </Col>
+        <Col span={5} offset={2} style={{ lineHeight: '30px' }}>
+          意向值
+        </Col>
+        <Col span={2} offset={4}>
+          <AuthButton name="admin.taBuildingIntentionAddOrUpdate.buildingId.post" noRight={null}>
+            <Button type="primary" className={styles.searchBtn} onClick={submitValue}>确定</Button>
+          </AuthButton>
+        </Col>
+      </Row>
+      {data.map((x) => {
+        return <Row style={{margin:'5px 0'}}>
+          <Col span={6}>
+
+          </Col>
+          <Col span={5} >
+            <Checkbox checked={x.checkbox} onChange={changeBox(x)}>{x.eventName}</Checkbox>
+          </Col>
+          <Col span={5} offset={2}>
+            <Input value={x.intention} onChange={changeInput(x)} />
+          </Col>
+          <Col span={2} offset={4}>
+
+          </Col>
+
+        </Row>
+      })}
     </>
   );
- }
+}