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() {
+
);
}