From 1e8bc9b06cbdd649f59f3a2d1cb0e89fcbbd6677 Mon Sep 17 00:00:00 2001 From: zhangds Date: Thu, 25 Aug 2022 15:32:22 +0800 Subject: [PATCH] =?UTF-8?q?1=EF=BC=89=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/coupon/list/index.jsx | 181 ++++++++++++++++---------------- 1 file changed, 91 insertions(+), 90 deletions(-) diff --git a/src/pages/coupon/list/index.jsx b/src/pages/coupon/list/index.jsx index 3a24e087..6b48414a 100644 --- a/src/pages/coupon/list/index.jsx +++ b/src/pages/coupon/list/index.jsx @@ -1,56 +1,56 @@ -import React, { useRef, useEffect } from 'react' -import { useSetState } from 'ahooks' -import { Button, CombinedDateRangePicker } from 'zent' -import _ from 'lodash' -import TabPage from '@/components/tabPage/main.js' -import Ipt from '@/components/input/main' -import Grid from '@/components/gird/main.js' -import './style.less' +import React, { useRef, useEffect } from "react"; +import { useSetState } from "ahooks"; +import { Button, CombinedDateRangePicker } from "zent"; +import _ from "lodash"; +import TabPage from "@/components/tabPage/main.js"; +import Ipt from "@/components/input/main"; +import Grid from "@/components/gird/main.js"; +import "./style.less"; const tableColumn = [ { - title: 'table 示例 1', - name: 'key_code', - prop: 'key_code', - type: 'normal', - width: 'auto' + title: "table 示例 1", + name: "key_code", + prop: "key_code", + type: "normal", + width: "auto", }, { - title: 'table 示例 2', - width: 'auto', - type: 'normal', - prop: 'title', - name: 'title' - } -] + title: "table 示例 2", + width: "auto", + type: "normal", + prop: "title", + name: "title", + }, +]; const UseCouponList = () => { const [state, setState] = useSetState({ tabList: [ - { title: '全部', index: 0 }, - { title: '创建中', index: -1 }, - { title: '未开始', index: 3 }, - { title: '审核中', index: 6 }, - { title: '审核驳回', index: 7 }, - { title: '进行中', index: 1 }, - { title: '暂停中', index: 2 }, - { title: '已结束', index: 4 }, - { title: '已作废', index: 5 } + { title: "全部", index: 0 }, + { title: "创建中", index: -1 }, + { title: "未开始", index: 3 }, + { title: "审核中", index: 6 }, + { title: "审核驳回", index: 7 }, + { title: "进行中", index: 1 }, + { title: "暂停中", index: 2 }, + { title: "已结束", index: 4 }, + { title: "已作废", index: 5 }, ], tableData: [], tableHeight: 500, dataCount: 0, lodgingTable: true, combinedValue: [], - key_word: '', - begin_time: '', - end_time: '', - status: '', + key_word: "", + begin_time: "", + end_time: "", + status: "", page: 1, limit: 10, - isQuery: false - }) - const table_el = useRef(null) + isQuery: false, + }); + const table_el = useRef(null); /** * @@ -61,105 +61,106 @@ const UseCouponList = () => { key_word: state.key_word || null, begin_time: state.begin_time || null, end_time: state.end_time || null, - status: state.status !== 999 && state.status !== '' ? state.status : null, + status: state.status !== 999 && state.status !== "" ? state.status : null, page: state.page, - limit: state.limit - } + limit: state.limit, + }; param = _.omitBy( { - ...param + ...param, }, (value) => { - return _.isNaN(value) || _.isNil(value) + return _.isNaN(value) || _.isNil(value); } - ) - return param - } + ); + return param; + }; const getTable = () => { - let param = getParam() - console.log('调用接口 ...', param) - } + let param = getParam(); + console.log("调用接口 ...", param); + }; useEffect(() => { - getTable() - }, [state.isQuery]) + getTable(); + }, [state.isQuery]); - const addCouponBtn = () => {} - const selectionFun = () => {} + const addCouponBtn = () => {}; + const selectionFun = () => {}; const searchCallback = () => { - getTable() - } + getTable(); + }; const onPageChange = (data) => { - setState({ page: data, isQuery: !state.isQuery }) - } + setState({ page: data, isQuery: !state.isQuery }); + }; const onCountChange = (data) => { - setState({ limit: data, isQuery: !state.isQuery }) - } + setState({ limit: data, isQuery: !state.isQuery }); + }; const onChangeCombinedDate = (data) => { - setState({ combinedValue: data }) + setState({ combinedValue: data }); if (data[0]) { setState({ begin_time: data[0], end_time: data[1], - isQuery: !state.isQuery - }) + isQuery: !state.isQuery, + }); } else { setState({ combinedValue: data, - begin_time: '', - end_time: '', - isQuery: !state.isQuery - }) + begin_time: "", + end_time: "", + isQuery: !state.isQuery, + }); } - } + }; const tabChange = (data) => { - setState({ page: 1, limit: 10, status: data, isQuery: !state.isQuery }) - } + setState({ page: 1, limit: 10, status: data, isQuery: !state.isQuery }); + }; /** * 日期 */ const dateEl = ( onChangeCombinedDate(data)} /> - ) + ); return ( -
+
tabChange(data)} width={130} - slot={dateEl}> -
- setState({ key_word: e })} value={state.key_word} wordSearch={() => searchCallback()} - icon='search' - placeholder={'请输入xxxxx'} + icon="search" + placeholder={"请输入xxxxx"} countShow={false} - height={'36px'} - width={'260px'} + height={"36px"} + width={"260px"} onClearItem={(e) => - setState({ key_word: '', isQuery: !state.isQuery }) + setState({ key_word: "", isQuery: !state.isQuery }) } - alignment={'left'} + alignment={"left"} />
{ pageChange={(e) => onPageChange(e)} emptyText={ state.lodgingTable - ? '抱歉，暂无相关数据记录' - : '查询 请输入【分销商】或【计划名称】或【key】进行查询' + ? "抱歉，暂无相关数据记录" + : "查询 请输入【分销商】或【计划名称】或【key】进行查询" } countChange={(e) => onCountChange(e)} checkChange={(data) => selectionFun(data)} ComponentHandler={(com, rowData) => { - if (com == 'dates') { + if (com == "dates") { return ( {rowData.begin_time} 至 {rowData.end_time} - ) + ); } }} />
- ) -} + ); +}; -export default UseCouponList +export default UseCouponList;