activity

src/pages/activity/ActivityList.jsx

@@ -12,171 +12,6 @@ import request from '../../utils/request'
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 
-// 跳转到编辑商品
-function toEditGoods() {
-  router.push({
-    pathname: '/activity/editActivity',
-    query: {
-      a: 'b',
-    },
-  });
-}
-
-/**
- *
- *
- * @param {*} props
- * @returns
- */
-
-const columns = [
-  {
-    title: '活动标题',
-    dataIndex: 'title',
-    key: 'title',
-    align: 'center',
-  },
-  {
-    title: '活动时间',
-    dataIndex: 'startDate',
-    key: 'startDate',
-    align: 'center',
-    render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
-  },
-  {
-    title: '已参加人数',
-    dataIndex: 'count',
-    key: 'count',
-    align: 'center',
-  },
-  {
-    title: '阅读量',
-    dataIndex: 'pvNum',
-    key: 'pvNum',
-    align: 'center',
-  },
-  {
-    title: '转发量',
-    dataIndex: 'shareNum',
-    key: 'shareNum',
-    align: 'center',
-  },
-  {
-    title: '收藏数',
-    dataIndex: 'saveNum',
-    key: 'saveNum',
-    align: 'center',
-  },
-  {
-    title: '状态',
-    dataIndex: 'isEnlist',
-    key: 'isEnlist',
-    align: 'center',
-    render: (isEnlist)=> <><span>{isEnlist == 0 ?"未开始" : isEnlist==1 ? "进行中" : "已结束"}</span></>
-  },
-  {
-    title: '操作',
-    dataIndex: 'handle',
-    key: 'handle',
-    align: 'center',
-    render: (x,row) => <><span style={{ color: '#1990FF'}} onClick={getSignList.bind(this, row.dynamicId)}>{row.isEnlist == '1' || row.isEnlist == '2' ? "报名记录" : ""}<Icon type="snippets" className={styles.shoppingCart} /></span>
-                         <span style={{ color: '#1990FF' }} onClick={sendOrPublicDynamic.bind(this,row)}>{ row.status === 1 ? '取消发布' : '发布' }<Icon type="close-circle" className={styles.edit} /></span>
-                         <span style={{ color: '#1990FF' }} onClick={finishDynamic.bind(this,row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
-                         <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={topDynamic.bind(this,row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
-                         <span style={{ color: '#FF925C' }}>编辑<Icon type="form" className={styles.edit} /></span>
-                       </>
-  },
-];
-
-const getSignList = (dynamicId) => {
-    router.push({
-        pathname: '/activity/SignList',
-        query: {
-            dynamicId
-        },
-      });
-}
-
-const finishDynamic = (row) => {
-    Modal.confirm({
-        title: '结束以后将无法编辑, 是否继续?',
-        okText: '确定',
-        cancelText: '取消',
-        onOk() {
-            request({
-                url: '/api/admin/buildingDynamic/finish',
-                method: 'PUT',
-                data: {dynamicId: row.dynamicId, top: ""},
-            }).then((data) => {
-                console.log(data)
-                message.info('操作成功！')
-                // getList()
-            }).catch((err) => {
-                console.log(err)
-                message.info(err.msg || err.message)
-            })
-        },
-      });
-}
-
-const topDynamic = (row) => {
-    const weight = Math.abs(row.weight - 1)
-    request({
-        url: '/api/admin/buildingDynamic/weight',
-        method: 'PUT',
-        params: {dynamicId: row.dynamicId, weight},
-    }).then((data) => {
-        console.log(data)
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
-
-const sendOrPublicDynamic = (row) => {
-    if (row.status === 1) {
-        cancelDynamic(row)
-    } else {
-        sendDynamic(row)
-    }
-}
-
-// 取消活动
-const cancelDynamic = (row) => {
-    request({
-        url: '/api/admin/buildingDynamic/cancel/'+row.dynamicId,
-        method: 'PUT',
-    }).then((data) => {
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
-
-//发布活动
-const sendDynamic = (row) => {
-    request({
-        url: '/api/admin/buildingDynamic/send/'+row.dynamicId,
-        method: 'PUT',
-    }).then((data) => {
-        message.info('操作成功！')
-        // getList()
-    }).catch((err) => {
-        console.log(err)
-        message.info(err.msg || err.message)
-    })
-}
-
-const changePageNum = (pageNumber) => {
-    getList({ pageNum: pageNumber, pageSize: 10 })
-}
-
-
-
 const header = (props) => {
   const [ data, setData ] = useState({})
 //   const [page, changePage] = useState({})
@@ -197,6 +32,170 @@ const header = (props) => {
     })
   }
 
+  
+// 跳转到编辑商品
+const toEditGoods = (dynamicId) => {
+    router.push({
+      pathname: '/activity/editActivity',
+      query: {
+        dynamicId
+      },
+    });
+  }
+  
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  
+  const columns = [
+    {
+      title: '活动标题',
+      dataIndex: 'title',
+      key: 'title',
+      align: 'center',
+    },
+    {
+      title: '活动时间',
+      dataIndex: 'startDate',
+      key: 'startDate',
+      align: 'center',
+      render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
+    },
+    {
+      title: '已参加人数',
+      dataIndex: 'count',
+      key: 'count',
+      align: 'center',
+    },
+    {
+      title: '阅读量',
+      dataIndex: 'pvNum',
+      key: 'pvNum',
+      align: 'center',
+    },
+    {
+      title: '转发量',
+      dataIndex: 'shareNum',
+      key: 'shareNum',
+      align: 'center',
+    },
+    {
+      title: '收藏数',
+      dataIndex: 'saveNum',
+      key: 'saveNum',
+      align: 'center',
+    },
+    {
+      title: '状态',
+      dataIndex: 'isEnlist',
+      key: 'isEnlist',
+      align: 'center',
+      render: (isEnlist)=> <><span>{isEnlist == 0 ?"未开始" : isEnlist==1 ? "进行中" : "已结束"}</span></>
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x,row) => <><span style={{ color: '#1990FF'}} onClick={getSignList.bind(this, row.dynamicId)}>{row.isEnlist == '1' || row.isEnlist == '2' ? "报名记录" : ""}<Icon type="snippets" className={styles.shoppingCart} /></span>
+                           <span style={{ color: '#1990FF' }} onClick={sendOrPublicDynamic.bind(this,row)}>{ row.status === 1 ? '取消发布' : '发布' }<Icon type="close-circle" className={styles.edit} /></span>
+                           <span style={{ color: '#1990FF' }} onClick={finishDynamic.bind(this,row)}>结束活动<Icon type="poweroff" className={styles.edit} /></span>
+                           <span style={{ color: '#1990FF', marginRight: '20px' }} onClick={topDynamic.bind(this,row)}>{ row.weight === 1 ? '取消置顶' : '置顶' }<Icon type="vertical-align-top" className={styles.edit} /></span>
+                           <span style={{ color: '#FF925C' }} onClick={toEditGoods.bind(this, row.dynamicId)}>编辑<Icon type="form" className={styles.edit} /></span>
+                         </>
+    },
+  ];
+  
+  const getSignList = (dynamicId) => {
+      router.push({
+          pathname: '/activity/SignList',
+          query: {
+              dynamicId
+          },
+        });
+  }
+  
+  const finishDynamic = (row) => {
+      Modal.confirm({
+          title: '结束以后将无法编辑, 是否继续?',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({
+                  url: '/api/admin/buildingDynamic/finish',
+                  method: 'PUT',
+                  data: {dynamicId: row.dynamicId, top: ""},
+              }).then((data) => {
+                  console.log(data)
+                  message.info('操作成功！')
+                  getList({ pageNum: 1, pageSize: 10 })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+  }
+  
+  const topDynamic = (row) => {
+      const weight = Math.abs(row.weight - 1)
+      request({
+          url: '/api/admin/buildingDynamic/weight',
+          method: 'PUT',
+          params: {dynamicId: row.dynamicId, weight},
+      }).then((data) => {
+          console.log(data)
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 })
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const sendOrPublicDynamic = (row) => {
+      if (row.status === 1) {
+          cancelDynamic(row)
+      } else {
+          sendDynamic(row)
+      }
+  }
+  
+  // 取消活动
+  const cancelDynamic = (row) => {
+      request({
+          url: '/api/admin/buildingDynamic/cancel/'+row.dynamicId,
+          method: 'PUT',
+      }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 })
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  //发布活动
+  const sendDynamic = (row) => {
+      request({
+          url: '/api/admin/buildingDynamic/send/'+row.dynamicId,
+          method: 'PUT',
+      }).then((data) => {
+          message.info('操作成功！')
+          getList({ pageNum: 1, pageSize: 10 });
+      }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+      })
+  }
+  
+  const changePageNum = (pageNumber) => {
+      getList({ pageNum: pageNumber, pageSize: 10 })
+  }
+
   // 提交事件
 const handleSubmit = (e, props) => {
     e.preventDefault();

src/pages/activity/SignList.jsx

@@ -10,14 +10,6 @@ import request from '../../utils/request'
 const { Option } = Select;
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 
-
-
-// 分页
-function onChange(pageNumber) {
-  console.log('Page: ', pageNumber);
-}
-
-
 /**
  *
  *
@@ -27,51 +19,64 @@ function onChange(pageNumber) {
 
 const columns = [
   {
-    title: '活动标题',
-    dataIndex: 'title',
-    key: 'title',
+    title: '用户姓名',
+    dataIndex: 'name',
+    key: 'name',
     align: 'center',
   },
   {
-    title: '活动时间',
-    dataIndex: 'startDate',
-    key: 'startDate',
+    title: '手机号',
+    dataIndex: 'phone',
+    key: 'phone',
     align: 'center',
-    render: (x, row) => <><span>{`${moment(row.startDate).format('YYYY-MM-DD')} —— ${moment(row.endDate).format('YYYY-MM-DD')}`}</span></>
   },
   {
-    title: '已参加人数',
-    dataIndex: 'count',
-    key: 'count',
+    title: '报名时间',
+    dataIndex: 'createDate',
+    key: 'createDate',
     align: 'center',
+    render: (x, row) => <><span>{`${moment(row.createDate).format('YYYY-MM-DD')}`}</span></>
   }
 ];
 
 
 
 const header = (props) => {
-  const [ data, setData ] = useState({})
+  const [ data, setData ] = useState({list: {}})
 //   const [page, changePage] = useState({})
   useEffect(() => {
-    getSignList();
+    getSignList({pageNum: 1,pageSize: 10, dynamicId: props.location.query.dynamicId });
   },[])
 
   // 查询列表
-  const getSignList = (e) => {
+  const getSignList = (params) => {
     request({
         url: '/api/admin/SignList',
         method: 'GET',
-        params: {pageNum: 1,pageSize: 10, dynamicId: props.location.query.dynamicId },
+        params: { ...params },
     }).then((data) => {
         console.log(data)
         setData(data)
     })
   }
 
+  const changePageNum = (pageNumber) => {
+    getList({ pageNum: pageNumber, pageSize: 10, dynamicId: props.location.query.dynamicId })
+  }
+
+  const toActivityList = () => {
+    router.push({
+      pathname: '/activity/ActivityList',
+    });
+  }
+
   return (
     <>
-      <Button type="primary" className={styles.addBtn}>返回</Button>
-      <Table dataSource={data} columns={columns} />
+      <Button type="primary" className={styles.addBtn} onClick={toActivityList}>返回</Button>
+      <Table dataSource={data.list.data} columns={columns} pagination={false} />
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} />
+      </div>
     </>
   )
 }