system-copyright-react/src/route/index/Index.tsx

import './index.css';
// import { MouseEvent, Reducer, useEffect, useReducer, useState, useContext } from "react";
import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
import { useSelector, useDispatch } from 'react-redux'
import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
import {
    Modal,
    //  Row,
    DatePicker,
    InputNumber
} from 'antd';
import locale from 'antd/es/date-picker/locale/zh_CN';
import type { DatePickerProps, InputNumberProps } from 'antd';
import dayjs, { } from 'dayjs';
import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
import RefunModal from '../../components/RefunModal/RefunModal.tsx'
import CorrectionModal from '../../components/CorrectionModal/CorrectionModal.tsx'
import ContractModal from '../../components/ContractModal/ContractModal.tsx'
import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
// import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
// import ListProj from "../../components/list/ListProj.tsx";
// import ListProjAgent from "../../components/list/ListProjAgent.tsx";
// import { getMenuActive } from '../../util/cache.ts'


import {
    MenuProps, Select,
    Button,
    // Pagination,
    // Empty
    Table,
    Spin
} from 'antd';
import EditModal from '../ProductRelease/components/EditModal/EditModal'
import {
    IndexListContext,
    IndexListDataType,
    IndexListDispatchContext,
    ListAction,
    ListData,
} from "../../context/IndexListContext.ts";
// import { getMenuActive } from '../../util/cache.ts'
import {
    // MenuFoldOutlined,
    ClearOutlined,
    CloseOutlined,
    CloseCircleOutlined
} from '@ant-design/icons';
import { useLocation } from 'react-router-dom';
import {
    get,
    // downloadUrl,
    post, getCouponUrl
} from '../../util/AjaxUtils.ts'
// import { getLanguageList, getSoftTypeList } from '../../request/api'
import { setMenuActive, getMenuActive } from '../../util/cache.ts'
import gpsImg from '@theme/img/right/gps.png'
import backImg from '@theme/img/right/back.png'
// import { Link } from "react-router-dom";
import HeadCouponModal from '../../components/CouponModal/HeadCouponModal.tsx'
import {
    Input,
    // Breadcrumb,
    Empty,
    message
} from 'antd';
import type { TableColumnsType } from 'antd';
const { Search } = Input;

interface DataType {
    key: React.Key;
    name: string;
    type: string;
    idCardType: string;
    idCardNo: string;
    projOwnerId: string
}


import app from '../../static/left/app.png'
import appnew from '../../static/left/appnew.png'
import tra from '../../static/left/tra.png'
import tranew from '../../static/left/tranew.png'

import topblack from '../../static/appimgs/topblack.png'
import topblue from '../../static/appimgs/topblue.png'

export default function Index() {

    // const height = window.innerHeight - 180;
    const columns: TableColumnsType<DataType> = [
        {
            title: '序号',
            dataIndex: 'index',
            align: 'center',
            width: 80,
            render: (_text, _record, index) => (ownerPage - 1) * 10 + index + 1, // 显示序号，从1开始
        },
        {
            title: '名称',
            dataIndex: 'name',
            align: 'center',
            // width:100,
            ellipsis: {
                showTitle: true,
            },
        },
        {
            title: '类型',
            dataIndex: 'type',
            align: 'center',
            width: 130,
            render: (text: string) => <>{text == 'PERSONAL' ? '个人' : text == 'ORGANIZATION' ? '企业' : '未知类型'}</>,
        },
        {
            title: '证件类型',
            dataIndex: 'idCardType',
            align: 'center',

            render: (text: string) => <>{text == 'ID_CARD' ? '身份证' : text == 'BUSINESS_LICENSE' ? '营业执照' : '未知类型'}</>,
        },
        {
            title: '证件号',
            dataIndex: 'idCardNo',
            align: 'center',

            width: 300
        },
    ];
    // 是否可以点击所属者 (当点击了退款选项,所属者列表跟他不产生联系 不给他点)
    // const [clickBelongpeople, setClickBelongpeople] = useState(true)
    // 补正搜索条件标签数组
    const [tagCorArray, setTagCorArray] = useState([])
    // 获取补正标签
    const getCorTag = () => {
        get({
            messageApi,
            url: `/api/proj/correction/apply/tag/list-tag`,
            onBefore() {

            },
            onSuccess(data: any) {
                // console.log('标签信息', data);
                const newarrty: any = (data.data).map((item: any) => ({
                    value: item.key,
                    label: item.value
                }));
                // console.log('标签信息', newarrty);

                setTagCorArray(newarrty)

            },
            onFinally() {

            }
        })
    }
    // 选择的标签
    const [tagCor, setTagCor] = useState<string | null>(null)


    // 选项数组
    const [tagArray, setTagArray] = useState([])

    // const[tagNot,setTagNot] = useState(false)
    // 获取标签
    const getTag = () => {
        get({
            messageApi,
            url: `/api/proj/tag/list-tag`,
            onBefore() {

            },
            onSuccess(data: any) {
                // console.log('标签信息', data);
                const newarrty: any = (data.data).map((item: any) => ({
                    value: item.key,
                    label: item.value
                }));
                // console.log('标签信息', newarrty);

                setTagArray(newarrty)

            },
            onFinally() {

            }
        })
    }
    // 提示数组
    const [remindTagArray, setRemindTagArray] = useState([])
    // 获取提示
    const getremindTag = () => {
        get({
            messageApi,
            url: `/api/proj/remind/list`,
            onBefore() {

            },
            onSuccess(data: any) {
                // console.log('标签信息', data.data);
                const newarrty: any = (data.data).map((item: any) => ({
                    value: item.projRemindId,
                    label: item.title
                }));
                // console.log('标签信息', newarrty);

                setRemindTagArray(newarrty)

            },
            onFinally() {

            }
        })
    }
    const dispath = useDispatch()
    //redux的belongArray
    const redxuState: any = useSelector(state => state)
    const phoneModal = redxuState.phoneModal
    // const belongArray = redxuState.belongArray

    // const belongArrayList = belongArray.map((item:any) => ({
    //     value: item.projOwnerId ,
    //     label: item.name
    // }));
    // 优惠券弹窗
    const couponModal = redxuState.couponModal

    // 编辑项目得项目名
    // const projName = redxuState.projName
    // 从sessionStorage缓存获取项目名
    const projName = sessionStorage.getItem('projName')
    // 项目状态 查看还是编辑
    // const projStatus = redxuState.projStatus
    const projStatus = sessionStorage.getItem('projStatus')
    const [loading, setLoading] = useState(false) //表格加载
    const [selectBelongPeople, setSelectBelongPeople] = useState(false) //有项目的所属者弹窗
    const [ownerPage, setOwnerPage] = useState(1) //有项目的所属者表格页码
    const [ownerTotal, setOwnerToatl] = useState(0) //有项目的所属者表格总数居
    const [ownerKeyWords, setOwnerKeyWords] = useState('') //在有项目的所属者表格搜索时的关键字
    const [ownerList, setOwnerList] = useState([])
    // 获取所属者表格储存至redux 更新表格 (已弃用)
    // 获取有项目所属者表格
    const getProjOwnerList = (page: number, keywords: string) => {
        get({
            messageApi,
            url: `/api/proj-owner/listpage/self`,
            // 参数
            config: {
                params: {
                    page: page,
                    rows: 10,
                    keywords: keywords
                }
            },
            onBefore() {
                setLoading(true)
            },
            onSuccess({ data }: any) {
                // console.log('所属者表格', data.data);
                // setBelongPeopleArray(data.data)
                // 存redux的belongArray
                // dispath({
                //     type: 'uparray',
                //     val: data.data
                // })
                setOwnerList(data.rows)
                // setOwnerList([])
                setOwnerToatl(data.total)
                // console.log(data);

            },
            onFinally() {
                setLoading(false)
            }
        })
    }
    // 表格被选的项
    const [selectedRowKeys, setselectedRowKeys] = useState<string[]>([])

    // 更新数据
    // const upBelongArray = () => {
    //     get({
    //         messageApi,
    //         url: `/api/proj-owner/list/self`,
    //         onBefore() {

    //         },
    //         onSuccess(data: any) {
    //             // console.log('所属者表格', data.data);
    //             setBelongPeopleArray(data.data)

    //         },
    //         onFinally() {

    //         }
    //     })
    // }
    // 监听redux的belongArray
    // useEffect(()=>{
    // },[belongArray])

    const [messageApi, contextHolder] = message.useMessage();
    // 临时关键字 (过度)
    const [nowKeyword, setNowKeyWord] = useState('')
    // 关键字
    const [keywords, setKeywords] = useState('');
    const [type, setType] = useState<string | null>(null)
    const [chargeAdditionals, setchargeAdditionals] = useState<string | null>(null)
    const [tagDataId, settagDataId] = useState<string | null>(null)
    const [payStatus, setpayStatus] = useState<string | null>(null)

    const [nowauthorId, setNowauthorId] = useState('') //临时id
    const [authorId, setauthorId] = useState<string>('') //所属者id
    const [nowauthorName, setNowauthorName] = useState<string>('') //临时名称
    const [authorName, setauthorName] = useState<string>('') //所属者名称
    const [projRemindId, setprojRemindId] = useState<string | null>(null)
    //退款状态
    const [applyStatus, setapplyStatus] = useState<string | null>(null)
    // 退款关键字
    const [refunKeywords, setrefunKeywords] = useState('')
    // 退款临时关键字
    const [newRefunValue, setnewRefunValue] = useState('')
    //补正搜索相关
    // 补正关键字
    const [correctionKeywords, setcorrectionKeywords] = useState('')
    // 补正临时关键字
    const [newCorrectionValue, setnewCorrectionValue] = useState('')
    // 补正类型
    const [correctionNumType, setcorrectionNumType] = useState<string | null>(null)
    // 补正种类
    const [correctionType, setcorrectionType] = useState<string | null>(null)
    // 补正状态
    const [correctionApplyStatus, setcorrectionApplyStatus] = useState<string | null>(null)
    // const indexListContext = useContext(IndexListContext);
    // 所属者信息
    // const [belongPeopleArray, setBelongPeopleArray] = useState<any[]>([])
    // const [currentPage, setCurrentPage] = useState(1);
    // const itemsPerPage = 5;
    // 计算总页数
    // const totalItems = belongArray.length;
    // const totalPages = Math.ceil(totalItems / itemsPerPage);

    // 计算当前页数据的起始和结束索引
    // const startIndex = (currentPage - 1) * itemsPerPage;
    // const endIndex = Math.min(startIndex + itemsPerPage, totalItems);

    // 提取当前页的数据
    // const currentPageData = belongArray.slice(startIndex, endIndex);

    // 处理页码切换
    // const handlePageChange = (page: number) => {
    //     if (page >= 1 && page <= totalPages) {
    //         setCurrentPage(page);
    //     }
    // };
    const nav = useNavigate();
    // // home页初始化搜索条件
    const init = () => {
        setNowKeyWord('')
        setKeywords('')
        setType(null)
        setchargeAdditionals(null)
        settagDataId(null)
        setpayStatus(null)
        setprojRemindId(null)
        nav('/home')
        setauthorId('')
        setauthorName('')
        setNowauthorId('')
        setNowauthorName('')
        setselectedRowKeys([]);
    }
    //  退款页初搜索条件始化
    const refunInit = () => {
        setnewRefunValue('')
        setrefunKeywords('')
        setapplyStatus(null)
        setauthorId('')
        setauthorName('')
        setNowauthorId('')
        setNowauthorName('')
        setselectedRowKeys([]);
        // 刷新当前页面

    }
    // 补正页面搜索条件初始化
    const correctionInit = () => {
        setnewCorrectionValue('')
        setcorrectionKeywords('')
        setcorrectionNumType(null)
        setcorrectionType(null)
        setcorrectionApplyStatus(null)
        setTagCor(null)
        setauthorId('')
        setauthorName('')
        setNowauthorId('')
        setNowauthorName('')
        setselectedRowKeys([]);

    }



    const [searchParams] = useSearchParams();

    const listReducer = (state: ListData, action: ListAction) => {
        if (action.type == IndexListDataType.PROJ) {
            state.type = IndexListDataType.PROJ;
            state.status = action.value as string;
        } else if (action.type == IndexListDataType.AGENT) {
            state.type = IndexListDataType.AGENT;
            state.status = action.value as string;
        } else if (action.type == IndexListDataType.CATEGORY) {
            state.categorys = action.value as MenuProps['items'];
            state.categoryChangeCount++;
        } else if (action.type == IndexListDataType.CATEGORY_CHANGE) {
            state.category = action.value as string;
            state.categoryChangeCount++;
        } else if (action.type == IndexListDataType.CATEGORY_DELETE) {
            state.categorys = action.value as MenuProps['items'];
            state.category = '';
            state.categoryChangeCount++;
        }
        return {
            ...state
        };
    }

    const [listData, dispatch] = useReducer<Reducer<ListData, ListAction>>(listReducer, {
        type: IndexListDataType.PROJ,
        categoryChangeCount: 0
    });

    const [projMenu, setProjMenu] = useState<IMenuWithTopButton>({
        button: {
            name: '项目',
            handle() {
                dispatch({
                    type: IndexListDataType.PROJ,
                    value: 'ALL',
                })
                init()
                setauthorId('')
                // nav('/home')
                nav('/proj-create')

            }
        },
        list: [
            { id: 'ALL', name: '全部项目', active: true },
            { id: 'PROCESSING', name: '进行中的' },
            { id: 'COMPLETE', name: '已完成的' },
            { id: 'REFUN', name: '退款项目' },
            // correction
            { id: 'CORRECTION', name: '补正项目' },
            { id: 'CONTRACT', name: '合同下载' },

        ],
        handleListItem(_e, _index, item: IMenuListItem) {
            // setauthorId('')
            // setauthorName('')
            projMenu.list.forEach(item => item.active = false);
            sellMenu.list.forEach(item => item.active = false);
            buyMenu.list.forEach(item => item.active = false);
            // refundMenu.list.forEach(item => item.active = false);
            // correctionMenu.list.forEach(item => item.active = false);
            item.active = true;
            setProjMenu({
                ...projMenu
            })
            dispatch({
                type: IndexListDataType.PROJ,
                value: item.id,
                // keywords: ''

            })
        },

    });
    const [refunModal, setRefunModal] = useState(false) //退款弹窗
    // const [refundMenu, setRefundMenu] = useState<IMenuWithTopButton>({
    //     button: {
    //         name: '',
    //         handle() {
    //             // nav('/proj-create')
    //         }
    //     },
    //     list: [
    //         { id: 'PENDING', name: '待审核', },
    //         { id: 'APPROVED', name: '已通过' },
    //         { id: 'REJECTED', name: '未通过' },
    //         { id: 'CANCELED', name: '已取消' }

    //     ],
    //     handleListItem(_e, _index, item: IMenuListItem) {
    //         projMenu.list.forEach(item => item.active = false);
    //         sellMenu.list.forEach(item => item.active = false);
    //         buyMenu.list.forEach(item => item.active = false);
    //         // refundMenu.list.forEach(item => item.active = false);
    //         // correctionMenu.list.forEach(item => item.active = false);

    //         item.active = true;
    //         setRefundMenu({
    //             ...refundMenu
    //         })
    //         dispatch({
    //             type: IndexListDataType.PROJ,
    //             value: item.id,
    //             // keywords: ''

    //         })
    //     },

    // });

    // 补正弹窗
    const [correctionModal, setCorrectionModal] = useState(false)
    // const [correctionMenu, setCorrectionMenu] = useState<IMenuWithTopButton>({
    //     button: {
    //         name: '补正',
    //         handle() {
    //             // nav('/proj-create')
    //             setCorrectionModal(true)
    //         }
    //     },
    //     list: [
    //         { id: 'Correction-PENDING', name: '待审核', },
    //         { id: 'Correction-APPROVED', name: '已通过' },
    //         { id: 'Correction-REJECTED', name: '未通过' },
    //         { id: 'Correction-CANCELED', name: '已取消' }
    //     ],
    //     handleListItem(_e, _index, item: IMenuListItem) {
    //         projMenu.list.forEach(item => item.active = false);
    //         sellMenu.list.forEach(item => item.active = false);
    //         buyMenu.list.forEach(item => item.active = false);
    //         refundMenu.list.forEach(item => item.active = false);
    //         correctionMenu.list.forEach(item => item.active = false);
    //         item.active = true;
    //         setCorrectionMenu({
    //             ...correctionMenu
    //         })
    //         dispatch({
    //             type: IndexListDataType.PROJ,
    //             value: item.id,
    //             // keywords: ''

    //         })
    //     },
    // })

    // 新增合同弹窗
    const [contractModal, setContractModal] = useState(false)
    // const [agentMenu, setAgentMenu] = useState<IMenuWithTopButton>({
    //     button: {
    //         name: '代理服务',
    //         handle() {
    //             dispatch({
    //                 type: IndexListDataType.PROJ,
    //                 value: 'COMPLETE',
    //             })
    //         }
    //     },
    //     list: [
    //         { id: 'ALL', name: '全部项目' },
    //         { id: 'PROCESSING', name: '进行中的' },
    //         { id: 'COMPLETE', name: '已完成的' },
    //     ],
    //     handleListItem(_e: MouseEvent<HTMLLIElement>, _index: number, item: IMenuListItem) {
    //         projMenu.list.forEach(item => item.active = false);
    //         agentMenu.list.forEach(item => item.active = false);
    //         item.active = true;
    //         setAgentMenu({
    //             ...agentMenu
    //         })
    //         dispatch({
    //             type: IndexListDataType.AGENT,
    //             value: item.id,

    //         })
    //     }
    // })
    const [sellMenu, setSellMenu] = useState<IMenuWithTopButton>({
        button: {
            name: '交易商城',
            handle() {
                // dispatch({
                //     type: IndexListDataType.PROJ,
                //     value: 'COMPLETE',
                // })
            }
        },
        list: [
            { id: 'PRODUCT', name: '我要卖软著' }, //原商品发布
            { id: 'TRABSACTION', name: '已上架软著' },
            { id: 'COPYRIGHT', name: '我要买软著' },
            { id: 'TRADING', name: '已购买软著' },


            // { id: 'COMPLETE', name: '已完成的' },
        ],
        handleListItem(_e: MouseEvent<HTMLLIElement>, _index: number, item: IMenuListItem) {
            projMenu.list.forEach(item => item.active = false);
            sellMenu.list.forEach(item => item.active = false);
            buyMenu.list.forEach(item => item.active = false);
            // refundMenu.list.forEach(item => item.active = false);
            // correctionMenu.list.forEach(item => item.active = false);
            item.active = true;
            setSellMenu({
                ...sellMenu
            })
            dispatch({
                type: IndexListDataType.AGENT,
                value: item.id,

            })
        }
    })
    const [buyMenu, setBuyMenu] = useState<IMenuWithTopButton>({
        button: {
            name: '我要买',
            handle() {
                // dispatch({
                //     type: IndexListDataType.PROJ,
                //     value: 'COMPLETE',
                // })
            }
        },
        list: [
            { id: 'COPYRIGHT', name: '著作权商品' },
            { id: 'TRADING', name: '交易商品' },
            // { id: 'COMPLETE', name: '已完成的' },
        ],
        handleListItem(_e: MouseEvent<HTMLLIElement>, _index: number, item: IMenuListItem) {
            projMenu.list.forEach(item => item.active = false);
            sellMenu.list.forEach(item => item.active = false);
            buyMenu.list.forEach(item => item.active = false);
            // refundMenu.list.forEach(item => item.active = false);
            // correctionMenu.list.forEach(item => item.active = false);
            item.active = true;
            setBuyMenu({
                ...buyMenu
            })
            dispatch({
                type: IndexListDataType.AGENT,
                value: item.id,

            })
        }
    })
    // const [refund, setRefund] = useState<IMenuWithTopButton>({
    //     button: {
    //         name: '退款',
    //         handle() {
    //             // dispatch({
    //             //     type: IndexListDataType.PROJ,
    //             //     value: 'COMPLETE',
    //             // })
    //         }
    //     },
    //     list: [
    //         { id: '1', name: '待审核', path: '/copyright-goods?item=1' },
    //         { id: '2', name: '已通过', path: '/copyright-goods?item=2' },
    //         { id: '3', name: '未通过', path: '/copyright-goods?item=3' },
    //         // { id: 'COMPLETE', name: '已完成的' },
    //     ],
    //     handleListItem(_e: MouseEvent<HTMLLIElement>, _index: number, item: IMenuListItem) {
    //         projMenu.list.forEach(item => item.active = false);
    //         // sellMenu.list.forEach(item => item.active = false);
    //         // buyMenu.list.forEach(item => item.active = false);
    //         item.active = true;
    //         setRefund({
    //             ...refund
    //         })
    //         // dispatch({
    //         //     type: IndexListDataType.AGENT,
    //         //     value: item.id,

    //         // })
    //     }
    // })
    const location = useLocation()
    const [now, setNow] = useState<string>('首页 / 项目')
    // 编辑项目路由名
    // const [editname,setEditname] = useState('')
    // 新建项目路由名字
    // const [newname,setNewname] = useState('')

    // const [pathArray, setPathArray] = useState<any>([])
    const [showSearchBox, setShowSearchBox] = useState(true)
    const [refunSearchBox, setRrefunSearchBox] = useState(false)


    // 商品发布搜索框是否显示------------------------------------------------------------------------
    const [sellModal, setSellModal] = useState(false) // 商品发布弹窗
    const [sellNewKeywords, setSellNewKeywords] = useState('') // 关键字
    const [sellKeywords, setSellKeywords] = useState('') // 关键字
    const [sellSearchBox, setSellSearchBox] = useState(false)
    const [sellBelongType, setSellBelongType] = useState<string | null>(null) // 所属人类型
    // 更改所属人类型
    const sellBelongTypeChange = (value: string) => {
        console.log(`selected ${value}`);
        setSellBelongType(value)
    }
    const [sellDate, setSellDate] = useState<any | null>(null)  // 日期
    const dateFormat = 'YYYY年MM月DD日';
    // 更改日期
    const sellDateonChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setSellDate(date)
        // dayjs(formInfo.getFieldValue('projDevCompleteDate')).format(dateFormat),
        console.log('日期', dayjs(date).format(dateFormat));

    };
    const [language, setLanguage] = useState<string | null>(null)  // 开发者语言
    // 更改开发者语言
    const selectLanguage = (value: string) => {
        setLanguage(value)
    }
    const [sellBoxtype, setSellBoxType] = useState<string | null>(null) //软著类型
    // 选择软著类型
    const selectType = (value: string) => {
        setSellBoxType(value)
    }
    // 更改关键字
    const sellKeyWordshandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        setSellNewKeywords(e.target.value)
        if (e.target.value == '') {
            setSellKeywords('')
        }
    }
    // 关键字搜索
    const sellKeyWordshandleSearch = () => {
        setSellKeywords(sellNewKeywords)
        // nav('/product-release', {
        //     state: {
        //         sellKeywords: sellNewKeywords,
        //         sellBelongType: sellBelongType,
        //         sellDate: sellDate,
        //         language: language,
        //         sellBoxtype: sellBoxtype,
        //     }
        // })
    }
    // 商品发布页面搜索条件初始化
    const sellInit = () => {
        setSellDate(null)
        setSellBelongType(null)
        setLanguage(null)
        setSellBoxType(null)
        setSellNewKeywords('')
        setSellKeywords('')
    }
    useEffect(() => {
        if (location.pathname == '/product-release') {
            nav('/product-release', {
                state: {
                    sellKeywords: sellKeywords,
                    sellBelongType: sellBelongType,
                    sellDate: sellDate,
                    language: language,
                    sellBoxtype: sellBoxtype,
                }
            })
        }

    }, [sellBelongType, sellDate, language, sellBoxtype, sellKeywords])
    // ----------------------------------------------------------------------------------------------


    // 交易订单搜索框是否显示--------------------------------------------------------------------------
    const [sellOrderSearchBox, setSellOrderSearchBox] = useState(false)
    const [sellOrderNewKeywords, setSellOrderNewKeywords] = useState('') // 临时关键字
    const [sellOrderKeywords, setSellOrderKeywords] = useState('') // 关键字
    const [sellStatrtTime, setSellStatrtTime] = useState<any | null>(null)  // 开始时间
    const [sellEndTime, setSellEndTime] = useState<any | null>(null)  // 结束时间
    const [sellOrderStatus, setSellOrderStatus] = useState<string | null>(null) // 订单状态
    const sellOrderKeyWordshandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        setSellOrderNewKeywords(e.target.value)
        if (e.target.value == '') {
            setSellOrderKeywords('')
        }
    }
    const sellOrderKeyWordshandleSearch = () => {
        setSellOrderKeywords(sellOrderNewKeywords)

    }
    // 更改开始时间
    const sellStratTimeChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setSellStatrtTime(date)
    };
    // 更改结束时间
    const sellEndTimeChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setSellEndTime(date)
    };
    // 更改订单状态
    const sellOrderStatusChange = (value: string) => {
        console.log(`selected ${value}`);
        setSellOrderStatus(value)
    }
    const sellOrderInit = () => {
        setSellStatrtTime(null)
        setSellEndTime(null)
        setSellOrderStatus(null)
        setSellOrderNewKeywords('')
        setSellOrderKeywords('')
    }
    useEffect(() => {
        if (location.pathname == '/transaction-order') {
            nav('/transaction-order', {
                state: {
                    sellStatrtTime: sellStatrtTime,
                    sellEndTime: sellEndTime,
                    sellOrderStatus: sellOrderStatus,
                    sellOrderKeywords: sellOrderKeywords,
                }
            })
        }

    }, [sellStatrtTime, sellEndTime, sellOrderStatus, sellOrderKeywords])
    // ----------------------------------------------------------------------------------------------


    // 著作权商品搜索框是否显示--------------------------------------------------------------------------
    const [copyrightSearchBox, setCopyrightSearchBox] = useState(false)
    const [copyrightNewKeywords, setCopyrightNewKeywords] = useState('') // 临时关键字
    const [copyrightKeywords, setCopyrightKeywords] = useState('') // 关键字
    const [minPrice, setMinPrice] = useState<any>() //最低价格
    const [maxPrice, setMaxPrice] = useState<any>() //最高价格
    const [sort, setSort] = useState<any>() //排序
    const [copyrightDate, setCopyrightDate] = useState<any>() //获取时间
    const [copyrightLanguage, setCopyrightLanguage] = useState<any>() //开发语言
    const [copyrightType, setCopyrightType] = useState<any>() //软著类型
    // 更改最低价格
    const minPriceChange: InputNumberProps['onChange'] = (value) => {
        console.log('changed', value);
        setMinPrice(value)
    };
    // 更改最高价格
    const maxPriceChange: InputNumberProps['onChange'] = (value) => {
        console.log('changed', value);
        setMaxPrice(value)
    };
    // 更改价格排序
    const sortChange = (value: string) => {
        console.log(`selected ${value}`)
        setSort(value)
    }
    // 获取时间更改
    const copyrightDateChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setCopyrightDate(date)
    };
    // 更改开发语言
    const copyrightLanguageChange = (value: string) => {
        console.log(`selected ${value}`)
        setCopyrightLanguage(value)
    }
    // 软著类型更改
    const copyrightTypeChange = (value: string) => {
        console.log(`selected ${value}`)
        setCopyrightType(value)
    }
    const copyrightKeyWordshandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        setCopyrightNewKeywords(e.target.value)
        if (e.target.value == '') {
            setCopyrightKeywords('')
        }
    }
    const copyrightKeyWordshandleSearch = () => {
        setCopyrightKeywords(copyrightNewKeywords)
    }
    const copyrightInit = () => {
        setMinPrice(null)
        setMaxPrice(null)
        setSort(null)
        setCopyrightDate(null)
        setCopyrightLanguage(null)
        setCopyrightType(null)
        setCopyrightNewKeywords('')
        setCopyrightKeywords('')
    }
    useEffect(() => {
        if (location.pathname == '/copyright-goods') {
            nav('/copyright-goods', {
                state: {
                    copyrightKeywords: copyrightKeywords,
                    minPrice: minPrice,
                    maxPrice: maxPrice,
                    sort: sort,
                    copyrightDate: copyrightDate,
                    copyrightLanguage: copyrightLanguage,
                    copyrightType: copyrightType,
                }
            })
        }
    }, [copyrightKeywords, minPrice, maxPrice, sort, copyrightDate, copyrightLanguage, copyrightType])

    // ----------------------------------------------------------------------------------------------



    // 交易商品搜索框是否显示--------------------------------------------------------------------------
    const [tradingSearchBox, setTradingSearchBox] = useState(false)
    const [tradingNewKeywords, setTradingNewKeywords] = useState('') // 临时关键字
    const [tradingKeywords, setTradingKeywords] = useState('') // 关键字
    const [tradingStartTime, setTradingStartTime] = useState<any>() // 开始时间
    const [tradingEndTime, setTradingEndTime] = useState<any>() // 结束时间
    const [tradingStatus, setTradingStatus] = useState<any>() // 订单状态
    const tradingKeyWordshandleSearch = () => {
        setTradingKeywords(tradingNewKeywords)
    }
    const tradingKeyWordshandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        setTradingNewKeywords(e.target.value)
        if (e.target.value == '') {
            setTradingKeywords('')
        }
    }
    const tradingStartTimeChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setTradingStartTime(date)
    }

    const tradingEndTimeChange: DatePickerProps['onChange'] = (date, dateString) => {
        console.log(date, dateString);
        setTradingEndTime(date)
    }
    const tradingOrderStatusChange = (value: string) => {
        console.log(`selected ${value}`)
        setTradingStatus(value)
    }
    const tradingInit = () => {
        setTradingStartTime(null)
        setTradingEndTime(null)
        setTradingStatus(null)
        setTradingNewKeywords('')
        setTradingKeywords('')
    }
    useEffect(() => {
        if (location.pathname == '/trading-goods') {
            nav('/trading-goods', {
                state: {
                    tradingKeywords: tradingKeywords,
                    tradingStartTime: tradingStartTime,
                    tradingEndTime: tradingEndTime,
                    tradingStatus: tradingStatus,
                }
            })
        }
    }, [tradingKeywords, tradingStartTime, tradingEndTime, tradingStatus])

    // ----------------------------------------------------------------------------------------------



    // APP电子软著框是否显示----------------------------------------------------------------------------------------
    const [appSearchBox, setAppSearchBox] = useState(false)
    const [appModal, setAppModal] = useState(false) // 申请电子软著弹窗
    const [toEditsModal, setToEditsModal] = useState(false) // 电子软著编辑弹窗
    // -----------------------------------------------------------------------------------------------

    // 申请商标是否显示------------------------------------------------------------------------------
    const [trademarkBox, setTrademarkBox] = useState(false) // 申请商标弹窗
    const [trademarkModal, setTrademarkModal] = useState(false) // 申请商标弹窗
    // ----------------------------------------------------------------------------------------------------

    const [correctionSearchBox, setCorrectionSearchBox] = useState(false)
    // 新增合同按钮是否显示
    const [contractSearchBox, setContractSearchBox] = useState(false)
    // 优惠券遮罩层是否显示
    const [coupon, setCoupon] = useState(false)
    // 获取优惠券弹出层是否显示 
    const [getCouponModal, setGetCouponModal] = useState(false)
    // 优惠券数组
    const [couponArray, setCouponArray] = useState<any>([])
    //优惠券id
    const [couponId, setCouponId] = useState('')
    // 优惠券图片   const imgSrc = `${Axios.defaults?.baseURL}/route/file/v2/download/true/${data.data.couponId}`;
    const [cpuponImg, setCouponImg] = useState('')
    // 获取是否有优惠券信息
    const getCoupon = () => {
        get({
            messageApi,
            url: `/api/coupon/list-can-claim`,
            // url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
            config: {
                params: {

                }
            },
            onBefore() {

            },
            onSuccess(data: any) {
                // console.log(data.data);
                // if (data.data.couponId) {
                //     setCouponId(data.data.couponId)
                //     setCouponImg(data.data.logo)
                //     setCoupon(true)
                // }
                setCouponArray(data.data)
                if (data.data.length == 1) {
                    setCouponId((data.data)[0].couponId)
                    setCouponImg((data.data)[0].logo)
                    setCoupon(true)
                }
                if (data.data.length > 1) {
                    setGetCouponModal(true)
                }

            },
            onFinally() {

            },
        })
    }
    // 领取优惠券单张
    const receiveCoupon = () => {
        post<any>({
            messageApi,
            url: `/api/coupon/user/save`,
            body: {
                couponId: couponId
            },
            onBefore() {

            },
            onSuccess() {
                messageApi.success('领取成功')
                setTimeout(() => {
                    setCoupon(false)
                    // getCoupon()
                }, 500)
            },
            onFinally() {

            }
        })
    }
    // 领取优惠券(多张)
    const receiveCoupons = (id: string) => {
        post<any>({
            messageApi,
            url: `/api/coupon/user/save`,
            body: {
                couponId: id
            },
            onBefore() {

            },
            onSuccess() {
                messageApi.success('领取成功')
                //更新列表
                get({
                    messageApi,
                    url: `/api/coupon/list-can-claim`,
                    // url: `/api/proj/refund/apply/listpage?applyStatus=${state.type}`,
                    config: {
                        params: {

                        }
                    },
                    onBefore() {

                    },
                    onSuccess(data: any) {
                        setCouponArray(data.data)
                        if (data.data.length == 0) {
                            setTimeout(() => {
                                setGetCouponModal(false)
                                // getCoupon()
                            }, 500)
                        }

                    },
                    onFinally() {

                    },
                })
            },
            onFinally() {

            }
        })
    }

    // const [languageList, setLanguageList] = useState<any>([]) // 开发者语言列表
    // 获取语言列表
    // const getLanguageListDate = async () => {
    //     try {
    //         const res: any = await getLanguageList()
    //         // console.log('语言列表',res);
    //         setLanguageList(res.map((item: any) => {
    //             return {
    //                 value: item.dataId,
    //                 label: item.dataName,
    //             }
    //         }))


    //     } catch (error: any) {

    //         if (error.response) {
    //             const data = error.response.data;
    //             messageApi.open({
    //                 type: 'error',
    //                 content: data.msg ? data.msg : `${data.path}(${data.status})`,
    //             });
    //         } else {
    //             console.error(error)
    //         }
    //     }
    // }
    // const [softTypeList, setSoftTypeList] = useState<any>([]) // 软著类型列表
    // 获取软著类型列表
    // const getSoftTypeListDate = async () => {
    //     try {
    //         const res: any = await getSoftTypeList()
    //         // console.log('软著类型列表', res);
    //         setSoftTypeList(res.map((item: any) => {
    //             return {
    //                 value: item.dataId,
    //                 label: item.dataName,
    //             }
    //         }))
    //     } catch (error: any) {

    //         if (error.response) {
    //             const data = error.response.data;
    //             messageApi.open({
    //                 type: 'error',
    //                 content: data.msg ? data.msg : `${data.path}(${data.status})`,
    //             });
    //         } else {
    //             console.error(error)
    //         }
    //     }
    // }


    // app电子软著数组
    const appGoodsArray = [
        { id: '1', title: '10个工作日下证', price: '500', back: 'black' },
        { id: '2', title: '3个工作日下证', price: '900', back: 'blue' },
        { id: '3', title: '1个工作日下证', price: '2599', back: 'black' },
        { id: '4', title: '当天下证', price: '3699', back: 'black' },
    ]
    const [appGoodsId, setAppGoodsId] = useState('') // 选择的商品id
    useEffect(() => {
        // const nowname = sessionStorage.getItem('now')
        if (location.pathname == '/') {
            // setCoupon(true)
            getCoupon()
        }

        if (location.pathname.includes('/home')) {
            // setCoupon(true)
            getCoupon()
            setNow('首页 / 项目')
            // setPathArray([{ title: '首页' }])
            setShowSearchBox(true)
            // setClickBelongpeople(true)
            setRrefunSearchBox(false)
            setContractSearchBox(false)
            setCorrectionSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)
        } else if (location.pathname.includes('/proj-create')) {
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            setNow('创建项目')
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: '创建项目' }])
            // /config-mod-list    /config-menu-list /config-mod-show
        } else if (location.pathname.includes('/proj-edit') && !location.pathname.includes('/config-mod-show') && !location.pathname.includes('/config-mod-edit') && !location.pathname.includes('/step') && !location.pathname.includes('/config-loginpage') && !location.pathname.includes('/config-mod-save') && !location.pathname.includes('/config-mod-list') && !location.pathname.includes('/config-menu-list')) {
            setNow(`${projStatus}项目 / ${projName}`)
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setEditname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: '编辑项目' }])
        } else if (location.pathname.includes('/proj-new')) {
            setNow(`创建项目`)
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: '新建项目' }])
        } else if (location.pathname.includes('/proj-efree')) {
            setNow(`${projStatus}项目 / ${projName}`)
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: '编辑项目' }])
        } else if (location.pathname.includes('/proj-eall')) {
            setNow(`${projStatus}项目 / ${projName}`)
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页 </Link> }, { title: '编辑项目' }])
        } else if (location.pathname.includes('/proj-edit/step1')) {
            setNow('标题简介')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '标题简介' }])
        } else if (location.pathname.includes('/proj-edit/step2')) {
            setNow('标题简介')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '基本信息' }])
        } else if (location.pathname.includes('/proj-edit/config-loginpage')) {
            setNow('登录界面设置')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '登录界面设置' }])
        } else if (location.pathname.includes('/proj-edit/config-mod-list')) {
            setNow('系统菜单管理')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '系统菜单管理' }])
        } else if (location.pathname.includes('/proj-edit/config-menu-list')) {
            setNow('系统菜单顺序')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '系统菜单顺序' }])
        } else if (location.pathname.includes('/step3')) {
            setNow('软件功能特点')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '软件功能特点' }])
        } else if (location.pathname.includes('/proj-edit/config-mod-save')) {
            setNow('添加菜单')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '添加菜单' }])
        } else if (location.pathname.includes('/proj-edit/config-mod-edit')) {
            setNow('编辑菜单')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-2) }}>编辑项目</a> }, { title: <a onClick={() => { nav(-1) }}>系统菜单管理</a> }, { title: '编辑菜单' }])
            //  /config-mod-edit  /config-mod-show
        } else if (location.pathname.includes('/proj-edit/config-mod-show')) {
            setNow('查看菜单')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setSellSearchBox(false)
            setContractSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-2) }}>编辑项目</a> }, { title: <a onClick={() => { nav(-1) }}>系统菜单管理</a> }, { title: '查看菜单' }])
            //  /config-mod-edit 
        } else if (location.pathname.includes('/product-release')) {
            setNow('首页 / 商品发布')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(true)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)



            // setPathArray([{ title: '首页' }])
            //  /config-mod-edit  /product-release /transaction-order
        } else if (location.pathname.includes('/transaction-order')) {
            setNow('首页 / 交易订单')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(true)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: '首页' }])
            //  /config-mod-edit  /product-release /transaction-order
        } else if (location.pathname.includes('/copyright-goods')) {
            setNow('首页 / 著作权商品')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(true)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: '首页' }])
            //  /config-mod-edit  /product-release /transaction-order
        } else if (location.pathname.includes('/trading-goods')) {
            setNow('首页 / 交易商品')
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(true)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setPathArray([{ title: '首页' }])
            //  /config-mod-edit  /product-release /transaction-order
        } else if (location.pathname.includes('/refun')) {
            setShowSearchBox(false)
            setNow('首页 / 退款')
            // setClickBelongpeople(false)
            setRrefunSearchBox(true)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '软件功能特点' }])
        } else if (location.pathname.includes('/correction')) {
            setShowSearchBox(false)
            setNow('首页 / 补正')
            // setClickBelongpeople(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(true)
            setContractSearchBox(false)
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

            // setNewname(location.pathname)
            // setPathArray([{ title: <Link to={'/home'}>首页</Link> }, { title: <Link to={'/proj-create'}>创建项目</Link> }, { title: <a onClick={() => { nav(-1) }}>编辑项目</a> }, { title: '软件功能特点' }])
        } else if (location.pathname.includes('/contract')) {
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(true)
            setNow('首页 / 合同下载')
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

        } else if (location.pathname.includes('/app-electron')) {
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setNow('首页 / 电子软著APP')
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(true)
            setTrademarkBox(false)

        } else if (location.pathname.includes('/app-edit')) {
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setNow('申请电子软著')
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(false)

        }
        else if (location.pathname.includes('/trademark-mall')) {
            setShowSearchBox(false)
            setRrefunSearchBox(false)
            setCorrectionSearchBox(false)
            setContractSearchBox(false)
            setNow('首页 / 商标商城')
            setSellSearchBox(false)
            setSellOrderSearchBox(false)
            setCopyrightSearchBox(false)
            setTradingSearchBox(false)
            setAppSearchBox(false)
            setTrademarkBox(true)

        }
    }, [location.pathname])
    useEffect(() => {
        // nav('/home')
        // sessionStorage.setItem('pathArray', JSON.stringify([{ title: <Link to={'/home'}>首页</Link> }]));
        // sessionStorage.setItem('now', '首页');
        if (searchParams.get('type') == 'agent') {
            dispatch({
                type: IndexListDataType.AGENT,
                value: 'ALL',

            })

        }
        // getProjOwnerList()
        getCorTag()
        getTag()
        getremindTag()
        // console.log(belongArray);


        // getLanguageListDate()
        // getSoftTypeListDate()

    }, []);
    useEffect(() => {
        // loactionStorage里的activeMenu
        if (location.pathname == '/') {
            nav('/home', {
                state: {
                    keyword: keywords,
                    type: type,
                    chargeAdditionals: chargeAdditionals,
                    tagDataId: tagDataId,
                    authorId: authorId,
                    payStatus: payStatus,
                    projRemindId: projRemindId,
                    // tagNot
                }
            })
        }
        if (location.pathname.includes('/home')) {
            nav('/home', {
                state: {
                    keyword: keywords,
                    type: type,
                    chargeAdditionals: chargeAdditionals,
                    tagDataId: tagDataId,
                    authorId: authorId,
                    payStatus: payStatus,
                    projRemindId: projRemindId,
                    // tagNot
                }
            })
        }
        if (location.pathname.includes('/refun')) {
            nav('/refun', {
                state: {
                    keywords: refunKeywords,
                    applyStatus: applyStatus,
                    authorId: authorId,

                }
            })
        }
        if (location.pathname.includes('/correction')) {
            nav('/correction', {
                state: {
                    keywords: correctionKeywords,
                    correctionNumType: correctionNumType,
                    correctionType: correctionType,
                    applyStatus: correctionApplyStatus,
                    authorId: authorId,
                    tagCor: tagCor,

                }
            })
        }

    }, [type, chargeAdditionals, keywords, tagDataId, projRemindId, payStatus, authorId, refunKeywords, applyStatus, correctionKeywords, correctionNumType, correctionType, correctionApplyStatus, tagCor]);

    // const [menuName,setMenuName] = useState<string | null>('')
    // useEffect(()=>{
    //     setMenuName( getMenuActive())
    // },[getMenuActive()])
    const handleSearch = (value: string) => {
        // console.log(value);
        setKeywords(value)
        nav('/home', {
            state: {
                keyword: value,
                type: type,
                chargeAdditionals: chargeAdditionals,
                tagDataId: tagDataId,
                authorId: authorId,
                payStatus: payStatus,
                projRemindId: projRemindId,
                // tagNot

            }
        })
    }
    const handleChange = (e: any) => {
        setNowKeyWord(e.target.value)
        // console.log(e.target.value);
        if (e.target.value == '') {
            setKeywords('')
            nav('/home', {
                state: {
                    keyword: '',
                    type: type,
                    chargeAdditionals: chargeAdditionals,
                    tagDataId: tagDataId,
                    authorId: authorId,
                    payStatus: payStatus,
                    projRemindId: projRemindId,
                    // tagNot

                }
            })
        }
    }
    // 退款状态


    // 退款关键字搜索
    const refunhandleSearch = (value: string) => {
        // console.log(value);
        setrefunKeywords(value)
        nav('/refun', {
            state: {
                keywords: value,
                applyStatus: applyStatus,
                authorId: authorId,

            }
        })
    }
    const refunhandleChange = (e: any) => {
        setnewRefunValue(e.target.value)
        // console.log(e.target.value);
        if (e.target.value == '') {
            setrefunKeywords('')
            nav('/refun', {
                state: {
                    keywords: '',
                    applyStatus: applyStatus,
                    authorId: authorId,

                }
            })
        }
    }
    // 补正关键字搜索
    const correctionhandleSearch = (value: string) => {
        // console.log(value);
        setcorrectionKeywords(value)
        nav('/correction', {
            state: {
                keywords: value,
                correctionNumType: correctionNumType,
                correctionType: correctionType,
                applyStatus: correctionApplyStatus,
                authorId: authorId,
                tagCor: tagCor,

            }
        })
    }
    const correctionhandleChange = (e: any) => {
        setnewCorrectionValue(e.target.value)
        // console.log(e.target.value);
        if (e.target.value == '') {
            setcorrectionKeywords('')
            nav('/correction', {
                state: {
                    keywords: '',
                    correctionNumType: correctionNumType,
                    correctionType: correctionType,
                    applyStatus: correctionApplyStatus,
                    authorId: authorId,
                    tagCor: tagCor,

                }
            })
        }
    }
    return (
        <>
            {/* <Breadcrumb
                items={[
                    {title: <Link to={'/'}>首页</Link>}
                ]}
            /> */}
            {contextHolder}
            <IndexListContext.Provider value={listData} >
                <IndexListDispatchContext.Provider value={dispatch}>
                    <div className="index">
                        <div className='coupon-mask'></div>
                        <div className='leftbox'>
                            {/* <div style={{display:'flex'}}> */}
                            {/* <div style={{height:1000,width:6,background:'red',marginRight:-6,zIndex:99}}></div> */}
                            <div className="left" >
                                <div className='mediaBox' style={{
                                    // height: '15px', width: '230px', 
                                    background: 'white'
                                }}></div>
                                <MenuWithTopButton
                                    button={projMenu.button}
                                    list={projMenu.list}
                                    handleListItem={projMenu.handleListItem}
                                    keywords={keywords}

                                    chargeAdditionals={chargeAdditionals ? chargeAdditionals : ""}
                                    tagDataId={tagDataId ? tagDataId : ""}
                                    authorId={authorId ? authorId : ""}
                                    payStatus={payStatus ? payStatus : ''}
                                    // 退款
                                    refunKeywords={refunKeywords}
                                    applyStatus={applyStatus ? applyStatus : ''}
                                    type={type ? type : ""}
                                    // 补正
                                    correctionKeywords={correctionKeywords ? correctionKeywords : ''}
                                    correctionNumType={correctionNumType ? correctionNumType : ''}
                                    correctionType={correctionType ? correctionType : ''}
                                    correctionApplyStatus={correctionApplyStatus ? correctionApplyStatus : ''}
                                    tagCor={tagCor ? tagCor : ''}
                                // enableBelongpeople = {()=>{setClickBelongpeople(true)}}
                                />

                                {/* <div className='belongPeopleMenu'>
                                    <div className='belongPeopleMenu-title'>
                                        <MenuFoldOutlined style={{ marginLeft: 10, marginRight: 10 }} />产权所属者
                                    </div>
                                    <div style={{ display: belongArray.length > 0 ? 'block' : 'none' }}>
                                        <div className='belongPeopleMenu-box'>
                                            {
                                                currentPageData.map((item: any) => {
                                                    return (
                                                        <div className='belongpeopleName' key={item.projOwnerId} onClick={() => {
                                                          
                                                            if (authorId == item.projOwnerId) {
                                                                setauthorId(null)

                                                                
                                                            } else {
                                                                setauthorId(item.projOwnerId)
                                                                
                                                            }

                                                           
                                                        }}
                                                            style={{ background: authorId == item.projOwnerId ? '#FF9F08' : '', color: authorId == item.projOwnerId ? '#FFF' : '' }}
                                                            title={item.name} // 添加 title 属性以显示完整文本
                                                        >
                                                            {item.name}
                                                        </div>
                                                    )
                                                })
                                            }
                                        </div>
                                       
                                        <div className='belong-pagination'>
                                            <Pagination
                                                showSizeChanger={false}
                                                current={currentPage}
                                                total={totalItems}
                                                pageSize={itemsPerPage}
                                                onChange={handlePageChange} // 页码改变时的回调
                                                className="custom-pagination"
                                            />
                                        </div>
                                    </div>
                                    <div style={{ display: belongArray.length > 0 ? 'none' : 'block', height: 230 }}>
                                        <div style={{ width: 230, height: 230, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
                                            <Empty
                                                description="暂无数据"
                                            />
                                        </div>
                                    </div>
                                </div> */}
                                {/* <MenuTreeWithTopButton /> */}
                                {/* <MenuWithBottomButtom
                                button={agentMenu.button}
                                list={agentMenu.list}
                                handleListItem={agentMenu.handleListItem}
                            /> */}
                                {THEME == 'mzw' ? (
                                    <MenuWithBottomButtom
                                        button={sellMenu.button}
                                        list={sellMenu.list}
                                        handleListItem={sellMenu.handleListItem}
                                        sellKeywords={sellKeywords}
                                        sellBelongType={sellBelongType}
                                        sellDate={sellDate}
                                        language={language}
                                        sellBoxtype={sellBoxtype}

                                        sellStatrtTime={sellStatrtTime}
                                        sellEndTime={sellEndTime}
                                        sellOrderStatus={sellOrderStatus}
                                        sellOrderKeywords={sellOrderKeywords}
                                    />
                                ) : (
                                    <></>
                                )}
                                {THEME == 'mzw' ? (
                                    <>
                                        <div style={{
                                            background: getMenuActive() == 'APP' ? 'linear-gradient(90deg, #FF9F08 0%, #FF7331 100%)' : ' var(--color-menuback)',
                                            borderTop: '1px solid var(--color-menuborder)',
                                            height: 56,
                                            cursor: 'pointer',
                                            display: 'flex',
                                            alignItems: 'center',
                                            // justifyContent: 'center',
                                            color: getMenuActive() == 'APP' ? '#FFF' : 'var(--color-menuhead)',
                                            fontSize: 18
                                        }}
                                            onClick={() => {
                                                projMenu.list.forEach(item => item.active = false);
                                                sellMenu.list.forEach(item => item.active = false);
                                                buyMenu.list.forEach(item => item.active = false);
                                                // 可按需添加其他菜单的处理

                                                // 更新菜单状态
                                                setProjMenu({ ...projMenu });
                                                setSellMenu({ ...sellMenu });
                                                setBuyMenu({ ...buyMenu });
                                                setMenuActive('APP')
                                                nav('/app-electron')
                                                // 设置 APP 电子软著为选中状态
                                                // setIsAppSelected(true);
                                            }}
                                        >
                                            <img src={getMenuActive() == 'APP' ? appnew : app} width={21} height={23} alt=""
                                                style={{ marginLeft: 20, marginRight: 9 }}
                                            />
                                            <div>电子软著APP</div>

                                        </div>
                                        <div style={{
                                            background: getMenuActive() == 'TRADEMARK' ? 'linear-gradient(90deg, #FF9F08 0%, #FF7331 100%)' : ' var(--color-menuback)',
                                            borderTop: '1px solid var(--color-menuborder)',
                                            borderBottom: '1px solid var(--color-menuborder)',
                                            height: 56,
                                            cursor: 'pointer',
                                            display: 'flex',
                                            alignItems: 'center',
                                            // justifyContent: 'center',
                                            color: getMenuActive() == 'TRADEMARK' ? '#FFF' : 'var(--color-menuhead)',
                                            fontSize: 18
                                        }}
                                            onClick={() => {
                                                projMenu.list.forEach(item => item.active = false);
                                                sellMenu.list.forEach(item => item.active = false);
                                                buyMenu.list.forEach(item => item.active = false);
                                                // 可按需添加其他菜单的处理

                                                // 更新菜单状态
                                                setProjMenu({ ...projMenu });
                                                setSellMenu({ ...sellMenu });
                                                setBuyMenu({ ...buyMenu });
                                                setMenuActive('TRADEMARK')
                                                nav('/trademark-mall')
                                                // 设置 APP 电子软著为选中状态
                                                // setIsAppSelected(true);
                                            }}
                                        >
                                            <img src={getMenuActive() == 'TRADEMARK' ? tranew : tra} width={21} height={21} alt=""
                                                style={{ marginLeft: 20, marginRight: 9, marginTop: 3 }}
                                            />
                                            <div>商标商城</div>

                                        </div>

                                    </>
                                ) : (
                                    <></>
                                )}

                                {/* <MenuWithBottomButtom
                                    button={buyMenu.button}
                                    list={buyMenu.list}
                                    handleListItem={buyMenu.handleListItem}

                                    copyrightKeywords={copyrightKeywords}
                                    minPrice={minPrice}
                                    maxPrice={maxPrice}
                                    sort={sort}
                                    copyrightDate={copyrightDate}
                                    copyrightLanguage={copyrightLanguage}
                                    copyrightType={copyrightType}

                                    tradingKeywords={tradingKeywords}
                                    tradingStartTime={tradingStartTime}
                                    tradingEndTime={tradingEndTime}
                                    tradingStatus={tradingStatus}

                                /> */}
                                {/* <MenuWithTopButton
                                    button={refundMenu.button}
                                    list={refundMenu.list}
                                    handleListItem={refundMenu.handleListItem}
                             
                                /> */}
                                {/* <MenuWithTopButton
                                    button={correctionMenu.button}
                                    list={correctionMenu.list}
                                    handleListItem={correctionMenu.handleListItem}
                                /> */}
                            </div>
                            {/* </div> */}
                        </div>

                        <div className="right">
                            <div>
                                <div className="top">
                                    {/* 标签 */}
                                    {/* {renderStatus()} */}
                                    <div className='gps'>
                                        <img src={gpsImg} alt="" />
                                        <div className='gps-now'>{now}</div>
                                    </div>
                                    <div className='mediaLine'>
                                        <div className='line' style={{
                                            display: showSearchBox ? 'block' : 'none',

                                        }} ></div>
                                    </div>
                                    <div style={{ display: showSearchBox ? 'block' : 'none' }}>
                                        <div
                                            className='mediaSearch'
                                            style={{

                                                display: 'flex',
                                                alignItems: 'center',
                                                minHeight: 62,
                                                // flexWrap: 'wrap',
                                                padding: '10px 0',
                                                boxSizing: 'border-box',
                                                // background:'red',
                                                // width:890
                                            }}>


                                            <div
                                                style={{
                                                    width: 1,
                                                    height: 23,
                                                    marginLeft: 33,
                                                    marginRight: 31,
                                                    display: showSearchBox ? 'none' : 'block'
                                                }}
                                            ></div>
                                            <Search placeholder="输入项目名称"
                                                value={nowKeyword}
                                                onSearch={handleSearch}
                                                onChange={handleChange}
                                                className='searchInputmedia'
                                                style={{
                                                    // maxWidth: '200px',
                                                    width: '170px',
                                                    height: '31px',
                                                    display: showSearchBox ? 'block' : 'none'
                                                }}
                                                allowClear
                                            />
                                            <Select
                                                value={type}
                                                allowClear
                                                style={{ height: '31px', width: '110px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                onChange={(value: string) => {
                                                    setType(value)

                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: value,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            projRemindId: projRemindId,
                                                            // tagNot
                                                        }
                                                    })

                                                }}
                                                options={[

                                                    { value: 'FREE', label: '免费试用' },
                                                    { value: 'MATERIAL', label: '写材料' },
                                                    { value: 'ALL', label: '全托管' },
                                                ]}

                                                placeholder='选择类型'
                                            />
                                            <Select
                                                allowClear
                                                value={chargeAdditionals}

                                                style={{ height: '31px', width: '130px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                onChange={(value: string) => {
                                                    // console.log(`selected ${value}`);
                                                    setchargeAdditionals(value)
                                                    // alert(`selected ${value}`)
                                                    // lyp

                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: value,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            projRemindId: projRemindId,
                                                            // tagNot
                                                        }
                                                    })

                                                }}
                                                options={[
                                                    // { value: '', label: '全部项目' },
                                                    { value: 'PKG', label: '安装包' },
                                                    { value: 'VIDEO_DEMO', label: '演示视频' },
                                                    { value: 'URGENT', label: '加急' },
                                                ]}
                                                // defaultValue=""
                                                placeholder={'选择拓展收费'}
                                            />
                                            <Select
                                                allowClear
                                                value={tagDataId}
                                                style={{ height: '31px', width: '130px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                onChange={(value: string) => {
                                                    // console.log(`selected ${value}`);
                                                    // const [part1, part2] = value.split(':');
                                                    // console.log('part1:', part1);
                                                    // console.log('part2:', part2);
                                                    // if (part1 == 'TAG_NOT') {
                                                    //     setTagNot(true)
                                                    // }

                                                    settagDataId(value)
                                                    // alert(`selected ${value}`)
                                                    // lyp
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: value,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            projRemindId: projRemindId,
                                                            // tagNot:part2 == 'TAG_NOT'?true:false
                                                        }
                                                    })

                                                }}
                                                options={

                                                    tagArray
                                                }

                                                placeholder={'选择标签'}


                                            />
                                            <div style={{
                                                display: remindTagArray.length > 0 ? 'block' : 'none',
                                            }}>
                                                <Select
                                                    allowClear
                                                    value={projRemindId}
                                                    style={{ height: '31px', width: '130px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                    onChange={(value: string) => {
                                                        // console.log(`selected ${value}`);
                                                        setprojRemindId(value)
                                                        // alert(`selected ${value}`)
                                                        // lyp

                                                        nav('/home', {
                                                            state: {
                                                                keyword: keywords,
                                                                type: type,
                                                                chargeAdditionals: chargeAdditionals,
                                                                tagDataId: tagDataId,
                                                                authorId: authorId,
                                                                payStatus: payStatus,
                                                                projRemindId: value,
                                                                // tagNot
                                                            }
                                                        })

                                                    }}
                                                    options={

                                                        remindTagArray
                                                    }

                                                    placeholder={'选择提醒'}


                                                />
                                            </div>
                                            <Select
                                                allowClear
                                                value={payStatus}

                                                style={{ height: '31px', width: '130px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                onChange={(value: string) => {
                                                    setpayStatus(value)
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: value,
                                                            projRemindId: projRemindId,
                                                            // tagNot
                                                        }
                                                    })

                                                }}
                                                options={[

                                                    { value: 'UNPAID', label: '未付款' },
                                                    { value: 'PAID', label: '已付款' },
                                                    { value: 'ARREARS', label: '欠费' },
                                                    { value: 'FULL_REFUND', label: '全额退费' },
                                                    { value: 'CORRECTION1_REFUND', label: '补正1次退款' },
                                                    { value: 'CORRECTION2_REFUND', label: '补正2次退款' },
                                                ]}

                                                placeholder={'选择付款类型'}
                                            />
                                            {/* <Select
                                                allowClear
                                                value={authorId}

                                                style={{ height: '31px', width: '150px', marginLeft: 5, display: showSearchBox ? 'block' : 'none' }}
                                                onChange={(value: string) => {
                                                    setauthorId(value)
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: value,
                                                            payStatus: payStatus,
                                                            projRemindId: projRemindId,
                                                            // tagNot
                                                        }
                                                    })

                                                }}
                                                options={belongArrayList}

                                                placeholder={'选择所属者'}
                                            /> */}
                                            <div style={{
                                                position: 'relative',
                                            }}>
                                                <Input placeholder='选择所属者'
                                                    value={authorName}
                                                    style={{
                                                        height: '31px', width: '110px', marginLeft: 5, display: showSearchBox ? 'block' : 'none',
                                                        paddingRight: 20,
                                                        // 超出部分用...显示
                                                        overflow: 'hidden',
                                                        textOverflow: 'ellipsis',
                                                        whiteSpace: 'nowrap',
                                                    }}
                                                ></Input>
                                                <div
                                                    title={authorName}
                                                    style={{
                                                        position: 'absolute',
                                                        height: '31px', width: '110px',
                                                        // background: 'skyblue',
                                                        top: 0,
                                                        left: 5,
                                                        cursor: 'pointer',
                                                        display: 'flex',
                                                        alignItems: 'center',
                                                        justifyContent: 'flex-end',
                                                        paddingRight: 10,
                                                        boxSizing: 'border-box',

                                                    }}
                                                    onClick={() => {
                                                        // setauthorName('哈哈哈哈哈哈哈哈哈哈嘎嘎嘎嘎嘎嘎')
                                                        setOwnerPage(1)
                                                        getProjOwnerList(1, '')
                                                        setSelectBelongPeople(true)
                                                        setselectedRowKeys([])
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        // nav('/home', {
                                                        //     state: {
                                                        //         keyword: keywords,
                                                        //         type: type,
                                                        //         chargeAdditionals: chargeAdditionals,
                                                        //         tagDataId: tagDataId,
                                                        //         authorId: '1',
                                                        //         payStatus: payStatus,
                                                        //         projRemindId: projRemindId,
                                                        //         // tagNot
                                                        //     }
                                                        // })
                                                    }}

                                                >
                                                </div>

                                                <CloseCircleOutlined
                                                    className='clearIcon'
                                                    style={{
                                                        top: 8,
                                                        right: 5,
                                                        position: 'absolute',
                                                        color: '#FFF',
                                                        // background: '#868686',
                                                        borderRadius: '50%',
                                                        fontSize: 14,
                                                        display: authorName ? 'unset' : 'none',
                                                        marginTop: 1,

                                                    }}
                                                    title=''
                                                    onClick={() => {
                                                        setauthorName('')
                                                        setauthorId('')
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        setselectedRowKeys([]);
                                                        nav('/home', {
                                                            state: {
                                                                keyword: keywords,
                                                                type: type,
                                                                chargeAdditionals: chargeAdditionals,
                                                                tagDataId: tagDataId,
                                                                authorId: '',
                                                                payStatus: payStatus,
                                                                projRemindId: projRemindId,
                                                                // tagNot
                                                            }
                                                        })
                                                    }}
                                                />
                                            </div>
                                            <Button onClick={() => {
                                                init()
                                            }} style={{ marginLeft: 5, display: showSearchBox ? 'block' : 'none', height: 31 }}
                                                // type="primary" 
                                                icon={<ClearOutlined />}>
                                                清除
                                            </Button>
                                        </div>
                                    </div>

                                    <div style={{ display: refunSearchBox ? 'block' : 'none' }}>
                                        <div
                                            className='mediaSearch'
                                            style={{
                                                display: 'flex',
                                                alignItems: 'center'
                                            }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary" onClick={() => {
                                                setRefunModal(true)
                                                refunInit()
                                                // dispath({
                                                //     type: 'newRefun',
                                                //     val: true
                                                // })
                                            }}
                                                style={{ background: 'var(--color-searchbtn)' }}
                                            >
                                                申请退款
                                            </Button>
                                            <Search placeholder="输入项目名称"
                                                value={newRefunValue}
                                                onSearch={refunhandleSearch}
                                                onChange={refunhandleChange}
                                                style={{
                                                    width: '200px',
                                                    height: '31px',
                                                    marginLeft: 5
                                                }}
                                                allowClear
                                            />
                                            <Select
                                                value={applyStatus}
                                                style={{ height: '31px', width: '150px', marginLeft: 5 }}
                                                onChange={(value: string) => {
                                                    setapplyStatus(value)
                                                    nav('/refun', {
                                                        state: {
                                                            keywords: refunKeywords,
                                                            applyStatus: value,
                                                            authorId: authorId,

                                                        }
                                                    })
                                                }}
                                                options={[
                                                    // { value: '', label: '全部项目' },
                                                    { value: 'PENDING', label: '待审核' },
                                                    { value: 'APPROVED', label: '已通过' },
                                                    { value: 'REJECTED', label: '未通过' },
                                                    { value: 'CANCELED', label: '已取消' },
                                                ]}
                                                // defaultValue=""
                                                placeholder={'选择状态'}
                                                allowClear
                                            />
                                            {/* <Select
                                                allowClear
                                                value={authorId}

                                                style={{ height: '31px', width: '150px', marginLeft: 5}}
                                                onChange={(value: string) => {
                                                    setauthorId(value)
                                                    nav('/refun', {
                                                        state: {
                                                            keywords: refunKeywords,
                                                            applyStatus: applyStatus,
                                                            authorId: value,

                                                        }
                                                    })

                                                }}
                                                options={belongArrayList}

                                                placeholder={'选择所属者'}
                                            /> */}
                                            <div style={{
                                                position: 'relative',
                                            }}>
                                                <Input placeholder='选择所属者'
                                                    value={authorName}
                                                    style={{
                                                        height: '31px', width: '110px', marginLeft: 5,
                                                        paddingRight: 20,
                                                        // 超出部分用...显示
                                                        overflow: 'hidden',
                                                        textOverflow: 'ellipsis',
                                                        whiteSpace: 'nowrap',
                                                    }}></Input>
                                                <div
                                                    title={authorName}
                                                    style={{
                                                        position: 'absolute',
                                                        height: '31px', width: '110px',
                                                        // background: 'skyblue',
                                                        top: 0,
                                                        left: 5,
                                                        cursor: 'pointer',
                                                        display: 'flex',
                                                        alignItems: 'center',
                                                        justifyContent: 'flex-end',
                                                        paddingRight: 10,
                                                        boxSizing: 'border-box',

                                                    }}
                                                    onClick={() => {
                                                        // setauthorName('哈哈哈哈哈哈哈哈哈哈嘎嘎嘎嘎嘎嘎')
                                                        setOwnerPage(1)
                                                        getProjOwnerList(1, '')
                                                        setSelectBelongPeople(true)
                                                        setselectedRowKeys([])
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        // nav('/home', {
                                                        //     state: {
                                                        //         keyword: keywords,
                                                        //         type: type,
                                                        //         chargeAdditionals: chargeAdditionals,
                                                        //         tagDataId: tagDataId,
                                                        //         authorId: '1',
                                                        //         payStatus: payStatus,
                                                        //         projRemindId: projRemindId,
                                                        //         // tagNot
                                                        //     }
                                                        // })
                                                    }}

                                                >
                                                </div>

                                                <CloseCircleOutlined
                                                    className='clearIcon'
                                                    style={{
                                                        top: 8,
                                                        right: 5,
                                                        position: 'absolute',
                                                        color: '#FFF',
                                                        // background: '#868686',
                                                        borderRadius: '50%',
                                                        fontSize: 14,
                                                        display: authorName ? 'unset' : 'none',
                                                        marginTop: 1,

                                                    }}
                                                    title=''
                                                    onClick={() => {
                                                        setauthorName('')
                                                        setauthorId('')
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        setselectedRowKeys([]);
                                                        nav('/refun', {
                                                            state: {
                                                                keywords: refunKeywords,
                                                                applyStatus: applyStatus,
                                                                authorId: '',

                                                            }
                                                        })
                                                    }}
                                                />
                                            </div>
                                            <Button onClick={() => {
                                                refunInit()
                                            }} style={{ marginLeft: 5, height: 31 }}
                                                // type="primary" 
                                                icon={<ClearOutlined />}>
                                                清除
                                            </Button>
                                        </div>
                                    </div>


                                    <div style={{ display: correctionSearchBox ? 'block' : 'none' }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center'
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary" onClick={() => {
                                                setCorrectionModal(true)
                                                correctionInit()
                                                // dispath({
                                                //     type: 'newCorrection',
                                                //     val: true
                                                // })
                                            }}
                                                style={{ background: 'var(--color-searchbtn)' }}
                                            >
                                                申请补正
                                            </Button>
                                            <Search placeholder="输入项目名称"
                                                value={newCorrectionValue}
                                                onSearch={correctionhandleSearch}
                                                onChange={correctionhandleChange}
                                                style={{
                                                    width: '160px',
                                                    height: '31px',
                                                    marginLeft: 5
                                                }}
                                                allowClear
                                            />
                                            <Select
                                                value={correctionNumType}
                                                style={{ height: '31px', width: '110px', marginLeft: 5 }}

                                                onChange={(value: string) => {
                                                    setcorrectionNumType(value)
                                                    nav('/correction', {
                                                        state: {
                                                            keywords: correctionKeywords,
                                                            correctionNumType: value,
                                                            correctionType: correctionType,
                                                            applyStatus: correctionApplyStatus,
                                                            authorId: authorId,
                                                            tagCor: tagCor,

                                                        }
                                                    })
                                                }}
                                                options={[
                                                    // { value: '', label: '全部项目' },
                                                    { value: 'CORRECTION1', label: '一次补正' },
                                                    { value: 'CORRECTION2', label: '二次补正' },
                                                ]}
                                                // defaultValue=""
                                                placeholder={'选择类型'}
                                                allowClear
                                            />
                                            <Select
                                                style={{ height: '31px', width: '130px', marginLeft: 5 }}
                                                value={correctionType}
                                                onChange={(value: string) => {
                                                    setcorrectionType(value)
                                                    nav('/correction', {
                                                        state: {
                                                            keywords: correctionKeywords,
                                                            correctionNumType: correctionNumType,
                                                            correctionType: value,
                                                            applyStatus: correctionApplyStatus,
                                                            authorId: authorId,
                                                            tagCor: tagCor,

                                                        }
                                                    })
                                                }}
                                                allowClear
                                                options={[
                                                    // { value: '', label: '全部项目' },
                                                    { value: 'CODE', label: '代码' },
                                                    { value: 'MANUAL', label: '操作手册' },
                                                    { value: 'ALL', label: '全部补正' },

                                                ]}
                                                // defaultValue=""
                                                placeholder={'选择补正种类'}
                                            />
                                            <Select
                                                value={correctionApplyStatus}
                                                style={{ height: '31px', width: '120px', marginLeft: 5 }}
                                                onChange={(value: string) => {
                                                    setcorrectionApplyStatus(value)
                                                    nav('/correction', {
                                                        state: {
                                                            keywords: correctionKeywords,
                                                            correctionNumType: correctionNumType,
                                                            correctionType: correctionType,
                                                            applyStatus: value,
                                                            authorId: authorId,
                                                            tagCor: tagCor,

                                                        }
                                                    })
                                                }}
                                                options={[
                                                    // { value: '', label: '全部项目' },
                                                    { value: 'PENDING', label: '待审核' },
                                                    { value: 'APPROVED', label: '已通过' },
                                                    { value: 'REJECTED', label: '未通过' },
                                                    { value: 'CANCELED', label: '已取消' },
                                                ]}
                                                // defaultValue=""
                                                placeholder={'选择状态'}
                                                allowClear
                                            />
                                            <Select
                                                value={tagCor}
                                                style={{ height: '31px', width: '120px', marginLeft: 5 }}
                                                onChange={(value: string) => {
                                                    setTagCor(value)
                                                    nav('/correction', {
                                                        state: {
                                                            keywords: correctionKeywords,
                                                            correctionNumType: correctionNumType,
                                                            correctionType: correctionType,
                                                            applyStatus: applyStatus,
                                                            authorId: authorId,
                                                            tagCor: value,

                                                        }
                                                    })
                                                }}
                                                options={
                                                    tagCorArray
                                                }
                                                // defaultValue=""
                                                placeholder={'选择标签'}
                                                allowClear
                                            />
                                            {/* <Select
                                                allowClear
                                                value={authorId}

                                                style={{ height: '31px', width: '150px', marginLeft: 5}}
                                                onChange={(value: string) => {
                                                    setauthorId(value)
                                                    nav('/correction', {
                                                        state: {
                                                            keywords: correctionKeywords,
                                                            correctionNumType: correctionNumType,
                                                            correctionType: correctionType,
                                                            applyStatus: applyStatus,
                                                            authorId: value,
                                                            tagCor: tagCor,
                                                            // tagNot
                                                        }
                                                    })

                                                }}
                                                options={belongArrayList}

                                                placeholder={'选择所属者'}
                                            /> */}
                                            <div style={{
                                                position: 'relative',
                                            }}>
                                                <Input placeholder='选择所属者'
                                                    value={authorName}
                                                    style={{
                                                        height: '31px', width: '110px', marginLeft: 5,
                                                        paddingRight: 20,
                                                        // 超出部分用...显示
                                                        overflow: 'hidden',
                                                        textOverflow: 'ellipsis',
                                                        whiteSpace: 'nowrap',
                                                    }}></Input>
                                                <div
                                                    title={authorName}
                                                    style={{
                                                        position: 'absolute',
                                                        height: '31px', width: '110px',
                                                        // background: 'skyblue',
                                                        top: 0,
                                                        left: 5,
                                                        cursor: 'pointer',
                                                        display: 'flex',
                                                        alignItems: 'center',
                                                        justifyContent: 'flex-end',
                                                        paddingRight: 10,
                                                        boxSizing: 'border-box',

                                                    }}
                                                    onClick={() => {
                                                        // setauthorName('哈哈哈哈哈哈哈哈哈哈嘎嘎嘎嘎嘎嘎')
                                                        setOwnerPage(1)
                                                        getProjOwnerList(1, '')
                                                        setSelectBelongPeople(true)
                                                        setselectedRowKeys([])
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        // nav('/home', {
                                                        //     state: {
                                                        //         keyword: keywords,
                                                        //         type: type,
                                                        //         chargeAdditionals: chargeAdditionals,
                                                        //         tagDataId: tagDataId,
                                                        //         authorId: '1',
                                                        //         payStatus: payStatus,
                                                        //         projRemindId: projRemindId,
                                                        //         // tagNot
                                                        //     }
                                                        // })
                                                    }}

                                                >
                                                </div>

                                                <CloseCircleOutlined
                                                    className='clearIcon'
                                                    style={{
                                                        top: 8,
                                                        right: 5,
                                                        position: 'absolute',
                                                        color: '#FFF',
                                                        // background: '#868686',
                                                        borderRadius: '50%',
                                                        fontSize: 14,
                                                        display: authorName ? 'unset' : 'none',
                                                        marginTop: 1,

                                                    }}
                                                    title=''
                                                    onClick={() => {
                                                        setauthorName('')
                                                        setauthorId('')
                                                        setNowauthorId('')
                                                        setNowauthorName('')
                                                        setselectedRowKeys([]);
                                                        nav('/correction', {
                                                            state: {
                                                                keywords: correctionKeywords,
                                                                correctionNumType: correctionNumType,
                                                                correctionType: correctionType,
                                                                applyStatus: applyStatus,
                                                                authorId: '',
                                                                tagCor: tagCor,

                                                            }
                                                        })
                                                    }}
                                                />
                                            </div>
                                            <Button onClick={() => {
                                                correctionInit()
                                            }} style={{ marginLeft: 5, height: 31 }}
                                                // type="primary" 
                                                icon={<ClearOutlined />}>
                                                清除
                                            </Button>
                                        </div>
                                    </div>
                                    <div style={{ display: contractSearchBox ? 'block' : 'none' }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center'
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary" onClick={() => {
                                                setContractModal(true)
                                            }}
                                                style={{ background: 'var(--color-searchbtn)' }}
                                            >
                                                新增合同
                                            </Button>

                                        </div>
                                    </div>

                                    <div style={{ display: sellSearchBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary"
                                                style={{ background: 'var(--color-searchbtn)' }}
                                                onClick={() => {
                                                    setSellModal(true)
                                                }}
                                            >发布商品</Button>
                                            <Search placeholder="输入项目名称"
                                                value={sellNewKeywords}
                                                onSearch={sellKeyWordshandleSearch}
                                                onChange={sellKeyWordshandleChange}
                                                className='searchInputmedia'
                                                style={{
                                                    // maxWidth: '200px',
                                                    width: '160px',
                                                    height: '31px',
                                                    marginLeft: 5
                                                }}
                                                allowClear
                                            />
                                            <Select
                                                // defaultValue="lucy"
                                                allowClear
                                                placeholder='请选择所属者类型'
                                                style={{ width: 170, height: 31, marginLeft: 5 }}
                                                onChange={sellBelongTypeChange}
                                                options={[
                                                    { value: '1', label: '自然人' },
                                                    { value: '2', label: '法人' },
                                                    { value: '3', label: '非法人组织或其他' },
                                                ]}
                                                value={sellBelongType}
                                            />
                                            <DatePicker placeholder="软著获取时间"
                                                style={{
                                                    width: 140, height: 31, marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                locale={locale}
                                                onChange={sellDateonChange}
                                                value={sellDate}
                                                allowClear
                                                picker="year" // 设置只选择年份

                                            />
                                            <Select
                                                allowClear
                                                // defaultValue="lucy"
                                                placeholder='选择开发语言'
                                                style={{
                                                    width: 150, height: 31, marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                onChange={selectLanguage}
                                                // options={languageList}
                                                options={[]}
                                                value={language}
                                            />
                                            <Select
                                                allowClear
                                                // defaultValue="lucy"
                                                placeholder='选择软著类型'
                                                mode="multiple"
                                                style={{
                                                    width: 130, height: 31, marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                onChange={selectType}
                                                // options={softTypeList}
                                                options={[]}
                                                value={sellBoxtype}
                                            />

                                            <Button
                                                style={{
                                                    marginLeft: 5, height: 31
                                                }}
                                                icon={<ClearOutlined />}
                                                onClick={() => {
                                                    sellInit()

                                                }}
                                            >
                                                清除
                                            </Button>
                                        </div>
                                    </div>

                                    <div style={{ display: sellOrderSearchBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Search placeholder="输入项目名称"
                                                value={sellOrderNewKeywords}
                                                onSearch={sellOrderKeyWordshandleSearch}
                                                onChange={sellOrderKeyWordshandleChange}
                                                className='searchInputmedia'
                                                style={{
                                                    // maxWidth: '200px',
                                                    width: '170px',
                                                    height: '31px',
                                                }}
                                                allowClear
                                            />
                                            <DatePicker placeholder="开始时间"
                                                style={{
                                                    width: '130px',
                                                    height: '31px', marginLeft: 5
                                                }}
                                                format={dateFormat}
                                                locale={locale}
                                                onChange={sellStratTimeChange}
                                                value={sellStatrtTime}
                                                allowClear
                                            />
                                            <DatePicker placeholder="结束时间"
                                                style={{
                                                    width: '130px',
                                                    height: '31px', marginLeft: 5
                                                }}
                                                format={dateFormat}
                                                locale={locale}
                                                onChange={sellEndTimeChange}
                                                value={sellEndTime}
                                                allowClear


                                            />
                                            <Select
                                                // defaultValue="lucy"
                                                placeholder='选择订单状态'
                                                style={{ width: 130, height: 31, marginLeft: 5 }}
                                                onChange={sellOrderStatusChange}
                                                options={[
                                                    { value: '0', label: '订单已取消' },
                                                    { value: '1', label: '买家待付款' },
                                                    { value: '2', label: '待填写资料' },
                                                    { value: '3', label: '过户进行中' },
                                                    { value: '4', label: '过户已完成' },
                                                    { value: '5', label: '买家已评价' },
                                                    { value: '6', label: '发票已开具' },

                                                ]}
                                                value={sellOrderStatus}
                                                allowClear

                                            />


                                            <Button
                                                style={{
                                                    marginLeft: 5, height: 31
                                                }}
                                                icon={<ClearOutlined />}
                                                onClick={() => {
                                                    sellOrderInit()

                                                }}
                                            >
                                                清除
                                            </Button>
                                        </div>
                                    </div>
                                    <div style={{ display: copyrightSearchBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Search placeholder="输入项目名称"
                                                value={copyrightNewKeywords}
                                                onSearch={copyrightKeyWordshandleSearch}
                                                onChange={copyrightKeyWordshandleChange}
                                                className='searchInputmedia'
                                                style={{
                                                    // maxWidth: '200px',
                                                    width: '170px',
                                                    height: '31px',
                                                }}
                                                allowClear
                                            />
                                            <InputNumber placeholder="最低价格" min={0}
                                                style={{
                                                    width: 100,
                                                    height: 31,
                                                    marginLeft: 5,
                                                }}
                                                value={minPrice}
                                                onChange={minPriceChange}

                                            />
                                            <div style={{
                                                marginLeft: 5,
                                            }}>
                                                至
                                            </div>
                                            <InputNumber placeholder="最高价格" min={0} style={{
                                                width: 100,
                                                // height: 36,
                                                height: 31,
                                                marginLeft: 5,
                                            }}
                                                value={maxPrice}
                                                onChange={maxPriceChange}
                                            />

                                            <DatePicker placeholder="软著获取时间"
                                                allowClear
                                                style={{
                                                    width: 130, height: 31,
                                                    marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                // format={dateFormat}
                                                locale={locale}
                                                onChange={copyrightDateChange}
                                                value={copyrightDate}
                                                picker="year" // 设置只选择年份
                                            />
                                            <Select
                                                // defaultValue="lucy"
                                                placeholder='价格排序'
                                                style={{
                                                    width: 100, height: 31,
                                                    marginLeft: 5,
                                                }}
                                                onChange={sortChange}
                                                options={[
                                                    { value: 'DESC', label: '从高到低' },
                                                    { value: 'ASC', label: '从低到高' },
                                                ]}
                                                value={sort}
                                                allowClear
                                            />
                                            <Select
                                                allowClear
                                                // defaultValue="lucy"
                                                placeholder='选择开发语言'
                                                style={{
                                                    width: 130, height: 31,
                                                    marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                onChange={copyrightLanguageChange}
                                                // options={languageList}
                                                options={[]}
                                                value={copyrightLanguage}
                                            />
                                            <Select
                                                allowClear
                                                // defaultValue="lucy"
                                                placeholder='选择软著类型'
                                                mode="multiple"
                                                style={{
                                                    width: 130, height: 31,
                                                    marginLeft: 5,
                                                    display: 'none'
                                                }}
                                                onChange={copyrightTypeChange}
                                                // options={softTypeList}
                                                options={[]}
                                                value={copyrightType}
                                            />
                                            <Button
                                                style={{
                                                    marginLeft: 5, height: 31
                                                }}
                                                icon={<ClearOutlined />}
                                                onClick={() => {
                                                    copyrightInit()

                                                }}
                                            >
                                                清除
                                            </Button>
                                        </div>
                                    </div>
                                    <div style={{ display: tradingSearchBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Search placeholder="输入项目名称"
                                                value={tradingNewKeywords}
                                                onSearch={tradingKeyWordshandleSearch}
                                                onChange={tradingKeyWordshandleChange}
                                                className='searchInputmedia'
                                                style={{
                                                    // maxWidth: '200px',
                                                    width: '170px',
                                                    height: '31px',
                                                }}
                                                allowClear
                                            />
                                            <DatePicker placeholder="开始时间"
                                                style={{
                                                    width: '130px',
                                                    height: '31px', marginLeft: 5,
                                                }}
                                                format={dateFormat}
                                                locale={locale}
                                                onChange={tradingStartTimeChange}
                                                value={tradingStartTime}
                                                allowClear
                                            />
                                            <DatePicker placeholder="结束时间"
                                                style={{
                                                    width: '130px',
                                                    height: '31px', marginLeft: 5,
                                                }}
                                                format={dateFormat}
                                                locale={locale}
                                                onChange={tradingEndTimeChange}
                                                value={tradingEndTime}
                                                allowClear
                                            />
                                            <Select
                                                placeholder='选择订单状态'
                                                style={{
                                                    width: '130px',
                                                    height: '31px', marginLeft: 5,
                                                }}
                                                onChange={tradingOrderStatusChange}
                                                options={[
                                                    { value: '0', label: '订单已取消' },
                                                    { value: '1', label: '买家待付款' },
                                                    { value: '2', label: '待填写资料' },
                                                    { value: '3', label: '过户进行中' },
                                                    { value: '4', label: '过户已完成' },
                                                    { value: '5', label: '买家已评价' },
                                                    { value: '6', label: '发票已开具' },
                                                ]}
                                                value={tradingStatus}
                                                allowClear
                                            />
                                            <Button
                                                style={{
                                                    marginLeft: 5, height: 31
                                                }}
                                                icon={<ClearOutlined />}
                                                onClick={() => {
                                                    tradingInit()

                                                }}
                                            >
                                                清除
                                            </Button>
                                        </div>
                                    </div>


                                    <div style={{ display: appSearchBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary"
                                                style={{ background: 'var(--color-searchbtn)' }}
                                                onClick={() => {
                                                    setAppModal(true)
                                                }}
                                            >申请电子软著</Button>

                                        </div>
                                    </div>
                                    <div style={{ display: trademarkBox ? 'block' : 'none', }}>
                                        <div className='mediaSearch' style={{
                                            display: 'flex',
                                            alignItems: 'center',
                                        }}>
                                            <div className='mediaLine'>
                                                <div className='line' style={{
                                                }} ></div>
                                            </div>
                                            <Button type="primary"
                                                style={{ background: 'var(--color-searchbtn)' }}
                                                onClick={() => {
                                                    setTrademarkModal(true)
                                                }}
                                            >申请商标</Button>

                                        </div>
                                    </div>


                                    <div className='nowPosition'>
                                        <img src={backImg} alt="" />
                                        <div style={{ display: now == '首页-项目' || now == '首页-退款' || now == '首页-补正' ? 'block' : 'none' }}>
                                            {/* <Breadcrumb
                                                separator="|"
                                                // items={[
                                                //     { title: <Link to={'/home'}>首页</Link> },
                                                // ]}
                                                items={pathArray}
                                            /> */}
                                            <span>首页</span>
                                        </div>
                                        <div style={{ display: now == '创建项目' ? 'block' : 'none' }}>
                                            {/* <Breadcrumb
                                                separator="|"
                                                // items={[
                                                //     { title: <Link to={'/home'}>首页</Link> },
                                                // ]}
                                                items={pathArray}
                                            /> */}
                                            <span style={{ cursor: 'pointer' }}
                                                onClick={() => {
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            // tagNot

                                                        }
                                                    })
                                                }}
                                            >首页</span>
                                            <span style={{ marginLeft: 10, marginRight: 10 }}>|</span>
                                            <span>创建项目</span>
                                        </div>
                                        <div style={{ display: now.includes('项目-') ? 'block' : 'none' }}>
                                            {/* <Breadcrumb
                                                separator="|"
                                                // items={[
                                                //     { title: <Link to={'/home'}>首页</Link> },
                                                // ]}
                                                items={pathArray}
                                            /> */}
                                            <span style={{ cursor: 'pointer' }}
                                                onClick={() => {
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            // tagNot

                                                        }
                                                    })
                                                }}
                                            >首页</span>
                                            <span style={{ marginLeft: 10, marginRight: 10 }}>|</span>
                                            <span>{projStatus}项目</span>
                                        </div>
                                        <div style={{ display: now == '新建项目' ? 'block' : 'none' }}>
                                            {/* <Breadcrumb
                                                separator="|"
                                                // items={[
                                                //     { title: <Link to={'/home'}>首页</Link> },
                                                // ]}
                                                items={pathArray}
                                            /> */}
                                            <span style={{ cursor: 'pointer' }}
                                                onClick={() => {
                                                    nav('/home', {
                                                        state: {
                                                            keyword: keywords,
                                                            type: type,
                                                            chargeAdditionals: chargeAdditionals,
                                                            tagDataId: tagDataId,
                                                            authorId: authorId,
                                                            payStatus: payStatus,
                                                            // tagNot

                                                        }
                                                    })
                                                }}
                                            >首页</span>
                                            <span style={{ marginLeft: 10, marginRight: 10 }}>|</span>
                                            <span>新建项目</span>
                                        </div>
                                        <div style={{ display: now == '首页-合同下载' ? 'block' : 'none' }}>
                                            <span>首页</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/* {
                                listData.type === IndexListDataType.PROJ ? <ListProj/> : (
                                    listData.type == IndexListDataType.AGENT ? <ListProjAgent/> : <></>
                                )
                            } */}
                            <div>
                                <Outlet></Outlet>
                            </div>
                        </div>
                    </div>
                </IndexListDispatchContext.Provider>
            </IndexListContext.Provider>
            <Modal
                title="申请退款"
                destroyOnClose={true}
                open={refunModal}
                footer={null}
                onCancel={() => {
                    setRefunModal(false)
                }}
                okButtonProps={{ style: { background: 'red', color: 'white' } }}
                width={592}
                maskClosable={false} // 禁止通过点击蒙层关闭
                centered

            >
                <RefunModal closeModal={() => { setRefunModal(false) }}></RefunModal>
            </Modal>
            <Modal
                title="申请补正"
                destroyOnClose={true}
                open={correctionModal}
                footer={null}
                maskClosable={false} // 禁止通过点击蒙层关闭
                onCancel={() => {
                    setCorrectionModal(false)
                }}
                okButtonProps={{ style: { background: 'red', color: 'white' } }}
                width={592}
                centered

            >
                <CorrectionModal closeModal={() => { setCorrectionModal(false) }}
                ></CorrectionModal>
            </Modal>
            <Modal
                title="新增合同"
                destroyOnClose={true}
                open={contractModal}
                footer={null}
                maskClosable={false} // 禁止通过点击蒙层关闭
                onCancel={() => {
                    setContractModal(false)
                }}
                okButtonProps={{ style: { background: 'red', color: 'white' } }}
                width={592}
                centered
            >
                <ContractModal closeModal={() => { setContractModal(false) }}></ContractModal>
            </Modal>
            <Modal title="优惠券"
                footer={null}

                destroyOnClose
                open={couponModal}

                width={809}
                onCancel={() => {
                    // setCouponModal(false)
                    // setUnRead(0)
                    dispath({
                        type: 'changeCouponModal',
                        val: false
                    })
                }}>
                <HeadCouponModal closeModal={() => {
                    // setCouponModal(false)
                    dispath({
                        type: 'changeCouponModal',
                        val: false
                    })
                    nav('/proj-create')
                    setMenuActive('ALL')
                }}></HeadCouponModal>
            </Modal>
            <Modal title="可领取优惠券"
                footer={null}
                centered
                destroyOnClose
                open={getCouponModal && !phoneModal}
                width={809}
                onCancel={() => {
                    // setCouponModal(false)
                    // setUnRead(0)
                    setGetCouponModal(false)
                }}
                zIndex={99}
            >
                <div className='headModal-bot'>
                    {couponArray.map((item: any) => {
                        return (
                            <div className='couponList' key={item.couponId} >
                                <div className='content'>
                                    <div className='content-noUse-left'>
                                        <div className='content-left-num'>
                                            <div
                                                style={{ marginTop: -10 }}
                                            >
                                                <span style={{ fontSize: 30 }}>￥</span>
                                                <span style={{ fontSize: 60, fontWeight: 700 }}>{item.amount / 100}</span>
                                            </div>

                                        </div>
                                    </div>
                                    <div className='content-right'>
                                        <div style={{ display: 'flex', marginTop: 20, justifyContent: 'space-between' }}>
                                            <div className='content-text'>
                                                可购买平台内任意软著时使用
                                            </div>
                                            <div className='content-rule' onClick={() => {
                                                //   window.open('https://www.aimzhu.com/CouponRule.html')

                                                getCouponUrl()
                                            }}>
                                                使用规则
                                            </div>
                                        </div>
                                        <div className='content-bot'>
                                            <div className='content-time'>
                                                有效期:{item.useGmtStart} 至 {item.useGmtEnd}
                                            </div>

                                            <div className='content-button' style={{
                                                background: '#1677FF'
                                            }} onClick={() => {
                                                // props.closeModal()
                                                receiveCoupons(item.couponId)

                                            }}>
                                                立即领取
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        )

                    })}
                </div>
            </Modal>
            <Modal
                title="选择所属者"
                destroyOnClose={true}
                open={selectBelongPeople}
                footer={null}
                onCancel={() => {
                    // setSelectBelongPeople(false)
                    setselectedRowKeys([])
                    setNowauthorId('')
                    setNowauthorName('')
                    setSelectBelongPeople(false)
                }}
                width={1000}
                maskClosable={false} // 禁止通过点击蒙层关闭
                centered

            >
                <Spin tip="加载中..." size="small" spinning={loading}>
                    <div>
                        <Search
                            allowClear
                            placeholder='请输入关键字' value={ownerKeyWords}
                            onSearch={(value) => {
                                setOwnerKeyWords(value)
                                getProjOwnerList(1, value)
                            }}
                            style={{
                                width: '200px',
                                height: '31px',
                                marginBottom: 10
                            }}
                            onChange={
                                (e) => {
                                    setOwnerKeyWords(e.target.value)
                                    if (e.target.value == '') {
                                        setOwnerKeyWords('')
                                        setOwnerPage(1)
                                        getProjOwnerList(1, '')

                                    }
                                }
                            }
                        ></Search>
                    </div>
                    <Table
                        rowSelection={{
                            selectedRowKeys: selectedRowKeys,
                            type: 'radio',
                            // ...rowSelection,
                            onChange: (_selectedRowKeys: React.Key[], selectedRows: DataType[]) => {
                                // console.log('selectedRows: ', selectedRows);
                                setselectedRowKeys([selectedRows[0].projOwnerId])
                                // setnewProjId(selectedRows[0].projId)
                                // setnewprojName(selectedRows[0].projName)
                                setNowauthorId(selectedRows[0].projOwnerId)
                                setNowauthorName(selectedRows[0].name)

                            },
                        }}
                        columns={columns}
                        dataSource={ownerList}
                        rowKey={'projOwnerId'}
                        pagination={
                            {
                                pageSize: 10,
                                total: ownerTotal,
                                onChange: (currentPage) => {
                                    setOwnerPage(currentPage);
                                    getProjOwnerList(currentPage, ownerKeyWords)
                                },
                                showSizeChanger: false,
                                current: ownerPage

                            }

                        }
                        locale={{
                            emptyText:
                                <Empty
                                    description="暂无数据"
                                />,
                        }}
                        // scroll={{ y: 500 }}
                        onRow={(record: DataType) => {
                            return {
                                onClick: (event: React.MouseEvent<HTMLTableRowElement>) => {
                                    // 阻止默认的行点击事件，以避免选中行时触发其他操作
                                    event.stopPropagation();
                                    // 更新选中的行
                                    setselectedRowKeys([record.projOwnerId]);
                                    // setnewProjId(record.projId);
                                    // setnewprojName(record.projName);
                                    setNowauthorId(record.projOwnerId)
                                    setNowauthorName(record.name)
                                },
                                style: { cursor: 'pointer' },
                            };
                        }}

                    />
                    <div style={{
                        display: 'flex',
                        justifyContent: 'flex-end'
                    }}>
                        <div>
                            <Button
                                onClick={() => {
                                    setselectedRowKeys([])
                                    setNowauthorId('')
                                    setNowauthorName('')
                                    setSelectBelongPeople(false)

                                }}
                            >取消</Button>
                            <Button style={{ marginLeft: 10 }} type="primary"
                                onClick={() => {
                                    if (nowauthorId) {
                                        setauthorId(nowauthorId)
                                        setauthorName(nowauthorName)
                                        setSelectBelongPeople(false)
                                        // setselectedRowKeys([]);
                                    } else {
                                        messageApi.error('请选择所属者')
                                    }
                                }}
                            >确定</Button>
                        </div>
                    </div>
                </Spin>
            </Modal>
            {/* 编辑弹窗 */}
            <Modal title={'发布商品'}
                destroyOnClose={true}
                open={sellModal}
                footer={null} // 将 footer 设置为 null 来隐藏自带按钮
                width={1152}
                onCancel={() => {
                    setSellModal(false);
                }}
                // height={height - '20px'}

                centered
            >
                {/* <div style={{ height: `${height - 20}px`, borderTop: '1px solid #e8e8e8' }}> */}
                <EditModal nav={
                    () => {
                        nav('/product-release', {
                            state: {
                                sellKeywords: '',
                                sellBelongType: '',
                                sellDate: '',
                                language: '',
                                sellBoxtype: '',
                            }
                        })
                    }
                } closeModal={() => { setSellModal(false) }} ></EditModal>
                {/* </div> */}

            </Modal>

            <Modal
                title="申请电子软著"
                destroyOnClose={true}
                open={appModal}
                footer={null}
                onCancel={() => {
                    setAppModal(false)
                    setAppGoodsId('')
                }}
                okButtonProps={{ style: { background: 'red', color: 'white' } }}
                width={830}
                // maskClosable={false} // 禁止通过点击蒙层关闭
                centered

            >
                <div style={{
                    paddingBottom: 30,
                    paddingTop: 30
                }}>
                    <div style={{
                        display: 'flex',
                        justifyContent: 'space-between',
                        alignItems: 'center',
                    }}>
                        {appGoodsArray.map((item: any) => {
                            return (
                                <div className='appGoodsBox'
                                    key={item.id}
                                    style={{
                                        background: item.back == 'black' ? '#F9F9F9 ' : '#DDECFF',
                                        border: item.id == appGoodsId ? '1px solid #f19e31' : '',
                                        boxShadow: item.id == appGoodsId ? '5px 5px 10px rgb(114, 114, 114)' : '',
                                        marginTop: item.id == appGoodsId ? -20 : 0,
                                    }}
                                    onClick={() => {
                                        setAppGoodsId(item.id)
                                    }}
                                >
                                    <div className='appGoodsTop'>
                                        <div className='appgoodsTitle'
                                            style={{
                                                color: item.back == 'black' ? '#E2B682' : '#FFFFFF',
                                                backgroundImage: item.back == 'black' ? `url(${topblack})` : `url(${topblue})`,
                                            }}
                                        >
                                            {item.title}
                                        </div>

                                    </div>
                                    <div className='appGoodsBot'>
                                        <div className='appgoodsPrice' style={{
                                            color: item.back == 'black' ? '#835114' : '#233E9E',
                                        }}>
                                            <span>￥</span>
                                            <span style={{
                                                fontSize: 42,
                                            }}>{item.price}</span>
                                            <span>元/件</span>

                                        </div>

                                    </div>
                                </div>
                            )

                        })}

                    </div>
                    <div className='appGoodsBtnBox'>
                        <div className='appGoodsBtn' onClick={() => {
                            if (appGoodsId) {
                                //    alert('开发中') 
                                // 创建按订单 如果成功 询问是否继续编辑
                                setAppGoodsId('')
                                setAppModal(false)
                                setToEditsModal(true)
                            } else {
                                messageApi.error('请选择商品')
                            }
                        }}>下单购买</div>
                    </div>
                </div>
            </Modal>
            <Modal
                title="提示"
                destroyOnClose={true}
                open={toEditsModal}
                // footer={null}
                onCancel={() => {
                    setToEditsModal(false)
                }}
                // okButtonProps={{ style: { background: 'red', color: 'white' } }}
                onOk={() => {
                    setToEditsModal(false)
                    nav('/app-edit/dajsdkjakdl')
                }}
                // 设置确定和取消得文字
                okText="编辑"
                cancelText="取消"
                width={600}
                // maskClosable={false} // 禁止通过点击蒙层关闭
                centered

            >
                <div>已生成订单,是否编辑</div>
            </Modal>
            <Modal
                title="申请商标"
                destroyOnClose={true}
                open={trademarkModal}
                footer={null}
                onCancel={() => {
                    setTrademarkModal(false)
                }}
                okButtonProps={{ style: { background: 'red', color: 'white' } }}
                width={1500}
                // maskClosable={false} // 禁止通过点击蒙层关闭
                centered

            >
                <div>申请商标</div>
            </Modal>
            <div className='couponMask-box'
                style={{
                    display: coupon && (location.pathname == '/' || location.pathname.includes('/home')) && couponArray.length == 1 && !phoneModal ? 'unset' : 'none',
                    zIndex: 99
                }}
            >

                <div className='couponMask' >
                    <div className='couponMask-img'>

                        {/* <img src={downloadUrl(cpuponImg, false)} alt="" width={'100%'} height={'100%'} onClick={() => {

                        }}

                            className='testImg'
                        /> */}
                        <img src={cpuponImg} alt="" width={'100%'} height={'100%'} onClick={() => {

                        }}

                            className='testImg'
                        />
                        <div className='couponMask-btn' onClick={() => {
                            receiveCoupon()
                        }}>
                            立即领取
                        </div>
                    </div>
                    <div className='couponMask-close' onClick={() => {
                        setCoupon(false)
                    }}>
                        <CloseOutlined />
                    </div>
                </div>
            </div>



        </>
    )
}