123 lines
4.8 KiB
JavaScript
123 lines
4.8 KiB
JavaScript
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 { reduxWrapper } from '../../store';
|
||
|
||
import Header from '../components/Header';
|
||
import Footer from '../components/Footer';
|
||
import Company from "../components/Company";
|
||
import InnerMenu from "./components/InnerMenu";
|
||
|
||
class ContractSchedulePage extends React.Component
|
||
{
|
||
constructor(props)
|
||
{
|
||
super(props);
|
||
}
|
||
|
||
render()
|
||
{
|
||
return (
|
||
<React.Fragment>
|
||
<Head>
|
||
<title>ЛК Эволюция автолизинга</title>
|
||
<meta
|
||
name="description"
|
||
content="ЛК Эволюция автолизинга"
|
||
/>
|
||
</Head>
|
||
<Header { ...this.props }/>
|
||
<main>
|
||
<section>
|
||
<div className="clear"></div>
|
||
<div className="container">
|
||
<div className="title_wrapper">
|
||
<div className="left">
|
||
<h1 className="section_title">Договор №1234/2021 от 10.01.2021</h1>
|
||
</div>
|
||
<Company/>
|
||
</div>
|
||
<div className="aside_container about">
|
||
<InnerMenu number={ "1234-2021" } { ...this.props }/>
|
||
<article>
|
||
<div className="contract_table schedule">
|
||
<div className="table_row table_header">
|
||
<div className="table_cell caret">№ платежа</div>
|
||
<div className="table_cell caret">Дата лизингового платежа</div>
|
||
<div className="table_cell caret">Лизинговый платеж с НДС (рубли)</div>
|
||
<div className="table_cell caret">НДС, 20% (рубли)</div>
|
||
<div className="table_cell">Статус платежа</div>
|
||
<div className="table_cell">Платежное поручение</div>
|
||
</div>
|
||
<button className="show_more primary">Показать прошедшие платежи</button>
|
||
<div className="table_row" data-status="overpayment-2">
|
||
<div className="table_cell" data-title="Платеж №">11</div>
|
||
<div className="table_cell" data-title="от">21.02.2021</div>
|
||
<div className="table_cell" data-title="На сумму">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
|
||
<div className="table_cell"><span>Переплата</span> <span>15 000,00 ₽</span></div>
|
||
<div className="table_cell">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
|
||
|
||
<button className="toggle_cell"></button>
|
||
</div>
|
||
<div className="table_row opened" data-status="overpayment-1">
|
||
<div className="table_cell" data-title="Платеж №">12</div>
|
||
<div className="table_cell" data-title="от">21.02.2021</div>
|
||
<div className="table_cell" data-title="На сумму">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
|
||
<div className="table_cell">Переплата 10 000,00 ₽</div>
|
||
<div className="table_cell">№34223 от 21/02/2021 на сумму 229 724,05 ₽</div>
|
||
|
||
<button className="toggle_cell"></button>
|
||
</div>
|
||
<div className="table_row" data-status="paid">
|
||
<div className="table_cell" data-title="Платеж №">13</div>
|
||
<div className="table_cell" data-title="от">21.02.2021</div>
|
||
<div className="table_cell" data-title="На сумму">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
|
||
<div className="table_cell">Оплачено </div>
|
||
<div className="table_cell">№44911 от 10/03/2021 на сумму 100 000,00 ₽
|
||
№49877 от 21/03/2021 на сумму 139 724,05 ₽</div>
|
||
|
||
<button className="toggle_cell"></button>
|
||
</div>
|
||
<div className="table_row">
|
||
<div className="table_cell" data-title="Платеж №">14</div>
|
||
<div className="table_cell" data-title="от">21.02.2021</div>
|
||
<div className="table_cell" data-title="На сумму">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
|
||
<div className="table_cell">Не оплачено </div>
|
||
<div className="table_cell">-</div>
|
||
|
||
<button className="toggle_cell"></button>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<Footer/>
|
||
</React.Fragment>
|
||
);
|
||
}
|
||
}
|
||
|
||
function mapStateToProps(state, ownProps)
|
||
{
|
||
return {
|
||
company: state.company,
|
||
schedule: state.payments,
|
||
}
|
||
}
|
||
|
||
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
|
||
async ({ req, res, query }) =>
|
||
{
|
||
}
|
||
);
|
||
|
||
export default withRouter(connect(mapStateToProps)(ContractSchedulePage));
|