+
+
+
Договор №{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 номера"
+ }`
+ : ""}
+
+
+
+
+
+
+
+ {loading ? (
+
+
+ ) : (
+
+
К подписанию
+
+
+ Договор
+
+ 2021_1655 от 20.04.2021
+
+
- 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 номера' }` : '' }
-
-
-
-
-
-
- { loading ? (
-
-
- ) : (
-
- { agreement !== undefined && agreement !== null && agreement.map((document, index) => (
-
- { document.documents !== undefined && document.documents !== null && document.documents.map((file, file_index) =>
- {
- console.log("file", file);
- return (
-
-
- { types[document.type] }
- { file.number } от { moment(file.date).format("DD.MM.YYYY") }
- { file.type !== undefined && { file.type } }
-
-
-
- )) }
- { rules !== undefined && rules !== null && rules.map((document, index ) => (
-
-
- { document.name }
- Дата вступления в силу: { document.active_from }
-
-
-
- )) }
-
-
+
-
-
-
-
- );
- }
+
Действующие
+
+ {agreement !== undefined &&
+ agreement !== null &&
+ agreement.map((document, index) => (
+
+ {document.documents !== undefined &&
+ document.documents !== null &&
+ document.documents.map((file, file_index) => {
+ console.log("file", file);
+ return (
+
+
+ {types[document.type]}
+
+ {file.number} от{" "}
+ {moment(file.date).format("DD.MM.YYYY")}
+
+ {file.type !== undefined && (
+ {file.type}
+ )}
+
+
+
+ ))}
+ {rules !== undefined &&
+ rules !== null &&
+ rules.map((document, index) => (
+
+
+ {document.name}
+
+ Дата вступления в силу: {document.active_from}
+
+
+
+
+ )}
+
+
+
+
+
+
+ );
+ }
}
-function mapStateToProps(state, ownProps)
-{
- return {
- contract_date: state.contract.date,
- date: state.contract.date,
- car: state.contract.car,
- agreement: state.contract.agreement,
- rules: state.contract.rules,
- }
+function mapStateToProps(state, ownProps) {
+ return {
+ contract_date: state.contract.date,
+ date: state.contract.date,
+ car: state.contract.car,
+ agreement: state.contract.agreement,
+ rules: state.contract.rules,
+ };
}
-export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
- async ({ req, res, query }) =>
- {
- return {
- props: {
- number: query.number,
- }
- }
+export const getServerSideProps = reduxWrapper.getServerSideProps(
+ (store) =>
+ async ({ req, res, query }) => {
+ return {
+ props: {
+ number: query.number,
+ },
+ };
}
);
-export default withRouter(connect(mapStateToProps)(ContractPage));
\ No newline at end of file
+export default withRouter(connect(mapStateToProps)(ContractPage));
diff --git a/pages/contract/documents.js b/pages/contract/documents.js
index 28de1bd..aef4f36 100644
--- a/pages/contract/documents.js
+++ b/pages/contract/documents.js
@@ -1,448 +1,650 @@
import React from "react";
-import Head from 'next/head';
-import Image from 'next/image';
+import Head from "next/head";
+import Image from "next/image";
import { connect } from "react-redux";
-import { withRouter } from 'next/router';
+import { withRouter } from "next/router";
import moment from "moment";
import numeral from "numeral";
-import { SpinnerCircular } from 'spinners-react';
-import pluralize from 'pluralize-ru';
+import { SpinnerCircular } from "spinners-react";
+import pluralize from "pluralize-ru";
-import { reduxWrapper } from '../../store';
+import { reduxWrapper } from "../../store";
-import Header from '../components/Header';
-import Footer from '../components/Footer';
+import Header from "../components/Header";
+import Footer from "../components/Footer";
import InnerMenu from "./components/InnerMenu";
import Company from "../components/Company";
-import DateInput from '../components/DatePicker';
+import DateInput from "../components/DatePicker";
import DownloadPrintFormPdfButton from "../components/DownloadPrintFormPdfButton";
import DownloadFinesPdfButton from "../components/DownloadFinesPdfButton";
-
-import { getContractInfo, getContractDocuments, getReconciliationFile } from "../../actions";
+import {
+ getContractInfo,
+ getContractDocuments,
+ getReconciliationFile,
+} from "../../actions";
const TYPES = {
- upd: "УПД по очередным платежам",
- upd_avans: "УПД по авансовым платежам",
- billfines: "Счета-уведомления на пени",
- billgibdd: "BillGIBDD",
- fines: "Штрафы ГИБДД",
+ upd: "УПД по очередным платежам",
+ upd_avans: "УПД по авансовым платежам",
+ billfines: "Счета-уведомления на пени",
+ billgibdd: "BillGIBDD",
+ fines: "Штрафы ГИБДД",
};
-class ContractDocumentsPage extends React.Component
-{
- constructor(props)
- {
- super(props);
- this.state = {
- opened: [],
- date: null,
- car: null,
- contract_date: null,
- documents: null,
- loading: false,
- valid_date_start: null,
- valid_date_end: null,
- period_date_start: null,
- period_date_end: null,
- reconciliation_requested: false,
- reconciliation_disabled: false,
- }
- }
+class ContractDocumentsPage extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ opened: [],
+ date: null,
+ car: null,
+ contract_date: null,
+ documents: null,
+ loading: false,
+ valid_date_start: null,
+ valid_date_end: null,
+ period_date_start: null,
+ period_date_end: null,
+ reconciliation_requested: false,
+ reconciliation_disabled: false,
+ };
+ }
- static getDerivedStateFromProps(nextProps, prevState)
- {
- return {
- date: nextProps.date,
- car: nextProps.car,
- contract_date: nextProps.contract_date,
- documents: nextProps.documents,
- };
- }
+ static getDerivedStateFromProps(nextProps, prevState) {
+ return {
+ date: nextProps.date,
+ car: nextProps.car,
+ contract_date: nextProps.contract_date,
+ documents: nextProps.documents,
+ };
+ }
- componentDidMount()
- {
- if(!this.state.loading && this.props.number !== undefined)
- {
- const de = moment().toDate();
- this.setState({ loading: true, period_date_end: de, valid_date_end: de }, () =>
- {
- getContractInfo({ dispatch: this.props.dispatch, number: this.props.number });
+ componentDidMount() {
+ if (!this.state.loading && this.props.number !== undefined) {
+ const de = moment().toDate();
+ this.setState(
+ { loading: true, period_date_end: de, valid_date_end: de },
+ () => {
+ getContractInfo({
+ dispatch: this.props.dispatch,
+ number: this.props.number,
+ });
- getContractDocuments({ dispatch: this.props.dispatch, number: this.props.number }).then(() => {
- this.setState({ loading: false });
- }).catch(() => {});
- });
- }
- }
+ getContractDocuments({
+ dispatch: this.props.dispatch,
+ number: this.props.number,
+ })
+ .then(() => {
+ this.setState({ loading: false });
+ })
+ .catch(() => {});
+ }
+ );
+ }
+ }
- componentDidUpdate(prevProps, prevState)
- {
- if(this.state.period_date_start === null)
- {
- if(prevState.contract_date === null && this.state.contract_date !== null)
- {
- const ds = moment(this.state.contract_date).toDate();
- this.setState({ period_date_start: ds, valid_date_start: ds });
- }
- }
- }
+ componentDidUpdate(prevProps, prevState) {
+ if (this.state.period_date_start === null) {
+ if (
+ prevState.contract_date === null &&
+ this.state.contract_date !== null
+ ) {
+ const ds = moment(this.state.contract_date).toDate();
+ this.setState({ period_date_start: ds, valid_date_start: ds });
+ }
+ }
+ }
- _handle_onReconciliationFileRequest = () =>
- {
- const { number } = this.props;
- const { reconciliation_requested, period_date_start, period_date_end, } = this.state;
+ _handle_onReconciliationFileRequest = () => {
+ const { number } = this.props;
+ const { reconciliation_requested, period_date_start, period_date_end } =
+ this.state;
- if(!reconciliation_requested)
- {
- this.setState({ reconciliation_requested: true }, () =>
- {
- const date_from = moment(period_date_start).format("YYYY-MM-DD");
- const date_to = moment(period_date_end).format("YYYY-MM-DD");
+ if (!reconciliation_requested) {
+ this.setState({ reconciliation_requested: true }, () => {
+ const date_from = moment(period_date_start).format("YYYY-MM-DD");
+ const date_to = moment(period_date_end).format("YYYY-MM-DD");
- getReconciliationFile({
- contract: number,
- date_from: date_from,
- date_to: date_to,
- filename: `${ number }_reconciliation_${ date_from }_${ date_to }.pdf`,
- })
- .then(() =>
- {
- this.setState({ reconciliation_requested: false });
- })
- .catch(() =>
- {
- this.setState({ reconciliation_requested: false });
- });
- });
- }
- }
+ getReconciliationFile({
+ contract: number,
+ date_from: date_from,
+ date_to: date_to,
+ filename: `${number}_reconciliation_${date_from}_${date_to}.pdf`,
+ })
+ .then(() => {
+ this.setState({ reconciliation_requested: false });
+ })
+ .catch(() => {
+ this.setState({ reconciliation_requested: false });
+ });
+ });
+ }
+ };
- _handle_onPeriodDate_start = (date) =>
- {
- const { valid_date_start, valid_date_end, period_date_start, period_date_end } = this.state;
- const md = moment(date, "DD.MM.YYYY");
+ _handle_onPeriodDate_start = (date) => {
+ const {
+ valid_date_start,
+ valid_date_end,
+ period_date_start,
+ period_date_end,
+ } = this.state;
+ const md = moment(date, "DD.MM.YYYY");
- if(md.isValid())
- {
- if(date >= valid_date_start && date <= valid_date_end)
- {
- if(date < period_date_end)
- {
- this.setState({ period_date_start: date, reconciliation_disabled: false });
- }
- else
- {
- this.setState({ period_date_start: date, reconciliation_disabled: true });
- }
- }
- else
- {
- this.setState({ period_date_start: date, reconciliation_disabled: true });
- }
- }
- else
- {
- this.setState({ reconciliation_disabled: true });
- }
- }
+ if (md.isValid()) {
+ if (date >= valid_date_start && date <= valid_date_end) {
+ if (date < period_date_end) {
+ this.setState({
+ period_date_start: date,
+ reconciliation_disabled: false,
+ });
+ } else {
+ this.setState({
+ period_date_start: date,
+ reconciliation_disabled: true,
+ });
+ }
+ } else {
+ this.setState({
+ period_date_start: date,
+ reconciliation_disabled: true,
+ });
+ }
+ } else {
+ this.setState({ reconciliation_disabled: true });
+ }
+ };
- _handle_onPeriodDate_end = (date) =>
- {
- console.log("_handle_onPeriodDate_end", "date", date);
+ _handle_onPeriodDate_end = (date) => {
+ console.log("_handle_onPeriodDate_end", "date", date);
- const { valid_date_start, valid_date_end, period_date_start, period_date_end } = this.state;
+ const {
+ valid_date_start,
+ valid_date_end,
+ period_date_start,
+ period_date_end,
+ } = this.state;
- if(moment(date).isValid())
- {
- if(date >= valid_date_start && date <= valid_date_end)
- {
- if(date > period_date_start)
- {
- this.setState({ period_date_end: date, reconciliation_disabled: false });
- }
- else
- {
- this.setState({ period_date_end: date, reconciliation_disabled: true });
- }
- }
- else
- {
- this.setState({ period_date_end: date, reconciliation_disabled: true });
- }
- }
- else
- {
- this.setState({ reconciliation_disabled: true });
- }
- }
+ if (moment(date).isValid()) {
+ if (date >= valid_date_start && date <= valid_date_end) {
+ if (date > period_date_start) {
+ this.setState({
+ period_date_end: date,
+ reconciliation_disabled: false,
+ });
+ } else {
+ this.setState({
+ period_date_end: date,
+ reconciliation_disabled: true,
+ });
+ }
+ } else {
+ this.setState({ period_date_end: date, reconciliation_disabled: true });
+ }
+ } else {
+ this.setState({ reconciliation_disabled: true });
+ }
+ };
- _handle_onGroup = (group) =>
- {
- console.log("group", group);
- const opened = [ ...this.state.opened ];
+ _handle_onGroup = (group) => {
+ console.log("group", group);
+ const opened = [...this.state.opened];
- if(opened.indexOf(group) < 0)
- { opened.push(group); }
- else
- { opened.splice(opened.indexOf(group), 1); }
+ if (opened.indexOf(group) < 0) {
+ opened.push(group);
+ } else {
+ opened.splice(opened.indexOf(group), 1);
+ }
- this.setState({ opened: opened });
- }
+ this.setState({ opened: opened });
+ };
- _renderDocuments = (documents, type) =>
- {
- const { number } = this.props;
- const { opened } = this.state;
+ _renderDocuments = (documents, type) => {
+ const { number } = this.props;
+ const { opened } = this.state;
- if(documents !== undefined && documents !== null)
- {
- if(documents.length > 0)
- {
- return (
- <>
-
-1 ? "open" : "" }`}>
-
this._handle_onGroup(type) }>
-
{ TYPES[type] }
- { documents.length > 3 && (
-
-1 ? "rotate" : "" }`}>
- ) }
-
-
-
- { documents.slice(0, opened.indexOf(type) > -1 ? documents.length : 3).map((doc, index) =>
- {
- console.log("doc", doc);
- return (
-
-
- { doc.num } от { moment(doc.date).format("DD.MM.YYYY") }
-
-
-
- )
- }) }
- { opened.indexOf(type) < 0 && documents.length > 3 && (
-
this._handle_onGroup(type) }>
-
Еще { documents.length - 3 } { pluralize((documents.length - 3), 'документов', 'документ', 'документа', 'документов') }
-
- ) }
-
-
- )
- }
+ if (documents !== undefined && documents !== null) {
+ if (documents.length > 0) {
+ return (
+ <>
+
+
-1 ? "open" : ""
+ }`}
+ >
+
+
+
+ {documents
+ .slice(0, opened.indexOf(type) > -1 ? documents.length : 3)
+ .map((doc, index) => {
+ console.log("doc", doc);
+ return (
+
+
+ {doc.num} от {moment(doc.date).format("DD.MM.YYYY")}
+
+
+
+ );
+ })}
+ {opened.indexOf(type) < 0 && documents.length > 3 && (
+
this._handle_onGroup(type)}
+ >
+
+ Еще {documents.length - 3}{" "}
+ {pluralize(
+ documents.length - 3,
+ "документов",
+ "документ",
+ "документа",
+ "документов"
+ )}
+
+
+ )}
+
+
+
+ );
+ }
- if(type !== "upd_avans" && type !== "billfines")
- {
- return (
- <>
-
-1 ? "open" : "" }`}>
-
this._handle_onGroup(type) }>
-
{ TYPES[type] }
-
-
-
-
Документов пока еще нет.
-
-
-
- );
- }
- }
+ if (type !== "upd_avans" && type !== "billfines") {
+ return (
+ <>
+
+
-1 ? "open" : ""
+ }`}
+ >
+
+
+
+
Документов пока еще нет.
+
+
+
+
+ );
+ }
+ }
- return null;
- }
+ return null;
+ };
- _renderFines = (fines, type) =>
- {
- console.log("_renderFines");
- console.log("fines");
- console.log(fines);
+ _renderFines = (fines, type) => {
+ console.log("_renderFines");
+ console.log("fines");
+ console.log(fines);
- const { number } = this.props;
- const { opened } = this.state;
+ const { number } = this.props;
+ const { opened } = this.state;
- const status = {
- "NotPaid": "danger",
- "PaidEvolution": "success",
- "PaidIndependently": "success",
- };
+ const status = {
+ NotPaid: "danger",
+ PaidEvolution: "success",
+ PaidIndependently: "success",
+ };
- if(fines.length > 0)
- {
- return (
- <>
-
-1 ? "open" : "" }`}>
-
this._handle_onGroup('fines') }>
-
{ TYPES[ 'fines' ] }
- { fines.length > 3 && (
-
-1 ? "rotate" : "" }`}>
- ) }
-
-
-
- { fines.slice(0, opened.indexOf('fines') > -1 ? fines.length : 3).map((fine, fine_index) => (
-
-
-
-
№ постановления: { fine.fine_number }
-
- Дата нарушения: { moment(fine.violation_date).format("DD.MM.YYYY") }
- { fine.violation_place !== undefined && fine.violation_place !== null && (Место нарушения: { fine.violation_place } )}
- Сумма: { numeral(fine.amount).format(' ., ') } ₽
- { fine.gibdd !== undefined && fine.gibdd !== null && (Подразделение: { fine.gibdd } )}
- Статус: { fine.status }
-
-
Штраф: { fine.fine_title }
-
- { fine.status_code !== "PaidIndependently" && (
-
- ) }
-
- {/*}
+ if (fines.length > 0) {
+ return (
+ <>
+
+
-1 ? "open" : ""
+ }`}
+ >
+
+
+
+ {fines
+ .slice(0, opened.indexOf("fines") > -1 ? fines.length : 3)
+ .map((fine, fine_index) => (
+
+
+
+
+ № постановления: {fine.fine_number}
+
+
+
+ Дата нарушения:{" "}
+
+ {moment(fine.violation_date).format("DD.MM.YYYY")}
+
+
+ {fine.violation_place !== undefined &&
+ fine.violation_place !== null && (
+
+ Место нарушения: {fine.violation_place}
+
+ )}
+
+ Сумма:{" "}
+
+ {numeral(fine.amount).format(" ., ")} ₽
+
+
+ {fine.gibdd !== undefined && fine.gibdd !== null && (
+
+ Подразделение: {fine.gibdd}
+
+ )}
+
+ Статус:{" "}
+
+ {fine.status}
+
+
+
+
+ Штраф: {fine.fine_title}
+
+
+ {fine.status_code !== "PaidIndependently" && (
+
+ )}
+
+ {/*}
{*/}
-
- )) }
- { opened.indexOf(type) < 0 && fines.length > 3 && (
-
this._handle_onGroup(type) }>
-
Еще { fines.length - 3 } { pluralize((fines.length - 3), 'постановлений', 'постановление', 'постановления', 'постановлений') }
-
- ) }
-
-
- )
- }
+
+ ))}
+ {opened.indexOf(type) < 0 && fines.length > 3 && (
+
this._handle_onGroup(type)}
+ >
+
+ Еще {fines.length - 3}{" "}
+ {pluralize(
+ fines.length - 3,
+ "постановлений",
+ "постановление",
+ "постановления",
+ "постановлений"
+ )}
+
+
+ )}
+
+
+
+ );
+ }
- return (
- <>
-
-1 ? "open" : "" }`}>
-
this._handle_onGroup(type) }>
-
{ TYPES[type] }
-
-
-
-
Штрафов не найдено.
-
-
-
- );
- }
+ return (
+ <>
+
+
-1 ? "open" : ""
+ }`}
+ >
+
this._handle_onGroup(type)}
+ >
+
{TYPES[type]}
+
+
+
+
Штрафов не найдено.
+
+
+
+
+ );
+ };
- render()
- {
- const { loading, date, car, contract_date, documents, period_date_start, period_date_end, valid_date_start, valid_date_end, reconciliation_requested, reconciliation_disabled, opened } = this.state;
- const { number } = this.props;
+ render() {
+ const {
+ loading,
+ date,
+ car,
+ contract_date,
+ documents,
+ period_date_start,
+ period_date_end,
+ valid_date_start,
+ valid_date_end,
+ reconciliation_requested,
+ reconciliation_disabled,
+ opened,
+ } = this.state;
+ const { number } = this.props;
- console.log("documentsdocumentsdocumentsdocumentsdocuments");
- console.log(documents);
+ console.log("documentsdocumentsdocumentsdocumentsdocuments");
+ console.log(documents);
- console.log("opened");
- console.log(opened);
+ console.log("opened");
+ console.log(opened);
- 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 номера' }` : '' }
+ 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 номера"
+ }`
+ : ""}
+
+
+
+
+
+
+
+ {loading ? (
+
+
+ ) : (
+ <>
+
+
Акт сверки
+
+
+ {
+ this._handle_onReconciliationFileRequest();
+ }}
+ >
+ <>
+ {reconciliation_requested ? (
+
+
+ Отправить в ЭДО
+
+
+
+ {documents !== undefined && documents !== null ? (
+ <>
+ {this._renderDocuments(documents.upd, "upd")}
+ {this._renderDocuments(
+ documents.upd_avans,
+ "upd_avans"
+ )}
+ {this._renderDocuments(
+ documents.billfines,
+ "billfines"
+ )}
+ {this._renderFines(documents.fines, "fines")}
+
+ ) : null}
+
+
+
+
+
Счета-уведомления на пени
+
+
+
+
Введите планируемую дату оплаты просроченной задолженности для расчёта пеней
+
-
-
-
- { loading ? (
-
-
- ) : (
- <>
-
-
Акт сверки
-
-
- { this._handle_onReconciliationFileRequest() }}>
- <>
- { reconciliation_requested ? (
-
- {/*Отправить в ЭДО */}
-
-
- { documents !== undefined && documents !== null ? (
- <>
- { this._renderDocuments(documents.upd, 'upd') }
- { this._renderDocuments(documents.upd_avans, 'upd_avans') }
- { this._renderDocuments(documents.billfines, 'billfines') }
- { this._renderFines(documents.fines, 'fines') }
-
- ) : null }
-
-
- ) }
-
-
-
-
-
-
-
- );
- }
+
Применить
+
+
+
+
+
+
+
+
+ );
+ }
}
-function mapStateToProps(state, ownProps)
-{
- return {
- contract_date: state.contract.date,
- date: state.contract.date,
- car: state.contract.car,
- documents: state.contract.documents,
- }
+function mapStateToProps(state, ownProps) {
+ return {
+ contract_date: state.contract.date,
+ date: state.contract.date,
+ car: state.contract.car,
+ documents: state.contract.documents,
+ };
}
-export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
- async ({ req, res, query }) =>
- {
- return {
- props: {
- number: query.number,
- }
- }
- }
+export const getServerSideProps = reduxWrapper.getServerSideProps(
+ (store) =>
+ async ({ req, res, query }) => {
+ return {
+ props: {
+ number: query.number,
+ },
+ };
+ }
);
export default withRouter(connect(mapStateToProps)(ContractDocumentsPage));
-{/*}
+{
+ /*}
№ постановления: 3432434242334
@@ -454,4 +656,5 @@ export default withRouter(connect(mapStateToProps)(ContractDocumentsPage));
-{*/}
\ No newline at end of file
+{*/
+}
diff --git a/pages/contract/index.js b/pages/contract/index.js
index f72ca4e..699f367 100644
--- a/pages/contract/index.js
+++ b/pages/contract/index.js
@@ -126,20 +126,46 @@ class ContractSchedulePage extends React.Component
Договор №{ 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 номера' }` : '' }
+
{ 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 номера' }` : '' }
+ {/* Вариант 1 */}
+
+
+
Счёт на основной долг 1: 45 000 ₽
+
Скачать счет
+
+
+
Пени: 45 000 ₽
+
Скачать счет
+
Рассчитать пени
+
+
Сумма авансовых поступлений по договору: { numeral(avans).format(' ., ') } ₽
+
Сумма авансовых поступлений по договору: { numeral(avans).format(' ., ') } ₽
+
+
Пени: 45 000 ₽
+
Скачать счет
+
+
№ платежа
Дата лизингового платежа
-
Лизинговый платеж с НДС
-
НДС, 20%
+
Лизинговый платеж с НДС ₽
+
НДС, 20% ₽
Статус платежа
Платежное поручение
diff --git a/pages/index.js b/pages/index.js
index 062b1ab..1ccb21e 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -17,6 +17,8 @@ import Company from "./components/Company";
import DateInput from './components/DatePicker';
import Pagination from './components/Pagination';
+import Feed from "./components/Feed";
+
import { getContractsList } from '../actions';
class IndexPage extends React.Component
@@ -163,6 +165,7 @@ class IndexPage extends React.Component
+
@@ -172,7 +175,9 @@ class IndexPage extends React.Component
-
+
+
+
)) : (
@@ -250,6 +281,25 @@ class IndexPage extends React.Component
{ !all && (
) }
+
+
+
+
+
+
+
+
Помогу выбрать новый автомобиль
+
Иванов Иван
+
Менеджер по продажам
+
+
+
+
+
diff --git a/public/assets/images/icons/additional-service-1.svg b/public/assets/images/icons/additional-service-1.svg
new file mode 100644
index 0000000..28baac7
--- /dev/null
+++ b/public/assets/images/icons/additional-service-1.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/additional-service-2.svg b/public/assets/images/icons/additional-service-2.svg
new file mode 100644
index 0000000..c645e40
--- /dev/null
+++ b/public/assets/images/icons/additional-service-2.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/public/assets/images/icons/additional-service-3.svg b/public/assets/images/icons/additional-service-3.svg
new file mode 100644
index 0000000..3d84e0e
--- /dev/null
+++ b/public/assets/images/icons/additional-service-3.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/additional-service-4.svg b/public/assets/images/icons/additional-service-4.svg
new file mode 100644
index 0000000..d34b097
--- /dev/null
+++ b/public/assets/images/icons/additional-service-4.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/additional-service-5.svg b/public/assets/images/icons/additional-service-5.svg
new file mode 100644
index 0000000..943d40e
--- /dev/null
+++ b/public/assets/images/icons/additional-service-5.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/public/assets/images/icons/additional-service-6.svg b/public/assets/images/icons/additional-service-6.svg
new file mode 100644
index 0000000..f6d292b
--- /dev/null
+++ b/public/assets/images/icons/additional-service-6.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/additional-service-7.svg b/public/assets/images/icons/additional-service-7.svg
new file mode 100644
index 0000000..d30cc33
--- /dev/null
+++ b/public/assets/images/icons/additional-service-7.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/avatar.svg b/public/assets/images/icons/avatar.svg
new file mode 100644
index 0000000..feffd82
--- /dev/null
+++ b/public/assets/images/icons/avatar.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/public/assets/images/icons/company-arrow.svg b/public/assets/images/icons/company-arrow.svg
new file mode 100644
index 0000000..63db4ea
--- /dev/null
+++ b/public/assets/images/icons/company-arrow.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/icon-email.svg b/public/assets/images/icons/icon-email.svg
new file mode 100644
index 0000000..12d0dae
--- /dev/null
+++ b/public/assets/images/icons/icon-email.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/icon-message.svg b/public/assets/images/icons/icon-message.svg
new file mode 100644
index 0000000..e7a3f38
--- /dev/null
+++ b/public/assets/images/icons/icon-message.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/public/assets/images/icons/icon-messanger.svg b/public/assets/images/icons/icon-messanger.svg
new file mode 100644
index 0000000..82b8ee6
--- /dev/null
+++ b/public/assets/images/icons/icon-messanger.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/icon-notify.svg b/public/assets/images/icons/icon-notify.svg
new file mode 100644
index 0000000..5641b48
--- /dev/null
+++ b/public/assets/images/icons/icon-notify.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/icon-phone-2.svg b/public/assets/images/icons/icon-phone-2.svg
new file mode 100644
index 0000000..8da9bba
--- /dev/null
+++ b/public/assets/images/icons/icon-phone-2.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/public/assets/images/icons/icon-phone-black.svg b/public/assets/images/icons/icon-phone-black.svg
new file mode 100644
index 0000000..b6832af
--- /dev/null
+++ b/public/assets/images/icons/icon-phone-black.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/icon-phone-blue.svg b/public/assets/images/icons/icon-phone-blue.svg
new file mode 100644
index 0000000..97b1650
--- /dev/null
+++ b/public/assets/images/icons/icon-phone-blue.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/icon-selected.svg b/public/assets/images/icons/icon-selected.svg
new file mode 100644
index 0000000..809ba2b
--- /dev/null
+++ b/public/assets/images/icons/icon-selected.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/logout.svg b/public/assets/images/icons/logout.svg
index cb471b7..44b64b8 100644
--- a/public/assets/images/icons/logout.svg
+++ b/public/assets/images/icons/logout.svg
@@ -1,5 +1,5 @@
-
- 
+