evo/evoleasing-account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:merelendor/evoleasing-account

Browse Source
This commit is contained in:
merelendor 2023-10-22 17:23:41 +03:00
commit ffa61d9619
5 changed files with 1773 additions and 1022 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/DealsStatus/components/Offers.js
View File

@ -154,13 +154,13 @@ export default class Offers extends Step
</div>
</td>
) }
<td>{ offer_index + 1 }</td>
<td>{ numeral(offer.price).format(' ., ') } ₽</td>
<td>{ numeral(offer.first_payment_rub).format(' ., ') } ₽</td>
<td>{ offer.first_payment_perc }%</td>
<td>{ offer.brand_name }</td>
<td>{ offer.model_name }</td>
<td>{ offer.object_count }</td>
<td data-title="№">{ offer_index + 1 }</td>
<td data-title="Стоимость">{ numeral(offer.price).format(' ., ') } ₽</td>
<td data-title="Первый платеж, ₽">{ numeral(offer.first_payment_rub).format(' ., ') } ₽</td>
<td data-title="Первый платеж, %">{ offer.first_payment_perc }%</td>
<td data-title="Марка">{ offer.brand_name }</td>
<td data-title="Модель">{ offer.model_name }</td>
<td data-title="Объектов лизинга">{ offer.object_count }</td>
<td>
<div className="docs_list" style={{ cursor: "pointer" }} onClick={ () => this._handle_onOffer(offer.quote_number) }>
<div className="row">

14
css/forms/style.css
View File

@ -1064,19 +1064,11 @@
}
@media all and (max-width: 768px) {
.dropzone {
border: 0;
background: transparent;
height: auto;
flex-wrap: wrap;
}
.dropzone div p {
margin-bottom: 10px;
}
.dropzone div p:before {
content: attr(data-sm-text);
display: block;
}
.dropzone div p span {
display: none;
.dropzone p {
width: 100%;
}
}
/* questionnaire */

18
css/forms/style.less
View File

@ -1265,23 +1265,11 @@
}
@media all and (max-width: 768px) {
border: 0;
background: transparent;
height: auto;
flex-wrap: wrap;
div {
p {
margin-bottom: 10px;
&:before {
content: attr(data-sm-text);
display: block;
}
span {
display: none;
}
}
p {
width: 100%;
}
}
}

383
css/main/style.css
View File

@ -3962,6 +3962,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
margin-top: 50px;
}
}
@media all and (max-width: 768px) {
.feed {
overflow: hidden;
}
}
.feed .feed_item {
box-sizing: border-box;
padding: 24px 16px;
@ -5300,6 +5305,8 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
}
.contractStatus_list {
margin: 50px 0;
position: relative;
z-index: 9;
}
.contractStatus_list .list_item {
display: flex;
@ -5307,11 +5314,33 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
width: 100%;
gap: 0 30px;
justify-content: space-between;
position: relative;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item {
display: block;
padding-left: 100px;
}
}
@media all and (max-width: 768px) {
.contractStatus_list .list_item {
padding-left: 0;
}
}
.contractStatus_list .list_item div {
display: flex;
align-items: center;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div img {
max-width: 30px;
}
}
@media all and (max-width: 768px) {
.contractStatus_list .list_item div img {
display: none;
}
}
.contractStatus_list .list_item div p {
font-weight: 700;
line-height: 23px;
@ -5321,10 +5350,29 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
justify-content: flex-start;
gap: 0 8px;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div p {
font-size: 12px;
line-height: 16px;
}
}
@media all and (max-width: 920px) and (min-width: 769px) {
.contractStatus_list .list_item div:first-child {
position: absolute;
left: 0;
top: 0;
max-width: 90px;
}
}
.contractStatus_list .list_item div:nth-child(2) {
width: 30%;
position: relative;
}
@media all and (max-width: 768px) {
.contractStatus_list .list_item div:nth-child(2) {
width: 100%;
}
}
.contractStatus_list .list_item div:nth-child(2) p {
cursor: pointer;
color: var(--text_not_active);
@ -5344,6 +5392,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
border-bottom: 6px solid transparent;
background: #fff;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(2):before {
display: none;
}
}
.contractStatus_list .list_item div:nth-child(2):after {
content: "";
display: block;
@ -5353,6 +5406,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
background-size: auto 13px;
margin-left: 24px;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(2):after {
display: none;
}
}
.contractStatus_list .list_item div:nth-child(3) {
display: flex;
align-items: center;
@ -5361,6 +5419,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
width: 50%;
position: relative;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(3) {
width: 100%;
gap: 0 12px;
padding: 10px 20px;
justify-content: flex-start;
}
}
@media all and (max-width: 768px) {
.contractStatus_list .list_item div:nth-child(3) {
padding: 20px;
}
}
.contractStatus_list .list_item div:nth-child(3):before {
content: "";
display: block;
@ -5375,6 +5446,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
border-left: 8px solid #a499dd;
border-bottom: 6px solid transparent;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(3):before {
border-top: 4px solid transparent;
border-left: 6px solid #a499dd;
border-bottom: 4px solid transparent;
right: auto;
left: 0;
bottom: 0;
transform: rotate(90deg);
top: auto;
}
}
.contractStatus_list .list_item div:nth-child(3):after {
content: "";
display: block;
@ -5383,22 +5466,54 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
background: url("/assets/images/status/line_2.jpg") repeat-x left center;
background-size: auto 13px;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(3):after {
background-size: auto 10px;
position: absolute;
left: -22px;
right: auto;
transform: rotate(90deg);
width: 50px;
height: 6px;
}
}
@media all and (max-width: 768px) {
.contractStatus_list .list_item div:nth-child(3):after {
left: -17px;
width: 40px;
}
}
.contractStatus_list .list_item div:nth-child(4) {
width: 130px;
min-width: 130px;
justify-content: flex-end;
cursor: pointer;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(4) {
justify-content: flex-start;
}
}
.contractStatus_list .list_item div:nth-child(4) button {
white-space: nowrap;
gap: 0 8px;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item div:nth-child(4) button {
padding: 0;
}
}
.contractStatus_list .list_item div:first-child {
min-width: 60px;
}
.contractStatus_list .list_item:not(:last-child) {
margin-bottom: 5px;
}
@media all and (max-width: 920px) {
.contractStatus_list .list_item:not(:last-child) {
margin-bottom: 20px;
}
}
.contractStatus_list .list_item:not(:last-child) div:nth-child(5) {
/*visibility: hidden;*/
}
@ -5417,6 +5532,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
transition: transform 150ms ease;
overflow: hidden;
}
@media all and (max-width: 768px) {
.contractStatus_modal {
margin-bottom: 30px;
overflow: visible;
}
}
.contractStatus_modal .modal_header {
display: flex;
align-items: center;
@ -5444,12 +5565,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
gap: 0 30px;
padding: 0px 0;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div {
gap: 0 12px;
font-size: 12px;
}
}
.contractStatus_modal .single_status > div:last-child .status_body .wrap {
padding-bottom: 0;
border: 0;
}
.contractStatus_modal .single_status > div:last-child > span::before {
display: none;
display: none !important;
}
.contractStatus_modal .single_status > div > p {
margin: 0;
@ -5467,6 +5594,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
width: 40px;
height: 40px;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div i {
width: 30px;
height: 30px;
background-size: contain !important;
}
}
.contractStatus_modal .single_status > div i.status_100 {
background: url("/assets/images/status/icon_deal_status_100.svg") no-repeat center;
}
@ -5572,9 +5706,25 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
z-index: -1;
bottom: 0;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div:first-child {
padding-top: 25px;
}
.contractStatus_modal .single_status > div:first-child > p:first-child {
width: 100%;
position: absolute;
top: 0;
padding: 0;
}
}
.contractStatus_modal .single_status > div:not(:first-child) > p:first-child {
visibility: hidden;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div:not(:first-child) > p:first-child {
display: none;
}
}
.contractStatus_modal .single_status > div:not(.current) img {
filter: grayscale(1);
}
@ -5687,6 +5837,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
position: relative;
cursor: pointer;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .status_header {
gap: 0 12px;
font-size: 12px;
min-height: 50px;
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .status_header {
flex-wrap: wrap;
height: auto;
}
}
.contractStatus_modal .single_status > div .status_body .status_header .background {
background-color: #edeff5;
position: absolute;
@ -5696,15 +5859,38 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
height: 50px;
z-index: 1;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .status_header .background {
left: 0;
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .status_header .background {
left: -48px;
width: calc(100% + 96px);
}
}
.contractStatus_modal .single_status > div .status_body .status_header i {
z-index: 2;
white-space: nowrap;
min-width: 40px;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .status_header i {
display: none;
}
}
.contractStatus_modal .single_status > div .status_body .status_header p {
z-index: 2;
white-space: nowrap;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .status_header p {
max-width: calc(100% - 70px);
white-space: unset;
width: 100%;
}
}
.contractStatus_modal .single_status > div .status_body .status_header .buttons {
z-index: 2;
width: 100%;
@ -5712,6 +5898,13 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
justify-content: flex-end;
padding-right: 4px;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .status_header .buttons {
justify-content: flex-start;
width: 100%;
margin-top: 10px;
}
}
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow {
min-width: 50px;
height: 50px;
@ -5721,6 +5914,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
z-index: 2;
margin-left: -30px;
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow {
margin-left: -12px;
}
}
.contractStatus_modal .single_status > div .status_body .status_header .button_arrow .icon {
width: 18px;
height: 18px;
@ -5739,6 +5937,18 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
padding-bottom: 25px;
border-bottom: 1px solid var(--inactive, #EDEFF5);
}
@media all and (max-width: 920px) {
.contractStatus_modal .single_status > div .status_body .wrap {
margin-top: 15px;
padding-bottom: 15px;
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap {
margin-top: 20px;
padding-bottom: 20px;
}
}
.contractStatus_modal .single_status > div .status_body .wrap.form {
display: flex;
flex-direction: column;
@ -5747,9 +5957,19 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
display: flex;
flex-direction: row;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap.form .block {
display: block;
}
}
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left {
width: 20%;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left {
width: 100%;
}
}
.contractStatus_modal .single_status > div .status_body .wrap.form .block .left p {
line-height: 14px;
margin: 15px 0px 15px 0px;
@ -5758,6 +5978,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
width: 80%;
padding-left: 30px;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap.form .block .right {
width: 100%;
padding-left: 0;
}
}
.contractStatus_modal .single_status > div .status_body .wrap input[type="checkbox"] + label {
width: 16px;
padding: 0;
@ -5775,6 +6001,12 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
margin-right: 20%;
padding-top: 10px;
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap .single_text p {
margin-right: 0;
padding-top: 0;
}
}
.contractStatus_modal .single_status > div .status_body .wrap .single_text p:before {
content: "";
display: block;
@ -5786,6 +6018,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
margin-top: -10px;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='8' fill='%232F80ED' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29ZM21 14.5C21 13.9477 20.5523 13.5 20 13.5C19.4477 13.5 19 13.9477 19 14.5V19.75C19 20.4404 19.5596 21 20.25 21H23.5C24.0523 21 24.5 20.5523 24.5 20C24.5 19.4477 24.0523 19 23.5 19H21V14.5Z' fill='%232F80ED'/%3E%3C/svg%3E");
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap .single_text p:before {
margin-top: 0;
}
}
.contractStatus_modal .single_status > div .status_body .wrap table {
font-size: 12px;
line-height: 120%;
@ -5816,6 +6053,116 @@ 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 thead {
display: none;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody {
display: block;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
display: block;
position: relative;
padding-left: 31px;
}
.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;
}
.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[data-title] {
display: flex;
}
.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);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 120%;
width: 100%;
display: block;
width: 50%;
min-width: 50%;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span {
width: 100%;
}
}
@media all and (max-width: 768px) {
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table thead {
display: none;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tbody {
display: block;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table tr {
display: block;
position: relative;
padding-right: 56px;
}
.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[data-title]:before {
content: attr(data-title);
color: var(--text_not_active);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 120%;
width: 100%;
display: block;
margin-bottom: 5px;
}
.contractStatus_modal .single_status > div .status_body .wrap table.deal_offers_table .docs_list .row .doc_name span {
width: 100%;
}
}
.contractStatus_modal .single_status > div .status_body .wrap .message {
display: flex;
align-items: center;
@ -6032,6 +6379,14 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10L8 5L13 10' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media all and (max-width: 920px) {
.contractStatus_modal .bottom_button_close {
margin-left: 0;
padding: 0;
margin-top: 15px;
margin-bottom: 25px;
}
}
.all_contracts_modal .contractStatus_list .list_item .step {
width: 50%;
gap: 0 16px;
@ -6075,6 +6430,16 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
padding: 30px;
height: 100px;
}
@media all and (max-width: 920px) {
.horizontal_dropzone_wrapper {
padding: 15px;
}
}
@media all and (max-width: 768px) {
.horizontal_dropzone_wrapper {
height: auto;
}
}
.horizontal_dropzone_wrapper.disabled {
filter: grayscale(1);
opacity: 0.25;
@ -6085,6 +6450,17 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
max-width: 80%;
gap: 20px;
}
@media all and (max-width: 920px) {
.horizontal_dropzone_wrapper .horizontal_dropzone_inner {
max-width: 100%;
gap: 0 12px;
}
}
@media all and (max-width: 768px) {
.horizontal_dropzone_wrapper .horizontal_dropzone_inner {
flex-wrap: wrap;
}
}
.horizontal_dropzone_wrapper .horizontal_dropzone_inner p {
text-align: left;
margin: 0px;
@ -6092,6 +6468,11 @@ main .dropdown_blocks_list.zero-margin.gibdd .dropdown_block .block_body .fines_
.horizontal_dropzone_wrapper .horizontal_dropzone_inner label {
white-space: nowrap;
}
@media all and (max-width: 768px) {
.horizontal_dropzone_wrapper .horizontal_dropzone_inner label {
margin-top: 15px;
}
}
.horizontal_dropzone_files {
display: flex;
flex-direction: column;

2366
css/main/style.less
View File

File diff suppressed because it is too large Load Diff