import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// import { Timeline } from 'antd';
// import React from 'react';
// import { useRequest } from 'ahooks';
// import { dateFormatter } from '@component/utils';
//
// export default function ({ service, params }) {
// 	const { data } = useRequest(service, {
// 		defaultParams: params,
// 	});
//
// 	return (
// 		<div className="page-content-detail-tabs">
// 			<Timeline style={{ width: '85%', paddingTop: '20px' }} mode="left">
// 				{data?.map((item, index) => {
// 					return (
// 						<Timeline.Item label={dateFormatter(item.operateAt)} key={index}>
// 							<h3
// 								style={{
// 									color:
// 										item.operateActionType == 'auditSuccess'
// 											? 'green'
// 											: item.operateActionType == 'auditReject'
// 											? 'red'
// 											: 'black',
// 								}}
// 							>
// 								{item.operateActionName}
// 							</h3>
// 							<p>
// 								{item.description}
// 								{item.operateActionType == 'auditReject' ? (
// 									<span style={{ marginLeft: '10px' }}>
// 										, 驳回原因:{item.rejectReason || '-'}
// 									</span>
// 								) : null}
// 							</p>
// 						</Timeline.Item>
// 					);
// 				})}
// 			</Timeline>
// 		</div>
// 	);
// }
import { Timeline } from 'antd';
import React from 'react';
import { useRequest } from 'ahooks';
import { dateFormatter } from '@component/utils';
import { Tag } from '@component/ui';
export default function ({ service, params }) {
    const { data } = useRequest(service, {
        defaultParams: params,
    });
    return (_jsx("div", Object.assign({ className: "page-content-detail-tabs" }, { children: _jsx(Timeline, Object.assign({ style: { width: '40%', paddingTop: '20px' }, mode: "left" }, { children: data === null || data === void 0 ? void 0 : data.map((item, index) => {
                const fileList = item.files;
                return (_jsxs(Timeline.Item, Object.assign({ label: dateFormatter(item.operateAt) }, { children: [_jsx(Tag, { styleCss: { width: 120 }, status: item.operateActionType == 'auditSuccess'
                                ? 'green'
                                : item.operateActionType == 'auditReject'
                                    ? 'red'
                                    : 'yellow', text: item.operateActionName }), _jsx("p", Object.assign({ style: { width: '300%', marginTop: 8 } }, { children: item.description })), item.auditOpinion ? (_jsxs("p", Object.assign({ style: { width: '300%' } }, { children: ["\u5BA1\u6838\u610F\u89C1:", item.auditOpinion] }))) : null] }), index));
            }) })) })));
}