nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mid 셋팅및 코드 정리

Browse Source
This commit is contained in:
focp212@naver.com
2025-10-10 15:26:04 +09:00
parent 306629be53
commit ced334f90f
41 changed files with 692 additions and 582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/additional-service/account-holder-auth/account-holder-auth-page.tsx
View File

@@ -19,15 +19,17 @@ import { authStatusBtnGroup } from '@/entities/additional-service/model/account-
import { AccountHolderAuthList } from '@/entities/additional-service/ui/account-holder-auth/account-holder-auth-list';
import { useExtensionAccountHolderAuthDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-auth/use-extension-account-holder-auth-download-excel-mutation';
import { AccountHolderAuthFilter } from '@/entities/additional-service/ui/account-holder-auth/filter/account-holder-auth-filter';
import { useStore } from '@/shared/model/store';
export const AccountHolderAuthPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [fromDate, setFromDate] = useState(moment().format('YYYY-MM-DD'));
const [toDate, setToDate] = useState(moment().format('YYYY-MM-DD'));
const [authStatus, setAuthStatus] = useState<AuthAndTransferStatus>(AuthAndTransferStatus.ALL)
@@ -45,7 +47,7 @@ export const AccountHolderAuthPage = () => {
sortBy?: string,
val?: string
}) => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
setPageParam(pageParam);
let listParams = {
mid: mid,
@@ -67,15 +69,15 @@ export const AccountHolderAuthPage = () => {
for (let i = 0; i < content?.length; i++) {
let requestDate = content[i]?.requestDate?.substring(0, 8);
let groupDate = moment(requestDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -86,7 +88,7 @@ export const AccountHolderAuthPage = () => {
toDate: toDate,
authStatus: authStatus
}).then((rs) => {
console.log('Excel Downlaod Status : ' + rs.status)
console.log('Excel Downlaod Status : ' + rs.status);
});
}
@@ -108,6 +110,7 @@ export const AccountHolderAuthPage = () => {
useEffect(() => {
callList();
}, []);
return (
<>
<main>

14
src/pages/additional-service/account-holder-search/account-holder-search-page.tsx
View File

@@ -17,6 +17,7 @@ import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { useExtensionAccountHolderSearchDownloadExcelMutation } from '@/entities/additional-service/api/account-holder-search/use-extension-account-holder-search-download-excel-mutation';
import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-box';
import { AccountHolderSearchList } from '@/entities/additional-service/ui/account-holder-search/account-holder-search-list';
import { useStore } from '@/shared/model/store';
const resultStatusBtnGroup = [
{ name: '전체', value: ProcessResult.ALL },
@@ -26,12 +27,13 @@ const resultStatusBtnGroup = [
export const AccountHolderSearchPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [filterOn, setFilterOn] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchType, setSearchType] = useState<AccountHolderSearchType>(AccountHolderSearchType.ACCOUNT_NO)
const [searchKeyword, setSearchKeyword] = useState<string>('');
const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
@@ -72,7 +74,7 @@ export const AccountHolderSearchPage = () => {
}
const assembleData = (content: Array<AccountHolderSearchListItem>) => {
console.log('rs.content:', content)
console.log('rs.content:', content);
let data: any = {};
if (content && content.length > 0) {
for (let i = 0; i < content?.length; i++) {
@@ -86,7 +88,7 @@ export const AccountHolderSearchPage = () => {
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -104,7 +106,7 @@ export const AccountHolderSearchPage = () => {
bankCode: bank,
resultStatus: processResult
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
};
@@ -115,7 +117,9 @@ export const AccountHolderSearchPage = () => {
const onClickToTransactionStatus = (val: ProcessResult) => {
setProcessResult(val);
callList({ val: val });
callList({
val: val
});
};
useEffect(() => {

6
src/pages/additional-service/alimtalk/list-page.tsx
View File

@@ -26,15 +26,17 @@ import { useExtensionAlimtalkListMutation } from '@/entities/additional-service/
import { useExtensionAlimtalkDownloadExcelMutation } from '@/entities/additional-service/api/alimtalk/use-extansion-alimtalk-download-excel-mutation';
import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const AlimtalkListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<AlimtalkListContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchCl, setSearchCl] = useState<AlimtalkSearchCl>(AlimtalkSearchCl.BUYER_NAME);
const [searchValue, setSearchValue] = useState<string>();
const [paymentMethod, setPaymentMethod] = useState<string>();
@@ -123,7 +125,7 @@ export const AlimtalkListPage = () => {
const getAlimtalkList = () => {
let rs = [];
if(Object.keys(listItems).length > 0){
for (const [key, value] of Object.entries(listItems)) {
for(const [key, value] of Object.entries(listItems)){
rs.push(
<ListDateGroup
additionalServiceCategory={ AdditionalServiceCategory.Alimtalk }

6
src/pages/additional-service/alimtalk/setting-page.tsx
View File

@@ -21,11 +21,13 @@ import {
} from '@/entities/additional-service/model/alimtalk/types';
import { useEffect, useState } from 'react';
import { AlimTalkSettingServiceRow } from '@/entities/additional-service/ui/alimtalk/setting-service-row';
import { useStore } from '@/shared/model/store';
export const AlimtalkSettingPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [merchantCardApprovalFlag, setMerchantCardApprovalFlag] = useState<boolean>(false);
const [merchantCardCancelFlag, setMerchantCardCancelFlag] = useState<boolean>(false);
@@ -48,7 +50,7 @@ export const AlimtalkSettingPage = () => {
const callSettingDetail = () => {
let params: ExtensionAlimtalkSettingDetailParams = {
mid: mid,
mid: mid
};
alimtalkSettingDetail(params).then((rs: ExtensionAlimtalkSettingDetailResponse) => {

4
src/pages/additional-service/ars/list-page.tsx
View File

@@ -19,15 +19,17 @@ import { AdditionalServiceCategory } from '@/entities/additional-service/model/t
import { SortOptionsBox } from '@/entities/common/ui/sort-options-box';
import { ArsPaymentStatusBtnGroup } from '@/entities/additional-service/model/ars/constant';
import { ArsFilter } from '@/entities/additional-service/ui/filter/ars-filter';
import { useStore } from '@/shared/model/store';
export const ArsListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<ArsListContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [moid, setMoid] = useState<string>('');
const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));

4
src/pages/additional-service/fund-account/transfer-request-page.tsx
View File

@@ -10,12 +10,14 @@ import {
import { useState } from 'react';
import { useExtensionFundAccountTransferRequestMutation } from '@/entities/additional-service/api/fund-account/use-extension-fund-account-transfer-request-mutation';
import { ExtensionFundAccountTransferRequestParams, ExtensionFundAccountTransferRequestResponse } from '@/entities/additional-service/model/fund-account/types';
import { useStore } from '@/shared/model/store';
export const FundAccountTransferRequestPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m')
const [mid, setMid] = useState<string>(userMid);
const [transferAmount, setTransferAmount] = useState<number>(0);
const [receiveBankCode, setReceiveBankCode] = useState<string>('');
const [receiveAccountNo, setReceiveAccountNo] = useState<string>('');

33
src/pages/additional-service/key-in-payment/key-in-payment-page.tsx
View File

@@ -17,6 +17,7 @@ import { SortOptionsBox } from '@/entities/additional-service/ui/sort-options-bo
import { useExtensionKeyinListMutation } from '@/entities/additional-service/api/use-extension-keyin-list-mutation';
import { DEFAULT_PAGE_PARAM } from '@/entities/common/model/constant';
import { KeyInPaymentList } from '@/entities/additional-service/ui/key-in-payment/key-in-payment-list';
import { useStore } from '@/shared/model/store';
// contant로 옮기기
const requestStatusBtnGroup = [
@@ -28,13 +29,13 @@ const requestStatusBtnGroup = [
export const KeyInPaymentPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [startDate, setStartDate] = useState(moment().format('YYYY-MM-DD'));
const [endDate, setEndDate] = useState(moment().format('YYYY-MM-DD'));
const [transactionStatus, setTransactionStatus] = useState<KeyInPaymentTransactionStatus>(KeyInPaymentTransactionStatus.ALL)
@@ -59,11 +60,11 @@ export const KeyInPaymentPage = () => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
setPageParam(pageParam);
let newMinAmount = minAmount;
if (!!minAmount && typeof (minAmount) === 'string') {
if(!!minAmount && typeof (minAmount) === 'string'){
newMinAmount = parseInt(minAmount);
}
let newMaxAmount = maxAmount;
if (!!maxAmount && typeof (maxAmount) === 'string') {
if(!!maxAmount && typeof (maxAmount) === 'string'){
newMaxAmount = parseInt(maxAmount);
}
let listParams = {
@@ -76,7 +77,7 @@ export const KeyInPaymentPage = () => {
page: pageParam
};
console.log("Request Info: ", listParams)
console.log('Request Info: ', listParams);
keyinList(listParams).then((rs) => {
setListItems(assembleData(rs.content));
@@ -84,21 +85,21 @@ export const KeyInPaymentPage = () => {
}
const assembleData = (content: Array<KeyInPaymentListItem>) => {
console.log('rs.content:', content)
console.log('rs.content:', content);
let data: any = {};
if (content && content.length > 0) {
for (let i = 0; i < content?.length; i++) {
for(let i = 0; i < content?.length; i++){
let paymentDate = content[i]?.paymentDate?.substring(0, 8);
let groupDate = moment(paymentDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
@@ -109,11 +110,11 @@ export const KeyInPaymentPage = () => {
const onClickToDownloadExcel = () => {
let newMinAmount = minAmount;
if (!!minAmount && typeof (minAmount) === 'string') {
if(!!minAmount && typeof (minAmount) === 'string'){
newMinAmount = parseInt(minAmount);
}
let newMaxAmount = maxAmount;
if (!!maxAmount && typeof (maxAmount) === 'string') {
if(!!maxAmount && typeof (maxAmount) === 'string'){
newMaxAmount = parseInt(maxAmount);
}
downloadExcel({
@@ -124,7 +125,7 @@ export const KeyInPaymentPage = () => {
minAmount: newMinAmount,
maxAmount: newMaxAmount
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
};
@@ -134,9 +135,11 @@ export const KeyInPaymentPage = () => {
};
const onClickToTransactionStatus = (val: KeyInPaymentTransactionStatus) => {
console.log("TransactionStatus Test: ", val)
console.log('TransactionStatus Test: ', val);
setTransactionStatus(val);
callList({ val: val });
callList({
val: val
});
};
useEffect(() => {

31
src/pages/additional-service/list-page.tsx
View File

@@ -11,11 +11,14 @@ import {
} from '@/widgets/sub-layout/use-sub-layout';
import { useExtensionListMutation } from '@/entities/additional-service/api/use-extension-list-mutation';
import { ExtensionListParams, ExtensionListResponse } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const ListPage = () => {
const { navigate } = useNavigate();
const midOptions = useStore.getState().UserStore.selectOptionsMids;
const userMid = useStore.getState().UserStore.mid;
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const { mutateAsync: extensionList } = useExtensionListMutation();
@@ -26,9 +29,9 @@ export const ListPage = () => {
navigate(PATHS.home);
});
const callExtensionList = () => {
const callExtensionList = (selectedMid: string) => {
let params: ExtensionListParams = {
mid: mid
mid: selectedMid
}
extensionList(params).then((rs: ExtensionListResponse) => {
console.log(rs)
@@ -36,7 +39,7 @@ export const ListPage = () => {
};
useEffect(() => {
callExtensionList();
callExtensionList(userMid);
}, []);
const activeExtensionList = [
@@ -135,6 +138,10 @@ export const ListPage = () => {
return rs;
};
const onChangeMid = (value: string) => {
callExtensionList(value);
};
return (
<>
<main>
@@ -142,11 +149,17 @@ export const ListPage = () => {
<div className="tab-pane sub active">
<div className="ing-list">
<div className="input-wrapper top-select">
<select>
<option value="1">nicetest00g</option>
<option value="2">nicetest00g</option>
<option value="3">nicetest00g</option>
</select>
<select onChange={ (e) => onChangeMid(e.target.value) }>
{
midOptions.map((value, index) => (
<option
key={ value.value }
value={ value.value }
selected={ (userMid === value.value)? true: false }
>{ value.name }</option>
))
}
</select>
</div>
<h3 className="ing-title">사용중인 서비스</h3>
{ getActiveExtensionList() }

8
src/pages/additional-service/payout/list-page.tsx
View File

@@ -27,15 +27,17 @@ import { PayoutFilter } from '@/entities/additional-service/ui/filter/payout-fil
import { PayoutDisbursementStatusBtnGroup } from '@/entities/additional-service/model/payout/constant';
import { ListDateGroup } from '@/entities/additional-service/ui/list-date-group';
import { AdditionalServiceCategory } from '@/entities/additional-service/model/types';
import { useStore } from '@/shared/model/store';
export const PayoutListPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState<Record<string, Array<PayoutContent>>>({});
const [filterOn, setFilterOn] = useState<boolean>(false);
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [searchCl, setSearchCl] = useState<PayoutSearchCl>(PayoutSearchCl.REQUEST_DATE);
const [fromDate, setFromDate] = useState<string>(moment().format('YYYYMMDD'));
const [toDate, setToDate] = useState<string>(moment().format('YYYYMMDD'));
@@ -145,7 +147,9 @@ export const PayoutListPage = () => {
};
const onClickToDisbursementStatus = (val: PayoutDisbursementStatus) => {
setDisbursementStatus(val);
callExtensionPayoutList({val: val});
callExtensionPayoutList({
val: val
});
};

4
src/pages/additional-service/payout/request-page.tsx
View File

@@ -12,12 +12,14 @@ import { useState } from "react";
import { useExtensionPayoutRequestMutation } from "@/entities/additional-service/api/payout/use-extension-payout-request-mutation";
import { ExtensionPayoutRequestParams, ExtensionPayoutRequestResponse } from "@/entities/additional-service/model/payout/types";
import NiceCalendar from "@/shared/ui/calendar/nice-calendar";
import { useStore } from "@/shared/model/store";
export const PayoutRequestPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [calendarOpen, setCalendarOpen] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m')
const [mid, setMid] = useState<string>(userMid);
const [submallId, setSubmallId] = useState<string>('');
const [disbursementAmount, setDisbursementAmount] = useState<number>(0);
const [settlementDate, setSettlementDate] = useState<string>('');

29
src/pages/additional-service/sms-payment/sms-payment-page.tsx
View File

@@ -16,17 +16,20 @@ import { useExtensionSmsDownloadExcelMutation } from '@/entities/additional-serv
import { SmsPaymentList } from '@/entities/additional-service/ui/sms-payment/sms-payment-list';
import { SmsPaymentFilter } from '@/entities/additional-service/ui/sms-payment/sms-payment-filter';
import { useExtensionSmsDetailMutation } from '@/entities/additional-service/api/sms-payment/use-extension-sms-detail-mutation';
import { useStore } from '@/shared/model/store';
export const SmsPaymentPage = () => {
const { navigate } = useNavigate();
const userMid = useStore.getState().UserStore.mid;
const [bottomSmsPaymentDetailResendOn, setBottomSmsPaymentDetailResendOn] = useState<boolean>(false)
const [sortBy, setSortBy] = useState<SortByKeys>(SortByKeys.New);
const [listItems, setListItems] = useState({});
const [pageParam, setPageParam] = useState(DEFAULT_PAGE_PARAM);
const [filterOn, setFilterOn] = useState<boolean>(false);
const [mid, setMid] = useState<string>('nictest00m');
const [mid, setMid] = useState<string>(userMid);
const [selectedTid, setSelectedTid] = useState<string>('');
const [selectedMid, setSelectedMid] = useState<string>('');
const [searchCl, setSearchCl] = useState<SmsPaymentSearchType>(SmsPaymentSearchType.BUYER_NAME)
@@ -48,7 +51,7 @@ export const SmsPaymentPage = () => {
sortBy?: string,
val?: string
}) => {
pageParam.sortBy = (option?.sortBy) ? option.sortBy : sortBy;
pageParam.sortBy = (option?.sortBy)? option.sortBy: sortBy;
setPageParam(pageParam);
let listParams = {
@@ -57,7 +60,7 @@ export const SmsPaymentPage = () => {
searchValue: searchValue,
fromDate: fromDate,
toDate: toDate,
smsCl: smsCl === SmsType.ALL ? '' : smsCl,
smsCl: (smsCl === SmsType.ALL)? '' :smsCl,
page: pageParam
}
@@ -72,25 +75,25 @@ export const SmsPaymentPage = () => {
for (let i = 0; i < content?.length; i++) {
let paymentDate = content[i]?.paymentDate?.substring(0, 8);
let groupDate = moment(paymentDate).format('YYYYMMDD');
if (!!groupDate && !data.hasOwnProperty(groupDate)) {
if(!!groupDate && !data.hasOwnProperty(groupDate)){
data[groupDate] = [];
}
if (!!groupDate && data.hasOwnProperty(groupDate)) {
if(!!groupDate && data.hasOwnProperty(groupDate)){
data[groupDate].push(content[i]);
}
}
}
console.log('Data : ', data)
console.log('Data : ', data);
return data;
};
const callDetail = (selectedMid: string, selectedTid: string) => {
console.log("Selected Mid: ", selectedMid, "Selected Tid: ", selectedTid)
console.log('Selected Mid: ', selectedMid, 'Selected Tid: ', selectedTid);
detail({
mid: selectedMid,
tid: selectedTid
}).then((rs) => {
console.log('Detail info : ', rs)
console.log('Detail info : ', rs);
setSmsDetailData(rs);
})
}
@@ -102,9 +105,9 @@ export const SmsPaymentPage = () => {
searchValue: searchValue,
fromDate: fromDate,
toDate: toDate,
smsCl: smsCl === SmsType.ALL ? '' : smsCl,
smsCl: (smsCl === SmsType.ALL)? '': smsCl,
}).then((rs) => {
console.log('Excel Dowload Status : ' + rs.status)
console.log('Excel Dowload Status : ' + rs.status);
});
}
@@ -163,9 +166,9 @@ export const SmsPaymentPage = () => {
</section>
<div className="detail-divider"></div>
<SmsPaymentList
listItems={listItems}
mid={mid}
onResendClick={onClickToShowDetail}
listItems={ listItems }
mid={ mid }
onResendClick={ onClickToShowDetail }
></SmsPaymentList>
</div>
</div>