import React, { useEffect, useRef, useState } from "react";
import type { CurrentUser } from "@/models/user";
import { connect } from "umi";
import type { ConnectState } from "@/models/connect";
import { MenuFoldOutlined } from "@ant-design/icons";
import { Button, Col, Descriptions, Drawer, Row, Tree, Typography, message, Tooltip } from "antd";
import ProCard from "@ant-design/pro-card";
import useRequest from "@ahooksjs/use-request";
import { getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table";
import type { ProFormInstance } from "@ant-design/pro-form";
import ProTable from '@ant-design/pro-table';
import { handleGetServerpartDetail, handleGetSpringTableList } from "@/pages/reports/Finance/SpringFestival/service";
import moment from "moment";
import numeral from "numeral";
import { exportExcelReceivedSum } from "@/utils/utils";
import ReactHTMLTableToExcel from "react-html-table-to-excel";
import session from "@/utils/session";
import PageTitleBox from "@/components/PageTitleBox";
import AiDrawer from "@/components/AiDrawer";
import { handleChangeKeyTo, handleSetPublicLog } from "@/utils/format";


const { Text } = Typography;
const SpringFestival: React.FC<{ currentUser?: CurrentUser }> = (props) => {
  const actionRef = useRef<ActionType>();
  const formRef = useRef<ProFormInstance>();
  const downloadBtnRef = useRef<any>()
  const actionDetailRef = useRef<ActionType>();
  const formDetailRef = useRef<ProFormInstance>();
  const { currentUser, route } = props
  // 左侧树展开还是收缩
  const [collapsible, setCollapsible] = useState<boolean>(false)
  const [selectedId, setSelectedId] = useState<string>()
  const [activeKey, setActiveKey] = useState<1 | 2>(2); // 统计类型 1 当日 2 累计
  // 展开服务区详情抽屉
  const [showDetail, setShowDetail] = useState<boolean>(false)
  // 当前选中的服务区行数据
  const [currentRow, setCurrentRow] = useState<any>()
  // 拿到外面表格的日期
  const [searchDate, setSearchDate] = useState<any>()
  // 服务区详情里面的汇总信息
  const [summaryInfo, setSummaryInfo] = useState<any>()
  // 获取用户服务区权限树
  const { loading: treeLoading, data: treeView } = useRequest(async () => {
    return getServerpartTree(currentUser?.ProvinceCode, currentUser?.CityAuthority, true, false, true, null, 1000)
  })
  const [reqDetailList, setReqDetailList] = useState<any[]>(); // 导出excel表格
  const [filename, setFilename] = useState<string>()
  const [festivalType, setFestivalType] = useState<any>("0")
  // 给详情抽屉里面的查询时间
  const [detailEndTime, setDetailEndTime] = useState<any>()
  const [detailStartTime, setDetailStartTime] = useState<any>()
  // 表格的搜索参数
  const [searchParams, setSearchParams] = useState<any>()
  // 表格的加載效果
  const [tableLoading, setTableLoading] = useState<any>()
  // 判断是否点击了表格的查询按钮
  const clickTableBtnRef = useRef<boolean>(false)
  // 表格数据
  const [tableData, setTableData] = useState<any>()
  // 是否显示打印的表格
  const [showExportTable, setShowExportTable] = useState<boolean>(false)
  // ai的抽屉
  const [showAiDrawer, setShowAiDrawer] = useState<boolean>(false)
  // 节日类型表
  const festivalList: any = [
    { label: "25年元旦", value: 1, HolidayType: 1, curYear: 2025, compareYear: 2024, startTime: "2024-12-31", endTime: "2025-01-02" },
    { label: "25年春运", value: 2, HolidayType: 2, curYear: 2025, compareYear: 2024, startTime: "2025-01-14", endTime: "2025-02-23" },
    { label: "25年清明", value: 3, HolidayType: 3, curYear: 2025, compareYear: 2024, startTime: "2025-04-03", endTime: "2025-04-07" },
    { label: "25年劳动", value: 4, HolidayType: 4, curYear: 2025, compareYear: 2024, startTime: "2025-04-30", endTime: "2025-05-06" },
    { label: "25年端午", value: 5, HolidayType: 5, curYear: 2025, compareYear: 2024, startTime: "2025-05-30", endTime: "2025-06-03" },
    { label: "25年暑运", value: 6, HolidayType: 6, curYear: 2025, compareYear: 2024, startTime: "2025-06-30", endTime: "2025-08-31" },
    { label: "25年国庆", value: 7, HolidayType: 8, curYear: 2025, compareYear: 2024, startTime: "2025-09-30", endTime: "2025-10-09" },

    { label: "24年元旦", value: 8, HolidayType: 1, curYear: 2024, compareYear: 2023, startTime: "2023-12-31", endTime: "2024-01-02" },
    { label: "24年春运", value: 9, HolidayType: 2, curYear: 2024, compareYear: 2023, startTime: "2024-01-26", endTime: "2024-03-05" },
    { label: "24年清明", value: 10, HolidayType: 3, curYear: 2024, compareYear: 2023, startTime: "2024-04-03", endTime: "2024-04-07" },
    { label: "24年劳动", value: 11, HolidayType: 4, curYear: 2024, compareYear: 2023, startTime: "2024-04-30", endTime: "2024-05-06" },
    { label: "24年端午", value: 12, HolidayType: 5, curYear: 2024, compareYear: 2023, startTime: "2024-06-07", endTime: "2024-06-11" },
    { label: "24年暑运", value: 13, HolidayType: 6, curYear: 2024, compareYear: 2023, startTime: "2024-06-30", endTime: "2024-08-31" },
    { label: "24年中秋", value: 14, HolidayType: 7, curYear: 2024, compareYear: 2023, startTime: "2024-09-14", endTime: "2024-09-18" },
    { label: "24年国庆", value: 15, HolidayType: 8, curYear: 2024, compareYear: 2023, startTime: "2024-09-30", endTime: "2024-10-08" },
  ]
  const paramsSort: any = {
    calcType: "计算方式",
    pushProvinceCode: "省份编码",
    curYear: "本年年份",
    HolidayType: "节日类型",
    StatisticsDate: "统计日期",
    compareYear: "历年年份",
    CurStartDate: "统计开始日期",
    ServerpartId: "服务区内码",
    businessRegion: "经营区域",
    SortStr: "排序字段",
    IsYOYCompare: "是否对比同期数据"
  }
  // 当前选择节日的整个对象值
  const [currentFestivalObj, setCurrentFestivalObj] = useState<any>()
  // 给日期显示的对象 点了搜索 才更新值
  const [showCurrentFestivalObj, setShowCurrentFestivalObj] = useState<any>()

  // 拿到headerTitle
  const { loading: headerTitleLoading, data: tableHeaderTitle } = useRequest(async () => {
    const menu = session.get('menu')
    if (menu && menu.length > 0) {
      let obj: any = {}
      menu.forEach((item: any) => {
        if (item.path === route.path) {
          obj = item
        }
      })
      console.log('obj', obj);
      return obj.name || ''
    }
    return ''
  })

  // 拿到表格数据的方法
  const handleGetTableData = async (params: any) => {
    console.log('handleGetTableData', params);
    console.log('currentFestivalObj', currentFestivalObj);
    let startTime: number = new Date().getTime()

    setTableLoading(true)
    const req = {
      calcType: 2,
      pushProvinceCode: '340000',
      curYear: currentFestivalObj.curYear,
      compareYear: currentFestivalObj.compareYear,
      HolidayType: currentFestivalObj.HolidayType || '0',
      StatisticsDate: params.StatisticsDate ? moment(params.StatisticsDate).format('YYYY-MM-DD') : '',
      CurStartDate: params.CurStartDate ? moment(params.CurStartDate).format('YYYY-MM-DD') : '',
      ServerpartId: selectedId || '',
      businessRegion: 1,
    }
    console.log('params', params)
    setSearchParams(params)
    setDetailEndTime(params.StatisticsDate)
    setDetailStartTime(params.CurStartDate)
    const data = await handleGetSpringTableList(req)
    setShowCurrentFestivalObj(currentFestivalObj)
    const list: any = []
    if (data.data && data.data.length > 0) {
      data.data.forEach((item: any) => {
        list.push({
          SPRegionTypeId: item.SPRegionTypeId,
          SPRegionTypeName: item.SPRegionTypeName,
          ServerpartId: item.ServerpartId,
          ServerpartName: item.ServerpartName,

          RevenueINCcur: item.RevenueINC.curYearData,
          RevenueINClYear: item.RevenueINC.lYearData,
          RevenueINCcrease: item.RevenueINC.increaseData,
          RevenueINCRate: item.RevenueINC.increaseRate,

          AccountINCCcur: item.AccountINC.curYearData,
          AccountINClYear: item.AccountINC.lYearData,
          AccountINCcrease: item.AccountINC.increaseData,
          AccountINCRate: item.AccountINC.increaseRate,

          BayonetINCINCCcur: item.BayonetINC.curYearData,
          BayonetINClYear: item.BayonetINC.lYearData,
          BayonetINCcrease: item.BayonetINC.increaseData,
          BayonetINCRate: item.BayonetINC.increaseRate,
        })
        // list.push({
        //   SPRegionTypeId:item.SPRegionTypeId,
        //   SPRegionTypeName:item.SPRegionTypeName,
        //   ServerpartId:item.ServerpartId,
        //   ServerpartName:item.ServerpartName,
        //   ...item.BayonetINC
        // })
      })
    }
    setReqDetailList(list);
    setTableData(list);
    console.log('list', list)
    setTableLoading(false)
    clickTableBtnRef.current = false

    let endTime: number = new Date().getTime()
    const logReq: any = await handleChangeKeyTo(req, paramsSort)
    console.log('logReq', logReq);

    handleSetPublicLog({
      desc: [
        {
          url: '/CommercialApi/Revenue/GetServerpartINCAnalysis', params: logReq, time: (endTime - startTime) / 1000,
        }
      ],
      startTime: startTime,
      endTime: endTime,
      buttonType: 1
    })


  }

  const columns: any = [
    // {
    //   dataIndex: 'DataType',
    //   // title: '统计方式',
    //   valueType: "radioButton",
    //   initialValue: '1',
    //   // colSize: 1,
    //   // colSpan: 4,
    //   valueEnum: {
    //     2: { text: '累计' },
    //     1: { text: '当日' },
    //   },
    //   hideInTable: true,
    //   fieldProps: {
    //     onChange: (event: any) => {
    //       setActiveKey(event.target.value)
    //       formRef.current?.submit()
    //     },
    //     labelCol: { span: 3, offset: 24 },
    //     // wrapperCol: { span: 24 }
    //   },
    // },
    // {
    //   title: '统计类型',
    //   dataIndex: 'FilterType',
    //   valueType: "select",
    //   initialValue: '1',
    //   valueEnum: {
    //     3: { text: '入区车流' },
    //     2: { text: '营业收入' },
    //     1: { text: '对客销售' },
    //   },
    //   hideInTable: true,
    // },
    {
      title: '序号',
      dataIndex: 'index',
      key: 'index',
      valueType: 'index',
      align: 'center',
      hideInSearch: true,
      width: 70,
    },
    {
      title: '服务区',
      dataIndex: 'ServerpartName',
      aiDataIndex: "ServerpartName",
      hideInSearch: true,
      align: 'center',
      render: (_, record) => {
        return <a style={{ cursor: 'pointer' }} onClick={() => {
          setCurrentRow(record)
          setShowDetail(true)

          formDetailRef.current?.setFieldsValue({ STATISTICS_DATE: searchDate })
        }}>{record.ServerpartName.split('服务区')[0]}</a>
      }
    },
    {
      title: '节日类型',
      dataIndex: 'HolidayType',
      aiDataIndex: "HolidayType",
      hideInTable: true,
      valueType: 'select',
      userEnum: {
        1: "元旦",
        2: "春运",
        3: "清明",
        4: "劳动",
        5: "端午",
        6: "暑运",
        7: "中秋",
        8: "国庆"
      },
      // valueEnum: {
      //   2: "春运",
      //   3: "清明",
      //   4: "劳动节",
      // },
      request: async () => {
        if (showExportTable) {
          return
        }

        console.log('festivalList', festivalList);
        const res: any = []
        const lastDay: any = moment().subtract(1, 'd').format('YYYY-MM-DD')
        let defaultValueObj: any = {}
        festivalList.forEach((item: any) => {
          if ((new Date(item.startTime).getTime() < new Date(lastDay).getTime() && new Date(lastDay).getTime() < new Date(item.endTime).getTime())) {
            res.push(item)
            defaultValueObj = item
            if (new Date(lastDay).getTime() <= new Date(item.endTime).getTime()) {
              defaultValueObj.endTime = lastDay
            } else {
              defaultValueObj.endTime = item.endTime
            }
          } else if (new Date(item.endTime).getTime() < new Date(lastDay).getTime()) {
            res.push(item)
          }
        })

        console.log('defaultValue', defaultValueObj);

        console.log('res', res);
        setTimeout(() => {
          setCurrentFestivalObj(defaultValueObj)
          setShowCurrentFestivalObj(defaultValueObj)
          formRef.current?.setFieldsValue({
            HolidayType: defaultValueObj.value,
            CurStartDate: defaultValueObj.startTime,
            StatisticsDate: defaultValueObj.endTime,
          })
        })
        return res
      },
      // initialValue: "3",
      fieldProps: {
        onChange: (e) => {
          console.log('e', e);
          const lastDay: any = moment().subtract(1, 'd').format('YYYY-MM-DD')
          let defaultValueObj: any = {}
          festivalList.forEach((item: any) => {
            if (item.value === e) {
              defaultValueObj = item
            }
          })
          if (new Date(lastDay).getTime() <= new Date(defaultValueObj.endTime).getTime()) {
            defaultValueObj.endTime = lastDay
          } else {
            defaultValueObj.endTime = defaultValueObj.endTime
          }
          setTimeout(() => {
            setCurrentFestivalObj(defaultValueObj)
            formRef.current?.setFieldsValue({
              HolidayType: defaultValueObj.value,
              CurStartDate: defaultValueObj.startTime,
              StatisticsDate: defaultValueObj.endTime,
            })
          })


          // setFestivalType(e)
          // if (e === "2") {
          //   formRef.current?.setFieldsValue({ CurStartDate: moment("2024-01-26") })
          //   if (new Date("2024-03-05").getTime() > new Date(moment().add(-1, "day").format('YYYY-MM-DD')).getTime()) {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment().add(-1, "day") })
          //   } else {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment("2024-03-05") })
          //   }
          // } else if (e === "4") {
          //   formRef.current?.setFieldsValue({ CurStartDate: moment("2024-04-30") })
          //   if (new Date("2024-05-06").getTime() > new Date(moment().add(-1, "day").format('YYYY-MM-DD')).getTime()) {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment().add(-1, "day") })
          //   } else {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment("2024-05-06") })
          //   }
          // } else {
          //   formRef.current?.setFieldsValue({ CurStartDate: moment("2024-04-03") })
          //   if (new Date("2024-04-07").getTime() > new Date(moment().add(-1, "day").format('YYYY-MM-DD')).getTime()) {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment().add(-1, "day") })
          //   } else {
          //     formRef.current?.setFieldsValue({ StatisticsDate: moment("2024-04-07") })
          //   }
          // }
        }
      }
    },
    {
      title: '开始日期',
      dataIndex: 'CurStartDate',
      aiDataIndex: "CurStartDate",
      hideInTable: true,
      valueType: 'date',
      // initialValue: startTime || moment().subtract(1, 'days'),
      // fieldProps: {
      //   disabledDate: festivalType === "2" ?
      //     (current: any) => current && !(current > moment('2024-01-25') && current < moment('2024-03-06')) :
      //     festivalType === "3" ?
      //       (current: any) => current && !(current > moment('2024-04-02') && current < moment('2024-04-08') && current < moment().add(1, "day")) :
      //       festivalType === "4" ?
      //         (current: any) => current && !(current > moment('2024-04-29') && current < moment('2024-05-07')) :
      //         (current: any) => current > moment()
      // }
    },
    {
      title: '截止日期',
      dataIndex: 'StatisticsDate',
      aiDataIndex: "StatisticsDate",
      hideInTable: true,
      valueType: 'date',
      // initialValue: new Date(endTime).getTime() > new Date(moment().add(-1, "day").format('YYYY-MM-DD')).getTime() ? moment().add(-1, "day").format('YYYY-MM-DD') : endTime,
      // fieldProps: {
      //   disabledDate: festivalType === "2" ?
      //     (current: any) => current && !(current > moment('2024-01-25') && current < moment('2024-03-06')) :
      //     festivalType === "3" ?
      //       (current: any) => current && !(current > moment('2024-04-02') && current < moment('2024-04-08') && current < moment().add(1, "day")) :
      //       festivalType === "4" ?
      //         (current: any) => current && !(current > moment('2024-04-29') && current < moment('2024-05-07')) :
      //         (current: any) => current > moment()
      // }
    },
    // {
    //   title: '统计时间',
    //   dataIndex: 'STATISTICS_DATE',
    //   hideInTable: true,
    //   valueType: 'date',
    //   initialValue: moment(),
    //   fieldProps: {
    //     disabledDate: festivalType==="2"?
    //       (current: any) => current && !(current > moment('2024-01-26')&& current < moment('2024-03-25')):
    //       festivalType==="3"?(current: any) => current && !(current > moment('2024-04-03')&& current < moment('2024-04-07')&& current < moment().add(1,"day")):''
    //   }
    // },
    {
      title: '对客销售',
      dataIndex: 'RevenueINC',
      aiDataIndex: "RevenueINC",
      hideInSearch: true,
      children: [
        {
          title: `${showCurrentFestivalObj?.curYear}年`,
          dataIndex: 'RevenueINCcur',
          aiDataIndex: "RevenueINCcur",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.RevenueINCcur - b.RevenueINCcur,
          hideInSearch: true,
        },
        {
          title: `${showCurrentFestivalObj?.compareYear}年`,
          dataIndex: 'RevenueINClYear',
          aiDataIndex: "RevenueINClYear",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.RevenueINClYear - b.RevenueINClYear,
          hideInSearch: true
        },
        {
          title: '增长',
          dataIndex: 'RevenueINCcrease',
          aiDataIndex: "RevenueINCcrease",
          align: 'right',
          valueType: 'digit',
          hideInSearch: true,
          sorter: (a, b) => a.RevenueINCcrease - b.RevenueINCcrease,
          defaultSortOrder: 'descend',
        },
        {
          title: '增幅',
          dataIndex: 'RevenueINCRate',
          aiDataIndex: "RevenueINCRate",
          align: 'center',
          hideInSearch: true,
          sorter: (a, b) => a.RevenueINCRate - b.RevenueINCRate,
          render: (_, record) => {
            return <span style={{ color: record.RevenueINCRate > 0 ? '#e83944' : record.RevenueINCRate < 0 ? '#0e9976' : '' }}>
              {record.RevenueINCRate > 0 ? '+' : record.RevenueINCRate < 0 ? '' : ''}
              {record.RevenueINCRate ? `${record.RevenueINCRate}%` : ''}
            </span>
          }
        }
      ]
    },
    {
      title: '营业收入',
      dataIndex: 'AccountINC',
      aiDataIndex: "AccountINC",
      hideInSearch: true,
      children: [
        {
          title: `${showCurrentFestivalObj?.curYear}年`,
          dataIndex: 'AccountINCCcur',
          aiDataIndex: "AccountINCCcur",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.AccountINCCcur - b.AccountINCCcur,
          hideInSearch: true
        },
        {
          title: `${showCurrentFestivalObj?.compareYear}年`,
          dataIndex: 'AccountINClYear',
          aiDataIndex: "AccountINClYear",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.AccountINClYear - b.AccountINClYear,
          hideInSearch: true
        },
        {
          title: '增长',
          dataIndex: 'AccountINCcrease',
          aiDataIndex: "AccountINCcrease",
          align: 'right',
          valueType: 'digit',
          hideInSearch: true,
          sorter: (a, b) => a.AccountINCcrease - b.AccountINCcrease,
        },
        {
          title: '增幅',
          dataIndex: 'AccountINCRate',
          aiDataIndex: "AccountINCRate",
          align: 'center',
          hideInSearch: true,
          sorter: (a, b) => a.AccountINCRate - b.AccountINCRate,
          render: (_, record) => {
            return <span style={{ color: record.AccountINCRate > 0 ? '#e83944' : record.AccountINCRate < 0 ? '#0e9976' : '' }}>
              {record.AccountINCRate > 0 ? '+' : record.AccountINCRate < 0 ? '' : ''}
              {record.AccountINCRate ? `${record.AccountINCRate}%` : ''}
            </span>
          }
        }
      ]
    },
    {
      title: '入区车流',
      dataIndex: 'BayonetINC',
      aiDataIndex: "BayonetINC",
      hideInSearch: true,
      children: [
        {
          title: `${showCurrentFestivalObj?.curYear}年`,
          dataIndex: 'BayonetINCINCCcur',
          aiDataIndex: "BayonetINCINCCcur",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.BayonetINCINCCcur - b.BayonetINCINCCcur,
          hideInSearch: true
        },
        {
          title: `${showCurrentFestivalObj?.compareYear}年`,
          dataIndex: 'BayonetINClYear',
          aiDataIndex: "BayonetINClYear",
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.BayonetINClYear - b.BayonetINClYear,
          hideInSearch: true
        },
        {
          title: '增长',
          dataIndex: 'BayonetINCcrease',
          aiDataIndex: "BayonetINCcrease",
          align: 'right',
          valueType: 'digit',
          hideInSearch: true,
          sorter: (a, b) => a.BayonetINCcrease - b.BayonetINCcrease,
        },
        {
          title: '增幅',
          dataIndex: 'BayonetINCRate',
          aiDataIndex: "BayonetINCRate",
          align: 'center',
          hideInSearch: true,
          sorter: (a, b) => a.BayonetINCRate - b.BayonetINCRate,
          render: (_, record) => {
            return <span style={{ color: record.BayonetINCRate > 0 ? '#e83944' : record.BayonetINCRate < 0 ? '#0e9976' : '' }}>
              {record.BayonetINCRate > 0 ? '+' : record.BayonetINCRate < 0 ? '' : ''}
              {record.BayonetINCRate ? `${record.BayonetINCRate}%` : ''}
            </span>
          }
        }
      ]
    },
  ]

  const exportColumns: any = [
    {
      title: '序号',
      dataIndex: 'index',
      key: 'index',
      valueType: 'index',
      align: 'center',
      width: 70,
    },
    {
      title: '服务区',
      dataIndex: 'ServerpartName',
      hideInSearch: true,
      align: 'center',
      render: (_, record) => {
        return <a style={{ cursor: 'pointer' }} onClick={() => {
          setCurrentRow(record)
          setShowDetail(true)

          formDetailRef.current?.setFieldsValue({ STATISTICS_DATE: searchDate })
        }}>{record.ServerpartName.split('服务区')[0]}</a>
      }
    },
    ...columns.slice(5)
  ]

  const detailColumns: any = [
    // {
    //   dataIndex: 'DataType',
    //   // title: '统计方式',
    //   valueType: "radioButton",
    //   initialValue: activeKey?activeKey.toString():'1',
    //   // colSize: 1,
    //   // colSpan: 4,
    //   valueEnum: {
    //     2: { text: '累计' },
    //     1: { text: '当日' },
    //   },
    //   hideInTable: true,
    //   fieldProps: {
    //     onChange: (event: any) => {
    //       setActiveKey(event.target.value)
    //       formRef.current?.submit()
    //     },
    //     labelCol: { span: 3, offset: 24 },
    //     // wrapperCol: { span: 24 }
    //   },
    //
    // },

    {
      title: '序号',
      dataIndex: 'index',
      key: 'index',
      valueType: 'index',
      align: 'center',
      width: 70,
    },
    {
      title: '门店',
      dataIndex: 'ServerpartShopName',
      hideInSearch: true,
      align: 'center',
      width: 250,
      ellipsis: true,
    },
    {
      title: '开始日期',
      dataIndex: 'CurStartDate',
      hideInTable: true,
      valueType: 'date',
      initialValue: detailStartTime || moment().subtract(1, 'days'),
    },
    {
      title: '截止日期',
      dataIndex: 'StatisticsDate',
      hideInTable: true,
      valueType: 'date',
      initialValue: detailEndTime || moment().subtract(1, 'days'),
    },
    {
      title: '对客销售',
      dataIndex: 'RevenueINC',
      hideInSearch: true,
      children: [
        {
          title: `${showCurrentFestivalObj?.curYear}年`,
          dataIndex: 'RevenueINCcur',
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.RevenueINCcur - b.RevenueINCcur,
          hideInSearch: true
        },
        {
          title: `${showCurrentFestivalObj?.compareYear}年`,
          dataIndex: 'RevenueINClYear',
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.RevenueINClYear - b.RevenueINClYear,
          hideInSearch: true
        },
        {
          title: '增长',
          dataIndex: 'RevenueINCcrease',
          align: 'right',
          valueType: 'digit',
          hideInSearch: true,
          sorter: (a, b) => a.RevenueINCcrease - b.RevenueINCcrease,
          defaultSortOrder: 'descend',
        },
        {
          title: '增幅',
          dataIndex: 'RevenueINCRate',
          align: 'center',
          hideInSearch: true,
          sorter: (a, b) => a.RevenueINCRate - b.RevenueINCRate,
          render: (_, record) => {
            return <span style={{ color: record.RevenueINCRate > 0 ? '#e83944' : record.RevenueINCRate < 0 ? '#0e9976' : '' }}>
              {record.RevenueINCRate > 0 ? '+' : record.RevenueINCRate < 0 ? '' : ''}
              {record.RevenueINCRate ? `${record.RevenueINCRate}%` : ''}
            </span>
          }
        }
      ]
    },
    {
      title: '营业收入',
      dataIndex: 'AccountINC',
      hideInSearch: true,
      children: [
        {
          title: `${showCurrentFestivalObj?.curYear}年`,
          dataIndex: 'AccountINCCcur',
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.AccountINCCcur - b.AccountINCCcur,
          hideInSearch: true
        },
        {
          title: `${showCurrentFestivalObj?.compareYear}年`,
          dataIndex: 'AccountINClYear',
          align: 'right',
          valueType: 'digit',
          sorter: (a, b) => a.AccountINClYear - b.AccountINClYear,
          hideInSearch: true
        },
        {
          title: '增长',
          dataIndex: 'AccountINCcrease',
          align: 'right',
          valueType: 'digit',
          hideInSearch: true,
          sorter: (a, b) => a.AccountINCcrease - b.AccountINCcrease,
        },
        {
          title: '增幅',
          dataIndex: 'AccountINCRate',
          align: 'center',
          hideInSearch: true,
          sorter: (a, b) => a.AccountINCRate - b.AccountINCRate,
          render: (_, record) => {
            return <span style={{ color: record.AccountINCRate > 0 ? '#e83944' : record.AccountINCRate < 0 ? '#0e9976' : '' }}>
              {record.AccountINCRate > 0 ? '+' : record.AccountINCRate < 0 ? '' : ''}
              {record.AccountINCRate ? `${record.AccountINCRate}%` : ''}
            </span>
          }
        }
      ]
    },
  ]

  const exportTable = (e) => {
    e.stopPropagation();                                            // 防止Collapse组件收起
    const hideDiv = document.getElementsByClassName('hideDiv')[0]
    const antTableContent = hideDiv.getElementsByClassName('ant-table-content')[0]


    const thead = antTableContent.querySelector('thead').cloneNode(true);  // 深克隆DOM节点
    const tbody = antTableContent.querySelector('tbody').cloneNode(true);  // 深克隆DOM节点
    const container = document.querySelector('#hiddenBox');

    const tempTable = document.createElement('table');                // <table></table>
    tempTable.appendChild(thead);                                     // <table><thead></thead></table>
    tempTable.appendChild(tbody);
    tempTable.setAttribute('id', 'table-to-xls-SpringFestival');                                  // <table><thead></thead><tbody></tbody></table>
    // if (activeKey === 1) {
    //   tempTable.setAttribute('id', 'table-to-xls-SpringFestival');                    // 给table添加id，值与按钮上的table字段对应
    // } else {
    //   tempTable.setAttribute('id', 'table-to-xls1');
    // }

    container.appendChild(tempTable);                                // 把创建的节点添加到页面容器中
    downloadBtnRef.current.handleDownload();
    setShowExportTable(false)
    tempTable.remove() // 防止重复打印一个内容
  }

  // 找到当前时间已经过了 但是最近的一项
  const handleGetNearFestival = () => {
    const currentTime = new Date(); // 获取当前时间

    // 1. 过滤出所有已经开始的服务区（startTime <= 当前时间）
    const passedServices = festivalList.filter((service: any) => {
      const startTime = new Date(service.startTime);
      return startTime <= currentTime;
    });

    // 2. 按 startTime 降序排序（最近的排在最前面）
    passedServices.sort((a: any, b: any) => {
      const dateA: any = new Date(a.startTime);
      const dateB: any = new Date(b.startTime);
      return dateB - dateA; // 降序
    });

    // 3. 返回最近的一个（如果有的话）
    console.log('passedServices', passedServices);
    if (passedServices && passedServices.length > 0) {
      const obj: any = passedServices[0]
      console.log('obj', obj);
      console.log('formRef', formRef);

      setTimeout(() => {
        setCurrentFestivalObj({ ...obj, HolidayType: obj?.value })
        setShowCurrentFestivalObj({ ...obj, HolidayType: obj?.value })
        formRef.current?.setFieldsValue({
          HolidayType: obj?.value,
          CurStartDate: obj?.startTime,
          StatisticsDate: obj?.endTime,
        })
      }, 100)
    }

    return passedServices.length > 0 ? passedServices[0] : null;
  }

  const handleGetAIAnalysis = async () => {
    if (!selectedId) {
      message.error('请先选择服务区！')
      return
    }
    if (!(tableData && tableData.length > 0)) {
      clickTableBtnRef.current = true
      formRef.current?.submit();
    }

    setShowAiDrawer(true)
  }

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

  return (
    <div className={'springFestivalBox'} style={{ background: '#fff', display: 'flex' }}>
      <ProCard
        className="pageTable-leftnav"
        style={{ width: !collapsible ? "240px" : "60px" }}
        headStyle={{ width: !collapsible ? "240px" : "60px" }}
        bodyStyle={{ padding: 0, paddingTop: 20, paddingLeft: 20, width: !collapsible ? "240px" : "60px" }}
        extra={<MenuFoldOutlined onClick={() => {
          setCollapsible(!collapsible)
        }} />}
        colSpan={!collapsible ? "240px" : "60px"}
        title={!collapsible ? "可筛选门店" : ""}
        headerBordered
        collapsed={collapsible}
      >
        {treeView && treeView.length > 0 ? <Tree
          checkable
          treeData={!treeLoading ? [{
            label: '全部',
            value: 0,
            key: '0-0',
            children: treeView
          }] : []}
          fieldNames={{
            title: "label",
            key: "key"
          }}
          blockNode
          defaultExpandedKeys={['0-0']}
          onCheck={(checkedKeys: React.Key[] | any, info) => {
            const selectedIds = info.checkedNodes.filter(n => n?.type === 1)
            setSelectedId(selectedIds.map(n => n?.value)?.toString() || '')
            // actionRef?.current?.reload()
          }}
        /> : ''}
      </ProCard>
      <div id='hiddenBox' style={{ position: 'fixed', zIndex: -1, top: 0, left: 0 }} />
      <div className={'hideDiv'} style={{ position: 'fixed', zIndex: -1, top: 0, left: 0 }}>
        {
          showExportTable && reqDetailList && reqDetailList.length > 0 ?
            <ProTable
              columns={exportColumns}
              dataSource={reqDetailList}
              pagination={false}
              expandable={{
                defaultExpandAllRows: true
              }}
            >
            </ProTable> : ''
        }
      </div>
      <ProCard
        style={{ width: !collapsible ? "calc(100% - 240px)" : "calc(100% - 60px)" }}
      >
        <ProTable
          style={{ padding: 0 }}
          formRef={formRef}
          actionRef={actionRef}
          search={{
            span: 6,
            labelWidth: 100,
            defaultCollapsed: false,
            optionRender: ({ searchText }, { form }) => {
              return [
                <Button
                  key="reset"
                  onClick={() => {
                    formRef.current?.resetFields();
                  }}
                >
                  重置
                </Button>,
                <Button
                  key="sub"
                  type={'primary'}
                  loading={tableLoading}
                  onClick={() => {
                    clickTableBtnRef.current = true
                    formRef.current?.submit();
                  }}
                >
                  查询
                </Button>
              ]
            }
          }}
          loading={tableLoading}
          headerTitle={<PageTitleBox props={props} showAI={true} AIFun={handleGetAIAnalysis} />}
          id={'table-to-xls'}
          columns={columns}
          bordered={true}
          scroll={{ y: 'calc(100vh - 450px)' }}
          pagination={false}
          dataSource={tableData}
          request={async (params) => {
            console.log('params', params)

            if (!selectedId) {
              setReqDetailList([])
              return
            }
            if (clickTableBtnRef.current) {
              if (params.STATISTICS_DATE) {
                setSearchDate(params.STATISTICS_DATE)
              } else {
                setReqDetailList([])
                setSearchDate(undefined)
              }

              handleGetTableData(params)
            }
            // return {data: list || [], success: true,}
          }}
          toolbar={{
            actions: [
              <span style={{ visibility: 'hidden' }}>
                <ReactHTMLTableToExcel
                  buttonText={'导出excel'}
                  ref={downloadBtnRef}
                  // table={activeKey === 1 ? 'table-to-xls0' : 'table-to-xls1'}
                  table="table-to-xls-SpringFestival"
                  filename={`${showCurrentFestivalObj?.label}营收分析_${moment(showCurrentFestivalObj?.startTime
                  ).format('YYYY-MM-DD')}-${moment(showCurrentFestivalObj?.endTime).format('YYYY-MM-DD')}`}
                  sheet="sheet1"
                />
              </span>,
              <Button
                key="new"
                type="primary"
                onClick={async (e) => {
                  if (reqDetailList && reqDetailList.length > 0) {
                    setTimeout(() => {
                      setShowExportTable(true)
                      setTimeout(() => {
                        exportTable(e)
                      }, 100)
                    }, 100)
                  } else {
                    message.error('暂无数据可导出！')
                  }
                  // const nowColumns = columns.filter(n => !n.hideInTable)
                  // const fat = nowColumns.map((n: any, index: number) => {
                  //   if (n?.children) {
                  //     return n?.children.map((m: { title: any; }) => {
                  //       const title = index === 0 ? m.title : n.title + m.title
                  //       return { ...m, title }
                  //     })
                  //   }
                  //   return n
                  // })
                  // if (reqDetailList && reqDetailList.length>0){
                  //   const list: any = JSON.parse(JSON.stringify(reqDetailList))
                  //   list.forEach((item: any,index: number)=>{
                  //     item.index = index + 1
                  //   })
                  //   const curDate = moment(formRef.current?.getFieldValue('STATISTICS_DATE')).format('YYYYMMDD')
                  //   const success = await exportExcelReceivedSum(
                  //     fat.flat(),
                  //     list || [],
                  //     `春运营收分析_${curDate}`,
                  //   );
                  //   if (success.message !== 'ok') {
                  //     message.info({ content: success.message });
                  //   }
                  // }else{
                  //   message.error('暂无数据可导出！')
                  // }
                }}
              >
                导出excel
              </Button>
            ],
          }}
        />
      </ProCard >


      <Drawer
        width="80%"
        visible={showDetail} // 抽屉弹框是否显示状态
        onClose={() => { // 关闭抽屉 则在清空选中行数据 并 设置抽屉状态为关闭
          setShowDetail(false);
          setCurrentRow(undefined)
        }}
        destroyOnClose
        bodyStyle={{ backgroundColor: "#f9f9f9", padding: 0 }}
        closable={false}
      >
        <ProTable
          actionRef={actionDetailRef}
          formRef={formDetailRef}
          columns={detailColumns}
          bordered={true}
          // params={{ STATISTICS_DATE: searchDate || moment().subtract(1, 'days') }}
          headerTitle={<Text type="success" style={{ color: "#1890ff", fontSize: 14 }}
            strong>{currentRow ? currentRow.ServerpartName : ''}</Text>}
          scroll={{ y: 'calc(100vh - 450px)' }}
          pagination={false}
          search={{
            span: 8,
          }}
          request={async (params) => {
            const req = {
              calcType: 2,
              pushProvinceCode: '340000',
              curYear: showCurrentFestivalObj?.curYear,
              compareYear: showCurrentFestivalObj?.compareYear,
              HolidayType: showCurrentFestivalObj.HolidayType || '0',
              StatisticsDate: detailEndTime ? moment(detailEndTime).format('YYYY-MM-DD') : '',
              ServerpartId: currentRow.ServerpartId || '',
              CurStartDate: detailStartTime ? moment(detailStartTime).format('YYYY-MM-DD') : ''
            }
            const data = await handleGetServerpartDetail(req)
            console.log('data', data)
            setSummaryInfo({
              RevenueINC: data.RevenueINC,
              AccountINC: data.AccountINC,
              BayonetINC: data.BayonetINC,
            })
            const list: any = []
            if (data.ShopINCList && data.ShopINCList.length > 0) {
              data.ShopINCList.forEach((item: any) => {
                list.push({
                  ...item,
                  RevenueINCcur: item.RevenueINC?.curYearData,
                  RevenueINClYear: item.RevenueINC?.lYearData,
                  RevenueINCcrease: item.RevenueINC?.increaseData,
                  RevenueINCRate: item.RevenueINC?.increaseRate,

                  AccountINCCcur: item.AccountINC?.curYearData,
                  AccountINClYear: item.AccountINC?.lYearData,
                  AccountINCcrease: item.AccountINC?.increaseData,
                  AccountINCRate: item.AccountINC?.increaseRate,
                })
              })
            }
            console.log('list', list)
            return { data: list || [], success: true, }
          }}

          tableExtraRender={
            (_, data) => {
              if (data) {
                return <div style={{ paddingLeft: 24 }}>
                  <Row>
                    <Col span={24}>
                      <Descriptions
                        title={<Text type="success" style={{ color: "#1890ff", fontSize: 14 }}>对客销售汇总</Text>}
                        size="small" className="commity-sale-description" column={4}
                        contentStyle={{ fontWeight: "bolder" }} labelStyle={{ color: "#00000073" }}
                        style={{ marginBottom: 16 }}
                      >
                        <Descriptions.Item
                          label={`${showCurrentFestivalObj?.curYear}年`}>{numeral(summaryInfo?.RevenueINC?.curYearData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label={`${showCurrentFestivalObj?.compareYear}年`}>{numeral(summaryInfo?.RevenueINC?.lYearData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label="增长">{numeral(summaryInfo?.RevenueINC?.increaseData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label="增幅">{`${summaryInfo?.RevenueINC?.increaseRate || '-'}%`}</Descriptions.Item>
                      </Descriptions>
                      {
                        summaryInfo?.AccountINC?.curYearData || summaryInfo?.AccountINC?.lYearData ||
                          summaryInfo?.AccountINC?.increaseData || summaryInfo?.AccountINC?.increaseRate ?
                          <Descriptions
                            title={<Text type="success" style={{ color: "#1890ff", fontSize: 14 }}>营业收入汇总</Text>}
                            size="small" className="commity-sale-description" column={4}
                            contentStyle={{ fontWeight: "bolder" }} labelStyle={{ color: "#00000073" }}
                            style={{ marginBottom: 16 }}
                          >
                            <Descriptions.Item
                              label={`${showCurrentFestivalObj?.curYear}年`}>{numeral(summaryInfo?.AccountINC?.curYearData).format('0,0.00')}</Descriptions.Item>
                            <Descriptions.Item
                              label={`${showCurrentFestivalObj?.compareYear}年`}>{numeral(summaryInfo?.AccountINC?.lYearData).format('0,0.00')}</Descriptions.Item>
                            <Descriptions.Item
                              label="增长">{numeral(summaryInfo?.AccountINC?.increaseData).format('0,0.00')}</Descriptions.Item>
                            <Descriptions.Item
                              label="增幅">{`${summaryInfo?.AccountINC?.increaseRate || '-'}%`}</Descriptions.Item>
                          </Descriptions> : ''
                      }
                      <Descriptions
                        title={<Text type="success" style={{ color: "#1890ff", fontSize: 14 }}>入区车流汇总</Text>}
                        size="small" className="commity-sale-description" column={4}
                        contentStyle={{ fontWeight: "bolder" }} labelStyle={{ color: "#00000073" }}
                        style={{ marginBottom: 16 }}
                      >
                        <Descriptions.Item
                          label={`${showCurrentFestivalObj?.curYear}年`}>{numeral(summaryInfo?.BayonetINC?.curYearData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label={`${showCurrentFestivalObj?.compareYear}年`}>{numeral(summaryInfo?.BayonetINC?.lYearData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label="增长">{numeral(summaryInfo?.BayonetINC?.increaseData).format('0,0.00')}</Descriptions.Item>
                        <Descriptions.Item
                          label="增幅">{`${summaryInfo?.BayonetINC?.increaseRate || '-'}%`}</Descriptions.Item>
                      </Descriptions>
                    </Col>
                  </Row>
                </div>
              }
            }
          }
        >
        </ProTable>
      </Drawer>

      <AiDrawer showDrawer={showAiDrawer} setShowDrawer={setShowAiDrawer} selectedId={selectedId}
        haveSearch={true} tableColumns={columns} searchParams={searchParams} props={props} tableData={tableData} />
    </div >
  )
}
export default connect(({ user }: ConnectState) => ({
  currentUser: user.currentUser
}))(SpringFestival);