+
-
+ {k.icon}
+
+
+
+ {k.delta}
+
+ }
+ />
+
+
+
+ ))}
+
+
+ {/* 차트 + 배치 진행 */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {STEPS.map((s, i) => {
+ const dot = s.status === 'done' ? '#0F6E56'
+ : s.status === 'progress' ? '#1677FF' : '#ddd';
+ return (
+
+
- {c.icon}
-
-
-
{c.label}
-
- {c.suffix === '건' ? c.value.toLocaleString() : (
-
- )}
-
- {c.suffix ?? '원'}
-
-
-
- {isUp ? : }
- {Math.abs(c.delta).toFixed(1)}% 전월 대비
-
-
-
-
-
- );
- })}
-
-
- {/* 차트 + 배치 현황 */}
-
-
- 월별 추이 (최근 6개월)}
- bordered={false}
- style={{ boxShadow: 'var(--ga-shadow-card)' }}
- styles={{ body: { padding: 16, height: 280 } }}
- >
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 배치 진행 (5월)}
- bordered={false}
- style={{ boxShadow: 'var(--ga-shadow-card)' }}
- styles={{ body: { padding: 16 } }}
- >
- {BATCH_STEPS.map((s, i) => {
- const dotColor = s.status === 'done' ? '#0F6E56' :
- s.status === 'progress' ? '#1677FF' : '#ddd';
- return (
-
-
-
-
- Step {i + 1}. {s.name}
-
-
-
{s.time ?? '-'}
+ }}
+ />
+
+ Step {i + 1}. {s.name}
+
+
{s.time ?? '-'}
+
{/* 알림 */}
-
최근 알림}
- bordered={false}
- style={{ boxShadow: 'var(--ga-shadow-card)' }}
- styles={{ body: { padding: 0 } }}
- >
+
{[
- { tag: '대사불일치', tagColor: '#E24B4A', tagBg: '#FCEBEB',
- text: '삼성생명 5월 통보액 vs 시스템 계산액 3건 차이', time: '10분 전' },
- { tag: '파싱에러', tagColor: '#BA7517', tagBg: '#FAEEDA',
+ { tag: '대사불일치', color: 'error',
+ text: '삼성생명 5월 통보액 vs 시스템 계산액 3건 차이', time: '10분 전' },
+ { tag: '파싱에러', color: 'warning',
text: '한화생명 raw 파일 12행 날짜 형식 오류 (parse_error_log #4521)', time: '1시간 전' },
- { tag: '승인대기', tagColor: '#1677FF', tagBg: '#E6F1FB',
+ { tag: '승인대기', color: 'processing',
text: '예외금액 원장 승인 대기 5건 (정산월 202605)', time: '3시간 전' },
- ].map((n, i) => (
+ ].map((n, i, arr) => (
- {n.tag}
- {n.text}
+ {n.tag}
+ {n.text}
{n.time}
))}
-
+
);
}
diff --git a/ga-frontend/src/pages/ledger/ExceptionLedger.tsx b/ga-frontend/src/pages/ledger/ExceptionLedger.tsx
index 2431d2c..473cd58 100644
--- a/ga-frontend/src/pages/ledger/ExceptionLedger.tsx
+++ b/ga-frontend/src/pages/ledger/ExceptionLedger.tsx
@@ -1,26 +1,16 @@
-import { useState } from 'react';
-import { Table, Space, message, Modal } from 'antd';
-import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { useRef } from 'react';
+import { Modal, Space, message } from 'antd';
+import { ProTable, type ActionType, type ProColumns } from '@ant-design/pro-components';
import PageContainer from '@/components/common/PageContainer';
-import SearchForm from '@/components/common/SearchForm';
import CodeBadge from '@/components/common/CodeBadge';
import MoneyText from '@/components/common/MoneyText';
import PermissionButton from '@/components/common/PermissionButton';
-import { defaultPagination } from '@/utils/tablePagination';
+import { useCommonCodes } from '@/hooks/useCommonCodes';
import { exceptionApi, ExceptionLedgerResp } from '@/api/exceptionLedger';
export default function ExceptionLedger() {
- const qc = useQueryClient();
- const [param, setParam] = useState<{ settleMonth?: string; status?: string; pageNum: number; pageSize: number }>({
- pageNum: 1, pageSize: 30,
- });
-
- const { data, isLoading } = useQuery({
- queryKey: ['ledger', 'exception', param],
- queryFn: () => exceptionApi.list(param),
- });
-
- const refresh = () => qc.invalidateQueries({ queryKey: ['ledger', 'exception'] });
+ const actionRef = useRef
();
+ const { data: approveCodes = [] } = useCommonCodes('APPROVE_STATUS');
const onApprove = (id: number, status: 'APPROVED' | 'REJECTED') =>
Modal.confirm({
@@ -28,71 +18,67 @@ export default function ExceptionLedger() {
onOk: async () => {
await exceptionApi.approve(id, status);
message.success(status === 'APPROVED' ? '승인 완료' : '반려 완료');
- refresh();
+ actionRef.current?.reload();
},
});
- return (
-
- setParam({ ...param, ...v, pageNum: 1 })}
- onReset={() => setParam({ pageNum: 1, pageSize: 30 })}
- />
+ const columns: ProColumns[] = [
+ { title: '정산월', dataIndex: 'settleMonth', width: 90, valueType: 'dateMonth', fieldProps: { format: 'YYYYMM' } },
+ {
+ title: '승인상태', dataIndex: 'approveStatus', width: 100, valueType: 'select',
+ valueEnum: Object.fromEntries(approveCodes.map((c) => [c.code, { text: c.codeName }])),
+ render: (_, r) => ,
+ },
+ { title: '설계사', dataIndex: 'agentName', width: 100, search: false },
+ { title: '소속', dataIndex: 'orgName', width: 160, search: false },
+ { title: '예외코드', dataIndex: 'exceptionName', width: 120, search: false },
+ {
+ title: '구분', dataIndex: 'direction', width: 80, search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '금액', dataIndex: 'amount', width: 130, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ { title: '내용', dataIndex: 'description', ellipsis: true, search: false },
+ {
+ title: '재반복', dataIndex: 'recurringLeft', width: 90, align: 'center', search: false,
+ render: (_, r) => r.recurringYn === 'Y' ? `${r.recurringLeft}회 남음` : '-',
+ },
+ { title: '승인자', dataIndex: 'approverName', width: 100, search: false },
+ { title: '승인일시', dataIndex: 'approveDate', width: 160, search: false },
+ {
+ title: '액션', dataIndex: 'ledgerId', width: 180, fixed: 'right', search: false,
+ render: (_, r) => r.approveStatus === 'PENDING' ? (
+
+ onApprove(r.ledgerId, 'APPROVED')}>승인
+ onApprove(r.ledgerId, 'REJECTED')}>반려
+
+ ) : null,
+ },
+ ];
-
+ return (
+
+
+ actionRef={actionRef}
rowKey="ledgerId"
- loading={isLoading}
- dataSource={data?.list}
- size="small"
- scroll={{ x: 1400 }}
- pagination={{
- ...defaultPagination,
- current: param.pageNum, pageSize: param.pageSize, total: data?.total,
- onChange: (p, s) => setParam({ ...param, pageNum: p, pageSize: s }),
+ columns={columns}
+ scroll={{ x: 1500 }}
+ request={async (params) => {
+ const { current, pageSize, ...rest } = params as any;
+ const res = await exceptionApi.list({ ...rest, pageNum: current, pageSize });
+ return { data: res.list, total: res.total, success: true };
}}
- columns={[
- { title: '정산월', dataIndex: 'settleMonth', width: 90 },
- { title: '설계사', dataIndex: 'agentName', width: 100 },
- { title: '소속', dataIndex: 'orgName', width: 160 },
- { title: '예외코드', dataIndex: 'exceptionName', width: 120 },
- {
- title: '구분', dataIndex: 'direction', width: 80,
- render: (v) => ,
- },
- {
- title: '금액', dataIndex: 'amount', width: 130, align: 'right',
- render: (v, r) => ,
- },
- { title: '내용', dataIndex: 'description', ellipsis: true },
- { title: '재반복', dataIndex: 'recurringLeft', width: 90, align: 'center',
- render: (v, r) => r.recurringYn === 'Y' ? `${v}회 남음` : '-' },
- {
- title: '승인상태', dataIndex: 'approveStatus', width: 100,
- render: (v) => ,
- },
- { title: '승인자', dataIndex: 'approverName', width: 100 },
- { title: '승인일시', dataIndex: 'approveDate', width: 160 },
- {
- title: '액션', dataIndex: 'ledgerId', width: 180, fixed: 'right',
- render: (id, r) =>
- r.approveStatus === 'PENDING' ? (
-
- onApprove(id, 'APPROVED')}>
- 승인
-
- onApprove(id, 'REJECTED')}>
- 반려
-
-
- ) : null,
- },
- ]}
+ pagination={{
+ pageSize: 30, showSizeChanger: true, pageSizeOptions: ['20', '50', '100'],
+ showTotal: (total) => `총 ${total.toLocaleString()}건`,
+ }}
+ search={{ labelWidth: 'auto', searchText: '검색', resetText: '초기화', collapsed: false, collapseRender: false }}
+ options={{ density: false, fullScreen: true, reload: true, setting: true }}
+ dateFormatter="string"
/>
);
diff --git a/ga-frontend/src/pages/ledger/RecruitLedger.tsx b/ga-frontend/src/pages/ledger/RecruitLedger.tsx
index d59cdc6..cc59f05 100644
--- a/ga-frontend/src/pages/ledger/RecruitLedger.tsx
+++ b/ga-frontend/src/pages/ledger/RecruitLedger.tsx
@@ -1,75 +1,83 @@
-import { useState } from 'react';
-import { Table } from 'antd';
-import { useQuery } from '@tanstack/react-query';
+import { ProTable, type ProColumns } from '@ant-design/pro-components';
import PageContainer from '@/components/common/PageContainer';
-import SearchForm from '@/components/common/SearchForm';
-import MoneyText from '@/components/common/MoneyText';
import CodeBadge from '@/components/common/CodeBadge';
+import MoneyText from '@/components/common/MoneyText';
import ExcelExportButton from '@/components/common/ExcelExportButton';
-import { defaultPagination } from '@/utils/tablePagination';
+import { useCommonCodes } from '@/hooks/useCommonCodes';
import { ledgerApi, LedgerResp, LedgerSearchParam } from '@/api/ledger';
export default function RecruitLedger() {
- const [param, setParam] = useState({ pageNum: 1, pageSize: 50 });
+ const { data: insuranceCodes = [] } = useCommonCodes('INSURANCE_TYPE');
+ const { data: reconCodes = [] } = useCommonCodes('RECON_STATUS');
- const { data, isLoading } = useQuery({
- queryKey: ['ledger', 'recruit', param],
- queryFn: () => ledgerApi.recruit(param),
- });
+ const columns: ProColumns[] = [
+ {
+ title: '정산월', dataIndex: 'settleMonth', width: 90, fixed: 'left',
+ valueType: 'dateMonth', fieldProps: { format: 'YYYYMM' },
+ },
+ { title: '증권번호', dataIndex: 'policyNo', width: 130, fixed: 'left',
+ fieldProps: { placeholder: '증권번호' } },
+ {
+ title: '보험종류', dataIndex: 'insuranceType', width: 100, valueType: 'select',
+ valueEnum: Object.fromEntries(insuranceCodes.map((c) => [c.code, { text: c.codeName }])),
+ render: (_, r) => ,
+ },
+ {
+ title: '대사상태', dataIndex: 'reconcileStatus', width: 100, valueType: 'select',
+ valueEnum: Object.fromEntries(reconCodes.map((c) => [c.code, { text: c.codeName }])),
+ render: (_, r) => ,
+ },
+ { title: '설계사', dataIndex: 'agentName', width: 100, search: false },
+ { title: '소속', dataIndex: 'orgName', width: 160, search: false },
+ { title: '보험사', dataIndex: 'companyName', width: 120, search: false },
+ { title: '상품', dataIndex: 'productName', width: 200, search: false },
+ {
+ title: '보험료', dataIndex: 'premium', width: 110, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '회사율', dataIndex: 'companyRate', width: 80, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '회사수수료', dataIndex: 'companyAmount', width: 120, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '지급율', dataIndex: 'payoutRate', width: 80, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '설계사수수료', dataIndex: 'agentAmount', width: 120, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '세액', dataIndex: 'taxAmount', width: 100, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ ];
return (
-
- }
- >
- setParam({ ...param, ...v, pageNum: 1 })}
- onReset={() => setParam({ pageNum: 1, pageSize: 50 })}
- />
-
-
+
+
rowKey="ledgerId"
- loading={isLoading}
- dataSource={data?.list}
- size="small"
+ columns={columns}
scroll={{ x: 1500 }}
- pagination={{
- ...defaultPagination,
- current: param.pageNum, pageSize: param.pageSize, total: data?.total,
- onChange: (p, s) => setParam({ ...param, pageNum: p, pageSize: s }),
+ request={async (params) => {
+ const { current, pageSize, ...rest } = params as any;
+ const res = await ledgerApi.recruit({ ...rest, pageNum: current, pageSize });
+ return { data: res.list, total: res.total, success: true };
}}
- columns={[
- { title: '정산월', dataIndex: 'settleMonth', width: 90, fixed: 'left' },
- { title: '증권번호', dataIndex: 'policyNo', width: 130, fixed: 'left' },
- { title: '설계사', dataIndex: 'agentName', width: 100 },
- { title: '소속', dataIndex: 'orgName', width: 160 },
- { title: '보험사', dataIndex: 'companyName', width: 120 },
- { title: '상품', dataIndex: 'productName', width: 200 },
- { title: '보험종류', dataIndex: 'insuranceType', width: 100,
- render: (v) => },
- { title: '보험료', dataIndex: 'premium', width: 110, align: 'right',
- render: (v) => },
- { title: '회사율', dataIndex: 'companyRate', width: 80, align: 'right',
- render: (v) => },
- { title: '회사수수료', dataIndex: 'companyAmount', width: 120, align: 'right',
- render: (v) => },
- { title: '지급율', dataIndex: 'payoutRate', width: 80, align: 'right',
- render: (v) => },
- { title: '설계사수수료', dataIndex: 'agentAmount', width: 120, align: 'right',
- render: (v) => },
- { title: '세액', dataIndex: 'taxAmount', width: 100, align: 'right',
- render: (v) => },
- { title: '대사상태', dataIndex: 'reconcileStatus', width: 100,
- render: (v) => },
+ pagination={{
+ pageSize: 50, showSizeChanger: true, pageSizeOptions: ['20', '50', '100', '200'],
+ showTotal: (total) => `총 ${total.toLocaleString()}건`,
+ }}
+ search={{ labelWidth: 'auto', searchText: '검색', resetText: '초기화', collapsed: false, collapseRender: false }}
+ options={{ density: false, fullScreen: true, reload: true, setting: true }}
+ toolBarRender={() => [
+ ,
]}
+ dateFormatter="string"
/>
);
diff --git a/ga-frontend/src/pages/org/AgentList.tsx b/ga-frontend/src/pages/org/AgentList.tsx
index 03862f4..1066f86 100644
--- a/ga-frontend/src/pages/org/AgentList.tsx
+++ b/ga-frontend/src/pages/org/AgentList.tsx
@@ -1,79 +1,92 @@
-import { useState } from 'react';
-import { Table } from 'antd';
-import { useQuery } from '@tanstack/react-query';
+import { useRef } from 'react';
+import { Space } from 'antd';
+import { ProTable, type ActionType, type ProColumns } from '@ant-design/pro-components';
import { useNavigate } from 'react-router-dom';
-import PageContainer from '@/components/common/PageContainer';
-import SearchForm from '@/components/common/SearchForm';
import CodeBadge from '@/components/common/CodeBadge';
import MoneyText from '@/components/common/MoneyText';
import PermissionButton from '@/components/common/PermissionButton';
import ExcelExportButton from '@/components/common/ExcelExportButton';
-import { defaultPagination } from '@/utils/tablePagination';
+import PageContainer from '@/components/common/PageContainer';
+import { useCommonCodes } from '@/hooks/useCommonCodes';
import { agentApi, AgentResp, AgentSearchParam } from '@/api/agent';
export default function AgentList() {
const navigate = useNavigate();
- const [param, setParam] = useState({ pageNum: 1, pageSize: 20 });
+ const actionRef = useRef();
+ const { data: statusCodes = [] } = useCommonCodes('AGENT_STATUS');
- const { data, isLoading } = useQuery({
- queryKey: ['agent', 'list', param],
- queryFn: () => agentApi.list(param),
- });
+ const columns: ProColumns[] = [
+ {
+ title: '설계사명', dataIndex: 'agentName', width: 120, fixed: 'left',
+ render: (_, r) => (
+ navigate(`/org/agents/${r.agentId}`)} style={{ fontWeight: 500 }}>
+ {r.agentName}
+
+ ),
+ },
+ { title: '사번', dataIndex: 'licenseNo', width: 120, search: false },
+ { title: '소속', dataIndex: 'orgName', width: 200, search: false },
+ { title: '직급', dataIndex: 'gradeName', width: 100, search: false },
+ { title: '전화번호', dataIndex: 'phone', width: 140, search: false },
+ {
+ title: '상태', dataIndex: 'status', width: 100, valueType: 'select',
+ valueEnum: Object.fromEntries(statusCodes.map((c) => [c.code, { text: c.codeName }])),
+ render: (_, r) => ,
+ },
+ {
+ title: '계약수', dataIndex: 'contractCount', width: 90, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ {
+ title: '누적수수료', dataIndex: 'totalCommission', width: 130, align: 'right', search: false,
+ render: (_, r) => ,
+ },
+ { title: '입사일', dataIndex: 'joinDate', width: 110, search: false },
+ {
+ title: '검색어', dataIndex: 'searchKeyword', hideInTable: true,
+ fieldProps: { placeholder: '설계사명' },
+ },
+ ];
return (
- navigate('/org/agents/new')} style={{ marginRight: 8 }}>
- 등록
-
-
-