fixes for graphic comparison
This commit is contained in:
parent
cef9c7bc78
commit
7fb9ba59d7
@ -110,7 +110,7 @@ export default class NotificationMessage extends React.Component
|
||||
{
|
||||
return (
|
||||
<li className="new">
|
||||
<p className="name"><b>Сформировано новое ДС №{ event.add_info} от { moment(event.event_date).format("DD.MM.YYYY") } по договору №{ event.contract_number }. Срок подписания (НЕТ ДАТЫ).</b></p>
|
||||
<p className="name"><b>Сформировано новое ДС №{ event.add_info} от { moment(event.event_date).format("DD.MM.YYYY") } по договору №{ event.contract_number }.</b></p>
|
||||
{ event.important && (<p className="type">Важное</p>) }
|
||||
<p className="date">{ moment(event.event_date).format("DD.MM.YYYY") }</p>
|
||||
<p className="action">
|
||||
|
||||
@ -20,20 +20,22 @@ export default class Comparison extends React.Component
|
||||
show_previous: false,
|
||||
mixed_index: 0,
|
||||
signatories_show_all: false,
|
||||
opened: [],
|
||||
};
|
||||
}
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
if(this.props.signer === undefined)
|
||||
const { signer, signatories, calculations, calculation_id, current } = this.props;
|
||||
const { today } = this.state;
|
||||
if(signer === undefined)
|
||||
{
|
||||
if(this.props.signatories !== undefined && this.props.signatories !== null)
|
||||
if(signatories !== undefined && signatories !== null)
|
||||
{
|
||||
this._handle_onSigner(this.props.signatories[0].signatoryid);
|
||||
this._handle_onSigner(signatories[0].signatoryid);
|
||||
}
|
||||
}
|
||||
|
||||
const { calculations, calculation_id, } = this.props;
|
||||
let calculation = null;
|
||||
|
||||
for(let i in calculations)
|
||||
@ -45,7 +47,17 @@ export default class Comparison extends React.Component
|
||||
}
|
||||
}
|
||||
|
||||
this.setState({ calculation : calculation });
|
||||
const opened = [];
|
||||
for(let i in current)
|
||||
{
|
||||
if(moment(current[i].plandate) >= today)
|
||||
{
|
||||
opened.push(current[i].name);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
this.setState({ calculation, opened });
|
||||
}
|
||||
|
||||
componentDidUpdate(prevProps, prevState)
|
||||
@ -88,7 +100,18 @@ export default class Comparison extends React.Component
|
||||
|
||||
_handle_onMixedPayment = (index) =>
|
||||
{
|
||||
this.setState({ mixed_index: index });
|
||||
const opened = [ ...this.state.opened ];
|
||||
|
||||
if(opened.indexOf(index) > -1)
|
||||
{
|
||||
opened.splice(opened.indexOf(index));
|
||||
}
|
||||
else
|
||||
{
|
||||
opened.push(index);
|
||||
}
|
||||
|
||||
this.setState({ opened });
|
||||
}
|
||||
|
||||
_handle_onShowPrevious = () =>
|
||||
@ -104,6 +127,82 @@ export default class Comparison extends React.Component
|
||||
console.log(this.state);
|
||||
}
|
||||
|
||||
_renderMixedPayments = () =>
|
||||
{
|
||||
const { calculation, mixed_index, opened, today, show_previous, } = this.state;
|
||||
const { current, calculated } = this.props;
|
||||
|
||||
if(current !== undefined && current !== null && calculated !== undefined && calculated !== null)
|
||||
{
|
||||
console.log("_renderMixedPayments", "current.length", current.length, "calculated.length", calculated.length);
|
||||
|
||||
if(current.length > calculated.length)
|
||||
{
|
||||
return (
|
||||
<>
|
||||
{ current.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
else
|
||||
{
|
||||
return (
|
||||
<div key={ `mixed_${ index }` } className={ `table_row ${ opened.indexOf(payment.name) > -1 && "opened" }` } onClick={ () => this._handle_onMixedPayment(payment.name) }>
|
||||
<p className="row_title">Платеж №{ payment.name }</p>
|
||||
<div className="table_group">
|
||||
<div className="table_cell">
|
||||
<div><span>Текущий график</span> { moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div><span>На сумму</span> { numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
<div><span>Новый график</span> { calculated[index] !== undefined ? moment(calculated[index].plandate, "YYYY.MM.DD").format("DD.MM.YYYY") : (`-`) }</div>
|
||||
<div><span>На сумму</span> { calculated[index] !== undefined ? (<>{ numeral(calculated[index].sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { calculated[index] !== undefined ? (<>{ numeral(calculated[index].early_repayment_sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}) }
|
||||
</>
|
||||
)
|
||||
}
|
||||
else
|
||||
{
|
||||
return (
|
||||
<>
|
||||
{ calculated.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
else
|
||||
{
|
||||
return (
|
||||
<div key={ `mixed_${ index }` } className={ `table_row ${ opened.indexOf(payment.name) > -1 && "opened" }` } onClick={ () => this._handle_onMixedPayment(payment.name) }>
|
||||
<p className="row_title">Платеж №{ payment.name }</p>
|
||||
<div className="table_group">
|
||||
<div className="table_cell">
|
||||
<div><span>Текущий график</span> { current[index] !== undefined ? moment(current[index].plandate, "YYYY.MM.DD").format("DD.MM.YYYY") : (`-`) }</div>
|
||||
<div><span>На сумму</span> { current[index] !== undefined ? (<>{ numeral(current[index].sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { current[index] !== undefined ? (<>{ numeral(current[index].early_repayment_sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
<div><span>Новый график</span> { moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div><span>На сумму</span> { numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}) }
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
render()
|
||||
{
|
||||
const { calculation, mixed_index, today, show_previous, signatories_show_all } = this.state;
|
||||
@ -189,21 +288,19 @@ export default class Comparison extends React.Component
|
||||
</button>
|
||||
</div>
|
||||
) }
|
||||
{ current !== undefined &&
|
||||
current !== null &&
|
||||
current.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
return (
|
||||
<div key={ `current_${ index }` } className="table_row" >
|
||||
<div>{ payment.name }</div>
|
||||
<div>{ moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div>{ numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div>{ numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}
|
||||
{ current !== undefined && current !== null && current.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
|
||||
return (
|
||||
<div key={ `current_${ index }` } className="table_row" >
|
||||
<div>{ payment.name }</div>
|
||||
<div>{ moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div>{ numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div>{ numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
)
|
||||
}) }
|
||||
</div>
|
||||
</div>
|
||||
<div className="compare_table">
|
||||
@ -226,21 +323,19 @@ export default class Comparison extends React.Component
|
||||
</button>
|
||||
</div>
|
||||
) }
|
||||
{ calculated !== undefined &&
|
||||
calculated !== null &&
|
||||
calculated.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
return (
|
||||
<div key={ `current_${ index }` } className="table_row">
|
||||
<div>{ payment.name }</div>
|
||||
<div>{ moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div>{ numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div>{ numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}
|
||||
{ calculated !== undefined && calculated !== null && calculated.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
|
||||
return (
|
||||
<div key={ `current_${ index }` } className="table_row">
|
||||
<div>{ payment.name }</div>
|
||||
<div>{ moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div>{ numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div>{ numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
)
|
||||
}) }
|
||||
</div>
|
||||
</div>
|
||||
<div className="compare_table touchable">
|
||||
@ -250,32 +345,7 @@ export default class Comparison extends React.Component
|
||||
Показать прошедшие платежи
|
||||
</button>
|
||||
) }
|
||||
{ current !== undefined &&
|
||||
current !== null &&
|
||||
calculated !== undefined &&
|
||||
calculated !== null &&
|
||||
current.map((payment, index) =>
|
||||
{
|
||||
if(!show_previous && moment(payment.plandate) < today) { return null; }
|
||||
return (
|
||||
<div key={ `mixed_${ index }` } className={ `table_row ${ index === mixed_index && "opened" }` } onClick={ () => this._handle_onMixedPayment(index) }>
|
||||
<p className="row_title">Платеж №{ payment.name }</p>
|
||||
<div className="table_group">
|
||||
<div className="table_cell">
|
||||
<div><span>Текущий график</span> { moment(payment.plandate, "YYYY.MM.DD").format("DD.MM.YYYY") }</div>
|
||||
<div><span>На сумму</span> { numeral(payment.sum).format(' ., ') } ₽</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { numeral(payment.early_repayment_sum).format(' ., ') } ₽</div>
|
||||
</div>
|
||||
<div className="table_cell">
|
||||
<div><span>Новый график</span> { calculated[index] !== undefined ? moment(calculated[index].plandate, "YYYY.MM.DD").format("DD.MM.YYYY") : (`-`) }</div>
|
||||
<div><span>На сумму</span> { calculated[index] !== undefined ? (<>{ numeral(calculated[index].sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
<div><span>Сумма досрочного выкупа</span> { calculated[index] !== undefined ? (<>{ numeral(calculated[index].early_repayment_sum).format(' ., ') } ₽</>) : (`-`) }</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
})
|
||||
}
|
||||
{ this._renderMixedPayments() }
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -19,7 +19,7 @@ export default class InnerMenu extends React.Component
|
||||
{
|
||||
let l = 0;
|
||||
let m = 0;
|
||||
const menu = ["payments", "services", "agreement", "documents", "materials", "events", "change"];
|
||||
const menu = [ "payments", "services", "agreement", "documents", "materials", "events", "change" ];
|
||||
|
||||
for(let i in menu)
|
||||
{
|
||||
|
||||
@ -54,7 +54,6 @@ class ContractServicesPage extends React.Component
|
||||
|
||||
componentDidMount()
|
||||
{
|
||||
console.log("document.location.hash", document.location.hash);
|
||||
const { dispatch, number } = this.props;
|
||||
|
||||
if(!this.state.loading && number !== undefined)
|
||||
@ -144,6 +143,23 @@ class ContractServicesPage extends React.Component
|
||||
|
||||
}
|
||||
|
||||
_checkInsuranceAvailable = () =>
|
||||
{
|
||||
const { insurance, } = this.state;
|
||||
|
||||
if(insurance !== undefined && insurance !== null)
|
||||
{
|
||||
for(let i in insurance)
|
||||
{
|
||||
if(insurance[i].length > 0)
|
||||
{
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
render()
|
||||
{
|
||||
const { loading, contracts_info, opened, helpcard, insurance, registration, telematic, } = this.state;
|
||||
@ -223,121 +239,119 @@ class ContractServicesPage extends React.Component
|
||||
</p>
|
||||
<button className="block_toggle"></button>
|
||||
</div>
|
||||
<div className="block_body full">
|
||||
{ insurance !== undefined && insurance !== null ? (
|
||||
<>
|
||||
{ insurance.kasko !== undefined && insurance.kasko !== null && insurance.kasko !== "" && insurance.kasko.map !== undefined && insurance.kasko.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">КАСКО</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
{ this._checkInsuranceAvailable() ? (
|
||||
<div className="block_body full">
|
||||
{ insurance.kasko !== undefined && insurance.kasko !== null && insurance.kasko !== "" && insurance.kasko.map !== undefined && insurance.kasko.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">КАСКО</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.osago !== undefined && insurance.osago !== null && insurance.osago !== "" && insurance.osago.map !== undefined && insurance.osago.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">ОСАГО</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
{ entry.period_type === "prolong" && (
|
||||
<li className="alert">Обращаем Ваше внимание, что пролонгация полиса ОСАГО на второй и последующие периоды осуществляется Лизингополучателем самостоятельно</li>
|
||||
) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.osago !== undefined && insurance.osago !== null && insurance.osago !== "" && insurance.osago.map !== undefined && insurance.osago.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">ОСАГО</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.nsib !== undefined && insurance.nsib !== null && insurance.nsib !== "" && insurance.nsib.map !== undefined && insurance.nsib.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">НСИБ</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
{ entry.period_type === "prolong" && (
|
||||
<li className="alert">Обращаем Ваше внимание, что пролонгация полиса ОСАГО на второй и последующие периоды осуществляется Лизингополучателем самостоятельно</li>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.fingap !== undefined && insurance.fingap !== null && insurance.fingap !== "" && insurance.fingap.map !== undefined && insurance.fingap.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className= { `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">Safe Finance</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.docx` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.nsib !== undefined && insurance.nsib !== null && insurance.nsib !== "" && insurance.nsib.map !== undefined && insurance.nsib.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className={ `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">НСИБ</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.pdf` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} } onClick={ () => { entry.url !== null ? this._handle_onContract(entry.url) : {} } }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
</>
|
||||
) : (
|
||||
<div className="block_body"><p>Нет данных</p></div>
|
||||
) }
|
||||
</div>
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
{ insurance.fingap !== undefined && insurance.fingap !== null && insurance.fingap !== "" && insurance.fingap.map !== undefined && insurance.fingap.map((entry, index) => (
|
||||
<React.Fragment key={ index }>
|
||||
<div className= { `company ${ entry.period_type === "prolong" && "filled" }` }>
|
||||
<p className="title">Safe Finance</p>
|
||||
<ul>
|
||||
{ entry.company && (<li>Страховая компания: <b>{ entry.company }</b></li>) }
|
||||
{ entry.site && (<li>Сайт: <b>{ entry.site }</b></li>) }
|
||||
{ entry.phone && (<li>Телефон: <b>{ entry.phone }</b></li>) }
|
||||
{ entry.number && (
|
||||
<li>Номер полиса: <DownloadFileById id={ entry.url } filename={ `${ entry.number }.docx` }>
|
||||
<b style={ entry.url !== null ? { color: "#1C01A9", cursor: "pointer", } : {} }>{ entry.number }</b>
|
||||
</DownloadFileById>
|
||||
</li>
|
||||
) }
|
||||
{ entry.period && (<li>Период действия: <b>{ entry.period }</b></li>) }
|
||||
{ entry.amount && (<li>Страховая сумма: <b style={{ whiteSpace: "nowrap" }}>{ numeral(entry.amount).format(' ., ') } ₽</b></li>) }
|
||||
</ul>
|
||||
{ entry.period_type === "prolong" && entry.invoice_url !== null && (
|
||||
<div className="action">
|
||||
<DownloadPdfButton id={ entry.invoice_url } filename={ `${ entry.number }.pdf` } title="Скачать счет на оплату" class={ "services_invoice_button" }/>
|
||||
</div>
|
||||
) }
|
||||
</div>
|
||||
{ entry.description && (<p>{ entry.description }</p>) }
|
||||
</React.Fragment>
|
||||
)) }
|
||||
</div>
|
||||
) : (
|
||||
<div className="block_body"><p>Нет данных</p></div>
|
||||
) }
|
||||
</div>
|
||||
<div className={`dropdown_block ${ opened.indexOf("registration") > -1 ? 'open' : '' }`}>
|
||||
<div className="block_header" onClick={ () => this._handle_onCard('registration') }>
|
||||
|
||||
@ -23,6 +23,7 @@ export default class InnerMenu extends React.Component
|
||||
{
|
||||
let l = 0;
|
||||
let m = 0;
|
||||
const menu = [ "phone", "password", "admin" ];
|
||||
|
||||
for(let i in menu)
|
||||
{
|
||||
|
||||
@ -25,6 +25,7 @@ class InnerMenu extends React.Component
|
||||
{
|
||||
let l = 0;
|
||||
let m = 0;
|
||||
const menu = [ "faq", "appeals" ];
|
||||
|
||||
for(let i in menu)
|
||||
{
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user