PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bug Fixing Pagination

Browse Source
This commit is contained in:
ajat91.sudrajat 2022-01-05 14:58:06 +07:00
parent 64aab4283b
commit 532277791a
5 changed files with 51 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Membership/Membership.js
View File

@ -352,7 +352,7 @@ export const Membership = observer(() => {
bordered
pagination={{
pageSize: store.membership.pageSize,
total: store.membership.totalData,
total: store.membership.total_data,
current: store.membership.page + 1,
showSizeChanger: true,
simple: false,
@ -362,6 +362,7 @@ export const Membership = observer(() => {
store.membership.pageSize = page.pageSize;
store.membership.page = pageNumber - 1;
modalLoader.setLoading(true);
await store.membership.getData();
await getData();
modalLoader.setLoading(false);
}}
@ -528,7 +529,7 @@ export const Membership = observer(() => {
visible={store.membership.visibleModalFilterMembership}
title={"Filter"}
footer={footerLayoutFilter}
onCancel={async() => {
onCancel={async () => {
// setFilterMembership([]);
// setFilterPartner([]);
store.membership.filterMembership = null;

4
src/pages/Payback/Payback.js
View File

@ -486,12 +486,12 @@ export const Payback = observer(() => {
<Row>
<Col span={24}>
<Title level={5} type={"secondary"} strong>
From
Sender
</Title>
<Form layout="vertical" name="filter" form={form}>
<Select
mode={"multiple"}
placeholder="Pilih Anggota"
placeholder="Pilih Pengirim"
onChange={(val) => {
setFilterMembership(val);
}}

4
src/pages/Payback/PaybackCreated.js
View File

@ -126,8 +126,10 @@ export const PaybackCreated = observer(() => {
const handleSubmitFilter = async () => {
const data = form.getFieldsValue();
//console.log(data);
console.log(data);
//store.payback.filterMembership = filterMembership;
// const awal = format(parseISO(data.start_date), "dd-MM-yyyy")
// const akhir = format(parseISO(data.start_date), "dd-MM-yyyy")
store.payback.filterStart = data.start_date;
store.payback.filterEnd = data.end_date;
modalLoader.setLoading(true);

24
src/store/membership.js
View File

@ -5,7 +5,7 @@ export class Membership {
page = 0;
pageSize = 10
data = [];
totalData = 0;
total_data = 0;
dataDetail = {};
dataMember=[];
@ -25,17 +25,19 @@ export class Membership {
const response = await http.get(`/users?page=${this.page}&pageSize=${this.pageSize}&superior=${this.filterMembership}&type=${this.filterPartner}`);
console.log(this.filterMembership)
// console.log(this.filterPartner)
console.log(response)
this.dataMember = response.body.data.map((item, idx) => {
item.key = idx;
item.name = item?.user_detail?.name;
item.phone_number = item?.user_detail?.phone_number;
item.roleId = item?.roles.id;
item.roleName = item?.roles.name;
return item
}) ?? []
//console.log(response)
this.dataMember = response.body.data ?? []
// this.dataMember = response.body.data.map((item, idx) => {
// item.key = idx;
// item.name = item?.user_detail?.name;
// item.phone_number = item?.user_detail?.phone_number;
// item.roleId = item?.roles.id;
// item.roleName = item?.roles.name;
// return item
// }) ?? []
this.totalData = response?.body?.count ?? 0
this.total_data = response?.body?.count ?? 0
//console.log(this.total_data)
} catch (e) {
console.error(e);
}

36
src/store/payback.js
View File

@ -1,5 +1,5 @@
import {makeAutoObservable} from "mobx";
import {http} from "../utils/http";
import { makeAutoObservable } from "mobx";
import { http } from "../utils/http";
export class Payback {
pageCreated = 0;
@ -17,12 +17,12 @@ export class Payback {
//filter
visibleModalFilterPayback = false;
filterMembership=null;
filterStart=null;
filterEnd=null;
filterMembership = null;
filterStart = null;
filterEnd = null;
//filter created
visibleModalFilterCreate=false
visibleModalFilterCreate = false;
constructor(ctx) {
this.ctx = ctx;
makeAutoObservable(this);
@ -30,9 +30,11 @@ export class Payback {
async getDataCreated() {
try {
const response = await http.get(`/transaction/deposit-return?page=${this.pageCreated}&pageSize=${this.pageSizeCreated}`
const response = await http.get(
`/transaction/deposit-return?page=${this.pageCreated}&pageSize=${this.pageSizeCreated}&start=${this.filterStart}&end=${this.filterEnd}`
);
this.dataCreated = response.body.data.map((item, idx) => {
this.dataCreated =
response.body.data.map((item, idx) => {
item.key = idx;
return item;
}) ?? [];
@ -48,8 +50,9 @@ export class Payback {
const response = await http.get(
`/transaction/deposit-return/confirmation?page=${this.pageConfirmation}&pageSize=${this.pageSizeConfirmation}`
);
console.log(response)
this.dataConfirmation = response.body.data.map((item, idx) => {
console.log(response);
this.dataConfirmation =
response.body.data.map((item, idx) => {
item.key = idx;
return item;
}) ?? [];
@ -82,7 +85,9 @@ export class Payback {
async create(data) {
try {
const response = await http.post("/transaction/deposit-return").send(data);
const response = await http
.post("/transaction/deposit-return")
.send(data);
await this.getDataCreated();
return response;
} catch (e) {
@ -92,13 +97,12 @@ export class Payback {
async confirmPayback(id, data) {
try {
const response = await http.put(`/transaction/deposit-return/confirmation/${id}/${data}`);
const response = await http.put(
`/transaction/deposit-return/confirmation/${id}/${data}`
);
// console.log(response)
// this.data=response.body.data
await Promise.all([
this.getDataConfirmation(),
this.getDataCreated()
])
await Promise.all([this.getDataConfirmation(), this.getDataCreated()]);
return response;
} catch (e) {
console.error(e);