机票汇款记录查询界面

src/main.jsx

@@ -29,6 +29,7 @@ import InvoicePaidDetail from '@/views/invoice/PaidDetail'
 import Airticket from '@/views/airticket/Index'
 import AirticketPlan from '@/views/airticket/Plan'
 import AirticketInvoice from '@/views/airticket/Invoice'
+import AirticketInvoicePaid from '@/views/airticket/InvoicePaid'
 import { ThemeContext } from '@/stores/ThemeContext'
 import { usingStorage } from '@/hooks/usingStorage'
 import useAuthStore from './stores/Auth'
@@ -68,6 +69,7 @@ const initRouter = async () => {
         { path: 'airticket',element: <RequireAuth subject={PERM_AIR_TICKET} result={true}><Airticket /></RequireAuth>},
         { path: 'airticket/plan/:coli_sn/:gri_sn',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketPlan /></RequireAuth>},
         { path: 'airticket/invoice',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketInvoice /></RequireAuth>},
+        { path: 'airticket/invoicepaid',element:<RequireAuth subject={PERM_AIR_TICKET} result={true}><AirticketInvoicePaid /></RequireAuth>},
         { path: "products",element: <RequireAuth subject={PERM_PRODUCTS_MANAGEMENT} result={true}><ProductsManage /></RequireAuth>},
         { path: "products/:travel_agency_id/:use_year/:audit_state/audit",element:<RequireAuth subject={PERM_PRODUCTS_MANAGEMENT} result={true}><ProductsAudit /></RequireAuth>},
 

src/views/airticket/Index.jsx

@@ -91,7 +91,7 @@ const Airticket = props => {
 	const showTotal = total => `合计 ${total} `;
 
 	useEffect(() => {
-		getPlanList(travelAgencyId, "", dayjs().startOf("M").format(DATE_FORMAT), dayjs().add(3, "M").endOf("M").format(DATE_FORMAT),'-1','-1');
+		//getPlanList(travelAgencyId, "", dayjs().startOf("M").format(DATE_FORMAT), dayjs().add(3, "M").endOf("M").format(DATE_FORMAT), "-1", "-1");
 	}, []);
 
 	return (
@@ -115,9 +115,14 @@ const Airticket = props => {
 					/>
 				</Col>
 				<Col md={4} lg={4} xxl={4}>
-					<Button icon={<AuditOutlined />} onClick={() => navigate(`/airticket/invoice`)}>
+					<Space>
-						报账
+						<Button icon={<AuditOutlined />} onClick={() => navigate(`/airticket/invoice`)}>
-					</Button>
+							报账
+						</Button>
+						<Button icon={<AuditOutlined />} onClick={() => navigate(`/airticket/invoicepaid`)}>
+							汇款记录
+						</Button>
+					</Space>
 				</Col>
 			</Row>
 

src/views/airticket/InvoicePaid.jsx

@@ -0,0 +1,137 @@
+import { useState, useEffect } from "react";
+import { Grid, Divider, Layout, Spin, Input, Col, Row, Space, Checkbox, Table, Button, App } from "antd";
+import { PhoneOutlined, CustomerServiceOutlined, FrownTwoTone, LikeTwoTone } from "@ant-design/icons";
+import { useParams, useHref, useNavigate, NavLink } from "react-router-dom";
+import { isEmpty, formatColonTime, formatDate, isNotEmpty } from "@/utils/commons";
+import { DATE_FORMAT } from "@/config";
+import dayjs from "dayjs";
+import SearchForm from "@/components/SearchForm";
+import BackBtn from "@/components/BackBtn";
+import { TableExportBtn } from "@/components/Data";
+import useInvoiceStore from "@/stores/Invoice";
+import { fetchInvoicePaidDetail } from "@/stores/Invoice";
+
+import airTicketStore from "@/stores/Airticket";
+import { usingStorage } from "@/hooks/usingStorage";
+
+const InvoicePaid = props => {
+	const navigate = useNavigate();
+	const { notification } = App.useApp();
+	const { travelAgencyId } = usingStorage();
+	const [invoicePaidDetail, setInvoicePaidDetail] = useState([]);
+	const [invoiceNO, setInvoiceNO] = useState([]); //显示账单编号
+	const [loading, invoicePaid, fetchInvoicePaid] = useInvoiceStore(state => [state.loading, state.invoicePaid, state.fetchInvoicePaid]);
+	const showTotal = total => `Total ${total} items`;
+	const showTotal_detail = total => `Total ${total} items`;
+	useEffect(() => {
+		//fetchInvoicePaid(travelAgencyId, "", dayjs().subtract(2, "M").startOf("M").format(DATE_FORMAT), dayjs().endOf("M").format(DATE_FORMAT));
+	}, []);
+
+	const invoicePaidColumns = [
+		{
+			title: "编号",
+			dataIndex: "fl_finaceNo",
+			key: "fl_finaceNo",
+		},
+		{
+			title: "报账日期",
+			key: "fl_adddate",
+			dataIndex: "fl_adddate",
+			render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
+		},
+		{
+			title: "团数",
+			key: "fcount",
+			dataIndex: "fcount",
+		},
+		{
+			title: "总额",
+			key: "pSum",
+			dataIndex: "pSum",
+			//render: (text, record) => (isNotEmpty(record.GMD_Currency) ? record.GMD_Currency + " " + text : text),
+		},
+		{
+			title: "查看",
+			key: "pSum",
+			dataIndex: "pSum",
+			render: (text, record) => (
+				<Button
+					type="link"
+					onClick={() => {
+						fetchInvoicePaidDetail(travelAgencyId, record.key).then(res => setInvoicePaidDetail(res));
+						setInvoiceNO(record.fl_finaceNo);
+					}}>
+					查看明细
+				</Button>
+			),
+		},
+	];
+
+	const invoicePaidDetailColumns = [
+		{
+			title: "团号",
+			dataIndex: "fl2_GroupName",
+			key: "fl2_GroupName",
+		},
+		{
+			title: "金额",
+			key: "fl2_price",
+			dataIndex: "fl2_price",
+		},
+		{
+			title: "报账日期",
+			key: "fl2_ArriveDate",
+			dataIndex: "fl2_ArriveDate",
+			render: (text, record) => (isNotEmpty(text) ? formatDate(new Date(text)) : ""),
+		},
+		{
+			title: "顾问",
+			dataIndex: "fl2_wl",
+			key: "fl2_wl",
+		},
+	];
+
+	return (
+		<Space direction="vertical" style={{ width: "100%" }}>
+			<Row>
+				<Col md={20} lg={20} xxl={20}>
+					<SearchForm
+						initialValue={{
+							dates: [dayjs().subtract(2, "M").startOf("M"), dayjs().endOf("M")],
+						}}
+						fieldsConfig={{
+							shows: ["dates"],
+							fieldProps: {
+								dates: { col: 10, label: "报账日期" },
+							},
+						}}
+						onSubmit={(err, formVal) => {
+							fetchInvoicePaid(travelAgencyId, "", formVal.startdate, formVal.enddate);
+							setInvoicePaidDetail([]);
+						}}
+					/>
+				</Col>
+				<Col md={4} lg={4} xxl={4}>
+					<BackBtn to={"/airticket"} />
+				</Col>
+			</Row>
+
+			<Row>
+				<Col md={24} lg={16} xxl={16}>
+					<Divider orientation="left">汇款列表</Divider>
+					<Table bordered columns={invoicePaidColumns} dataSource={invoicePaid} loading={loading} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />
+				</Col>
+				<Col md={24} lg={4} xxl={4}></Col>
+			</Row>
+			<Row>
+				<Col md={24} lg={20} xxl={20}>
+					<Divider orientation="left">账单明细 {invoiceNO}</Divider>
+					<Table bordered columns={invoicePaidDetailColumns} dataSource={invoicePaidDetail} pagination={{ defaultPageSize: 100, showTotal: showTotal_detail }} />
+					<TableExportBtn btnTxt="导出账单明细" label={`机票账单`} {...{ columns: invoicePaidDetailColumns, dataSource: invoicePaidDetail }} />
+				</Col>
+				<Col md={24} lg={4} xxl={4}></Col>
+			</Row>
+		</Space>
+	);
+};
+export default InvoicePaid;