|
|
|
@ -1,6 +1,6 @@
|
|
|
|
import { useEffect, useState } from "react";
|
|
|
|
import { useEffect, useState } from "react";
|
|
|
|
import { useParams, Link, useNavigate, useLocation } from "react-router-dom";
|
|
|
|
import { useParams, Link, useNavigate, useLocation } from "react-router-dom";
|
|
|
|
import { App, Button, Divider, Popconfirm, Select } from "antd";
|
|
|
|
import { App, Button, Divider, Popconfirm, Select, Typography } from "antd";
|
|
|
|
import { ReloadOutlined } from "@ant-design/icons";
|
|
|
|
import { ReloadOutlined } from "@ant-design/icons";
|
|
|
|
import { useProductsAuditStatesMapVal } from "@/hooks/useProductsSets";
|
|
|
|
import { useProductsAuditStatesMapVal } from "@/hooks/useProductsSets";
|
|
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
@ -30,6 +30,7 @@ const Header = ({ refresh, ...props }) => {
|
|
|
|
const showEditA = !location.pathname.includes("edit");
|
|
|
|
const showEditA = !location.pathname.includes("edit");
|
|
|
|
const showAuditA = !location.pathname.includes("audit");
|
|
|
|
const showAuditA = !location.pathname.includes("audit");
|
|
|
|
const { travel_agency_id, use_year, audit_state } = useParams();
|
|
|
|
const { travel_agency_id, use_year, audit_state } = useParams();
|
|
|
|
|
|
|
|
// console.log('📕', travel_agency_id, use_year, audit_state )
|
|
|
|
const { travelAgencyId } = usingStorage();
|
|
|
|
const { travelAgencyId } = usingStorage();
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const { t } = useTranslation();
|
|
|
|
const isPermitted = useAuthStore((state) => state.isPermitted);
|
|
|
|
const isPermitted = useAuthStore((state) => state.isPermitted);
|
|
|
|
@ -48,11 +49,12 @@ const Header = ({ refresh, ...props }) => {
|
|
|
|
const navigate = useNavigate();
|
|
|
|
const navigate = useNavigate();
|
|
|
|
|
|
|
|
|
|
|
|
const yearOptions = [];
|
|
|
|
const yearOptions = [];
|
|
|
|
const currentYear = switchParams.use_year || dayjs().year();
|
|
|
|
const currentYear = dayjs().year();
|
|
|
|
const baseYear = use_year
|
|
|
|
const baseYear = use_year
|
|
|
|
? Number(use_year === "all" ? currentYear : use_year)
|
|
|
|
? Number(use_year === "all" ? switchParams.use_year : use_year)
|
|
|
|
: currentYear;
|
|
|
|
: switchParams.use_year;
|
|
|
|
for (let i = currentYear - 5; i <= baseYear + 5; i++) {
|
|
|
|
// console.log('🔰', baseYear, )
|
|
|
|
|
|
|
|
for (let i = currentYear - 5; i <= (currentYear + 2); i++) {
|
|
|
|
yearOptions.push({ label: i, value: i });
|
|
|
|
yearOptions.push({ label: i, value: i });
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -190,8 +192,8 @@ const Header = ({ refresh, ...props }) => {
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="flex justify-end items-center gap-4 h-full">
|
|
|
|
<div className="flex justify-end items-center gap-4 h-full">
|
|
|
|
<div className="grow">
|
|
|
|
{/* <div className="grow"> */}
|
|
|
|
<h2 className="m-0 leading-tight">
|
|
|
|
<h2 className="m-0 leading-tight me-auto flex items-center">
|
|
|
|
{isPermitted(PERM_PRODUCTS_OFFER_AUDIT) ? (
|
|
|
|
{isPermitted(PERM_PRODUCTS_OFFER_AUDIT) ? (
|
|
|
|
<VendorSelector
|
|
|
|
<VendorSelector
|
|
|
|
value={{
|
|
|
|
value={{
|
|
|
|
@ -212,10 +214,11 @@ const Header = ({ refresh, ...props }) => {
|
|
|
|
<Select
|
|
|
|
<Select
|
|
|
|
options={yearOptions}
|
|
|
|
options={yearOptions}
|
|
|
|
variant={"borderless"}
|
|
|
|
variant={"borderless"}
|
|
|
|
className="w-24"
|
|
|
|
className={"w-24"}
|
|
|
|
size="large"
|
|
|
|
size="large"
|
|
|
|
value={pickYear}
|
|
|
|
value={pickYear}
|
|
|
|
onChange={handleYearChange}
|
|
|
|
onChange={handleYearChange}
|
|
|
|
|
|
|
|
placeholder="年份"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<Divider type={"vertical"} />
|
|
|
|
<Divider type={"vertical"} />
|
|
|
|
<AuditStateSelector
|
|
|
|
<AuditStateSelector
|
|
|
|
@ -233,8 +236,9 @@ const Header = ({ refresh, ...props }) => {
|
|
|
|
className="text-primary round-none"
|
|
|
|
className="text-primary round-none"
|
|
|
|
icon={<ReloadOutlined />}
|
|
|
|
icon={<ReloadOutlined />}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
{isEmpty(pickYear) && <Typography.Text type="danger" className="font-normal text-sm ms-1">请选择年份</Typography.Text>}
|
|
|
|
</h2>
|
|
|
|
</h2>
|
|
|
|
</div>
|
|
|
|
{/* </div> */}
|
|
|
|
{/* todo: export, 审核完成之后才能导出 */}
|
|
|
|
{/* todo: export, 审核完成之后才能导出 */}
|
|
|
|
<RequireAuth subject={PERM_PRODUCTS_OFFER_AUDIT}>
|
|
|
|
<RequireAuth subject={PERM_PRODUCTS_OFFER_AUDIT}>
|
|
|
|
<Button size="small" onClick={handleDownload}>
|
|
|
|
<Button size="small" onClick={handleDownload}>
|
|
|
|
|
Lei OT
LiaoYijun
Ycc