Denis 2021-11-20 20:35:13 +03:00
parent d95d5d4a55
commit 2cf097ecab
23 changed files with 709 additions and 4071 deletions

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"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"}

View File

@ -142,6 +142,16 @@ button,
margin-right: 0;
}
}
&.download-icon {
@media all and (max-width: 768px) {
width: 24px;
height: 24px;
background: url("/assets/images/icons/download_icon.svg") no-repeat center;
overflow: hidden;
text-indent: -999px;
}
}
}
// Labels
@ -319,7 +329,8 @@ input[type="radio"] {
&::-webkit-calendar-picker-indicator {
display: none;
-webkit-appearance: none;
}
}
}
@media all and (max-width: 960px) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -490,6 +490,10 @@
width: 158px;
min-width: 158px;
}
input + label {
display: none;
}
}
}
@ -550,6 +554,26 @@
input {
}
}
.date_input, input[type="date"] {
height: 55px;
background-position: 8px 14px;
position: relative;
padding-bottom: 8px;
&::placeholder {color: transparent}
&[value=""] + label {
display: inline-block;
position: absolute;
left: 32px;
top: 10px;
z-index: 2;
font-size: 13px;
line-height: 20px;
color: #919399;
}
}
}
.button {
@ -569,7 +593,71 @@
// Акты сверок
.reconciliation_form {
&:not(.small) {
margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
p {
width: 100%;
font-weight: 700;
margin-bottom: 20px;
}
.form_group {
width: calc(65% - 8px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&:last-child {
width: calc(35% - 8px);
}
}
.form_field {
width: calc(50% - 8px);
}
.button {
width: calc(40% - 8px);
&:last-child {
width: calc(60% - 8px);
}
}
@media all and (max-width: 1279px) {
.form_group, .form_group:last-child {
width: calc(50% - 8px);
}
}
@media all and (max-width: 768px) {
p {
margin-bottom: 8px;
}
.form_group, .form_group:last-child {
width: 100%;
}
.form_field {
margin-bottom: 15px;
}
.button, .form_field {
width: calc(50% - 4px);
&:last-child {
width: calc(50% - 4px);
}
}
}
}
&.small {
display: flex;
flex-wrap: wrap;
@ -584,7 +672,7 @@
width: ~"calc(50% - 8px)";
@media all and (max-width: 768px) {
width: calc(50% - 4px);
width: ~"calc(50% - 4px)";
}
}
@ -660,16 +748,23 @@
.form_field {
width: ~"calc(50% - 8px)";
@media all and (max-width: 768px) {
width: ~"calc(50% - 4px)";
}
}
button {
margin-top: 35px;
margin-top: 15px;
width: ~"calc(45% - 8px)";
&:last-child {
width: ~"calc(55% - 8px)";
}
@media all and (max-width: 768px) {
width: ~"calc(50% - 4px)";
}
}
}
}

View File

@ -1,183 +1 @@
header {
background: #fff;
position: fixed;
z-index: 99;
left: 0;
right: 0;
height: 112px;
font-size: 16px;
line-height: 24px;
box-shadow: 8px 8px 16px 4px rgba(133, 139, 146, 0.06);
}
header .container {
height: inherit;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
background: #fff;
}
header .container:after {
display: none;
}
header a {
text-decoration: none;
color: #000;
}
header a.logo {
transform: translateY(4px);
}
header .header_menu {
margin: 0 32px;
padding: 0 32px;
border-left: 1px solid #e7e9f0;
border-right: 1px solid #e7e9f0;
display: flex;
align-items: center;
justify-content: space-between;
height: 32px;
width: 100%;
}
header .header_menu:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
header .header_menu nav .nav_toggle {
display: none;
}
header .header_menu nav ul {
display: flex;
}
header .header_menu nav ul li:not(:last-child) {
margin-right: 24px;
}
header .header_menu nav ul li:last-child {
margin-right: 63px;
}
header .header_menu nav ul li a.active {
color: var(--blue);
font-weight: 700;
}
header .header_menu nav ul li.active a {
color: var(--blue);
font-weight: 700;
}
header .lk {
display: block;
text-decoration: none;
min-width: 32px;
width: 32px;
height: 32px;
background: url("/assets/images/icons/icon-lk.svg") no-repeat center;
}
@media all and (max-width: 1420px) {
header {
font-size: 15px;
line-height: 24px;
}
header a.logo img {
width: 180px;
height: 26px;
object-fit: contain;
}
header .header_menu {
padding: 0 16px;
margin: 0 16px;
}
header .header_menu nav ul li:not(:last-child) {
margin-right: 15px;
}
header .header_menu nav ul li:last-child {
margin-right: 30px;
}
}
@media all and (max-width: 1279px) {
header {
font-size: 15px;
line-height: 24px;
height: 86px;
}
header a.logo img {
width: 130px;
height: 20px;
}
header .header_menu {
padding: 0 16px 0 32px;
margin: 0 16px 0 32px;
}
header .header_menu nav {
height: 23px;
position: relative;
}
header .header_menu nav .nav_toggle {
display: block;
height: 23px;
z-index: 3;
background-image: url("/assets/images/icons/icon-select.svg");
background-repeat: no-repeat;
background-position: 100% 50%;
font-size: 15px;
color: var(--blue);
font-weight: 700;
padding-right: 24px;
padding-left: 0;
cursor: pointer;
}
header .header_menu nav ul {
display: block;
position: absolute;
background: #fff;
padding: 15px 20px;
top: 25px;
left: -20px;
width: 320px;
}
header .header_menu nav ul:not(.open) {
display: none;
}
header .header_menu nav ul li:not(:last-child) {
margin-bottom: 6px;
}
header .header_menu nav ul li a {
font-size: 15px;
}
header .header_menu a[href^="tel:"] {
width: 32px;
height: 32px;
background: url("/assets/images/icons/icon-header-phone.svg") no-repeat center;
text-indent: -9999px;
overflow: hidden;
margin-left: auto;
}
}
@media all and (max-width: 768px) {
header {
height: 84px;
}
header .container {
padding-bottom: 35px;
}
header .header_menu {
border-left: 0;
padding-left: 0;
margin-left: 0;
height: 24px;
}
header .header_menu nav {
position: absolute;
left: 0;
bottom: 9px;
}
header .header_menu a[href^="tel:"] {
width: 24px;
height: 24px;
background-size: contain;
}
header .lk {
width: 24px;
height: 24px;
min-width: 24px;
background-size: contain;
}
}
header{background:#fff;position:fixed;z-index:99;left:0;right:0;height:112px;font-size:16px;line-height:24px;box-shadow:8px 8px 16px 4px rgba(133,139,146,0.06)}header .container{height:inherit;display:flex;align-items:center;justify-content:space-between;padding:0;background:#fff}header .container:after{display:none}header a{text-decoration:none;color:#000}header a.logo{transform:translateY(4px)}header .header_menu{margin:0 32px;padding:0 32px;border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;display:flex;align-items:center;justify-content:space-between;height:32px;width:100%}header .header_menu:last-child{border-right:0;padding-right:0;margin-right:0}header .header_menu nav .nav_toggle{display:none}header .header_menu nav ul{display:flex}header .header_menu nav ul li:not(:last-child){margin-right:24px}header .header_menu nav ul li:last-child{margin-right:63px}header .header_menu nav ul li a.active{color:var(--blue);font-weight:700}header .header_menu nav ul li.active a{color:var(--blue);font-weight:700}header .lk{display:block;text-decoration:none;min-width:32px;width:32px;height:32px;background:url("/assets/images/icons/icon-lk.svg") no-repeat center}@media all and (max-width:1420px){header{font-size:15px;line-height:24px}header a.logo img{width:180px;height:26px;object-fit:contain}header .header_menu{padding:0 16px;margin:0 16px}header .header_menu nav ul li:not(:last-child){margin-right:15px}header .header_menu nav ul li:last-child{margin-right:30px}}@media all and (max-width:1279px){header{font-size:15px;line-height:24px;height:86px}header a.logo img{width:130px;height:20px}header .header_menu{padding:0 16px 0 32px;margin:0 16px 0 32px}header .header_menu nav{height:23px;position:relative}header .header_menu nav .nav_toggle{display:block;height:23px;z-index:3;background-image:url("/assets/images/icons/icon-select.svg");background-repeat:no-repeat;background-position:100% 50%;font-size:15px;color:var(--blue);font-weight:700;padding-left:0;cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden}header .header_menu nav ul{display:block;position:absolute;background:#fff;padding:15px 20px;top:25px;left:-20px;width:320px}header .header_menu nav ul:not(.open){display:none}header .header_menu nav ul li:not(:last-child){margin-bottom:6px}header .header_menu nav ul li a{font-size:15px}header .header_menu a[href^="tel:"]{width:32px;height:32px;background:url("/assets/images/icons/icon-header-phone.svg") no-repeat center;text-indent:-9999px;overflow:hidden;margin-left:auto}}@media all and (max-width:768px){header{height:84px}header .container{padding-bottom:35px}header .header_menu{border-left:0;padding-left:0;margin-left:0;height:24px}header .header_menu nav{position:absolute;left:0;bottom:9px}header .header_menu a[href^="tel:"]{width:24px;height:24px;background-size:contain}header .lk{width:24px;height:24px;min-width:24px;background-size:contain}}/*# sourceMappingURL=./style.css.map */

View File

@ -1 +1 @@
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVF,MAYE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aArBN,MAyBE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBA9BjB,MAkCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAhDN,MAkCE,aAiBE,IACE,aACE,aArDR,MAkCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAjEZ,MAkCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBA5Ed,MAoFE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,qDAGlB,gBAAmC,kBAAnC,OACE,cAAA,CACA,iBAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,WAAA,CACA,mBATd,MAcE,cACI,cAAA,CACA,cAKE,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,YATd,MAcE,cACI,qBAAA,CACA,qBAhBN,MAcE,aAME,KACE,WAAA,CACA,kBAtBN,MAcE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CACA,eArCR,MAcE,aAME,IAoBI,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAnCR,aAME,IAoBI,GASG,IAAI,QACH,aAIA,MAxCV,aAME,IAoBI,GAaE,GACG,IAAI,cACH,kBAvDd,MAcE,aAME,IAoBI,GAaE,GAKE,GACE,eA3Dd,MAcE,aAmDE,EAAC,eACE,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKP,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}
{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA,OACE,eAAA,CACA,cAAA,CACA,UAAA,CACA,MAAA,CACA,OAAA,CAEA,YAAA,CACA,cAAA,CACA,gBAAA,CACA,mDAVF,MAYE,YACE,cAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,SAAA,CACA,gBAEA,MARF,WAQG,OACC,aArBN,MAyBE,GACE,oBAAA,CACA,WAEA,MAJF,EAIG,MACC,UAAW,gBA9BjB,MAkCE,cACE,aAAA,CACA,cAAA,CACA,6BAAA,CACA,8BAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,WAAA,CACA,WAEA,MAXF,aAWG,YACC,cAAA,CACA,eAAA,CACA,eAhDN,MAkCE,aAiBE,IACE,aACE,aArDR,MAkCE,aAiBE,IAKE,IACE,aAGE,MA1BR,aAiBE,IAKE,GAGE,GACG,IAAI,cACH,kBAGF,MA9BR,aAiBE,IAKE,GAGE,GAKG,YACC,kBAjEZ,MAkCE,aAiBE,IAKE,GAGE,GASE,EAAC,QACC,MAAO,WAAP,CACA,gBAGF,MAvCR,aAiBE,IAKE,GAGE,GAcG,OACC,GACE,MAAO,WAAP,CACA,gBA5Ed,MAoFE,KACE,aAAA,CACA,oBAAA,CACA,cAAA,CACA,UAAA,CACA,WAAA,CACA,eAAgB,qDAGlB,gBAAmC,kBAAnC,OACE,cAAA,CACA,iBAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,WAAA,CACA,mBATd,MAcE,cACI,cAAA,CACA,cAKE,MAPN,aAIE,IAEE,GAAG,GACA,IAAI,cACH,kBAGF,MAXN,aAIE,IAEE,GAAG,GAKA,YACC,mBAOV,gBAAmC,kBAAnC,OACE,cAAA,CACA,gBAAA,CACA,YAGI,MADJ,EACK,KACG,KACI,WAAA,CACA,YATd,MAcE,cACI,qBAAA,CACA,qBAhBN,MAcE,aAME,KACE,WAAA,CACA,kBAtBN,MAcE,aAME,IAKE,aACE,aAAA,CACA,WAAA,CACA,SAAA,CACA,qBAAsB,uCAAtB,CACA,2BAAA,CACA,4BAAA,CACA,cAAA,CACA,MAAO,WAAP,CACA,eAAA,CAEA,cAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,gBA1CR,MAcE,aAME,IAyBI,IACE,aAAA,CACA,iBAAA,CACA,eAAA,CACA,iBAAA,CACA,QAAA,CACA,UAAA,CACA,YAEA,MAxCR,aAME,IAyBI,GASG,IAAI,QACH,aAIA,MA7CV,aAME,IAyBI,GAaE,GACG,IAAI,cACH,kBA5Dd,MAcE,aAME,IAyBI,GAaE,GAKE,GACE,eAhEd,MAcE,aAwDE,EAAC,eACE,UAAA,CACA,WAAA,CACA,eAAgB,8DAAhB,CACA,mBAAA,CACA,eAAA,CACA,kBAKP,gBAAkC,iBAAlC,OACE,YADF,MAGE,YACE,oBAJJ,MAOE,cACE,aAAA,CACA,cAAA,CACA,aAAA,CACA,YAXJ,MAOE,aAME,KACE,iBAAA,CACA,MAAA,CACA,WAhBN,MAOE,aAYE,EAAC,eACC,UAAA,CACA,WAAA,CACA,wBAtBN,MA0BE,KACE,UAAA,CACA,WAAA,CACA,cAAA,CACA"}

View File

@ -159,9 +159,14 @@ header {
font-size: 15px;
color: var(--blue);
font-weight: 700;
padding-right: 24px;
//padding-right: 24px;
padding-left: 0;
cursor: pointer;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 285px;
overflow: hidden;
}
ul {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1533,13 +1533,74 @@ main {
}
.dropdown_blocks_list {
&.zero-margin {
margin-left: -30px;
border-left: 1px solid #EDEFF5;
border-right: 1px solid #EDEFF5;
.dropdown_block {
border-bottom: 0 !important;
position: relative;
&:after {
content: "";
display: block;
width: auto;
height: 1px;
background: #EDEFF5;
position: absolute;
bottom: 0;
left: 32px;
right: 32px;
}
.block_header {
padding-left: 30px;
padding-right: 30px;
}
.block_body {
margin-left: 85px;
max-width: 755px;
overflow: hidden;
}
}
@media all and (max-width: 1279px) {
border: 0;
margin-left: 0;
.dropdown_block {
&:after {
left: 0;
right: 0;
}
.block_header {
padding-left: 5px;
padding-right: 5px;
}
.block_body {
margin-left: 0;
padding-left: 5px;
}
}
}
}
.dropdown_block {
&:not(:last-child) {
border-bottom: 1px solid #EDEFF5;
}
&.bt {
border-bottom: 0;
border-top: 1px solid #EDEFF5;
}
.block_header {
padding: 15px 0;
height: 70px;
@ -1612,7 +1673,7 @@ main {
}
@media all and (max-width: 768px) {
margin-top: 0;
//margin-top: 0;
p {
margin-bottom: 15px;
@ -2217,8 +2278,17 @@ main {
margin-right: 30px;
max-width: 50%;
&.full {
max-width: 100%;
span {
width: 100%;
}
}
a {
text-decoration: underline;
font-weight: 700;
&:hover {
text-decoration: none;
@ -2251,7 +2321,7 @@ main {
}
.doc_name {
min-height: 32px;
min-height: 40px;
background-size: 32px;
padding-left: 48px;
}
@ -2268,6 +2338,7 @@ main {
background-position: 30px 50%;
min-height: 32px;
max-width: none;
font-weight: 400;
input[type="checkbox"]+label:before {
margin-right: 56px;
@ -2286,17 +2357,28 @@ main {
@media all and (max-width: 768px) {
.row {
position: relative;
flex-wrap: wrap;
.doc_name {
max-width: 100%;
width: 100%;
}
.button {
.button:not(.download-icon) {
margin-left: 55px;
margin-top: 8px;
width: 96px;
}
.button.download-icon {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 24px;
padding: 0;
}
}
}
}
@ -2321,6 +2403,10 @@ main {
width: 16%;
}
&:nth-child(5) {
word-break: break-all;
}
p {
margin: 0;
@ -2364,6 +2450,10 @@ main {
}
&.schedule {
@media all and (max-width: 1279px) {
align-items: flex-start;
}
.show_more {
width: 100%;
height: 60px;
@ -2371,6 +2461,11 @@ main {
background: var(--inactive);
color: var(--blue);
font-weight: 600;
@media all and (max-width: 1279px) {
margin-bottom: 15px;
}
}
.table_row {
@ -2396,9 +2491,15 @@ main {
background: rgb(4 168 164 / 10%);
}
.toggle_cell {
display: none;
}
@media all and (max-width: 1279px) {
position: relative;
.table_cell {
width: 100%;
padding-right: 45px;
&:nth-child(1),
&:nth-child(2),
@ -2409,6 +2510,7 @@ main {
width: 100%;
text-align: left;
font-size: 13px;
line-height: 20px;
padding-top: 0;
border: none;
margin: 5px 0;
@ -2429,7 +2531,107 @@ main {
font-weight: 400;
}
}
.toggle_cell {
display: block;
position: absolute;
width: 16px;
height: 16px;
position: absolute;
right: 15px;
top: 28px;
background: url("/assets/images/icons/toggle-cell.svg") no-repeat center;
border: 0;
outline: none;
}
}
@media all and (max-width: 1279px) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&:not(.opened) {
.table_cell:nth-child(4),
.table_cell:nth-child(5),
.table_cell:nth-child(6) {
display: none;
}
}
&.opened {
.toggle_cell {
transform: rotate(180deg);
}
}
.table_cell {
&:nth-child(1),
&:nth-child(2) {
width: 50%;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
&::before {
font-weight: 700;
}
}
&:nth-child(2) {
text-align: right;
}
&:nth-child(3),
&:nth-child(4) {
display: flex;
justify-content: space-between;
align-items: flex-end;
font-weight: 700;
&:before {
font-weight: 400;
font-size: 13px;
line-height: 20px;
max-width: 55%;
margin-right: 20px;
}
}
&:nth-child(3) {
margin-top: 10px;
margin-bottom: 8px;
}
&:nth-child(5) {
display: flex;
justify-content: space-between;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #EDEFF5;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 60px;
width: calc(100% + 30px);
}
&:nth-child(5),
&:nth-child(6) {
font-size: 13px;
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
&:before {
display: none;
}
}
}
}
@media all and (max-width: 768px) {}
}
}
@ -2761,6 +2963,7 @@ main {
.cell_header {
color: #87878E;
align-self: flex-start;
text-transform: capitalize;
span {
font-size: 26px;
@ -2837,7 +3040,7 @@ main {
font-size: 13px;
line-height: 20px;
align-items: flex-start;
display: block;
//display: block;
.cell_header {
span {font-size: 13px;line-height: 20px;}
@ -2946,12 +3149,12 @@ main {
.acts_list-checkbox {
width: 100%;
order: 2;
margin-top: 40px;
order: 1;
margin-bottom: 40px;
}
.reconciliation_form {
order: 1;
order: 2;
width: 100%;
}
@ -2979,5 +3182,11 @@ main .dropdown_blocks_list .dropdown_block .block_body {
}
.dropdown_block + .dosc_list {
margin-top: 30px;
margin-top: 20px;
@media all and (max-width: 768px) {
margin-top: 0;
padding-top: 20px;
border-top: 1px solid #EDEFF5;
}
}

157
package-lock.json generated
View File

@ -339,6 +339,20 @@
"integrity": "sha512-yk9Xj/3bUxyz3azMXW8qigLqXWEr2R0h9G7PVnnmjNQdlZLN+aESqCTnVN7ubtYUIQfW32/v8+AXsbpL1ryI1A==",
"dev": true
},
"@types/cookie": {
"version": "0.3.3",
"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.3.3.tgz",
"integrity": "sha512-LKVP3cgXBT9RYj+t+9FDKwS5tdI+rPBXaNSkma7hvqy35lc7mAokC2zsqWJH0LaqIt3B962nuYI77hsJoT1gow=="
},
"@types/hoist-non-react-statics": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
"integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
"requires": {
"@types/react": "*",
"hoist-non-react-statics": "^3.3.0"
}
},
"@types/json-schema": {
"version": "7.0.9",
"resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.9.tgz",
@ -355,6 +369,37 @@
"resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.6.tgz",
"integrity": "sha512-ua7PgUoeQFjmWPcoo9khiPum3Pd60k4/2ZGXt18sm2Slk0W0xZTqt5Y0Ny1NyBiN1EVQ/+FaF9NcY4Qe6rwk5w=="
},
"@types/prop-types": {
"version": "15.7.4",
"resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
"integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
},
"@types/react": {
"version": "17.0.35",
"resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.35.tgz",
"integrity": "sha512-r3C8/TJuri/SLZiiwwxQoLAoavaczARfT9up9b4Jr65+ErAUX3MIkU0oMOQnrpfgHme8zIqZLX7O5nnjm5Wayw==",
"requires": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"@types/react-redux": {
"version": "7.1.20",
"resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.20.tgz",
"integrity": "sha512-q42es4c8iIeTgcnB+yJgRTTzftv3eYYvCZOh1Ckn2eX/3o5TdsQYKUWpLoLuGlcY/p+VAhV9IOEZJcWk/vfkXw==",
"requires": {
"@types/hoist-non-react-statics": "^3.3.0",
"@types/react": "*",
"hoist-non-react-statics": "^3.3.0",
"redux": "^4.0.0"
}
},
"@types/scheduler": {
"version": "0.16.2",
"resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
"integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
},
"@typescript-eslint/parser": {
"version": "4.33.0",
"resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-4.33.0.tgz",
@ -631,6 +676,14 @@
"integrity": "sha512-4Hk6iSA/H90rtiPoCpSkeJxNWCPBf7szwVvaUqrPdxo0j2Y04suHK9jPKXaE3WI7OET6wBSwsWw7FDc1DBq7iQ==",
"dev": true
},
"axios": {
"version": "0.24.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-0.24.0.tgz",
"integrity": "sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==",
"requires": {
"follow-redirects": "^1.14.4"
}
},
"axobject-query": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz",
@ -912,6 +965,11 @@
}
}
},
"cookie": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
"integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA=="
},
"core-js-pure": {
"version": "3.19.0",
"resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.19.0.tgz",
@ -1014,6 +1072,11 @@
"cssnano-preset-simple": "^3.0.0"
}
},
"csstype": {
"version": "3.0.10",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz",
"integrity": "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA=="
},
"damerau-levenshtein": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.7.tgz",
@ -1826,6 +1889,11 @@
"integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==",
"dev": true
},
"follow-redirects": {
"version": "1.14.5",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.5.tgz",
"integrity": "sha512-wtphSXy7d4/OR+MvIFbCVBDzZ5520qV8XfPklSN5QtxuMUJZ+b0Wnst1e1lCDocfzuCkHqj8k0FpZqO+UIaKNA=="
},
"foreach": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
@ -2017,6 +2085,21 @@
"minimalistic-crypto-utils": "^1.0.1"
}
},
"hoist-non-react-statics": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
"requires": {
"react-is": "^16.7.0"
},
"dependencies": {
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}
}
},
"http-errors": {
"version": "1.7.3",
"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
@ -2524,6 +2607,11 @@
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz",
"integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw=="
},
"moment": {
"version": "2.29.1",
"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
"integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ=="
},
"ms": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@ -2627,6 +2715,11 @@
"url-loader": "^4.1.0"
}
},
"next-redux-wrapper": {
"version": "7.0.5",
"resolved": "https://registry.npmjs.org/next-redux-wrapper/-/next-redux-wrapper-7.0.5.tgz",
"integrity": "sha512-UFXdAWG5i+GFT8+Hoqpx3GArkPh34fVWF9YoA2VSHlBzsrPtnRd7NWM6FNSYUennpommTpWJ09mu+r/1UxyIkg=="
},
"next-with-less": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/next-with-less/-/next-with-less-1.0.1.tgz",
@ -2814,6 +2907,11 @@
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
},
"numeral": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/numeral/-/numeral-2.0.6.tgz",
"integrity": "sha1-StCAk21EPCVhrtnyGX7//iX05QY="
},
"object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@ -3092,7 +3190,6 @@
"version": "15.7.2",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
"integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
"dev": true,
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
@ -3102,8 +3199,7 @@
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
"dev": true
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}
}
},
@ -3203,6 +3299,16 @@
"object-assign": "^4.1.1"
}
},
"react-cookie": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/react-cookie/-/react-cookie-4.1.1.tgz",
"integrity": "sha512-ffn7Y7G4bXiFbnE+dKhHhbP+b8I34mH9jqnm8Llhj89zF4nPxPutxHT1suUqMeCEhLDBI7InYwf1tpaSoK5w8A==",
"requires": {
"@types/hoist-non-react-statics": "^3.0.1",
"hoist-non-react-statics": "^3.0.0",
"universal-cookie": "^4.0.0"
}
},
"react-dom": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
@ -3218,6 +3324,29 @@
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
},
"react-redux": {
"version": "7.2.6",
"resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz",
"integrity": "sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ==",
"requires": {
"@babel/runtime": "^7.15.4",
"@types/react-redux": "^7.1.20",
"hoist-non-react-statics": "^3.3.2",
"loose-envify": "^1.4.0",
"prop-types": "^15.7.2",
"react-is": "^17.0.2"
},
"dependencies": {
"@babel/runtime": {
"version": "7.16.3",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz",
"integrity": "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ==",
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"react-refresh": {
"version": "0.8.3",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
@ -3241,6 +3370,19 @@
"picomatch": "^2.2.1"
}
},
"redux": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/redux/-/redux-4.1.2.tgz",
"integrity": "sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw==",
"requires": {
"@babel/runtime": "^7.9.2"
}
},
"redux-persist": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/redux-persist/-/redux-persist-6.0.0.tgz",
"integrity": "sha512-71LLMbUq2r02ng2We9S215LtPu3fY0KgaGE0k8WRgl6RkqxtGfl7HUozz1Dftwsb0D/5mZ8dwAaPbtnzfvbEwQ=="
},
"regenerator-runtime": {
"version": "0.13.9",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
@ -3677,6 +3819,15 @@
"which-boxed-primitive": "^1.0.2"
}
},
"universal-cookie": {
"version": "4.0.4",
"resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-4.0.4.tgz",
"integrity": "sha512-lbRVHoOMtItjWbM7TwDLdl8wug7izB0tq3/YVKhT/ahB4VDvWMyvnADfnJI8y6fSvsjh51Ix7lTGC6Tn4rMPhw==",
"requires": {
"@types/cookie": "^0.3.3",
"cookie": "^0.4.0"
}
},
"unpipe": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",

View File

@ -10,15 +10,12 @@ import Footer from '../components/Footer';
import InnerMenu from "./components/InnerMenu";
import Company from "../components/Company";
class ContractDocumentsPage extends React.Component
{
constructor(props)
{
class ContractDocumentsPage extends React.Component {
constructor(props) {
super(props);
}
render()
{
render() {
return (
<React.Fragment>
<Head>
@ -28,69 +25,85 @@ class ContractDocumentsPage extends React.Component
content="ЛК Эволюция автолизинга"
/>
</Head>
<Header { ...this.props }/>
<Header {...this.props} />
<main>
<section>
<div class="clear"></div>
<div class="container">
<div class="title_wrapper">
<div class="left">
<h1 class="section_title">Договор 1234/2021 от 10.01.2021</h1>
<section>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Договор 1234/2021 от 10.01.2021</h1>
</div>
<Company />
</div>
<Company/>
</div>
<div class="aside_container about">
<InnerMenu number={ "1234-2021" } { ...this.props }/>
<article>
<div class="dropdown_blocks_list">
<div class="dropdown_block">
<div class="block_header">
<p>
УПД по очередным платежам
</p>
<button class="block_toggle"></button>
</div>
<div class="block_body">
<div class="transaction_detail">
<p> постановления: <b>3432434242334</b></p>
<ul>
<li>Сумма: <b>3 000,00 р.</b></li>
<li>Дата: <b>01/01/2020</b></li>
<li>Статус: <b class="success">Оплачен</b></li>
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
</ul>
<div className="aside_container about">
<InnerMenu number={"1234-2021"} {...this.props} />
<article>
<div className="reconciliation_form">
<p>Акт сверки</p>
<div className="form_group">
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus={() => {/*(this.type='date')*/ }} onBlur={() => {/*(this.value == '' ? this.type='text' : this.type='date')*/ }} />
</div>
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus={() => { /*(this.type='date')*/ }} onBlur={() => {/*(this.value == '' ? this.type='text' : this.type='date')*/ }} />
</div>
</div>
<div class="dosc_list medium-icon">
<div class="row">
<p class="doc_name i-pdf i-medium">
<div className="form_group">
<button className="button button-blue">Скачать</button>
<button className="button button-blue">Отправить в ЭДО</button>
</div>
</div>
<div className="dropdown_blocks_list">
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по очередным платежам
</p>
<button className="block_toggle"></button>
</div>
<div className="block_body">
<div className="transaction_detail">
<p> постановления: <b>3432434242334</b></p>
<ul>
<li>Сумма: <b>3 000,00 р.</b></li>
<li>Дата: <b>01/01/2020</b></li>
<li>Статус: <b className="success">Оплачен</b></li>
<li>Штраф: п. 1.15 - Несоблюдение правил парковки </li>
</ul>
</div>
</div>
</div>
<div className="dosc_list medium-icon">
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение 1
</p>
<a href="#" class="button button-blue">Скачать</a>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
<div class="row">
<p class="doc_name i-pdf i-medium">
<div className="row">
<p className="doc_name i-pdf i-medium">
Дополнительное соглашение 2
</p>
<a href="#" class="button button-blue">Скачать</a>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
<div class="row">
<p class="doc_name i-pdf i-medium">
<div className="row">
<p className="doc_name i-pdf i-medium">
Выкупные документы
</p>
<a href="#" class="button button-blue">Скачать</a>
<a href="#" className="button button-blue download-icon">Скачать</a>
</div>
</div>
<hr />
<div class="dropdown_block">
<div class="block_header">
<div className="dropdown_block bt">
<div className="block_header">
<p>
УПД по доп.услугам
</p>
<button class="block_toggle"></button>
<button className="block_toggle"></button>
</div>
<div class="block_body"></div>
<div className="block_body"></div>
</div>
</div>
</article>
@ -98,24 +111,22 @@ class ContractDocumentsPage extends React.Component
</div>
</section>
</main>
<Footer/>
<Footer />
</React.Fragment>
);
}
}
function mapStateToProps(state, ownProps)
{
function mapStateToProps(state, ownProps) {
return {
company: state.company,
schedule: state.payments,
company: state.company,
schedule: state.payments,
}
}
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
async ({ req, res, query }) =>
{
}
export const getServerSideProps = reduxWrapper.getServerSideProps(store =>
async ({ req, res, query }) => {
}
);
export default withRouter(connect(mapStateToProps)(ContractDocumentsPage));

View File

@ -53,37 +53,45 @@ class ContractSchedulePage extends React.Component
</div>
<button className="show_more primary">Показать прошедшие платежи</button>
<div className="table_row" data-status="overpayment-2">
<div className="table_cell">11</div>
<div className="table_cell">21.02.2021</div>
<div className="table_cell">239 724,05</div>
<div className="table_cell">43 079,18</div>
<div className="table_cell">Переплата 15 000,00 </div>
<div className="table_cell" data-title="Платеж №">11</div>
<div className="table_cell" data-title="от">21.02.2021</div>
<div className="table_cell" data-title="На сумму">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
<div className="table_cell"><span>Переплата</span> <span>15 000,00 </span></div>
<div className="table_cell">18432 от 20/01/2021 на сумму 255 000,00 </div>
<button className="toggle_cell"></button>
</div>
<div className="table_row" data-status="overpayment-1">
<div className="table_cell">12</div>
<div className="table_cell">21.02.2021</div>
<div className="table_cell">239 724,05</div>
<div className="table_cell">43 079,18</div>
<div className="table_row opened" data-status="overpayment-1">
<div className="table_cell" data-title="Платеж №">12</div>
<div className="table_cell" data-title="от">21.02.2021</div>
<div className="table_cell" data-title="На сумму">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
<div className="table_cell">Переплата 10 000,00 </div>
<div className="table_cell">34223 от 21/02/2021 на сумму 229 724,05 </div>
<button className="toggle_cell"></button>
</div>
<div className="table_row" data-status="paid">
<div className="table_cell">13</div>
<div className="table_cell">21.02.2021</div>
<div className="table_cell">239 724,05</div>
<div className="table_cell">43 079,18</div>
<div className="table_cell" data-title="Платеж №">13</div>
<div className="table_cell" data-title="от">21.02.2021</div>
<div className="table_cell" data-title="На сумму">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
<div className="table_cell">Оплачено </div>
<div className="table_cell">44911 от 10/03/2021 на сумму 100 000,00
49877 от 21/03/2021 на сумму 139 724,05 </div>
<button className="toggle_cell"></button>
</div>
<div className="table_row">
<div className="table_cell">14</div>
<div className="table_cell">21.02.2021</div>
<div className="table_cell">239 724,05</div>
<div className="table_cell">43 079,18</div>
<div className="table_cell" data-title="Платеж №">14</div>
<div className="table_cell" data-title="от">21.02.2021</div>
<div className="table_cell" data-title="На сумму">239 724,05</div>
<div className="table_cell" data-title="НДС, 20% ₽">43 079,18</div>
<div className="table_cell">Не оплачено </div>
<div className="table_cell">-</div>
<button className="toggle_cell"></button>
</div>
</div>
</article>

View File

@ -62,18 +62,18 @@ class ContractServicesPage extends React.Component
<div className="aside_container about">
<InnerMenu number={ "1234-2021" } { ...this.props }/>
<article>
<div class="dropdown_blocks_list filled">
<div className="dropdown_blocks_list filled zero-margin">
<div class={`dropdown_block ${ opened.indexOf("ratcard") > -1 ? 'open' : '' }`}>
<div class="block_header" onClick={ () => this._handle_onCard('ratcard') }>
<p class="with-icon">
<div className="block_header" onClick={ () => this._handle_onCard('ratcard') }>
<p className="with-icon">
<img src="/assets/images/lk/additional-1.svg" alt="Карта РАТ" width="32px" height="32px" />
Карта РАТ
</p>
<button class="block_toggle"></button>
<button className="block_toggle"></button>
</div>
<div class="block_body">
<div class="company">
<div className="block_body">
<div className="company">
<ul>
<li>Номер карты: <b>34234324324324</b></li>
<li>Сайт: <b>www.sog.ru</b></li>
@ -84,16 +84,16 @@ class ContractServicesPage extends React.Component
</div>
<div class={`dropdown_block ${ opened.indexOf("insurance") > -1 ? 'open' : '' }`}>
<div class="block_header" onClick={ () => this._handle_onCard('insurance') }>
<p class="with-icon">
<div className="block_header" onClick={ () => this._handle_onCard('insurance') }>
<p className="with-icon">
<img src="/assets/images/lk/additional-2.svg" alt="Страхование" width="32px" height="32px" />
Страхование
</p>
<button class="block_toggle"></button>
<button className="block_toggle"></button>
</div>
<div class="block_body">
<div class="company">
<p class="title">Каско</p>
<div className="block_body">
<div className="company">
<p className="title">Каско</p>
<ul>
<li>Страховая компания: <b>Согласие</b></li>
<li>Сайт: <b>www.sog.ru</b></li>
@ -108,28 +108,28 @@ class ContractServicesPage extends React.Component
</div>
<div class={`dropdown_block ${ opened.indexOf("registration") > -1 ? 'open' : '' }`}>
<div class="block_header" onClick={ () => this._handle_onCard('registration') }>
<p class="with-icon">
<div className="block_header" onClick={ () => this._handle_onCard('registration') }>
<p className="with-icon">
<img src="/assets/images/lk/additional-3.svg" alt="Регистрация" width="32px" height="32px" />
Регистрация
</p>
<button class="block_toggle"></button>
<button className="block_toggle"></button>
</div>
<div class="block_body">
<div className="block_body">
<p>Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент</p>
</div>
</div>
<div class={`dropdown_block ${ opened.indexOf("telematic") > -1 ? 'open' : '' }`}>
<div class="block_header" onClick={ () => this._handle_onCard('telematic') }>
<p class="with-icon">
<div className="block_header" onClick={ () => this._handle_onCard('telematic') }>
<p className="with-icon">
<img src="/assets/images/lk/additional-4.svg" alt="Телематика" width="32px" height="32px" />
Телематика
</p>
<button class="block_toggle"></button>
<button className="block_toggle"></button>
</div>
<div class="block_body">
<div class="company">
<div className="block_body">
<div className="company">
<ul>
<li>Сайт: <b>www.telematic.ru</b></li>
<li>Логин: <b>test</b></li>

View File

@ -31,56 +31,56 @@ class FinalsPage extends React.Component
<Header { ...this.props }/>
<main>
<section>
<div class="clear"></div>
<div class="container">
<div class="title_wrapper">
<div class="left">
<h1 class="section_title">Закрывающие документы</h1>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Закрывающие документы</h1>
</div>
<Company/>
</div>
<div class="aside_container about">
<div className="aside_container about">
<InnerMenu { ...this.props }/>
<article>
<div class="contract_search">
<div className="contract_search">
<form>
<div class="form_field single">
<div className="form_field single">
<input type="search" value="" placeholder="Поиск по номеру договора, марке и модели транспорта, VIN и госномеру ТС"/>
</div>
<button class="button" disabled="">Поиск</button>
<button className="button" disabled="">Поиск</button>
</form>
</div>
<div class="dosc_list">
<div class="row">
<p class="doc_name i-pdf">
<div className="dosc_list">
<div className="row">
<p className="doc_name i-doc full">
<a href="#">Договор</a>
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-doc full">
Договор цессии
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-doc full">
Дополнительное соглашение 1
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-doc full">
Дополнительное соглашение 2
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-doc full">
Выкупные документы
<span>Краткое описание. Может быть много-много строк.
Столько строк, сколько есть в описании</span>

View File

@ -31,47 +31,47 @@ class ReconciliationsPage extends React.Component
<Header { ...this.props }/>
<main>
<section>
<div class="clear"></div>
<div class="container">
<div class="title_wrapper">
<div class="left">
<h1 class="section_title">Акты сверок</h1>
<div className="clear"></div>
<div className="container">
<div className="title_wrapper">
<div className="left">
<h1 className="section_title">Акты сверок</h1>
</div>
<Company/>
</div>
<div class="aside_container about">
<div className="aside_container about">
<InnerMenu { ...this.props }/>
<article>
<div class="acts_wrapper">
<div class="dosc_list acts_list-checkbox">
<div class="row">
<p class="doc_name">
<div className="acts_wrapper">
<div className="dosc_list acts_list-checkbox">
<div className="row">
<p className="doc_name">
<input type="checkbox" name="name" id="name" />
<label for="name">Все договоры</label>
<label htmlFor="name">Все договоры</label>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-pdf">
<input type="checkbox" name="name" id="name" />
<label for="name">1234567 от 21.01.2021</label>
<label htmlFor="name">1234567 от 21.01.2021</label>
</p>
</div>
<div class="row">
<p class="doc_name i-pdf">
<div className="row">
<p className="doc_name i-pdf">
<input type="checkbox" name="name" id="name" />
<label for="name">1234567 от 21.01.2021</label>
<label htmlFor="name">1234567 от 21.01.2021</label>
</p>
</div>
</div>
<div class="reconciliation_form small">
<div class="form_field">
<input type="text" class="date_input" value="" placeholder="Дата начала договора" onFocus={ () => {/*(this.type='date')*/} } onBlur={ () => {/*(this.value == '' ? this.type='text' : this.type='date')*/} } />
<div className="reconciliation_form small">
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus={ () => {/*(this.type='date')*/} } onBlur={ () => {/*(this.value == '' ? this.type='text' : this.type='date')*/} } />
</div>
<div class="form_field">
<input type="text" class="date_input" value="" placeholder="Дата окончания договора" onFocus={ () => { /*(this.type='date')*/} } onBlur={ () => {/*(this.value == '' ? this.type='text' : this.type='date')*/} } />
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus={ () => { /*(this.type='date')*/} } onBlur={ () => {/*(this.value == '' ? this.type='text' : this.type='date')*/} } />
</div>
<button class="button button-blue">Скачать</button>
<button class="button button-blue">Отправить в ЭДО</button>
<button className="button button-blue">Скачать</button>
<button className="button button-blue">Отправить в ЭДО</button>
</div>
</div>
</article>

View File

@ -12,6 +12,7 @@ import Header from '../components/Header';
import Footer from '../components/Footer';
import InnerMenu from "./components/InnerMenu";
import Company from "../components/Company";
import CalendarCellModal from "../components/Modal/calendar";
class SchedulePage extends React.Component
{
@ -19,6 +20,7 @@ class SchedulePage extends React.Component
{
super(props);
this.state = {
modalOpened: false,
payments: [{
date: "2021-11-15",
total: 128000.22,
@ -29,6 +31,12 @@ class SchedulePage extends React.Component
};
}
toggleModal = () => {
this.setState({
modalOpened: !this.state.modalOpened
})
}
getPayments = (date) =>
{
const { payments } = this.state;
@ -92,6 +100,13 @@ class SchedulePage extends React.Component
const dow = date.day();
console.log(dow);
console.log("date.month())", date.month());
const weeks = dates.reduce(function(result, value, index, array) {
if (index % 7 === 0)
result.push(array.slice(index, index +7));
return result;
}, []);
return (
<React.Fragment>
@ -122,6 +137,12 @@ class SchedulePage extends React.Component
<option selected>{ moment().month(month).format('MMMM') }</option>
</select>
</div>
<div className="calendar_nav">
<button>Предыдущая неделя</button>
<button>Следующая неделя</button>
</div>
<div className="calendar_grid">
<div className="grid_header">
<div className="grid_cell">Пн</div>
@ -133,14 +154,18 @@ class SchedulePage extends React.Component
<div className="grid_cell">Вс</div>
</div>
<div className="grid_body">
{ dates.map((day, index) => {
{ weeks.map((week, index) => {
return (
<div className={index == 0 ? "grid_week active" : "grid_week"} key={"week_" + index}>
{ week.map((day, index) => {
return (
<div key={ index } className={`grid_cell ${ day.date.month() !== month ? 'disabled' : '' }`}>
<div className="cell_header">
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() }</p>
<p><span>{ day.date.format("DD") }</span> { day.date.format("MMM").toLocaleLowerCase() } { day.date.format("Y").toLocaleLowerCase() }</p>
</div>
<div className="cell_body">{ day.payment && (
<p>
<p onClick={() => this.toggleModal()}>
Общий платеж
<span>{ numeral(day.payment).format('') } р.</span>
</p>
@ -149,6 +174,11 @@ class SchedulePage extends React.Component
</div>
)
}) }
</div>
)
}) }
{/*}
<div className="grid_cell disabled">
<div className="cell_header">
@ -259,6 +289,8 @@ class SchedulePage extends React.Component
</div>
</div>
</section>
<CalendarCellModal open = {this.state.modalOpened} close = {() => this.toggleModal()}/>
</main>
<Footer/>
</React.Fragment>

View File

@ -41,10 +41,12 @@ class IndexPage extends React.Component
<input type="search" value="" placeholder="Поиск" onChange={ () => {} }/>
</div>
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus={ () => { /*(this.type='date')*/ } } onBlur={ () => { /*(this.value == '' ? this.type='text' : this.type='date')*/ } } onChange={ () => {} }/>
<input type="text" id="date_from" className="date_input" value="1" placeholder="Дата договора от" onFocus={ () => { /*(this.type='date')*/ } } onBlur={ () => { /*(this.value == '' ? this.type='text' : this.type='date')*/ } } onChange={ () => {} }/>
<label htmlFor="date_from">Дата<br/>договора от</label>
</div>
<div className="form_field">
<input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus={ () => { /*(this.type='date')*/ } } onBlur={ () => { /*(this.value == '' ? this.type='text' : this.type='date')*/ } } onChange={ () => {} }/>
<input type="text" id="date_for" className="date_input" value="" placeholder="Дата договора по" onFocus={ () => { /*(this.type='date')*/ } } onBlur={ () => { /*(this.value == '' ? this.type='text' : this.type='date')*/ } } onChange={ () => {} }/>
<label htmlFor="date_for">Дата<br/>договора по</label>
</div>
<button className="button" disabled>Поиск</button>
</form>
@ -69,7 +71,7 @@ class IndexPage extends React.Component
<p className="closed">Закрыт</p>
</div>
<div className="table_cell">
20/01/2021
20.01.2021
<b className="price">45,000 р.</b>
</div>
</div>
@ -83,7 +85,7 @@ class IndexPage extends React.Component
<p className="opened">Действующий</p>
</div>
<div className="table_cell">
20/01/2021
20.01.2021
<b className="price">45,000 р.</b>
</div>
</div>
@ -97,7 +99,7 @@ class IndexPage extends React.Component
<p className="closed">Закрыт</p>
</div>
<div className="table_cell">
20/01/2021
20.01.2021
<b className="price">45,000 р.</b>
</div>
</div>

View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.0625 10.3125L12 14.25L15.9375 10.3125" stroke="#1C01A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 3.74805V14.248" stroke="#1C01A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 12.75V19.5C21 19.6989 20.921 19.8897 20.7803 20.0303C20.6397 20.171 20.4489 20.25 20.25 20.25H3.75C3.55109 20.25 3.36032 20.171 3.21967 20.0303C3.07902 19.8897 3 19.6989 3 19.5V12.75" stroke="#1C01A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 629 B

View File

@ -1,4 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5Z" stroke="#1C01A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.9629 10.9624L14.0004 13.9999" stroke="#1C01A9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.25 12.5C10.1495 12.5 12.5 10.1495 12.5 7.25C12.5 4.35051 10.1495 2 7.25 2C4.35051 2 2 4.35051 2 7.25C2 10.1495 4.35051 12.5 7.25 12.5Z" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.9629 10.9629L14.0004 14.0004" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 460 B

After

Width:  |  Height:  |  Size: 460 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 6L8 11L3 6" stroke="#8E94A7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 211 B