GHHub/src/views/airticket/Index.jsx

import { useState, useEffect } from "react";
import { Grid, Divider, Layout, Spin, Input, Col, Row, Space, List, Table } from "antd";
import { PhoneOutlined, CustomerServiceOutlined, AudioOutlined } from "@ant-design/icons";
import { useParams, useHref, useNavigate, NavLink } from "react-router-dom";
import { isEmpty } from "@/utils/commons";
import dayjs from "dayjs";
import SearchForm from "@/components/SearchForm";

import airTicketStore from "@/stores/Airticket";
import { usingStorage } from "@/hooks/usingStorage";

const planListColumns = [
	{
		title: "团名",
		key: "GRI_No",
		dataIndex: "GRI_No",
	},
	{
		title: "组团人",
		key: "WL",
		dataIndex: "WL",
	},
	{
		title: "人数",
		dataIndex: "PersonNum",
		key: "PersonNum",
	},
	{
		title: "出发日期",
		key: "StartDate",
		dataIndex: "StartDate",
		sorter: (a, b) => {
			const dateA = new Date(a.StartDate);
			const dateB = new Date(b.StartDate);
			return dateB.getTime() - dateA.getTime();
		},
	},
	{
		title: "出发城市",
		key: "FromCity",
		dataIndex: "FromCity",
	},
	{
		title: "抵达城市",
		key: "ToCity",
		dataIndex: "ToCity",
	},
	{
		title: "航空",
		key: "FlightNo",
		dataIndex: "FlightNo",
	},
	{
		title: "起飞时间",
		key: "FlightTimeStart",
		dataIndex: "FlightTimeStart",
		render: text => {
			const hours = text.substring(0, 2);
			const minutes = text.substring(2);
			return `${hours}:${minutes}`;
		},
	},
	{
		title: "落地时间",
		key: "FlightTimeEnd",
		dataIndex: "FlightTimeEnd",
		render: text => {
			const hours = text.substring(0, 2);
			const minutes = text.substring(2);
			return `${hours}:${minutes}`;
		},
	},
	{
		title: "操作",
		key: "FlightInfo",
		dataIndex: "FlightInfo",
		render: (text, record) => <NavLink to={`/airticket/plan/${record.COLI_SN}`}>{"编辑"}</NavLink>,
	},
];

const Airticket = props => {
	const href = useHref();
	const navigate = useNavigate();
	const { phonenumber } = useParams();
  const {travelAgencyId, } = usingStorage();
	const [getPlanList, planList, loading] = airTicketStore(state => [state.getPlanList, state.planList, state.loading]);
	const [phone_number, setPhone_number] = useState(phonenumber);
	const showTotal = total => `合计 ${total} `;

	useEffect(() => {}, []);

	const oncall = () => {};

	return (
		<Space direction="vertical" style={{ width: "100%" }}>
			<SearchForm
				initialValue={{
					dates: [dayjs().startOf("M"), dayjs().endOf("M")],
				}}
				fieldsConfig={{
					shows: ["referenceNo", "dates"],
					fieldProps: {
						referenceNo: { label: "搜索计划" },
						dates: { label: "出发日期" },
					},
				}}
				onSubmit={(err, formVal, filedsVal) => {
					getPlanList(travelAgencyId, formVal.referenceNo, formVal.startdate, formVal.endtime);
				}}
			/>
			<Row>
				<Col md={24} lg={24} xxl={24}>
					<Table bordered={true} rowKey="id" columns={planListColumns} dataSource={planList} loading={loading} pagination={{ defaultPageSize: 20, showTotal: showTotal }} />
				</Col>
				<Col md={24} lg={24} xxl={24}></Col>
			</Row>
		</Space>
	);
};
export default Airticket;