合并

src/pages/activity/SignList.jsx

@@ -41,7 +41,7 @@ const columns = [
     dataIndex: 'createDate',
     key: 'createDate',
     align: 'center',
-    render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD')}`}</span></>
+    render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD')}`}</span></>,
   },
   {
     title: '推广人',
@@ -55,20 +55,32 @@ const columns = [
     key: 'orgName',
     align: 'center',
   },
+  {
+    title: '状态',
+    dataIndex: 'isCheckin',
+    key: 'isCheckin',
+    align: 'center',
+    render: (x, row) => <><span>{row.isCheckin === 1 ? '已签到' : '未签到'}</span></>,
+  },
 ];
 
 
 
-const header = (props) => {
-  const [ data, setData ] = useState({list: {}})
+const header = props => {
+  const [data, setData] = useState({list: {}})
 //   const [page, changePage] = useState({})
+// 存入导入数据的值
+const { getFieldDecorator, getFieldsValue } = props.form
+  // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
-    getSignList({pageNum: 1,pageSize: 10, dynamicId: props.location.query.dynamicId });
-  },[])
+    // eslint-disable-next-line no-use-before-define
+    getSignList({ pageNum: 1, pageSize: 10, dynamicId: props.location.query.dynamicId });
+  }, [])
 
   // 查询列表
-  const getSignList = (params) => {
-    request({ ...apis.activity.signList, params: { ...params },}).then((data) => {
+  const getSignList = params => {
+    // eslint-disable-next-line no-shadow
+    request({ ...apis.activity.signList, params: { ...params } }).then(data => {
         console.log(data)
         setData(data)
     })
@@ -83,10 +95,78 @@ const header = (props) => {
       pathname: '/activity/ActivityList',
     });
   }
+    // 提交事件
+// eslint-disable-next-line no-shadow
+const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      getSignList({ pageNum: 1, pageSize: 10, dynamicId: props.location.query.dynamicId, isCheckin: values.isCheckin, name: values.name, phone: values.phone })
+    });
+  }
+   // 重置搜索
+   function handleReset() {
+    props.form.resetFields();
+    getSignList({ pageNum: 1, pageSize: 10, dynamicId: props.location.query.dynamicId })
+  }
+ // eslint-disable-next-line class-methods-use-this
+ function exportHelp() {
+  const fieldsValue = getFieldsValue()
+  console.log('fieldsValue', fieldsValue)
+    request({ ...apis.activity.getTaActivityDynamicEnlistExport, params: { ...fieldsValue, dynamicId: props.location.query.dynamicId } })
+      .then(data => {
+        if (!data) {
+          return
+        }
+        const url = window.URL.createObjectURL(new Blob([data]))
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = url
+        link.setAttribute('download', '助力者记录.xlsx')
+        document.body.append(link)
+        link.click()
+      }).catch(() => {
+
+      })
+  }
 
   return (
     <>
+    <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('isCheckin')(
+            <Select style={{ width: '180px' }} placeholder="签到状态">
+              <Option value="0">未签到</Option>
+              <Option value="2">已签到</Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('name')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="用户姓名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('phone')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="手机号"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+            搜索
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+              重置
+            </Button>
+        </Form.Item>
+      </Form>
       <Button type="primary" className={styles.addBtn} onClick={toActivityList}>返回</Button>
+      <Button type="primary" style={{ marginLeft: '85%' }} onClick={exportHelp}>导出</Button>
       <Table dataSource={data.list.data} columns={columns} pagination={false} rowKey="activity"/>
       <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
         <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />

src/pages/activity/helpActivity/helpRecord.jsx

@@ -68,7 +68,6 @@ class InviteTable extends React.Component {
 
   // eslint-disable-next-line class-methods-use-this
   exportHelp() {
-    console.log('this.state.25252464122', this.state.visibleData)
     request({ ...apis.helpActivity.gethelpRecordExport, responseType: 'blob', params: { helpRecordInitiateId: this.state.visibleData.helpId } })
       .then(data => {
         if (!data) {

src/services/apis.js

@@ -436,6 +436,11 @@ export default {
         method: 'GET',
         action: 'admin.SignList.get',
       },
+      getTaActivityDynamicEnlistExport: {
+        url: `${prefix}/activityDynamicEnlist/export`,
+        method: 'GET',
+        action: 'admin.SignList.get',
+      },
       taDrainage: {
         url: `${prefix}/taDrainage`,
         method: 'GET',