diff --git a/components/DealsStatus/components/DocumentsForm.js b/components/DealsStatus/components/DocumentsForm.js index c792201..0d972ed 100644 --- a/components/DealsStatus/components/DocumentsForm.js +++ b/components/DealsStatus/components/DocumentsForm.js @@ -274,6 +274,7 @@ export default class DocumentsForm extends Step return c; } + /* _renderHeaderButtons = () => { const { open, uploading, completed, loading, } = this.state; @@ -293,19 +294,20 @@ export default class DocumentsForm extends Step return null; } + */ render() { const { index, statuscode_id, dealSelected, documents, questionnaire_status, } = this.props; - const { open, uploaded, uploading, loading } = this.state; + const { open, uploaded, uploading, loading, completed } = this.state; return (
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Сборка пакета документов") } -
+
{ loading ? (
@@ -388,6 +390,15 @@ export default class DocumentsForm extends Step ) }
+ { open && !loading && ( +
+ { this.status === statuscode_id && ( +
+ +
+ ) } +
+ ) }
) diff --git a/components/DealsStatus/components/FinancialProgram.js b/components/DealsStatus/components/FinancialProgram.js index 091e6cd..5f6a6d4 100644 --- a/components/DealsStatus/components/FinancialProgram.js +++ b/components/DealsStatus/components/FinancialProgram.js @@ -22,7 +22,7 @@ export default class FinancialProgram extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Программа финансирования") }
@@ -33,6 +33,10 @@ export default class FinancialProgram extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/Offers.js b/components/DealsStatus/components/Offers.js index 73883b8..543d22d 100644 --- a/components/DealsStatus/components/Offers.js +++ b/components/DealsStatus/components/Offers.js @@ -5,6 +5,56 @@ import { SpinnerCircular } from "spinners-react"; import { acceptDealOffers, downloadDealOffer, } from "../../../actions"; import Step from "./Step"; +class OfferDownload extends React.Component +{ + constructor(props) + { + super(props); + this.state = { + loading: false, + } + } + + _handle_onOffer = (quote_number) => + { + this.setState({ loading: true }, () => + { + downloadDealOffer({ quote_number, filename: `ЛК Эволюция КП №${ quote_number }.pdf` }) + .then(() => { + this.setState({ loading: false }); + }) + .catch(() => { + this.setState({ loading: false }); + }); + }) + } + + render() + { + const { offer } = this.props; + const { loading } = this.state; + + return ( +
this._handle_onOffer(offer.quote_number) }> +
+
+ { loading ? ( +
+ +
+ ) : ( +

+ КП + №{ offer.quote_number } +

+ ) } +
+
+
+ ) + } +} + export default class Offers extends Step { constructor(props) @@ -37,13 +87,6 @@ export default class Offers extends Step this.setState({ checked }); } - _handle_onOffer = (quote_number) => - { - downloadDealOffer({ quote_number, filename: `ЛК Эволюция КП №${ quote_number }.pdf` }) - .then(() => {}) - .catch(() => {}); - } - _handle_onSend = (event) => { event.preventDefault(); @@ -79,6 +122,7 @@ export default class Offers extends Step }); } + /* _renderHeaderButtons = () => { const { open, checked, loading } = this.state; @@ -98,6 +142,7 @@ export default class Offers extends Step return null; } + */ render() { @@ -108,7 +153,7 @@ export default class Offers extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Выбор КП ") }
{ offers === undefined || loading ? ( @@ -141,16 +186,16 @@ export default class Offers extends Step { statuscode_id === this.status && offer.quote_status ? ( -
+
-1 } onChange={ () => { this._handle_onCheckOffer(offer.quote_number) } }/> - +
) : (
{ } } style={{ filter: "grayscale", opacity: 0.5 }}/> - +
) } @@ -162,16 +207,7 @@ export default class Offers extends Step { offer.model_name } { offer.object_count } -
this._handle_onOffer(offer.quote_number) }> -
-
-

- КП - №{ offer.quote_number } -

-
-
-
+ ) @@ -184,6 +220,15 @@ export default class Offers extends Step ) }
+ { open && !loading && ( +
+ { checked.length > 0 && statuscode_id === this.status && ( +
+ +
+ ) } +
+ ) }
) diff --git a/components/DealsStatus/components/SignPlannedContract.js b/components/DealsStatus/components/SignPlannedContract.js index 37fe6bb..8f61a15 100644 --- a/components/DealsStatus/components/SignPlannedContract.js +++ b/components/DealsStatus/components/SignPlannedContract.js @@ -256,38 +256,49 @@ export default class SignPlannedContract extends React.Component ) } { contract.sign_type === "EDO" && ( -
- { status === 1 && ( - ) } - - ) } - { status === 1 && ( - + )} + { status === 1 && ( + ) } - - )} - { status === 1 && ( - ) } - +
) } - { status >= 2 && ( - - ) } -
+ ) } ) } diff --git a/components/DealsStatus/components/StatusDecisionMaking.js b/components/DealsStatus/components/StatusDecisionMaking.js index 650c9e6..e762a05 100644 --- a/components/DealsStatus/components/StatusDecisionMaking.js +++ b/components/DealsStatus/components/StatusDecisionMaking.js @@ -27,7 +27,7 @@ export default class StatusDecisionMaking extends Step
this.status) ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Принятие решения по сделке") }
@@ -38,6 +38,10 @@ export default class StatusDecisionMaking extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusDecisionRefuse.js b/components/DealsStatus/components/StatusDecisionRefuse.js index 0ea4242..de6ade9 100644 --- a/components/DealsStatus/components/StatusDecisionRefuse.js +++ b/components/DealsStatus/components/StatusDecisionRefuse.js @@ -27,13 +27,17 @@ export default class StatusDecisionRefuse extends Step
this.status) ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Требуется изменение параметров") }

Продолжение оформления заблокировано

+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusDocumentsCheck.js b/components/DealsStatus/components/StatusDocumentsCheck.js index c4a6598..6fbce7b 100644 --- a/components/DealsStatus/components/StatusDocumentsCheck.js +++ b/components/DealsStatus/components/StatusDocumentsCheck.js @@ -22,7 +22,7 @@ export default class StatusDocumentsCheck extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Проверка документов") }
@@ -33,6 +33,10 @@ export default class StatusDocumentsCheck extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/components/StatusPositiveDecision.js b/components/DealsStatus/components/StatusPositiveDecision.js index b8b9dc5..79d938d 100644 --- a/components/DealsStatus/components/StatusPositiveDecision.js +++ b/components/DealsStatus/components/StatusPositiveDecision.js @@ -22,7 +22,7 @@ export default class StatusPositiveDecision extends Step
this.status ? "done" : "" }`}>

№ { dealSelected }

-
+
{ this._renderHeader("Принято положительное решение") }
@@ -33,6 +33,10 @@ export default class StatusPositiveDecision extends Step ) }
+ { open && ( +
+
+ ) }
) diff --git a/components/DealsStatus/index.js b/components/DealsStatus/index.js index 9f8d06f..e4551f3 100644 --- a/components/DealsStatus/index.js +++ b/components/DealsStatus/index.js @@ -181,32 +181,36 @@ class DealsStatus extends React.Component return ( <> -
-

Статусы сделок

-
- - {/*} - { - this._handleModalToggle("all") - }} - activeContract={currentSelected} - handleContractSelected={this._handleContractSelected} - /> - {*/} + { deals.list !== undefined && deals.list !== null && deals.list.length > 0 && ( + <> +
+

Статусы сделок

+
+ + {/*} + { + this._handleModalToggle("all") + }} + activeContract={currentSelected} + handleContractSelected={this._handleContractSelected} + /> + {*/} + + ) } ) } diff --git a/css/main/style.css b/css/main/style.css index 44af683..a623cac 100644 --- a/css/main/style.css +++ b/css/main/style.css @@ -3607,7 +3607,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { width: calc(100% - 160px); } } -@media all and (max-width: 960px) { +@media all and (max-width: 1080px) { .helpBox_wrapper { position: relative; bottom: 0; @@ -3646,6 +3646,12 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { top: calc(100vh - 240px); } } +@media all and (max-width: 1080px) { + .helpBox_wrapper .helpBox { + position: relative; + top: 0; + } +} .helpBox_wrapper .helpBox.hidden { display: none; } @@ -3799,7 +3805,7 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li { align-items: flex-end; height: 102px; } -@media all and (max-width: 960px) { +@media all and (max-width: 1080px) { .rate_us { height: 120px; } @@ -5808,8 +5814,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ &:before { border-color: #5FB158; } - } - } + } + } */ } .contractStatus_modal .single_status > div.done > span { @@ -5838,7 +5844,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ width: 100%; display: block; } +.contractStatus_modal .single_status > div .status_body.with_footer .wrap { + padding-bottom: 0px; + border: 0px; +} .contractStatus_modal .single_status > div .status_body .status_header { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; display: flex; align-items: center; justify-content: flex-start; @@ -5939,6 +5952,110 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .status_header .button_arrow .up { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } +.contractStatus_modal .single_status > div .status_body .status_footer { + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; + border-bottom: solid var(--inactive); + padding-bottom: 30px; + margin-bottom: 30px; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer { + flex-wrap: wrap; + height: auto; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .background { + background-color: #edeff5; + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer .background { + left: 0; + } +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer .background { + left: -48px; + width: calc(100% + 96px); + } +} +.contractStatus_modal .single_status > div .status_body .status_footer i { + z-index: 2; + white-space: nowrap; + min-width: 40px; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer i { + display: none; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer p { + z-index: 2; + white-space: nowrap; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer p { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; +} +@media all and (max-width: 768px) { + .contractStatus_modal .single_status > div .status_body .status_footer .buttons { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; +} +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .status_footer .button_arrow { + margin-left: -12px; + } +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .icon { + width: 18px; + height: 18px; +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); +} +.contractStatus_modal .single_status > div .status_body .status_footer .button_arrow .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); +} .contractStatus_modal .single_status > div .status_body .header { visibility: visible !important; } @@ -6064,6 +6181,28 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .wrap table .i-pdf span { font-weight: 400; } +@media all and (max-width: 920px) { + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table label[data-text] { + height: auto; + width: 100%; + display: flex; + align-items: center; + min-height: 16px; + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table label[data-text]:before { + position: relative; + order: 2; + margin-left: auto; + margin-right: calc(50% - 16px); + } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table label[data-text]:after { + content: attr(data-text); + order: 1; + display: block; + padding-top: 0; + width: 50%; + } +} @media all and (max-width: 920px) { .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead { display: none; @@ -6074,27 +6213,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr { display: block; position: relative; - padding-left: 31px; + padding-left: 0; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td { display: block; padding: 8px; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 32px; box-sizing: border-box; background: #fff; - border-top: 0; - border-bottom: 0; - border-left: 0; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field { - width: 16px; - margin: auto; + display: flex; + width: 100%; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) { border-bottom: 0; @@ -6131,34 +6262,22 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr { display: block; position: relative; - padding-right: 56px; + padding-right: 0; + padding-left: 0; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td { display: block; padding: 8px; } - .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) { - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 57px; - box-sizing: border-box; - background: #fff; - border-top: 0; - border-bottom: 0; - border-right: 0; - } - .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:first-child:not(:empty) .form_field { - width: 16px; - margin: auto; - } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:not(:last-child) { border-bottom: 0; } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td:empty { display: none; } + .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td label[data-text]:before { + margin-right: 0; + } .contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table td[data-title]:before { content: attr(data-title); color: var(--text_not_active); @@ -6722,6 +6841,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ display: flex; gap: 0px 20px; margin-left: 80px; + height: fit-content !important; } .edo_banner .buttons a { margin-top: 10px; @@ -6816,6 +6936,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ flex-direction: column; align-items: flex-start; gap: 15px 0px; + padding-bottom: 40px; } .edo_operators_settings_list_item { margin-left: 40px; @@ -7004,8 +7125,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_ padding-bottom: 15px; border-top: solid 1px #edeff5; } +.checkbox_disabled label { + cursor: default !important; +} .checkbox_disabled label:before { filter: grayscale(); opacity: 0.5; cursor: default !important; } +.offer_selection { + color: var(--blue); +} +.offer_selection:hover { + text-decoration: underline; +} diff --git a/css/main/style.less b/css/main/style.less index d6d6d00..11dc93b 100644 --- a/css/main/style.less +++ b/css/main/style.less @@ -2925,9 +2925,9 @@ main { display: flex; width: 100%; - @media (max-width: 1280px) { - padding-bottom: 0px !important; - } + @media (max-width: 1280px) { + padding-bottom: 0px !important; + } .table_cell { padding: 16px 8px; @@ -2962,10 +2962,10 @@ main { color: var(--green); } - @media (max-width: 1280px) { - width: 100%; - margin-top: 40px; - } + @media (max-width: 1280px) { + width: 100%; + margin-top: 40px; + } } b { @@ -4027,7 +4027,7 @@ main .dropdown_blocks_list .dropdown_block .block_body { width: calc(100% - 160px); } - @media all and (max-width: 960px) { + @media all and (max-width: 1080px) { position: relative; bottom: 0; z-index: 2; @@ -4064,6 +4064,11 @@ main .dropdown_blocks_list .dropdown_block .block_body { top: calc(100vh - 240px); } + @media all and (max-width: 1080px) { + position: relative; + top: 0; + } + &.hidden { display: none; @@ -4153,7 +4158,7 @@ main .dropdown_blocks_list .dropdown_block .block_body { } @media all and (max-width: 960px) { -// width: 100%; + // width: 100%; margin-top: 10px; } } @@ -4238,7 +4243,7 @@ main .dropdown_blocks_list .dropdown_block .block_body { align-items: flex-end; height: 102px; - @media all and (max-width: 960px) { + @media all and (max-width: 1080px) { //display: none; height: 120px; } @@ -6456,80 +6461,80 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } } - &:last-child { - span { - &:before { - content: ""; - display: block; - position: absolute; - width: 0px; - height: auto; - border: 1px dashed #EDEFF5; - top: 20px; - bottom: -20px; - left: 0; - right: 0; - margin: auto; - z-index: -1; + &:last-child { + span { + &:before { + content: ""; + display: block; + position: absolute; + width: 0px; + height: auto; + border: 1px dashed #EDEFF5; + top: 20px; + bottom: -20px; + left: 0; + right: 0; + margin: auto; + z-index: -1; - bottom: 0; - } - } - } + bottom: 0; + } + } + } - &:not(:last-child) { - //border-bottom: 1px solid var(--inactive, #EDEFF5); - } + &:not(:last-child) { + //border-bottom: 1px solid var(--inactive, #EDEFF5); + } - &:first-child { - @media all and (max-width: 768px) { - padding-top: 25px; + &:first-child { + @media all and (max-width: 768px) { + padding-top: 25px; - >p:first-child { - width: 100%; - position: absolute; - top: 0; - padding: 0; - } - } - } + >p:first-child { + width: 100%; + position: absolute; + top: 0; + padding: 0; + } + } + } - &:not(:first-child) { - >p:first-child { + &:not(:first-child) { + >p:first-child { - visibility: hidden; + visibility: hidden; - @media all and (max-width: 768px) { - display: none; - } + @media all and (max-width: 768px) { + display: none; + } - } - } + } + } - &:not(.current) { - img { - filter: grayscale(1) - } - } + &:not(.current) { + img { + filter: grayscale(1) + } + } - &.current { - >span { - //background-color: #2F80ED; - //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00084 9.92868C8.17053 9.92868 9.92941 8.1698 9.92941 6.00011C9.92941 3.83041 8.17053 2.07153 6.00084 2.07153C3.83115 2.07153 2.07227 3.83041 2.07227 6.00011C2.07227 8.1698 3.83115 9.92868 6.00084 9.92868Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6 6.00007L7.76777 4.2323' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.92871 0.642944H7.07157' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - background-repeat: no-repeat; - background-position: top center; + &.current { + >span { + //background-color: #2F80ED; + //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00084 9.92868C8.17053 9.92868 9.92941 8.1698 9.92941 6.00011C9.92941 3.83041 8.17053 2.07153 6.00084 2.07153C3.83115 2.07153 2.07227 3.83041 2.07227 6.00011C2.07227 8.1698 3.83115 9.92868 6.00084 9.92868Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6 6.00007L7.76777 4.2323' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.92871 0.642944H7.07157' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232F80ED'/%3E%3Cpath d='M9.99888 13.9286C12.1686 13.9286 13.9275 12.1697 13.9275 9.99998C13.9275 7.83029 12.1686 6.07141 9.99888 6.07141C7.82919 6.07141 6.07031 7.83029 6.07031 9.99998C6.07031 12.1697 7.82919 13.9286 9.99888 13.9286Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 10L11.7678 8.23224' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.92773 4.64282H11.0706' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + background-repeat: no-repeat; + background-position: top center; - &:before { - border-color: #2F80ED; - } + &:before { + border-color: #2F80ED; + } - &:after { - border-top-color: #2F80ED; - } - } + &:after { + border-top-color: #2F80ED; + } + } - /* + /* &~div { > span { //background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00056 10.2858C8.36749 10.2858 10.2863 8.367 10.2863 6.00007C10.2863 3.63313 8.36749 1.71436 6.00056 1.71436C3.63362 1.71436 1.71484 3.63313 1.71484 6.00007C1.71484 8.367 3.63362 10.2858 6.00056 10.2858Z' stroke='%238E94A7' stroke-miterlimit='10'/%3E%3Cpath d='M6 3.5V6H8.5' stroke='%238E94A7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); @@ -6577,166 +6582,284 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } */ - &+div { - span { - &:after { - border-top-color: #2F80ED; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #2F80ED; + } + } + } + } - &.done { - >span { - background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + &.done { + >span { + background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%235FB158'/%3E%3Cpath d='M13.9277 7.5L8.92773 12.4998L6.42773 10' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - &:before { - border-color: #5FB158; - } + &:before { + border-color: #5FB158; + } - &:after { - border-top-color: #5FB158; - } - } + &:after { + border-top-color: #5FB158; + } + } - /* + /* &~div { > span { &:before { border-color: #5FB158; } - } - } + } + } */ - &+div { - span { - &:after { - border-top-color: #5FB158; - } - } - } - } + &+div { + span { + &:after { + border-top-color: #5FB158; + } + } + } + } - .toggle_status { - margin: auto; - gap: 0 8px; - margin-right: 0; - color: var(--blue); - padding: 0; + .toggle_status { + margin: auto; + gap: 0 8px; + margin-right: 0; + color: var(--blue); + padding: 0; - svg { - transform: rotate(180deg); - } - } + svg { + transform: rotate(180deg); + } + } - .status_body { - width: 100%; - display: block; + .status_body { + width: 100%; + display: block; - .status_header { - display: flex; - align-items: center; - justify-content: flex-start; - gap: 0 30px; - padding: 0px 0; - position: relative; - cursor: pointer; + &.with_footer { + .wrap { + padding-bottom: 0px; + border: 0px; + } + } + + .status_header { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; - @media all and (max-width: 920px) { - gap: 0 12px; - font-size: 12px; - min-height: 50px; - } + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; - @media all and (max-width: 768px) { - flex-wrap: wrap; - - height: auto; - } + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } - .background { - background-color: rgb(237, 239, 245); - position: absolute; - left: -65px; - top: 0px; - width: calc(100% + 65px); - height: 50px; - z-index: 1; + @media all and (max-width: 768px) { + flex-wrap: wrap; - @media all and (max-width: 920px) { - left: 0; - } + height: auto; + } - @media all and (max-width: 768px) { - left: -48px; - width: calc(100% + 96px); - } - } + .background { + background-color: rgb(237, 239, 245); + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; - i { - z-index: 2; - white-space: nowrap; - min-width: 40px; + @media all and (max-width: 920px) { + left: 0; + } - @media all and (max-width: 768px) { - display: none; - } - } + @media all and (max-width: 768px) { + left: -48px; + width: calc(100% + 96px); + } + } - p { - z-index: 2; - white-space: nowrap; + i { + z-index: 2; + white-space: nowrap; + min-width: 40px; - @media all and (max-width: 768px) { - max-width: calc(100% - 70px); - white-space: unset; - width: 100%; - } - } + @media all and (max-width: 768px) { + display: none; + } + } - .buttons { - z-index: 2; - width: 100%; - display: flex; - justify-content: flex-end; - padding-right: 4px; + p { + z-index: 2; + white-space: nowrap; + + @media all and (max-width: 768px) { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } + } + + .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; - @media all and (max-width: 768px) { - justify-content: flex-start; - width: 100%; - margin-top: 10px; - } - } + @media all and (max-width: 768px) { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } + } - .button_arrow { - min-width: 50px; - height: 50px; - display: flex; - justify-content: center; - align-items: center; - z-index: 2; - margin-left: -30px; + .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; - @media all and (max-width: 920px) { - margin-left: -12px; - } + @media all and (max-width: 920px) { + margin-left: -12px; + } - .icon { - width: 18px; - height: 18px; - } + .icon { + width: 18px; + height: 18px; + } - .down { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } + .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } - .up { - background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - } - } - } + .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } + } + + .status_footer { + display: flex; + align-items: center; + justify-content: flex-start; + gap: 0 30px; + padding: 0px 0; + position: relative; + cursor: pointer; + + border-bottom: solid var(--inactive); + padding-bottom: 30px; + margin-bottom: 30px; + + @media all and (max-width: 920px) { + gap: 0 12px; + font-size: 12px; + min-height: 50px; + } + + @media all and (max-width: 768px) { + flex-wrap: wrap; + height: auto; + } + + .background { + background-color: rgb(237, 239, 245); + position: absolute; + left: -65px; + top: 0px; + width: calc(100% + 65px); + height: 50px; + z-index: 1; + + @media all and (max-width: 920px) { + left: 0; + } + + @media all and (max-width: 768px) { + left: -48px; + width: calc(100% + 96px); + } + } + + i { + z-index: 2; + white-space: nowrap; + min-width: 40px; + + @media all and (max-width: 768px) { + display: none; + } + } + + p { + z-index: 2; + white-space: nowrap; + + @media all and (max-width: 768px) { + max-width: calc(100% - 70px); + white-space: unset; + width: 100%; + } + } + + .buttons { + z-index: 2; + width: 100%; + display: flex; + justify-content: flex-end; + padding-right: 4px; + + + @media all and (max-width: 768px) { + justify-content: flex-start; + width: 100%; + margin-top: 10px; + } + } + + .button_arrow { + min-width: 50px; + height: 50px; + display: flex; + justify-content: center; + align-items: center; + z-index: 2; + margin-left: -30px; + + @media all and (max-width: 920px) { + margin-left: -12px; + } + + .icon { + width: 18px; + height: 18px; + } + + .down { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.625 6.75L9 12.375L3.375 6.75' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + + .up { + background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.375 11.25L9 5.625L14.625 11.25' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + } + } + } .header { visibility: visible !important; @@ -6822,7 +6945,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { @media all and (max-width: 768px) { margin-right: 0; padding-top: 0; - line-height: 15px; + line-height: 15px; } &:before { @@ -6892,6 +7015,33 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } &.deal_offers_table { + @media all and (max-width: 920px) { + label[data-text] { + height: auto; + width: 100%; + display: flex; + align-items: center; + min-height: 16px; + + &:before { + position: relative; + order: 2; + margin-left: auto; + margin-right: calc(50% - 16px); + } + + &:after { + content: attr(data-text); + order: 1; + display: block; + padding-top: 0; + width: 50%; + + } + + } + } + @media all and (max-width: 920px) { thead { display: none; @@ -6904,7 +7054,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { tr { display: block; position: relative; - padding-left: 31px; + padding-left: 0; } td { @@ -6912,20 +7062,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { padding: 8px; &:first-child:not(:empty) { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 32px; box-sizing: border-box; background: #fff; - border-top: 0; - border-bottom: 0; - border-left: 0; .form_field { - width: 16px; - margin: auto; + display: flex; + width: 100%; } } @@ -6973,31 +7115,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { tr { display: block; position: relative; - padding-right: 56px; + padding-right: 0; + padding-left: 0; } td { display: block; padding: 8px; - &:first-child:not(:empty) { - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 57px; - box-sizing: border-box; - background: #fff; - border-top: 0; - border-bottom: 0; - border-right: 0; - - .form_field { - width: 16px; - margin: auto; - } - } - &:not(:last-child) { border-bottom: 0; } @@ -7006,6 +7131,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { display: none; } + label[data-text] { + &:before { + margin-right: 0; + } + } + &[data-title]:before { content: attr(data-title); color: var(--text_not_active); @@ -7135,7 +7266,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { gap: 10px 0; button { - width :100%; + width: 100%; } } } @@ -7192,9 +7323,9 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { display: flex; flex-direction: row; - - @media all and (max-width: 1279px) { - + + @media all and (max-width: 1279px) { + flex-wrap: wrap; } @@ -7280,7 +7411,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { justify-content: flex-end; align-items: center; - + @media all and (max-width: 1279px) { flex: auto; width: 100%; @@ -7296,14 +7427,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { button { white-space: nowrap; - + @media all and (max-width: 1279px) { order: 1; padding: 0; justify-content: flex-start; width: 100%; } - + } .status { @@ -7677,6 +7808,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { display: flex; gap: 0px 20px; margin-left: 80px; + height: fit-content !important; a { margin-top: 10px; @@ -7715,19 +7847,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { margin-bottom: 30px; width: 100%; - flex-direction: row; + flex-direction: row; - @media all and (max-width: 640px) { - flex-direction: column; - } + @media all and (max-width: 640px) { + flex-direction: column; + } label { width: 186px; margin-right: 12px; - &.wide { - width: 30%; - } + &.wide { + width: 30%; + } } } @@ -7735,9 +7867,9 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { flex: 1; margin-top: -12px; - @media all and (max-width: 640px) { - margin-top: 20px; - } + @media all and (max-width: 640px) { + margin-top: 20px; + } .item { width: 100%; @@ -7793,6 +7925,7 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { flex-direction: column; align-items: flex-start; gap: 15px 0px; + padding-bottom: 40px; } .edo_operators_settings_list_item { @@ -7840,9 +7973,9 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { flex-direction: row; gap: 0px 30px; - @media all and (max-width: 640px) { - flex-direction: column; - } + @media all and (max-width: 640px) { + flex-direction: column; + } padding-top: 15px; padding-bottom: 15px; @@ -7886,9 +8019,9 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { .edo_sign_documents_document_left { width: 35%; - @media all and (max-width: 640px) { - width: 100%; - } + @media all and (max-width: 640px) { + width: 100%; + } } .edo_sign_documents_document_right { @@ -7897,25 +8030,25 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { align-items: center; justify-content: flex-start; - @media all and (max-width: 640px) { - width: 100%; - margin-top: 20px; - margin-left: 40px; - position: relative; - padding-right: 40px; + @media all and (max-width: 640px) { + width: 100%; + margin-top: 20px; + margin-left: 40px; + position: relative; + padding-right: 40px; - align-items: flex-start; + align-items: flex-start; - &::before { - content: ""; - position: absolute; - top: -17px; - left: -40px; - width: 40px; - height: 40px; - background: url(/assets/images/deal_contract_status_mobile_arrow.svg) no-repeat; - } - } + &::before { + content: ""; + position: absolute; + top: -17px; + left: -40px; + width: 40px; + height: 40px; + background: url(/assets/images/deal_contract_status_mobile_arrow.svg) no-repeat; + } + } i { width: 100% !important; @@ -7959,46 +8092,46 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { .actions { width: 65%; justify-content: space-between; - justify-content: flex-start !important; + justify-content: flex-start !important; - .status_icon { - width: 24px; - min-width: 24px; - height: 24px; - min-height: 24px; - background-repeat: no-repeat; - background-position: center; - background-position-y: -1px; - background-position-x: -1px; - - &.success { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); - border: none !important; - } - - &.error { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z' fill='%23ED0A34'/%3E%3Cpath d='M12 8L12 12' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - border: none !important; - } - - &.await { - background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 12L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); - border: none !important; - } - } - - .status_title { - padding: 0px 10px; - - i { - display: contents; - } - } + .status_icon { + width: 24px; + min-width: 24px; + height: 24px; + min-height: 24px; + background-repeat: no-repeat; + background-position: center; + background-position-y: -1px; + background-position-x: -1px; - &.actions_with_status { - justify-content: flex-start !important; - margin-left: 15px; - } + &.success { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.125 9.75L10.625 15L7.875 12.375' stroke='%235FB158' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); + border: none !important; + } + + &.error { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16Z' fill='%23ED0A34'/%3E%3Cpath d='M12 8L12 12' stroke='%23ED0A34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + border: none !important; + } + + &.await { + background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 12L12 12' stroke='%238E94A7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); + border: none !important; + } + } + + .status_title { + padding: 0px 10px; + + i { + display: contents; + } + } + + &.actions_with_status { + justify-content: flex-start !important; + margin-left: 15px; + } } &:first-child { @@ -8020,11 +8153,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block { } .checkbox_disabled { - label { - &:before { - filter: grayscale(); - opacity: 0.5; - cursor: default !important; - } + label { + cursor: default !important; + &:before { + filter: grayscale(); + opacity: 0.5; + cursor: default !important; + } + } +} + +.offer_selection { + color: var(--blue); + &:hover { + text-decoration: underline; } } \ No newline at end of file diff --git a/pages/components/AnnouncementsList/index.js b/pages/components/AnnouncementsList/index.js index f992892..7f5d870 100644 --- a/pages/components/AnnouncementsList/index.js +++ b/pages/components/AnnouncementsList/index.js @@ -58,7 +58,8 @@ class AnnouncementsList extends React.Component this.state = { company: {}, announcements: [], - width: 1920 + width: 1920, + operators: null, }; } @@ -72,7 +73,9 @@ class AnnouncementsList extends React.Component static getDerivedStateFromProps(nextProps, prevState) { - return {}; + return { + operators: nextProps.operators, + }; } render() @@ -88,24 +91,26 @@ class AnnouncementsList extends React.Component prevArrow: }; - const { announcements } = this.state; + const { announcements, operators, } = this.state; return (
-
-

Электронный документооборот

-

- - Подключите систему электронного документооборота (ЭДО) для ускорения обмена документами. -

-

Наш оператор Диадок. Идентификатор участника ЭДО (GUID):
2BM-9724016636-772401001-202007300714591533849

-
- Что такое ЭДО? - Получить приглашение в ЭДО + { operators !== undefined && operators !== null && operators.length === 0 && ( +
+

Электронный документооборот

+

+ + Подключите систему электронного документооборота (ЭДО) для ускорения обмена документами. +

+

Наш оператор Диадок. Идентификатор участника ЭДО (GUID):
2BM-9724016636-772401001-202007300714591533849

+
-
+ ) } { announcements !== undefined && announcements !== null && announcements.map(( announcement, index ) => (

{ announcement.title }

@@ -124,7 +129,9 @@ class AnnouncementsList extends React.Component function mapStateToProps(state, ownProps) { - return {}; + return { + operators: state.edo.operators, + }; } export default connect(mapStateToProps)(AnnouncementsList);