// 会员详情组件
import { connect } from "umi";
import type { ConnectState } from "@/models/connect";
import { Button, Col, FormInstance, message, Modal, Row } from "antd";
import { useEffect, useRef, useState } from "react";
import Draggable from "react-draggable";
import React from "react";
import ProForm, { ProFormSelect, ProFormText, ProFormTextArea } from "@ant-design/pro-form";
import moment from 'moment';
import memberInfoIcon from '@/assets/detail/memberInfoIcon.png'
import closeIcon from '@/assets/detail/closeIcon.png'
import session from "@/utils/session";
import memberDetailIcon from '@/assets/detail/memberDetailIcon.png'
import ProTable from "@ant-design/pro-table";
import { handeDeleteMembershipRecord, handeGetMEMBERSHIPDetail, handleGetCONSUMPTIONRECORDList, handleGetMEMBERGROWTHList, handleGetPOINTRECORDList } from "../../service";
import AddressDetail from "../../MemberAddress/components/addressDetail";
import './style.less'
import ConsumptionRecordSearch from "../../ConsumptionRecordSearch";
import GrowthValueRecordSearch from "../../GrowthValueRecordSearch";
import PointsRecordSearch from "../../PointsRecordSearch";
import RegistrationRetentionAnalysis from "../../RegistrationRetentionAnalysis";
import LicensePlateManage from "./LicensePlateManage";
import MemberDiscounts from "./MemberDiscounts";
import CollectProducts from "./CollectProducts";
import MerchantEvaluationManage from "../../MerchantEvaluationManage";
import MallEvaluationManage from "../../MallEvaluationManage";
import { handleSetlogSave } from "@/utils/format";


type DetailProps = {
    showDetailDrawer: boolean
    currentRow: any
    handleCloseModal: any
    currentUser: any
}
const MemberDetail = ({ showDetailDrawer, currentRow, handleCloseModal, currentUser }: DetailProps) => {
    const { confirm } = Modal;
    const modalRef = useRef<FormInstance>();
    const draggleRef = React.createRef<any>()
    // 弹出框拖动效果
    const [bounds, setBounds] = useState<{ left: number, right: number, top: number, bottom: number }>() // 移动的位置
    const [disabled, setDraggleDisabled] = useState<boolean>() // 是否拖动

    let MEMBERSHIPTYPEYNObj = session.get('MEMBERSHIPTYPEYNObj');
    let MEMBERSHIPLEVELYNObj = session.get('MEMBERSHIPLEVELYNObj');
    let MEMBERSHIPLEVELYNList = session.get('MEMBERSHIPLEVELYNList');
    let COMPANY_STATEList = session.get('COMPANY_STATEList');
    let SCORETYPETree = session.get('SCORETYPETree')
    let CONSUMPTIONRECORDTYPEObj = session.get('CONSUMPTIONRECORDTYPEObj')

    // 会员详情信息
    const [userDetailInfo, setUserDetailInfo] = useState<any>({})

    // 当前选中在详情里面要查看的内容
    const [selectTab, setSelectTab] = useState<number>(1)

    const onDraggaleStart = (event, uiData) => {
        const { clientWidth, clientHeight } = window.document.documentElement;
        const targetRect = draggleRef.current?.getBoundingClientRect();
        if (!targetRect) {
            return;
        }
        setBounds({
            left: -targetRect.left + uiData.x,
            right: clientWidth - (targetRect.right - uiData.x),
            top: -targetRect.top + uiData.y,
            bottom: clientHeight - (targetRect.bottom - uiData.y),
        });
    };

    // 消费的列表
    let consumptionColumns: any = [
        {
            title: "服务区名称",
            width: 150,
            dataIndex: "SERVERPART_NAME",
            hideInSearch: true,
            ellipsis: true,
            align: 'center'
        },
        {
            title: "门店名称",
            width: 150,
            dataIndex: "SHOPNAME",
            hideInSearch: true,
            ellipsis: true,
            align: 'center'
        },
        {
            title: "消费类型",
            width: 120,
            dataIndex: "CONSUMPTIONRECORD_TYPE",
            hideInSearch: true,
            ellipsis: true,
            valueType: 'select',
            valueEnum: CONSUMPTIONRECORDTYPEObj,
            align: 'center'
        },
        {
            title: "订单金额",
            width: 120,
            dataIndex: "CONSUME_AMOUNT",
            hideInSearch: true,
            valueType: 'digit',
            ellipsis: true,
            align: 'center'
        },
        {
            title: "消费金额",
            width: 120,
            dataIndex: "CONSUME_PRICE",
            hideInSearch: true,
            valueType: 'digit',
            ellipsis: true,
            align: 'center'
        },
        {
            title: "消费积分",
            width: 120,
            dataIndex: "CONSUME_SCORE",
            hideInSearch: true,
            valueType: 'digit',
            ellipsis: true,
            align: 'center'
        },
        {
            title: "实付金额",
            width: 120,
            dataIndex: "PAY_AMOUNT",
            hideInSearch: true,
            valueType: 'digit',
            ellipsis: true,
            align: 'center'
        },
        {
            title: "优惠金额",
            width: 150,
            dataIndex: "COUPON_AMOUNT",
            hideInSearch: true,
            ellipsis: true,
            align: 'center'
        },
        {
            title: "消费时间 ",
            width: 150,
            dataIndex: "CONSUMPTIONRECORD_DATE",
            hideInSearch: true,
            align: 'center',
            render: (_, record) => {
                return record?.CONSUMPTIONRECORD_DATE ? moment(record?.CONSUMPTIONRECORD_DATE).format('YYYY-MM-DD HH:mm:ss') : '-'
            }
        },
    ]
    // 积分的列表
    let PointColumns: any = [
        {
            title: "服务区名称",
            width: 150,
            dataIndex: "SERVERPART_NAME",
            hideInSearch: true,
            ellipsis: true,
            align: 'center'
        },
        {
            title: "门店名称",
            width: 150,
            dataIndex: "SHOPNAME",
            hideInSearch: true,
            ellipsis: true,
            align: 'center'
        },
        {
            title: "积分方式",
            width: 120,
            dataIndex: "POINT_TYPE",
            hideInSearch: true,
            ellipsis: true,
            align: 'center',
            valueType: 'select',
            valueEnum: {
                "1": "累计",
                "-1": "消耗"
            },
        },
        {
            title: "积分来源",
            width: 120,
            dataIndex: "POINT_SOURCE",
            hideInSearch: true,
            ellipsis: true,
            valueType: 'treeSelect',
            align: 'center',
            request: () => {
                return SCORETYPETree
            }
        },
        {
            title: "本次积分",
            width: 120,
            dataIndex: "CURRENT_POINT",
            hideInSearch: true,
            ellipsis: true,
            align: 'center',
            valueType: "digit"
        },
        {
            title: "累计积分",
            width: 120,
            dataIndex: "MEMBERSHIP_POINT",
            hideInSearch: true,
            ellipsis: true,
            align: 'center',
            valueType: "digit"
        },
        {
            title: "获取时间",
            width: 120,
            dataIndex: "CREATE_DATE",
            hideInSearch: true,
            align: 'center',
            ellipsis: true,
        },
    ]
    // 成长值的列表
    let GrowthValueColumns: any = [
        {
            title: "服务区名称",
            width: 150,
            dataIndex: "SERVERPART_NAME",
            hideInSearch: true,
            align: 'center',
            ellipsis: true,
        },
        {
            title: "门店名称",
            width: 150,
            dataIndex: "SHOPNAME",
            hideInSearch: true,
            align: 'center',
            ellipsis: true,
        },
        {
            title: "累计成长值",
            width: 120,
            dataIndex: "MEMBERSHIP_GROWTH",
            hideInSearch: true,
            ellipsis: true,
            align: 'center',
            valueType: 'digit'
        },
        {
            title: "本次成长值",
            width: 120,
            dataIndex: "CURRENT_GROWTH",
            hideInSearch: true,
            ellipsis: true,
            align: 'center',
            valueType: 'digit'
        },
        {
            title: "成长来源",
            width: 120,
            dataIndex: "GROWTH_SOURCE",
            hideInSearch: true,
            ellipsis: true,
            valueType: 'treeSelect',
            align: 'center',
            request: () => {
                return SCORETYPETree
            }
        },
        {
            title: "成长方式",
            width: 120,
            dataIndex: "GROWTH_TYPE",
            hideInSearch: true,
            align: 'center',
            ellipsis: true,
            valueType: 'select',
            valueEnum: {
                "1": "积累",
                "-1": "消耗",
            }
        },
        {
            title: "操作时间",
            width: 120,
            dataIndex: "OPERATE_DATE",
            align: 'center',
            hideInSearch: true,
            render: (_, record) => {
                return record?.OPERATE_DATE ? moment(record?.OPERATE_DATE).format('YYYY-MM-DD') : "-"
            }
        },
    ]

    useEffect(() => {
        if (showDetailDrawer) {
            setSelectTab(1)
        }
    }, [showDetailDrawer])

    return (
        <Modal
            className="memberInfoDetailModal"
            title={false}
            closeIcon={<div></div>}
            destroyOnClose={true}
            width={1200}
            visible={showDetailDrawer}
            footer={false}
            afterClose={() => {
                modalRef.current?.resetFields();
                // setCurrentRow(undefined);
            }}
            maskClosable={true}
            bodyStyle={{
                maxHeight: '850px', // 你可以根据需要调整高度
                overflowY: 'auto',
            }}
            onCancel={() => {
                setSelectTab(0)
                handleCloseModal()
            }}
            modalRender={(modal) => {
                return <Draggable
                    disabled={disabled}
                    bounds={bounds}
                    onStart={(event, uiData) => onDraggaleStart(event, uiData)}
                    handle=".modalTop"
                >
                    <div ref={draggleRef}>{modal}</div>
                </Draggable>
            }}
        >

            <ProForm
                layout={'horizontal'}
                formRef={modalRef}
                submitter={false}
                // initialValues={currentRow ? {
                //     ...currentRow,
                //     MEMBERSHIP_BIRTHDAY: currentRow?.MEMBERSHIP_BIRTHDAY ? moment(currentRow?.MEMBERSHIP_BIRTHDAY).format('YYYY-MM-DD') : '',
                //     ADDTIME: currentRow?.ADDTIME ? moment(currentRow?.ADDTIME).format('YYYY-MM-DD') : '',
                // } : {}}
                request={async () => {
                    if (currentRow?.MEMBERSHIP_ID || currentRow?.USER_ID) {
                        const req: any = {
                            MEMBERSHIPId: currentRow?.MEMBERSHIP_ID || currentRow?.USER_ID
                        }
                        const data = await handeGetMEMBERSHIPDetail(req)
                        console.log('userDetailData', data);
                        let obj: any = {
                            ...data,
                            OPERATE_DATE: data.OPERATE_DATE ? moment(data.OPERATE_DATE).format('YYYY-MM-DD HH:mm:ss') : '',
                            ADDTIME: data.ADDTIME ? moment(data.ADDTIME).format('YYYY-MM-DD HH:mm:ss') : '',
                            MEMBERSHIP_BIRTHDAY: currentRow?.MEMBERSHIP_BIRTHDAY ? moment(currentRow?.MEMBERSHIP_BIRTHDAY).format('YYYY-MM-DD') : '',
                        }
                        setUserDetailInfo(obj)
                        return obj
                    } else {
                        return {}
                    }
                }}


            >
                <div className="modalTop" style={{ position: 'fixed', background: '#fff', borderTopLeftRadius: "16px", borderTopRightRadius: "16px", zIndex: 999, borderBottom: '1px solid #D5D8DE' }}>
                    <div className="modalTopLeft">
                        <img className="memberIcon" src={memberInfoIcon} />
                        <span className="modalTitle">会员详情</span>
                    </div>
                    <div className="modalTopRight">
                        <img className="memberIcon" src={closeIcon} onClick={() => {
                            setSelectTab(0)
                            handleCloseModal()
                        }} />
                    </div>
                </div>
                <div className="topDetail" style={{ paddingTop: '90px' }}>
                    <div className="topDetailLeft">
                        <img className="headerImage" src={userDetailInfo?.MEMBERSHIP_HEADIMAGEURL || "https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132"} />
                    </div>

                    <div className="topDetailRight">
                        <div className="topDetailRightTop">
                            <span className="detailName" style={{ marginRight: '8px' }}>{userDetailInfo?.MEMBERSHIP_NAME || "-"}</span>
                            {/* <span className="detailSex" style={{ marginRight: '8px' }}>{userDetailInfo?.MEMBERSHIP_SEX === 0 ? '男' : userDetailInfo?.MEMBERSHIP_SEX === 1 ? '女' : ''}</span> */}
                            {
                                userDetailInfo?.MEMBERSHIP_TYPE && MEMBERSHIPTYPEYNObj && MEMBERSHIPTYPEYNObj[userDetailInfo?.MEMBERSHIP_TYPE] ?
                                    <span className="memberType">{MEMBERSHIPTYPEYNObj[userDetailInfo?.MEMBERSHIP_TYPE]}</span> : ""
                            }


                            {
                                userDetailInfo?.MEMBERSHIP_LEVEL && MEMBERSHIPLEVELYNObj && MEMBERSHIPLEVELYNObj[userDetailInfo?.MEMBERSHIP_LEVEL] ?
                                    <span className="memberType" style={{ marginLeft: '8px' }}>{MEMBERSHIPLEVELYNObj[userDetailInfo?.MEMBERSHIP_LEVEL]}</span> : ""
                            }

                        </div>

                        <div className="topDetailItem">
                            <Row gutter={8}>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormSelect
                                        name={"MEMBERSHIP_SEX"}
                                        label={"性别"}
                                        readonly
                                        options={[{ label: "男", value: 0 }, { label: "女", value: 1 }]}
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormText
                                        name={"CERTIFICATE_NUMBER"}
                                        label={"身份证号"}
                                        readonly
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormText
                                        name={"MEMBERSHIP_MOBILEPHONE"}
                                        label={"联系电话"}
                                        readonly
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormText
                                        name={"PLATE_NUMBER"}
                                        label={"车牌号"}
                                        readonly
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormText
                                        name={"MEMBERSHIP_BIRTHDAY"}
                                        label={"会员生日"}
                                        readonly
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                <Col span={8} className="memberInfoDetailItem">
                                    <ProFormText
                                        name={"ADDTIME"}
                                        label={"注册时间"}
                                        readonly
                                        style={{ marginBottom: '16px' }}
                                    />
                                </Col>
                                {/* <Col span={16} className="memberInfoDetailItem">
                                        <ProFormText
                                            name={"MEMBERSHIP_ADDRESS"}
                                            label={"联系地址"}
                                            readonly
                                            style={{ marginBottom: '16px' }}
                                        />
                                    </Col> */}
                            </Row>

                        </div>
                    </div>
                </div>

                <div className="carNavBox">
                    <img className="carNavIcon" src={memberDetailIcon} />
                    <span className={selectTab === 1 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(1)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】详细信息`)
                    }}>详情信息</span>
                    <span className={selectTab === 2 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(2)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】消费记录`)
                    }}>消费记录</span>
                    <span className={selectTab === 3 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(3)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】成长值记录`)
                    }}>成长值记录</span>
                    <span className={selectTab === 4 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(4)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】积分记录`)
                    }}>积分记录</span>
                    <span className={selectTab === 5 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(5)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】地址管理`)
                    }}>地址管理</span>
                    <span className={selectTab === 6 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(6)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】活动轨迹`)
                    }}>活动轨迹</span>
                    <span className={selectTab === 7 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(7)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】车牌管理`)
                    }}>车牌管理</span>
                    <span className={selectTab === 8 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(8)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】优惠券管理`)
                    }}>优惠券管理</span>
                    <span className={selectTab === 9 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(9)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】收藏商品`)
                    }}>收藏商品</span>
                    <span className={selectTab === 10 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(10)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】商家评价`)
                    }}>商家评价</span>
                    <span className={selectTab === 11 ? "carNavTitle selectCarNavTitle" : "carNavTitle"} onClick={() => {
                        setSelectTab(11)
                        handleSetlogSave(`查看【${userDetailInfo?.MEMBERSHIP_NAME}】商城评价`)
                    }}>商城评价</span>
                </div>


                <div style={{ height: '400px' }}>
                    <div className="bottomDetailBox" style={{ display: selectTab === 1 ? 'block' : "none" }}>
                        <Row gutter={8}>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"MEMBERSHIP_CARD"}
                                    label={"会员卡号"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"MEMBERSHIP_CODE"}
                                    label={"会员编码"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormSelect
                                    name={"MEMBERSHIP_LEVEL"}
                                    label={"会员等级"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                    options={[
                                        ...MEMBERSHIPLEVELYNList
                                    ]}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"ACCOUNT_BALANCE"}
                                    label={"账户余额"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"MEMBERSHIP_POINT"}
                                    label={"会员积分"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormSelect
                                    name={"MEMBERSHIP_STATE"}
                                    label={"会员状态"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                    options={COMPANY_STATEList}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormSelect
                                    name={"ISPLUS"}
                                    label={"付费会员"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                    options={[{ label: "是", value: 1 }, { label: "否", value: 0 }]}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"PLUS_EXPIRYDATE"}
                                    label={"付费有效期"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            <Col span={6} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"RECOMMEND_NAME"}
                                    label={"推荐人"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                            {/* <Col span={18} className="memberInfoDetailItem">
                                <ProFormText
                                    name={"ADDTIME"}
                                    label={"添加时间"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col> */}
                            <Col span={24} className="memberInfoDetailItem">
                                <ProFormTextArea
                                    name={"MEMBERSHIP_DESC"}
                                    label={"备注说明"}
                                    readonly
                                    style={{ marginBottom: '16px' }}
                                />
                            </Col>
                        </Row>
                    </div>
                    {/* 消费记录 */}
                    {
                        selectTab === 2 ? <ConsumptionRecordSearch isComponent={true} parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 成长值记录 */}
                    {
                        selectTab === 3 ?
                            <GrowthValueRecordSearch isComponent={true} parentDetail={userDetailInfo} /> : ''
                    }
                    {/* 积分记录 */}
                    {
                        selectTab === 4 ?
                            <PointsRecordSearch isComponent={true} parentDetail={userDetailInfo} />
                            : ''
                    }

                    {/* 地址管理 */}
                    {
                        selectTab === 5 ? <AddressDetail currentBigRow={userDetailInfo} currentUser={currentUser} /> : ''
                    }

                    {/* 活动轨迹 */}
                    {
                        selectTab === 6 ? <RegistrationRetentionAnalysis isComponent={true} parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 车牌管理 */}
                    {
                        selectTab === 7 ? <LicensePlateManage parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 会员优惠券 */}
                    {
                        selectTab === 8 ? <MemberDiscounts parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 会员收藏 */}
                    {
                        selectTab === 9 ? <CollectProducts parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 商家评价 */}
                    {
                        selectTab === 10 ? <MerchantEvaluationManage isComponent={true} parentDetail={userDetailInfo} /> : ""
                    }

                    {/* 商城评价 */}
                    {
                        selectTab === 11 ? <MallEvaluationManage isComponent={true} parentDetail={userDetailInfo} /> : ""
                    }
                </div>


                <div style={{ width: '100%', boxSizing: 'border-box', padding: '0 24px' }}>
                    {
                        userDetailInfo?.MEMBERSHIP_TYPE === 9999 ?
                            <Button danger onClick={() => {
                                confirm({
                                    width: 500,
                                    content: <div>
                                        {`删除该消费记录将清除用户的积分与成长值，且该操作无法恢复。是否确认删除？`}
                                    </div>,
                                    onOk: async () => {
                                        console.log('currentRowcurrentRowcurrentRowcurrentRow', userDetailInfo);
                                        const req: any = {
                                            MembershipId: userDetailInfo?.MEMBERSHIP_ID
                                        }
                                        const data = await handeDeleteMembershipRecord(req)
                                        if (data.Result_Code === 100) {
                                            message.success('删除成功！')
                                            setSelectTab(0)
                                            handleCloseModal()
                                        } else {
                                            message.error(data.Result_Data)
                                        }
                                    }
                                });
                            }}>删除用户消费记录</Button> : ""
                    }

                </div>


            </ProForm>
        </Modal>
    )
}

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