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 Company from "../components/Company"; import InnerMenu from "./components/InnerMenu"; import DateInput from "../../components/DatePicker"; import SignatoriesList from "./change/components/SignatoriesList"; import CalculationsList from "./change/components/CalculationsList"; import { getContractInfo, getContractAgreement, getContractRules, getFile, } from "../../actions"; class ChangeGraphicPage extends React.Component { constructor(props) { super(props); this.state = { date: null, car: null, contract_date: null, agreement: null, rules: null, loading: false, }; } static getDerivedStateFromProps(nextProps, prevState) { return { 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(() => {}); }); } } render() { const { number } = this.props; const { loading, date, car, contract_date, agreement, rules } = this.state; //console.log("rules", rules); 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 номера" }` : ""}

Внимание! Существует активное неподписанное дополнительное соглашение. Расчёт новых изменений невозможен

Подробнее

Предварительные расчеты

Варианты изменения графиков

{" "} {/* opened */}

Какой-то описательный текст

Закрыть

Варианты изменения графиков

this.setState({ date_to: date }) } />
{" "} {/* opened */}

Какой-то описательный текст

Закрыть

{" "} {/* opened */}

Какой-то описательный текст

Закрыть