// 新增商品审批
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useEffect, useRef, useState } from "react";
import type { FormInstance } from "antd";
import { Button, Card, Col, message, Modal, Popconfirm, Row, Space, Spin, Steps, Tooltip, Tree } from "antd";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import PageTitleBox from "@/components/PageTitleBox";
import { handleGetExamineList } from "@/pages/examine/examineList/service";
import ProForm, { ProFormDateTimePicker, ProFormDigit, ProFormSelect, ProFormText, ProFormTextArea, ProFormTreeSelect } from "@ant-design/pro-form";
import { getServerpartTree } from "@/services/options";
import { handleGetAPPROVALROUTEList } from "@/pages/Setting/serviceConfig/service";
import { handleGetNestingCOMMODITYTYPETree, handleGetServerpartShopTrade } from "../commodityInfo/service";
import { handleGetUSERDEFINEDTYPEList } from "../userDefinedType/service";
import useRequest from "@ahooksjs/use-request";
import moment from 'moment'
import { handleApproveCommodityProInst, handleCreateCommodityProInst, handleDeleteCOMMODITY_RUNNING, handleDeleteCommodityProInst, handleGetApprovalCommodityList, handleGetBUSINESSAPPROVALDetail, handleGetCOMMODITYRUNNINGList, handleReapplyCommodityProInst, handleRejectCommodityProInst } from "../ProductApprovalProcess/service";
import './style.less'


const { Step } = Steps
const ProductChangeInfoApproval: React.FC<{ currentUser: CurrentUser }> = (props) => {
    const { currentUser } = props
    const downloadBtnRef = useRef<any>()
    const actionRef = useRef<ActionType>();
    const formRef = useRef<FormInstance>();
    const modalFormRef = useRef<FormInstance>();
    const modalShopFormRef = useRef<FormInstance>();
    const modalApproveFormRef = useRef<FormInstance>();

    // 新增商品申请
    const [showApplyFor, setShowApplyFor] = useState<boolean>(false);
    // 显示新增商品的悬浮框
    const [showAddShopModal, setShowAddShopModal] = useState<boolean>(false);
    // 选择记录行的数据
    const [currentRow, setCurrentRow] = useState<any>()
    // 选择商品行的数据
    const [currentShopRow, setCurrentShopRow] = useState<any>()
    // 商品列表数据
    const [shopData, setShopData] = useState<any>()
    const [selectSERVERPARTID, setSelectSERVERPARTID] = useState<any>()
    // 商品业态的搜索框内容
    const [commodityList, setCommodityList] = useState<any>([])
    const [selectBUSINESSTYPE, setSelectBUSINESSTYPE] = useState<any>()
    const [customClassList, setCustomClassList] = useState<any>()
    const [treeView, setTreeView] = useState<any>()
    // 审批的悬浮框
    const [approveModal, setApproveModal] = useState<boolean>(false);
    // 点击审批的行数据
    const [approveCurrentRow, setApproveCurrentRow] = useState<any>()
    // 下一个审批流程
    const [nextApproval, setNextApproval] = useState<any>()
    // 下一审批流程的审批人
    const [nextApprovalPerson, setNextApprovalPerson] = useState<any>()
    // 新增申请的加载效果
    const [addApprovalLoading, setAddApprovalLoading] = useState<boolean>(false);
    // 审批还是驳回 1 审批  2 驳回
    const [ApprovalType, setApprovaType] = useState<number>(0)
    // 审批记录详情
    const [BUSINESSAPPROVALDETAIL, setBUSINESSAPPROVALDETAIL] = useState<any>()
    // 还有几个环节 拼在流程进度后面
    const [nextStepsList, setNextStepsList] = useState<any>()
    // 判断有无发起申请的权限
    const [InitiateApplication, setInitiateApplication] = useState<boolean>(false)
    // 显示类型
    const [showDetailType, setShowDetailType] = useState<any>()
    // 加载服务区树
    const { loading: treeLoading, data: treeViews } = useRequest(async () => {
        const req = {
            PROVINCE_CODE: currentUser?.ProvinceCode,
            COMMODITYTYPE_VALID: 1,
            ShowCode: true
        }
        const data = await handleGetNestingCOMMODITYTYPETree(req)
        setTreeView(data)
        return data
    })

    let statusList: string[] = ["0", "1000", "2000", "2010,2020,2030,2040,2050,2060,2070,2080,2090", "9000"]
    const columns: any = [
        {
            dataIndex: 'BusinessProcess_StateSearch',
            title: '流程状态',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInTable: true,
            // valueEnum: {
            //     "0": "全部",
            //     "2000": "待审核",
            //     "2010,2020,2030,2040,2050,2060,2070,2080,2090": "审核中",
            //     "9000": "已审结"
            // },
            valueEnum: {
                0: "全部",
                1: "待申请",
                2: "待审核",
                3: "审核中",
                4: "已审结"
            },
            initialValue: "0"
        },
        {
            dataIndex: 'BusinessProcess_Name',
            title: '业务名称',
            width: 300,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'Serverpart_Name',
            title: '服务区名称',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'ServerpartShop_Name',
            title: '门店名称',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'ApproveStaff_Name',
            title: '待审核人',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'BusinessProcess_StateText',
            title: '待审核环节',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
            render: (_, record) => {
                return <a style={{
                    color: record?.BusinessProcess_StateText === '待审核' ? '#1890ff' :
                        record?.BusinessProcess_StateText === '审核中' ? 'rgb(250, 173, 20)' :
                            record?.BusinessProcess_StateText === '已审结' ? 'red' : ""
                }} onClick={() => {
                    console.log('recordrecordrecord', record);
                    setShowDetailType('detail')
                    setCurrentRow(record)
                    setShowApplyFor(true)
                }}>{record?.BusinessProcess_StateText || "-"}</a>
            }
        },
        // {
        //     dataIndex: 'Accept_Code',
        //     title: '业务类别',
        //     width: 200,
        //     ellipsis: true,
        //     align: 'center',
        //     hideInSearch: true,
        // },
        {
            dataIndex: 'BusinessProcess_EndDate',
            title: '办结时间',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'BusinessProcess_StartDate',
            title: '流程开始',
            width: 200,
            ellipsis: true,
            align: 'center',
            hideInSearch: true,
        },
        {
            dataIndex: 'option',
            title: '操作',
            valueType: 'option',
            align: 'center',
            hideInSearch: true,
            width: 180,
            fixed: "right",
            ellipsis: true,
            render: (_, record) => {
                return (
                    record?.ApproveStaff_ID === currentUser?.ID && record?.BusinessProcess_State !== 9000
                        ?
                        <Space>
                            {
                                record?.BusinessProcess_State === 1000
                                    ?
                                    <>
                                        <a onClick={() => {
                                            console.log('recordrecordrecord', record);

                                            setCurrentRow(record)
                                            setShowApplyFor(true)
                                        }}
                                        >
                                            编辑
                                        </a>
                                        <Popconfirm
                                            title="确认删除该商品审批流程吗?"
                                            onConfirm={async () => {
                                                const req: any = {
                                                    businessApprovalId: record?.BusinessApproval_ID,
                                                    UserId: currentUser?.ID
                                                }
                                                const data = await handleDeleteCommodityProInst(req)
                                                if (data.Result_Code === 100) {
                                                    message.success(data.Result_Desc)
                                                    actionRef.current?.reload()
                                                } else {
                                                    message.error(data.Result_Desc)
                                                }
                                            }}
                                        >
                                            <a>删除</a>
                                        </Popconfirm>
                                    </>
                                    : ""
                            }
                            {
                                record?.BusinessProcess_State > 1000 ?
                                    <>
                                        <a onClick={() => {
                                            setApprovaType(1)
                                            setCurrentRow(record)
                                            // setApproveCurrentRow(record)
                                            // setApproveModal(true)
                                            setShowApplyFor(true)
                                        }}
                                        >
                                            审批
                                        </a>
                                        <a onClick={() => {
                                            setApprovaType(2)
                                            setCurrentRow(record)
                                            // setApproveCurrentRow(record)
                                            // setApproveModal(true)
                                            setShowApplyFor(true)
                                        }}>
                                            驳回
                                        </a>
                                    </> : ""
                            }
                        </Space> : ""

                );
            },
        },
    ]

    const modalColumns: any = [
        {
            title: "序号",
            width: 70,
            dataIndex: "index",
            valueType: "index",
            align: 'center',
            ellipsis: true,
        },
        {
            title: "名称",
            width: 300,
            dataIndex: "COMMODITY_NAME",
            ellipsis: true,
            align: 'center',
        },
        {
            title: "条码",
            width: 150,
            dataIndex: "COMMODITY_BARCODE",
            ellipsis: true,
            align: 'center',
        },
        {
            title: "零售价",
            width: 150,
            dataIndex: "COMMODITY_RETAILPRICE",
            ellipsis: true,
            align: 'center',
        },
        {
            title: "规格",
            width: 150,
            dataIndex: "COMMODITY_RULE",
            ellipsis: true,
            align: 'center',
        },
        {
            title: "单位",
            width: 150,
            dataIndex: "COMMODITY_UNIT",
            ellipsis: true,
            align: 'center',
        },
        {
            dataIndex: 'option',
            title: '操作',
            valueType: 'option',
            align: 'center',
            hideInSearch: true,
            width: 120,
            fixed: "right",
            ellipsis: true,
            render: (_, record) => {
                return (
                    <Space>
                        {
                            currentRow?.BusinessProcess_State > 1000 || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID) ? '' :
                                <>
                                    <a
                                        onClick={() => {
                                            setCurrentShopRow(record)
                                            setShowAddShopModal(true)
                                        }}
                                    >
                                        编辑
                                    </a>
                                    <Popconfirm
                                        title="确认删除该商品管理列表信息吗?"
                                        onConfirm={async () => {
                                            if (currentRow?.BusinessApproval_ID) {
                                                // 申请回到发起时候的真删
                                                const req: any = {
                                                    COMMODITY_RUNNINGId: record?.COMMODITY_ID
                                                }
                                                const data = await handleDeleteCOMMODITY_RUNNING(req)
                                                console.log('datadatadatadata', data);
                                                actionRef.current?.reload()
                                                // 实现直接删除的效果
                                                let oldData: any = JSON.parse(JSON.stringify(shopData))
                                                let list: any = []
                                                oldData.forEach((item: any) => {
                                                    if (item.COMMODITY_ID !== record?.COMMODITY_ID) {
                                                        list.push(item)
                                                    }
                                                })
                                                setShopData(list)
                                            } else {
                                                // 还未发起申请的假删
                                                console.log('record', record);
                                                let oldData: any = JSON.parse(JSON.stringify(shopData))
                                                let list: any = []
                                                oldData.forEach((item: any) => {
                                                    if (item.ADDTIME !== record?.ADDTIME) {
                                                        list.push(item)
                                                    }
                                                })
                                                setShopData(list)
                                            }
                                        }}
                                    >
                                        <a>删除</a>
                                    </Popconfirm>
                                </>
                        }

                        {
                            currentRow?.BusinessProcess_State === 9000 ?
                                <a onClick={() => {
                                    setCurrentShopRow(record)
                                    setShowAddShopModal(true)
                                }}>详情</a>
                                : ''
                        }

                    </Space>
                );
            },
        },
    ]

    // 拿到对应的商品业态
    const handleGetCommodity = async (id: any) => {
        const req: any = {
            ProvinceCode: currentUser?.ProvinceCode,
            ServerpartId: id
        }
        const data = await handleGetServerpartShopTrade(req)
        console.log('data', data)
        setCommodityList(data)
    }

    // 请求自定义类的选择列表
    const handleGetCustomClassList = async (id: any) => {
        const req: any = {
            SearchParameter: {
                USERDEFINEDTYPE_STATE: 1,
                SERVERPART_ID: id,
                BUSINESSTYPE: selectBUSINESSTYPE
            },
            PageIndex: 1,
            PageSize: 999999,
            pageSize: 999999,
        }
        const data = await handleGetUSERDEFINEDTYPEList(req)
        if (data && data.length > 0) {
            const list: any = []
            data.forEach((item: any) => {
                list.push({ label: item.USERDEFINEDTYPE_NAME, value: item.USERDEFINEDTYPE_ID })
            })
            setCustomClassList(list)
        }
        console.log('data', data)
    }


    useEffect(async () => {
        const req: any = {
            SearchParameter: {
                APPROVALROUTE_STATES: "",
                APPROVALROUTE_VALID: 1,
                OPERATION_TYPES: "100100",
            }
        }
        const data = await handleGetAPPROVALROUTEList(req)
        console.log('datadatadatadata', data);
        // 拿到发起申请的人
        let firstSetp: any = {}
        if (data && data.length > 0) {
            data.forEach((item: any) => {
                if (item.APPROVALROUTE_STATE === 1000) {
                    firstSetp = item
                }
            })
        }
        // 判断当前用户 是否有新增权限
        let have: boolean = false
        let idList: any = firstSetp.APPROVALSTAFF_ID.split(',')
        console.log('idList', idList);

        if (idList.indexOf(currentUser?.ID.toString()) !== -1) {
            have = true
        }
        setInitiateApplication(have)

    }, [])

    return (
        <div>
            <div style={{ backgroundColor: '#fff', display: 'flex' }}>
                <div style={{
                    width: '100%',
                    paddingTop: 0,
                    paddingBottom: 0,
                    paddingRight: 0
                }}>
                    <ProTable
                        actionRef={actionRef}
                        formRef={formRef}
                        columns={columns}
                        bordered
                        expandable={{
                            expandRowByClick: true
                        }}
                        scroll={{ x: "100%", y: "calc(100vh - 410px)" }}
                        headerTitle={<PageTitleBox props={props} />} // 列表表头
                        search={{ span: 6 }}
                        request={async (params) => {
                            const req: any = {
                                QueryType: 0,
                                SearchParameter: {
                                    Operation_Type: 6,
                                    Accept_Code: "6-100100",
                                    BusinessProcess_StateSearch: statusList[params?.BusinessProcess_StateSearch] === "0" ? '' : statusList[params?.BusinessProcess_StateSearch]
                                },
                                PageIndex: 1,
                                PageSize: 999999
                            }
                            const data = await handleGetExamineList(req)
                            console.log('data', data)
                            if (data.data && data.data.length > 0) {
                                data.data.forEach((item: any) => {
                                    if (item.BusinessProcess_State === 1000) {
                                        item.BusinessProcess_StateText = "待发起"
                                    } else if (item.BusinessProcess_State === 2000) {
                                        item.BusinessProcess_StateText = "待审核"
                                    } else if (item.BusinessProcess_State > 2000 && item.BusinessProcess_State < 9000) {
                                        item.BusinessProcess_StateText = "审核中"
                                    } else if (item.BusinessProcess_State = 9000) {
                                        item.BusinessProcess_StateText = "已审结"
                                    }
                                })


                                return { data: data.data, success: true, total: data.data.length }
                            }
                            return { data: [], success: true }
                        }}
                        toolbar={{
                            actions: [
                                InitiateApplication ?
                                    <Button type={"primary"} onClick={() => {
                                        setShowApplyFor(true)
                                    }}>
                                        新增商品申请
                                    </Button> : ""
                            ]
                        }}
                    />
                </div>
            </div>

            {/* 审批的悬浮框 */}
            {/* <Modal
                width={"70%"}
                title={"审批"}
                open={approveModal}
                confirmLoading={addApprovalLoading}
                destroyOnClose
                onCancel={() => {
                    setApproveCurrentRow(undefined)
                    setApproveModal(false)
                    setApprovaType(0)
                }}
                onOk={() => {
                    modalApproveFormRef?.current?.validateFields().then(() => {
                        modalApproveFormRef?.current?.submit()
                    })
                }}
            >
                <ProForm
                    // layout={'horizontal'}
                    formRef={modalApproveFormRef}
                    submitter={false}
                    preserve={false}
                    request={async () => {
                        console.log('approveCurrentRowapproveCurrentRowapproveCurrentRow', approveCurrentRow);
                        const reqState: any = {
                            SearchParameter: {
                                APPROVALROUTE_STATES: "",
                                APPROVALROUTE_VALID: 1,
                                OPERATION_TYPES: "100100",
                            },
                            PageIndex: 1,
                            PageSize: 999999
                        }
                        const dataState = await handleGetAPPROVALROUTEList(reqState)
                        console.log('dataStatedataStatedataState', dataState);
                        let obj: any = {}
                        let currentIndex: number = 0
                        if (dataState && dataState.length > 0) {
                            dataState.forEach((item: any, index: number) => {
                                if (item.APPROVALROUTE_STATE === approveCurrentRow.BusinessProcess_State) {
                                    obj = item
                                    currentIndex = index
                                }
                            })
                        }
                        if (obj) {
                            // 审批的时候 拿到当前状态 去找下一个状态  
                            if (ApprovalType === 1) {
                                // 拿到当前状态的信息 判断下一状态 是不是结束了 结束了 就不显示 下一结算审批人   不是结束 就拿到下一流程的审批人
                                setNextApproval(obj.NEXT_STATE)
                                let nextObj: any = currentIndex + 1 <= dataState.length ? dataState[currentIndex + 1] : {}
                                if (nextObj) {
                                    let personTotal: number = nextObj.APPROVALSTAFF_ID.split(',').length || 0
                                    if (personTotal > 0) {
                                        let STAFFIDList: number[] = nextObj.APPROVALSTAFF_ID.split(',')
                                        let STAFFNAMEList: string[] = nextObj.APPROVALSTAFF_NAME.split(',')
                                        let list: any = []
                                        for (let i = 0; i < personTotal; i++) {
                                            list.push({ label: STAFFNAMEList[i], value: STAFFIDList[i] })
                                        }
                                        setNextApprovalPerson(list)
                                    }
                                }
                            } else {
                                // 驳回的话 去找历史状态
                                if (dataState && dataState.length > 0) {
                                    let list: any = []
                                    dataState.forEach((item: any, index: number) => {
                                        if (obj.APPROVALROUTE_STATE > item.APPROVALROUTE_STATE) {
                                            list.push({ label: item.APPROVALROUTE_NAME, value: item.APPROVALROUTE_STATE })
                                        }
                                    })
                                    setNextApprovalPerson(list)
                                }

                            }

                        }
                        return {}
                    }}
                    onFinish={async (res) => {
                        setAddApprovalLoading(true)
                        let data: any = {}

                        if (ApprovalType === 1) {
                            // 审批
                            const req: any = {
                                businessApprovalId: approveCurrentRow?.BusinessApproval_ID,
                                UserId: currentUser?.ID,
                                ApproveInfo: res.ApproveInfo,
                                nextApproveStaffId: res.nextApproveStaffId || "",
                                nextApproveState: nextApproval || ""
                            }

                            data = await handleApproveCommodityProInst(req)
                        } else {
                            // 驳回
                            const req: any = {
                                businessApprovalId: approveCurrentRow?.BusinessApproval_ID,
                                UserId: currentUser?.ID,
                                RejectInfo: res.ApproveInfo,
                                nextApproveState: res.nextApproveState || ""
                            }
                            console.log('reqreqreqreq', req);

                            data = await handleRejectCommodityProInst(req)
                        }
                        setAddApprovalLoading(false)
                        console.log('datadatadata', data);
                        if (data.Result_Code === 100) {
                            message.success(data.Result_Desc)
                            setApproveCurrentRow(undefined)
                            setApproveModal(false)
                            setNextApproval(null)
                            setNextApprovalPerson(null)
                            setApprovaType(0)
                            actionRef.current?.reload()
                        } else {
                            message.error(data.Result_Desc)
                        }

                    }}
                >
                    {
                        ApprovalType === 1 ?
                            <Row>
                                {
                                    nextApproval === 9000 ? '' :
                                        <Col span={6}>
                                            <ProFormSelect
                                                label={"下一阶段审批人"}
                                                name={"nextApproveStaffId"}
                                                options={nextApprovalPerson}
                                                rules={[
                                                    {
                                                        required: true,
                                                        message: "请选择下一阶段审批人！"
                                                    }
                                                ]}
                                            />
                                        </Col>

                                }
                                <Col span={24}>
                                    <ProFormTextArea
                                        label={"审批意见"}
                                        name={"ApproveInfo"}
                                        rules={[
                                            {
                                                required: true,
                                                message: "请输入审批意见！"
                                            }
                                        ]}
                                    />
                                </Col>
                            </Row> : ApprovalType === 2 ?
                                <Row>
                                    <Col span={6}>
                                        <ProFormSelect
                                            label={"驳回状态"}
                                            name={"nextApproveState"}
                                            options={nextApprovalPerson}
                                            rules={[
                                                {
                                                    required: true,
                                                    message: "请选择下一阶段审批人！"
                                                }
                                            ]}
                                        />
                                    </Col>

                                    <Col span={24}>
                                        <ProFormTextArea
                                            label={"驳回意见"}
                                            name={"ApproveInfo"}
                                            rules={[
                                                {
                                                    required: true,
                                                    message: "请输入驳回意见！"
                                                }
                                            ]}
                                        />
                                    </Col>
                                </Row> : ""
                    }
                </ProForm>
            </Modal> */}

            {/* 新增申请的悬浮框 */}
            <Modal
                className="addProductModal"
                width={"70%"}
                title={currentRow?.BusinessApproval_ID ? "商品申请详情" : "新增商品申请"}
                open={showApplyFor}
                destroyOnClose
                onCancel={() => {
                    setShowApplyFor(false)
                    setCurrentRow(undefined)
                    setShopData([])
                    setBUSINESSAPPROVALDETAIL(undefined)
                    setShowDetailType(null)


                    setApprovaType(0)
                }}
                footer={showDetailType === 'detail' || !InitiateApplication || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID) ? false :
                    <div style={{ width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'flex-end', boxSizing: 'border-box', padding: "0 16px" }}>
                        <Button style={{ marginRight: '8px' }} onClick={() => {
                            setShowApplyFor(false)
                            setCurrentRow(undefined)
                            setShopData([])
                            setBUSINESSAPPROVALDETAIL(undefined)
                            setShowDetailType(null)


                            setApprovaType(0)
                        }}>取消</Button>

                        <Button type={"primary"} onClick={() => {
                            if (currentRow?.BusinessProcess_State > 1000) {
                                modalApproveFormRef?.current?.validateFields().then(() => {
                                    modalApproveFormRef?.current?.submit()
                                })
                            } else {
                                modalFormRef?.current?.validateFields().then(() => {
                                    modalFormRef?.current?.submit()
                                })
                            }
                        }}>确认</Button>
                    </div>}
                onOk={() => {
                    if (currentRow?.BusinessProcess_State > 1000) {
                        modalApproveFormRef?.current?.validateFields().then(() => {
                            modalApproveFormRef?.current?.submit()
                        })
                    } else {
                        modalFormRef?.current?.validateFields().then(() => {
                            modalFormRef?.current?.submit()
                        })
                    }
                }}
            >
                <ProForm
                    // layout={'horizontal'}
                    formRef={modalFormRef}
                    submitter={false}
                    preserve={false}
                    request={async () => {
                        if (currentRow?.BusinessApproval_ID) {
                            const req: any = {
                                BUSINESSAPPROVALId: currentRow?.BusinessApproval_ID,
                            }
                            const data = await handleGetBUSINESSAPPROVALDetail(req)
                            console.log('datadatadata', data);
                            setBUSINESSAPPROVALDETAIL(data.Result_Data)

                            let shopData: any = []

                            if (currentRow?.BusinessProcess_State === 9000) {
                                shopData = await handleGetApprovalCommodityList({
                                    ProvinceCode: currentUser?.ProvinceCode,
                                    // CommodityId: currentUser?.ProvinceCode,
                                    BusinessApprovalId: currentRow?.BusinessApproval_ID,
                                    PageIndex: 1,
                                    PageSize: 999999,
                                })
                            } else {
                                shopData = await handleGetCOMMODITYRUNNINGList({
                                    SearchParameter: {
                                        BUSINESSAPPROVAL_ID: currentRow?.BusinessApproval_ID,
                                    },
                                    PageIndex: 1,
                                    pageSize: 999999,
                                })
                            }


                            console.log('shopDatashopDatashopDatashopData', shopData);
                            setShopData(shopData.Result_Data.List)
                            return {
                                reasonForApplication: data.Result_Data.BUSINESSAPPROVAL_DESC,
                                ServerpartId: data.Result_Data.SERVERPART_ID,
                                NextApproveStaffId: data.Result_Data.APPOVED_IDS
                            }
                        } else {
                            return {}
                        }
                    }}
                    onFinish={async (res) => {
                        let data: any = {}
                        if (currentRow?.BusinessApproval_ID) {
                            const req: any = {
                                ProinstId: currentRow?.BusinessApproval_ID,
                                ProinstName: res.reasonForApplication,
                                UserId: currentUser?.ID,
                                OperateType: "100100",
                                ServerpartId: res.ServerpartId,
                                NextApproveStaffId: res.NextApproveStaffId,
                                NextApproveState: 2000,
                                CommodityRunningList: shopData
                            }
                            data = await handleReapplyCommodityProInst(req)
                        } else {
                            const req: any = {
                                ProinstName: res.reasonForApplication,
                                UserId: currentUser?.ID,
                                OperateType: "100100",
                                ServerpartId: res.ServerpartId,
                                NextApproveStaffId: res.NextApproveStaffId,
                                NextApproveState: 2000,
                                CommodityRunningList: shopData
                            }
                            data = await handleCreateCommodityProInst(req)
                            console.log('dsaidjaskda', data);
                        }
                        if (data.Result_Code === 100) {
                            message.success(data.Result_Desc)
                            // setShowApplyFor(false)
                            // setCurrentRow(undefined)
                            setShowApplyFor(false)
                            setCurrentRow(undefined)
                            setShopData([])
                            setBUSINESSAPPROVALDETAIL(undefined)
                            setShowDetailType(null)
                            setApprovaType(0)
                            actionRef.current?.reload()

                        } else {
                            message.error(data.Result_Desc)
                        }



                    }}
                >
                    <Row gutter={8}>
                        <Col span={24}>
                            <ProFormTextArea
                                label="申请原因"
                                name="reasonForApplication"
                                rules={[{
                                    required: true,
                                    message: "请输入申请原因！"
                                }]}
                                disabled={currentRow?.BusinessProcess_State > 1000 || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID)}
                            />
                        </Col>
                        <Col span={12}>
                            <ProFormSelect
                                label="服务区"
                                name="ServerpartId"
                                rules={[{
                                    required: true,
                                    message: "请选择服务区！"
                                }]}
                                request={async () => {
                                    const data = await getServerpartTree(currentUser?.ProvinceCode, currentUser?.CityAuthority, true, true, true)
                                    const list: any = []
                                    if (data && data.length > 0) {
                                        data.forEach((item: any) => {
                                            if (item.children && item.children.length > 0) {
                                                item.children.forEach((subItem: any) => {
                                                    list.push({ label: subItem.label, value: subItem.value })
                                                })
                                            }
                                        })
                                        data.forEach((item: any) => {
                                            list.push({ label: item.label, value: item.value })
                                        })
                                    }
                                    return list
                                }}
                                disabled={currentRow?.BusinessProcess_State > 1000 || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID)}
                            />
                        </Col>
                        <Col span={12} style={{ display: currentRow?.BusinessProcess_State > 1000 && ApprovalType !== 0 ? "none" : "" }}>
                            <ProFormSelect
                                label="下一环节审批人"
                                name="NextApproveStaffId"
                                rules={[{
                                    required: true,
                                    message: "请选择下一环节审批人！"
                                }]}
                                request={async () => {
                                    const reqState: any = {
                                        SearchParameter: {
                                            APPROVALROUTE_STATES: "",
                                            APPROVALROUTE_VALID: 1,
                                            OPERATION_TYPES: "100100",
                                        },
                                        PageIndex: 1,
                                        PageSize: 999999
                                    }
                                    const dataState = await handleGetAPPROVALROUTEList(reqState)
                                    if (dataState && dataState.length > 0) {
                                        let obj: any = {}
                                        // 下面的环节
                                        let nextList: any = []
                                        console.log('dataState', dataState);

                                        dataState.forEach((item: any) => {
                                            if (item.APPROVALROUTE_STATE === 2000) {
                                                obj = item
                                            }
                                            if (item.APPROVALROUTE_STATE >= currentRow?.BusinessProcess_State) {
                                                if (item.APPROVALROUTE_STATE === currentRow?.BusinessProcess_State) {
                                                    item.status = "process"
                                                }
                                                nextList.push(item)
                                            }
                                        })
                                        setNextStepsList(nextList)
                                        console.log('next', nextList);

                                        let personTotal: number = obj.APPROVALSTAFF_ID.split(',').length || 0
                                        if (personTotal > 0) {
                                            let STAFFIDList: number[] = obj.APPROVALSTAFF_ID.split(',')
                                            let STAFFNAMEList: string[] = obj.APPROVALSTAFF_NAME.split(',')
                                            let list: any = []
                                            for (let i = 0; i < personTotal; i++) {
                                                list.push({ label: STAFFNAMEList[i], value: STAFFIDList[i] })
                                            }
                                            return list
                                        }
                                    }
                                }}
                                disabled={currentRow?.BusinessProcess_State > 1000 || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID)}
                            />
                        </Col>
                    </Row>

                </ProForm>
                {
                    currentRow?.BusinessProcess_State > 1000 ?
                        <ProForm
                            // layout={'horizontal'}
                            formRef={modalApproveFormRef}
                            submitter={false}
                            preserve={false}
                            request={async () => {
                                console.log('approveCurrentRowapproveCurrentRowapproveCurrentRow', approveCurrentRow);
                                const reqState: any = {
                                    SearchParameter: {
                                        APPROVALROUTE_STATES: "",
                                        APPROVALROUTE_VALID: 1,
                                        OPERATION_TYPES: "100100",
                                    },
                                    PageIndex: 1,
                                    PageSize: 999999
                                }
                                const dataState = await handleGetAPPROVALROUTEList(reqState)
                                console.log('dataStatedataStatedataState', dataState);
                                let obj: any = {}
                                let currentIndex: number = 0
                                if (dataState && dataState.length > 0) {
                                    dataState.forEach((item: any, index: number) => {
                                        if (item.APPROVALROUTE_STATE === currentRow.BusinessProcess_State) {
                                            obj = item
                                            currentIndex = index
                                        }
                                    })
                                }
                                if (obj) {
                                    // 审批的时候 拿到当前状态 去找下一个状态  
                                    if (ApprovalType === 1) {
                                        // 拿到当前状态的信息 判断下一状态 是不是结束了 结束了 就不显示 下一结算审批人   不是结束 就拿到下一流程的审批人
                                        setNextApproval(obj.NEXT_STATE)
                                        let nextObj: any = currentIndex + 1 <= dataState.length ? dataState[currentIndex + 1] : {}
                                        if (nextObj) {
                                            let personTotal: number = nextObj.APPROVALSTAFF_ID.split(',').length || 0
                                            if (personTotal > 0) {
                                                let STAFFIDList: number[] = nextObj.APPROVALSTAFF_ID.split(',')
                                                let STAFFNAMEList: string[] = nextObj.APPROVALSTAFF_NAME.split(',')
                                                let list: any = []
                                                for (let i = 0; i < personTotal; i++) {
                                                    list.push({ label: STAFFNAMEList[i], value: STAFFIDList[i] })
                                                }
                                                setNextApprovalPerson(list)
                                            }
                                        }
                                    } else {
                                        // 驳回的话 去找历史状态
                                        if (dataState && dataState.length > 0) {
                                            let list: any = []
                                            dataState.forEach((item: any, index: number) => {
                                                if (obj.APPROVALROUTE_STATE > item.APPROVALROUTE_STATE) {
                                                    list.push({ label: item.APPROVALROUTE_NAME, value: item.APPROVALROUTE_STATE })
                                                }
                                            })
                                            setNextApprovalPerson(list)
                                        }

                                    }

                                }
                                return {}
                            }}
                            onFinish={async (res) => {
                                setAddApprovalLoading(true)
                                let data: any = {}

                                if (ApprovalType === 1) {
                                    // 审批
                                    const req: any = {
                                        businessApprovalId: currentRow?.BusinessApproval_ID,
                                        UserId: currentUser?.ID,
                                        ApproveInfo: res.ApproveInfo,
                                        nextApproveStaffId: res.nextApproveStaffId || "",
                                        nextApproveState: nextApproval || ""
                                    }

                                    data = await handleApproveCommodityProInst(req)
                                } else {
                                    // 驳回
                                    const req: any = {
                                        businessApprovalId: currentRow?.BusinessApproval_ID,
                                        UserId: currentUser?.ID,
                                        RejectInfo: res.ApproveInfo,
                                        nextApproveState: res.nextApproveState || ""
                                    }
                                    console.log('reqreqreqreq', req);

                                    data = await handleRejectCommodityProInst(req)
                                }
                                setAddApprovalLoading(false)
                                console.log('datadatadata', data);
                                if (data.Result_Code === 100) {
                                    message.success(data.Result_Desc)

                                    setShowApplyFor(false)
                                    setCurrentRow(undefined)
                                    setShopData([])
                                    setBUSINESSAPPROVALDETAIL(undefined)
                                    setShowDetailType(null)


                                    // setApproveCurrentRow(undefined)
                                    // setApproveModal(false)
                                    setNextApproval(null)
                                    setNextApprovalPerson(null)
                                    setApprovaType(0)
                                    actionRef.current?.reload()
                                } else {
                                    message.error(data.Result_Desc)
                                }

                            }}
                        >
                            {
                                ApprovalType === 1 ?
                                    <Row>
                                        {
                                            nextApproval === 9000 ? '' :
                                                <Col span={6}>
                                                    <ProFormSelect
                                                        label={"下一阶段审批人"}
                                                        name={"nextApproveStaffId"}
                                                        options={nextApprovalPerson}
                                                        rules={[
                                                            {
                                                                required: true,
                                                                message: "请选择下一阶段审批人！"
                                                            }
                                                        ]}
                                                    />
                                                </Col>

                                        }
                                        <Col span={24}>
                                            <ProFormTextArea
                                                label={"审批意见"}
                                                name={"ApproveInfo"}
                                                rules={[
                                                    {
                                                        required: true,
                                                        message: "请输入审批意见！"
                                                    }
                                                ]}
                                            />
                                        </Col>
                                    </Row> : ApprovalType === 2 ?
                                        <Row>
                                            <Col span={6}>
                                                <ProFormSelect
                                                    label={"驳回状态"}
                                                    name={"nextApproveState"}
                                                    options={nextApprovalPerson}
                                                    rules={[
                                                        {
                                                            required: true,
                                                            message: "请选择下一阶段审批人！"
                                                        }
                                                    ]}
                                                />
                                            </Col>

                                            <Col span={24}>
                                                <ProFormTextArea
                                                    label={"驳回意见"}
                                                    name={"ApproveInfo"}
                                                    rules={[
                                                        {
                                                            required: true,
                                                            message: "请输入驳回意见！"
                                                        }
                                                    ]}
                                                />
                                            </Col>
                                        </Row> : ""
                            }
                        </ProForm> : ""
                }

                <ProTable
                    search={false}
                    options={false}
                    pagination={false}
                    columns={modalColumns}
                    dataSource={shopData}
                    bordered
                    toolbar={{
                        actions: [
                            currentRow?.BusinessProcess_State > 1000 || (currentRow?.BusinessApproval_ID && currentRow?.ApproveStaff_ID !== currentUser?.ID) ? '' : <Button type={"primary"} onClick={() => {
                                setShowAddShopModal(true)
                            }}>
                                新增商品
                            </Button>
                        ]
                    }}
                />

                {
                    currentRow?.BusinessProcess_State > 1000 ?
                        <Card title="流程进度" bordered className="ProcessProgress">
                            <div style={{ width: '100%' }} className="ProcessProgressBox">
                                <Steps
                                    size="small"
                                    className="multi-line-steps"
                                    direction="horizontal"
                                    progressDot={false}
                                    current={BUSINESSAPPROVALDETAIL?.approveList && BUSINESSAPPROVALDETAIL?.approveList.length ? BUSINESSAPPROVALDETAIL?.approveList.length : 0}
                                >
                                    {/* <Step
                                        style={{ minWidth: 180, maxWidth: 220 }}
                                        status={currentRow?.BusinessProcess_State > 1000 ? 'finish' : 'wait'}
                                        title="发起申请"
                                        description={
                                            <div>
                                                <Tooltip title={`${currentRow?.Staff_Name || ''}${currentRow?.BusinessProcess_Desc ? `：${currentRow?.BusinessProcess_Desc}` : ''}`}>
                                                    <p>{`${currentRow?.BusinessProcess_StartDate || ''}`}</p>
                                                </Tooltip>
                                            </div>
                                        }
                                    /> */}
                                    {
                                        BUSINESSAPPROVALDETAIL?.approveList && BUSINESSAPPROVALDETAIL?.approveList.length > 0 ?
                                            BUSINESSAPPROVALDETAIL?.approveList.map((item: any, index: number) => (
                                                <Step
                                                    key={index}
                                                    style={{ minWidth: 180, maxWidth: 220 }}
                                                    status={"finish"}
                                                    title={item.APPROVED_NAME}
                                                    description={
                                                        <div>
                                                            <Tooltip title={`${item.STAFF_NAME || ''}${item.APPLYAPPROVE_INFO ? `：${item.APPLYAPPROVE_INFO}` : ''}`}>
                                                                <p>{`${item.APPLYAPPROVE_DATE || ''}`}</p>
                                                            </Tooltip>
                                                        </div>}
                                                />
                                            )) : ''
                                    }

                                    {
                                        nextStepsList && nextStepsList.length > 0 ?
                                            nextStepsList.map((item: any, index: number) => (
                                                <Step
                                                    key={index}
                                                    style={{ minWidth: 180, maxWidth: 220 }}
                                                    status={item.status === 'process' ? 'process' : 'wait'}
                                                    title={item.APPROVALROUTE_NAME}
                                                />
                                            )) : ''
                                    }
                                </Steps>
                            </div>
                        </Card>
                        : ''
                }
            </Modal>

            {/* 新增商品的悬浮框 */}
            <Modal
                open={showAddShopModal}
                width={1200}
                wrapClassName={'shopModal'}
                destroyOnClose
                title={currentShopRow?.COMMODITY_ID ? '编辑商品' : '添加商品'}
                onOk={() => {
                    modalShopFormRef.current?.validateFields().then(async (res: any) => {
                        let oldData: any = shopData && shopData.length > 0 ? JSON.parse(JSON.stringify(shopData)) : []

                        console.log('oldDataoldDataoldData', oldData);
                        console.log('resresresresresres', res);

                        let newList: any = []
                        // 判断当前的里面有没有一样的
                        if (oldData && oldData.length > 0) {
                            let same: boolean = false
                            oldData.forEach((item: any, index: number) => {
                                if (item.ADDTIME === res.ADDTIME) {
                                    same = true
                                    newList.push({
                                        ...item,
                                        ...res
                                    })
                                } else {
                                    newList.push(item)
                                }
                            })
                            if (!same) {
                                newList.push(res)
                            }

                        } else {
                            newList.push(res)
                        }
                        console.log('newList', newList);


                        setShopData(newList)
                        setShowAddShopModal(false)
                        setCommodityList([])
                        setCustomClassList([])
                        setCurrentShopRow(undefined)
                    })
                }}
                onCancel={() => {
                    setShowAddShopModal(false)
                    setCommodityList([])
                    setCustomClassList([])
                    setCurrentShopRow(undefined)
                }}
            >

                <ProForm
                    formRef={modalShopFormRef}
                    submitter={false}
                    initialValues={currentShopRow}
                    request={async () => {
                        // !currentShopRow?.COMMODITY_ID && 
                        if (currentShopRow?.SERVERPART_ID) {
                            await handleGetCommodity(currentShopRow?.SERVERPART_ID)
                        }
                        return { ...currentShopRow, BUSINESSTYPE: currentShopRow?.BUSINESSTYPE.toString() }
                    }}
                    disabled={currentRow?.BusinessProcess_State === 9000}
                >
                    <div className={'modalTitle'}>商品基本信息</div>
                    <Row gutter={16}>
                        <Col span={16}>
                            <ProFormText
                                name="COMMODITY_NAME"
                                label="商品名称"
                                placeholder="请输入商品名称"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入商品名称',
                                    },
                                ]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_EN"
                                label="拼音简码"
                            />
                        </Col>

                        <Col span={8}>
                            <ProFormSelect
                                name="SERVERPART_ID"
                                label="服务区名"
                                request={async () => {
                                    const data = await getServerpartTree(currentUser?.ProvinceCode, currentUser?.CityAuthority, true, true, true)
                                    const list: any = []
                                    if (data && data.length > 0) {
                                        data.forEach((item: any) => {
                                            if (item.children && item.children.length > 0) {
                                                item.children.forEach((subItem: any) => {
                                                    list.push({ label: subItem.label, value: subItem.value })
                                                })
                                            }
                                        })
                                        data.forEach((item: any) => {
                                            list.push({ label: item.label, value: item.value })
                                        })
                                    }
                                    return list
                                }}
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择服务区',
                                    },
                                ]}
                                fieldProps={{
                                    onChange: async (e: any) => {
                                        console.log('e', e)
                                        if (e) {
                                            setSelectSERVERPARTID(e)
                                            await handleGetCommodity(e)
                                            if (selectBUSINESSTYPE) {
                                                await handleGetCustomClassList(e)
                                            }
                                        } else {
                                            setSelectSERVERPARTID(undefined)
                                            setCommodityList([])
                                            setCustomClassList([])
                                        }
                                    }
                                }}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormSelect
                                name="BUSINESSTYPE"
                                label="商品业态"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择商品业态',
                                    },
                                ]}
                                options={commodityList}
                                fieldProps={{
                                    onChange: async (e: any) => {
                                        if (e) {
                                            setSelectBUSINESSTYPE(e)
                                            if (selectSERVERPARTID) {
                                                await handleGetCustomClassList(e)
                                            }
                                        } else {
                                            setSelectBUSINESSTYPE(undefined)
                                        }
                                    }
                                }}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormTreeSelect
                                name="COMMODITY_TYPE"
                                label="商品类别"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择商品类别',
                                    },
                                ]}
                                request={() => {
                                    return treeView
                                }}
                                fieldProps={{
                                    treeDefaultExpandAll: true
                                }}
                            />
                        </Col>

                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_BARCODE"
                                label="商品条码"
                                disabled={currentRow}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_UNIT"
                                label="商品单位"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入商品单位',
                                    },
                                ]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_RULE"
                                label="商品规格"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入商品规格',
                                    },
                                ]}
                            />
                        </Col>

                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_HOTKEY"
                                label="快捷键值"
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormSelect
                                name="COMMODITY_GRADE"
                                label="质量等级"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择质量等级',
                                    },
                                ]}
                                initialValue={1000}
                                options={[{ label: '一等品', value: 1000 }, { label: '二等品', value: 2000 }, { label: '三等品', value: 5000 }, { label: '优等品', value: 3000 }, { label: '合格品', value: 4000 },]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_ORI"
                                label="商品产地"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入商品产地',
                                    },
                                ]}
                            />
                        </Col>

                        <Col span={8}>
                            <ProFormSelect
                                name="USERDEFINEDTYPE_ID"
                                label="自定义类"
                                options={customClassList}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="PROVINCE_CODE"
                                label="省份编码"
                                disabled
                            // initialValue={currentUser?.ProvinceCode}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="COMMODITY_CODE"
                                label="商品编码"
                                disabled
                            />
                        </Col>

                        <Col span={24}>
                            <ProFormTextArea
                                name="COMMODITY_DESC"
                                label="商品说明"
                            />
                        </Col>
                    </Row>
                    <div className={'modalTitle'}>商品状态信息</div>
                    <Row gutter={16}>
                        <Col span={8}>
                            <ProFormSelect
                                name="CANSALE"
                                label="是否销售"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择是否销售',
                                    },
                                ]}
                                initialValue={1}
                                options={[{ label: '是', value: 1 }, { label: '否', value: 0 }]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormSelect
                                name="ISBULK"
                                label="是否散装"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择是否散装',
                                    },
                                ]}
                                initialValue={0}
                                options={[{ label: '是', value: 1 }, { label: '否', value: 0 }]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormSelect
                                name="METERINGMETHOD"
                                label="称重方式"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择称重方式',
                                    },
                                ]}
                                initialValue={1}
                                options={[{ label: '计价', value: 1 }, { label: '散装称重', value: 0 }]}
                            />
                        </Col>


                        <Col span={8}>
                            <ProFormSelect
                                name="COMMODITY_STATE"
                                label="审核状态"
                                rules={[
                                    {
                                        required: true,
                                        message: '请选择审核状态',
                                    },
                                ]}
                                initialValue={1}
                                options={[{ label: '有效', value: 1 }, { label: '审核中', value: 2 }, { label: '无效', value: 0 }]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormText
                                name="ADDTIME"
                                label="添加时间"
                                disabled
                                initialValue={moment().format('YYYY-MM-DD HH:mm:ss')}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDateTimePicker
                                name="OPERATE_DATE"
                                label="生效时间"
                                initialValue={moment().format('YYYY-MM-DD HH:mm:ss')}
                            />
                        </Col>
                    </Row>
                    <div className={'modalTitle'}>商品价格信息</div>
                    <Row gutter={16}>
                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_RETAILPRICE"
                                label="零售价"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入零售价',
                                    },
                                ]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_CURRPRICE"
                                label="当前价格"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入当前价格',
                                    },
                                ]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_MEMBERPRICE"
                                label="会员价"
                            />
                        </Col>

                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_PURCHASEPRICE"
                                label="进货价"
                                rules={[
                                    {
                                        required: true,
                                        message: '请输入进货价',
                                    },
                                ]}
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_MINPRICE"
                                label="最低价"
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDigit
                                name="COMMODITY_MAXPRICE"
                                label="最高价"
                            />
                        </Col>
                    </Row>
                    <div className={'modalTitle'}>商品进销信息</div>
                    <Row gutter={16}>
                        <Col span={8}>
                            <ProFormDigit
                                name="DUTY_PARAGRAPH"
                                label="进价税率"
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormDigit
                                name="RETAIL_DUTY"
                                label="零售税率"
                            />
                        </Col>
                        <Col span={8}>
                            <ProFormSelect
                                name="COMMODITY_FROZENCOUNT"
                                label="采购状态"
                                options={[{ label: '允许', value: 1000 }, { label: '禁止', value: 2000 }]}
                            />
                        </Col>
                    </Row>
                </ProForm>
            </Modal>
        </div >
    )
}

export default connect(({ user }: ConnectState) => ({
    currentUser: user.currentUser
}))(ProductChangeInfoApproval);