/**
 * 通用-维保信息
 */

import { Col, Row } from 'antd';
import dayjs from 'dayjs';
import { VmWrapper } from "../../_components";
import { BaseService } from "./api";
import RmInfoSummary from "./RmInfoSummary";
import RmMonthTrend from "./RmMonthTrend";
import RmRecord from "./RmRecord";
import RmType from "./RmType";
import "./style";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var RepaireMaintain = function RepaireMaintain(props) {
  var id = props.id;
  var date = dayjs().format('YYYY-MM-DD');
  var _BaseService$useRepai = BaseService.useRepairMaintain(id, date, date),
    rmSummary = _BaseService$useRepai.rmSummary,
    rmType = _BaseService$useRepai.rmType,
    rmMonthTrend = _BaseService$useRepai.rmMonthTrend,
    loading = _BaseService$useRepai.loading;
  return /*#__PURE__*/_jsxs("div", {
    className: "repair-maintain",
    children: [/*#__PURE__*/_jsx(VmWrapper, {
      title: "\u7EF4\u4FDD\u6C47\u603B\u5206\u6790",
      children: /*#__PURE__*/_jsxs(Row, {
        gutter: [12, 16],
        children: [/*#__PURE__*/_jsx(Col, {
          span: 24,
          children: /*#__PURE__*/_jsx(RmInfoSummary, {
            data: rmSummary
          })
        }), /*#__PURE__*/_jsx(Col, {
          span: 12,
          children: /*#__PURE__*/_jsx(RmType, {
            data: rmType,
            loading: loading
          })
        }), /*#__PURE__*/_jsx(Col, {
          span: 12,
          children: /*#__PURE__*/_jsx(RmMonthTrend, {
            data: rmMonthTrend,
            loading: loading
          })
        })]
      })
    }), /*#__PURE__*/_jsx("div", {
      className: "rm-record",
      children: /*#__PURE__*/_jsx(RmRecord, {
        id: id
      })
    })]
  });
};
export default RepaireMaintain;