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

- added form for between dates transaction history excel export

Browse Source
This commit is contained in:
Muhammad Fadli 2023-05-04 00:58:10 +07:00
parent f3eefae54e
commit e1ce45848a
3 changed files with 25 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/Membership/DetailUser.js
View File

@ -167,7 +167,8 @@ export const DetailUser = observer(() => {
const handleSubmitExport = async () => {
const date = formExport.getFieldsValue();
const dataDate ={
dateStart: moment(date.tanggal_export).format("YYYY-MM-DD")
dateStart: moment(date.start_date).format("YYYY-MM-DD"),
dateEnd: moment(date.end_date).format("YYYY-MM-DD")
}
modalLoader.setLoading(true);
try {
@ -1149,8 +1150,15 @@ export const DetailUser = observer(() => {
<Col span={24}>
<Form layout="vertical" name="filter" form={formExport}>
<Form.Item
name="tanggal_export"
label="Tanggal"
name="start_date"
label="Dari"
rules={[{ required: true, message: "Please input Date!" }]}
>
<DatePicker style={{ width: "100%" }} />
</Form.Item>
<Form.Item
name="end_date"
label="Sampai"
rules={[{ required: true, message: "Please input Date!" }]}
>
<DatePicker style={{ width: "100%" }} />

17
src/pages/Profile/Profile.js
View File

@ -389,7 +389,8 @@ export const Profile = observer(() => {
const handleSubmitExport = async () => {
const date = formExport.getFieldsValue();
const dataDate ={
dateStart: moment(date.tanggal_export).format("YYYY-MM-DD")
dateStart: moment(date.start_date).format("YYYY-MM-DD"),
dateEnd: moment(date.end_date).format("YYYY-MM-DD")
}
modalLoader.setLoading(true);
try {
@ -1038,9 +1039,17 @@ export const Profile = observer(() => {
<Col span={24}>
<Form layout="vertical" name="filter" form={formExport}>
<Form.Item
name="tanggal_export"
label="Tanggal"
rules={[{ required: true, message: "Please input Date!" }]}
name="start_date"
label="Dari"
rules={[{ required: true, message: "Please input Date!" }]}
>
<DatePicker style={{ width: "100%" }} />
</Form.Item>
<Form.Item
name="end_date"
label="Sampai"
rules={[{ required: true, message: "Please input Date!" }]}
>
<DatePicker style={{ width: "100%" }} />
</Form.Item>

2
src/store/transaction.js
View File

@ -285,7 +285,7 @@ export class Transaction {
}).then((response) => {
var fileDownload = require('react-file-download');
message.success("Success export");
fileDownload(response.data, `Mutasi Transaki ${data.userDetail.name} ${date.dateStart}.xlsx`);
fileDownload(response.data, `Mutasi Transaki ${data.userDetail.name} ${date.dateStart} - ${date.dateEnd}.xlsx`);
return fileDownload;
}).catch(function (error) {
message.error("No data to export");