144 lines
4.6 KiB
JavaScript
144 lines
4.6 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 InnerMenu from "./components/InnerMenu";
|
||
import Company from "../components/Company";
|
||
|
||
class ContractDocumentsPage extends React.Component
|
||
{
|
||
constructor(props)
|
||
{
|
||
super(props);
|
||
}
|
||
|
||
render()
|
||
{
|
||
const { number } = this.props;
|
||
|
||
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">Договор №{ number.replace("_", "/") } от 10.01.2021</h1>
|
||
</div>
|
||
<Company />
|
||
</div>
|
||
<div className="aside_container about">
|
||
<InnerMenu number={ number } {...this.props} />
|
||
<article>
|
||
<div className="reconciliation_form">
|
||
<p>Акт сверки</p>
|
||
<div className="form_group">
|
||
<div className="form_field">
|
||
<input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus={() => {/*(this.type='date')*/ }} onBlur={() => {/*(this.value == '' ? this.type='text' : this.type='date')*/ }} />
|
||
</div>
|
||
<div className="form_field">
|
||
<input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus={() => { /*(this.type='date')*/ }} onBlur={() => {/*(this.value == '' ? this.type='text' : this.type='date')*/ }} />
|
||
</div>
|
||
</div>
|
||
<div className="form_group">
|
||
<button className="button button-blue">Скачать</button>
|
||
<button className="button button-blue">Отправить в ЭДО</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="dropdown_blocks_list">
|
||
<div className="dropdown_block bt">
|
||
<div className="block_header">
|
||
<p>
|
||
УПД по очередным платежам
|
||
</p>
|
||
<button className="block_toggle"></button>
|
||
</div>
|
||
<div className="block_body">
|
||
<div className="transaction_detail">
|
||
<p>№ постановления: <b>3432434242334</b></p>
|
||
<ul>
|
||
<li>Сумма: <b>3 000,00 р.</b></li>
|
||
<li>Дата: <b>01/01/2020</b></li>
|
||
<li>Статус: <b className="success">Оплачен</b></li>
|
||
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="dosc_list medium-icon">
|
||
<div className="row">
|
||
<p className="doc_name i-pdf i-medium">
|
||
Дополнительное соглашение №1
|
||
</p>
|
||
<a href="#" className="button button-blue download-icon">Скачать</a>
|
||
</div>
|
||
<div className="row">
|
||
<p className="doc_name i-pdf i-medium">
|
||
Дополнительное соглашение №2
|
||
</p>
|
||
<a href="#" className="button button-blue download-icon">Скачать</a>
|
||
</div>
|
||
<div className="row">
|
||
<p className="doc_name i-pdf i-medium">
|
||
Выкупные документы
|
||
</p>
|
||
<a href="#" className="button button-blue download-icon">Скачать</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="dropdown_block bt">
|
||
<div className="block_header">
|
||
<p>
|
||
УПД по доп.услугам
|
||
</p>
|
||
<button className="block_toggle"></button>
|
||
</div>
|
||
<div className="block_body"></div>
|
||
</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 }) =>
|
||
{
|
||
return {
|
||
props: {
|
||
number: query.number,
|
||
}
|
||
}
|
||
}
|
||
);
|
||
|
||
export default withRouter(connect(mapStateToProps)(ContractDocumentsPage)); |