import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
import { useRequest } from 'ahooks';
import { ProList } from '@ant-design/pro-components';
import { isEmpty } from 'lodash';
import { useServiceContext } from '../../context';
import { getServiceAuditRecordList } from './action';
import { CardDetail } from '@component/ui';
import { Divider } from 'antd';
export default function () {
    const { serviceId } = useServiceContext();
    const { data = [], loading } = useRequest(getServiceAuditRecordList, {
        defaultParams: {
            serviceId,
        },
    });
    if (isEmpty(data)) {
        return null;
    }
    return (_jsxs(_Fragment, { children: [_jsx(CardDetail, Object.assign({ title: "\u5BA1\u6838\u4FE1\u606F", loading: loading }, { children: _jsx(ProList, { split: true, size: "small", rowKey: "name", metas: {
                        title: {
                            dataIndex: 'operateAction',
                        },
                        description: {
                            render(_, item) {
                                return (_jsxs("div", { children: [_jsxs("div", { children: ["\u5BA1\u6838\u65B9:", item.operateOrganName] }), _jsxs("div", { children: ["\u5BA1\u6838\u4EBA:", item.operateUserName] }), item.rejectReason && (_jsxs("div", { children: ["\u9A73\u56DE\u539F\u56E0:", item.rejectReason] }))] }));
                            },
                        },
                        subTitle: {
                            dataIndex: 'operateAt',
                        },
                    }, dataSource: data }) })), _jsx(Divider, { className: "self-pro-divider" })] }));
}