import React from "react"; import Head from "next/head"; import Image from "next/image"; import { connect } from "react-redux"; import { withRouter } from "next/router"; import moment from "moment"; import { SpinnerCircular } from "spinners-react"; import Link from "next/link"; import { reduxWrapper } from "../../store"; import Header from "../components/Header"; import Footer from "../components/Footer"; import { getContractInfo, getContractAgreement, getContractRules, getFile, } from "../../actions"; class ContractPage extends React.Component { constructor(props) { super(props); this.state = { loading: false, contracts_info: {}, date: null, car: null, contract_date: null, agreement: null, rules: null, }; } static getDerivedStateFromProps(nextProps, prevState) { return { contracts_info: nextProps.contracts_info, date: nextProps.date, car: nextProps.car, contract_date: nextProps.contract_date, agreement: nextProps.agreement, rules: nextProps.rules, }; } componentDidMount() { if(!this.state.loading && this.props.number !== undefined) { this.setState({ loading: true }, () => { getContractInfo({ dispatch: this.props.dispatch, number: this.props.number, }) .then((info) => { //console.log("info", info); getContractRules({ dispatch: this.props.dispatch, date: moment(info.date, "YYYY-MM-DD").format("DD.MM.YYYY"), }) .then(() => {}) .catch(() => {}); }) .catch(() => {}); getContractAgreement({ dispatch: this.props.dispatch, number: this.props.number, }) .then(() => { this.setState({ loading: false }); }) .catch(() => {}); }); } document.documentElement.style.height = "100%"; document.documentElement.style.display = "flex"; document.documentElement.style.flexDirection = "column"; document.body.style.height = "100%"; document.body.style.display = "flex"; document.body.style.flexDirection = "column"; } componentWillUnmount() { document.documentElement.style.height = "unset"; document.documentElement.style.display = "unset"; document.documentElement.style.flexDirection = "unset"; document.body.style.height = "unset"; document.body.style.display = "unset"; document.body.style.flexDirection = "unset"; } render() { const { loading, contracts_info, contract_date, agreement, rules } = this.state; const { number } = this.props; let { date, car, status } = contracts_info[ number ] !== undefined ? contracts_info[ number ] : {}; //console.log("rules", rules); const types = { contracts: "Договор", redemptions: "Выкупные документы", agreements: "Дополнительное соглашение", assignments: "Договор цессии", }; return ( ЛК Эволюция автолизинга

Расчет планируемых пени

Договор №{ number } { date !== undefined && date !== null && date !== null && ( <> от {moment(date).format("DD.MM.YYYY")} ) } { car !== undefined && car !== null ? ` - ${car.brand.name} ${car.model.name} | ${ car.reg_number !== null ? car.reg_number : "без рег. номера" } | ${ car.vin_number !== null ? car.vin_number : "без VIN номера" }` : "" }

Пени на дату 10.04.2022

Февраль 28,11 ₽

Февраль 1520,20 ₽

Февраль 28,11 ₽

ИТОГО: 2322,46 ₽