diff --git a/Components/Calculation/Results/Output/config.ts b/Components/Calculation/Results/Output/config.ts new file mode 100644 index 0000000..c3926e2 --- /dev/null +++ b/Components/Calculation/Results/Output/config.ts @@ -0,0 +1,21 @@ +/* eslint-disable object-curly-newline */ +/* eslint-disable import/prefer-default-export */ + +import type { FormTabRows } from '../../lib/render-rows'; + +export const id = 'output'; +export const title = 'Результаты'; + +const defaultRowStyle = { gridTemplateColumns: ['1fr', '1fr 1fr'] }; + +export const rows: FormTabRows = [ + [['labelResultTotalGraphwithNDS', 'labelResultPlPrice'], defaultRowStyle], + [['labelResultPriceUpPr', 'labelResultIRRGraphPerc'], defaultRowStyle], + [['labelResultIRRNominalPerc', 'labelResultInsKasko'], defaultRowStyle], + [['labelResultInsOsago', 'labelResultDopProdSum'], defaultRowStyle], + [['labelResultFirstPayment', 'labelResultLastPayment'], defaultRowStyle], + [['labelResultFirstPaymentRiskPolicy', 'labelResultTerm'], defaultRowStyle], + [['labelResultAB_FL', 'labelResultAB_UL'], defaultRowStyle], + [['labelResultBonusMPL', 'labelResultDopMPLLeasing'], defaultRowStyle], + [['labelResultBonusDopProd', 'labelResultBonusSafeFinance'], defaultRowStyle], +]; diff --git a/Components/Calculation/Results/Output/index.js b/Components/Calculation/Results/Output/index.js new file mode 100644 index 0000000..24204f1 --- /dev/null +++ b/Components/Calculation/Results/Output/index.js @@ -0,0 +1,12 @@ +import renderFormRows from 'Components/Calculation/lib/render-rows'; +import { id, rows, title } from './config'; + +function Output() { + return renderFormRows(rows); +} + +export default { + id, + title, + Component: Output, +}; diff --git a/Components/Calculation/Results/index.jsx b/Components/Calculation/Results/index.jsx new file mode 100644 index 0000000..e6dea5e --- /dev/null +++ b/Components/Calculation/Results/index.jsx @@ -0,0 +1,31 @@ +import Background from 'Elements/layout/Background'; +import Tabs from 'Elements/layout/Tabs'; +import styled from 'styled-components'; +import { min } from 'UIKit/mq'; +import Output from './Output'; + +const resultsTabs = [Output]; + +const Wrapper = styled(Background)` + padding: 4px 10px; + + ${min('laptop')} { + padding: 4px 18px; + } +`; + +function Results() { + return ( + + + {resultsTabs.map(({ id, title, Component }) => ( + + + + ))} + + + ); +} + +export default Results; diff --git a/Components/Calculation/Settings/index.js b/Components/Calculation/Settings/index.js index fdcd3a4..a486857 100644 --- a/Components/Calculation/Settings/index.js +++ b/Components/Calculation/Settings/index.js @@ -8,7 +8,7 @@ const Wrapper = styled(Background)` padding: 4px 10px; ${min('laptop')} { - padding: 10px 18px; + padding: 4px 18px 10px; } `; diff --git a/Components/Calculation/config/elements-titles.ts b/Components/Calculation/config/elements-titles.ts index 61e3a7d..7195602 100644 --- a/Components/Calculation/config/elements-titles.ts +++ b/Components/Calculation/config/elements-titles.ts @@ -133,8 +133,8 @@ const titles: Record labelResultInsKasko: 'КАСКО, НС, ДГО в графике', labelResultInsOsago: 'ОСАГО в графике', labelResultDopProdSum: 'Общая сумма доп.продуктов', - labelResultFirstPayment: 'Первый платеж.', - labelResultLastPayment: 'Последний платеж.', + labelResultFirstPayment: 'Первый платеж', + labelResultLastPayment: 'Последний платеж', labelResultTerm: 'Срок, мес.', labelResultAB_FL: 'АВ ФЛ, без НДФЛ.', labelResultAB_UL: 'АВ ЮЛ, с НДС.', diff --git a/Components/Calculation/index.js b/Components/Calculation/index.js index 38d914e..eaba8e0 100644 --- a/Components/Calculation/index.js +++ b/Components/Calculation/index.js @@ -2,6 +2,7 @@ import styled from 'styled-components'; import { Box } from 'UIKit/grid'; import { min } from 'UIKit/mq'; import Form from './Form'; +import Results from './Results'; import Settings from './Settings'; const Grid = styled(Box)` @@ -29,6 +30,7 @@ export default function Calculation() {
+ ); }