Skip to content

肖康 / cloudSystem

Go to a project
Commit b96f2611 by LJM
Options

css

parent a1018244
Inline Side-by-side
Showing with 1489 additions and 434 deletions
src/assets/css/index/index.less
.home-index { .home-index {
width: 99%; width: 99%;
padding-left: 20px; padding-left: 20px;
padding-bottom: 20px; padding-bottom: 20px;
.survey-top-show {
.left-bar {
width: 63%;
}
.survey-top { .survey-top {
padding-top: 20px; padding-top: 20px;
li { li {
padding: 7px 8px 9px 12px; padding: 7px 8px 9px 12px;
width: 24%; width: 48%;
height: 128px; height: 128px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
margin-right: 22px;
.top {
.t1 {
font-size: 14px;
color: #333333;
font-weight: 500;
}
.t2 {
width: 24px;
height: 24px;
background: #F1F4FA;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #BEC9DF;
font-size: 14px;
.top { color: #646b78;
.t1 { cursor: pointer;
font-size: 14px; transition: all 0.2s ease;
color: #333333;
font-weight: 500; &:hover {
} border: 1px solid #1969F9;
color: #1969f9;
.t2 {
width: 24px;
height: 24px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 14px;
color: #646b78;
cursor: pointer;
transition: all 0.2s ease;
&:hover {
border: 1px solid #1969F9;
color: #1969f9;
}
}
}
.cen {
margin-top: 13px;
margin-bottom: 18px;
align-items: flex-end;
.mr {
margin-right: 26px;
}
.t1 {
font-size: 14px;
color: #333333;
line-height: 20px;
font-weight: 500;
}
.t2 {
font-size: 30px;
color: #1969f9;
font-weight: bold;
line-height: 35px;
margin-left: 3px;
}
}
.bottom {
.t1 {
font-size: 12px;
color: #646b78;
font-weight: 500;
}
.t2 {
font-size: 12px;
color: #333333;
}
} }
}
} }
.cen {
margin-top: 13px;
margin-bottom: 18px;
align-items: flex-end;
.mr {
margin-right: 26px;
}
.t1 {
font-size: 14px;
color: #333333;
line-height: 20px;
font-weight: 500;
}
.t2 {
font-size: 30px;
color: #1969f9;
font-weight: bold;
line-height: 35px;
margin-left: 3px;
}
}
.bottom {
.t1 {
font-size: 12px;
color: #646b78;
font-weight: 500;
}
.t2 {
font-size: 12px;
color: #333333;
}
}
}
} }
.survey-show { .survey-show {
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
padding: 20px 0 17px 0; padding: 20px 15px 17px 15px;
height: 131px; height: 131px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
li { li {
position: relative; position: relative;
width: 24%; width: 48%;
height: 94px; height: 94px;
margin-right: 24px;
.iconfont {
font-size: 30px; .iconfont {
color: #A3ADC2; font-size: 30px;
} color: #A3ADC2;
}
.t1 {
font-size: 14px; .t1 {
color: #333333; font-size: 14px;
margin-top: 11px; color: #333333;
} margin-top: 11px;
}
.t2 {
font-size: 14px; .t2 {
color: #a1acc1; font-size: 14px;
margin-top: 8px; color: #a1acc1;
} margin-top: 8px;
}
.color1 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #F35656;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color2 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #FC7A28;
border-radius: 0px 0 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color3 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #EEB602;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color4 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #29C0D6;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color5 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #4DD35B;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.wrap {
width: 100%;
height: 94px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding-top: 20px;
padding-left: 10px;
cursor: pointer;
transition: all 0.4s ease;
display: block;
}
&:hover {
.wrap {
transform: translateY(-8px);
}
.color1 {
transform: translateY(0);
}
.t1 {
color: #1969f9;
}
}
}
}
}
.rate-box {
margin-top: 25px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
position: relative;
.progressbar-box {
width: 100%;
margin-top: 30px;
}
}
.offer {
position: relative;
margin-top: 25px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
.offer-content {
margin-top: 20px;
height: 360px;
.echarts-box {
flex: 0 0 60%;
height: 100%;
}
.list-box {
flex: 0 0 40%;
height: 100%;
.one {
width: 20px;
height: 20px;
border-radius: 50%;
background: #f56c6c;
font-size: 12px;
color: #fff;
}
.two {
width: 20px;
height: 20px;
border-radius: 50%;
background: #409eff;
font-size: 12px;
color: #fff;
}
.three {
width: 20px;
height: 20px;
border-radius: 50%;
background: #67c23a;
font-size: 12px;
color: #fff;
}
.num {
width: 20px;
height: 20px;
border-radius: 50%;
}
}
}
}
.liexin-search {
width: 35%;
height: 284px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
.head {
height: 35px;
background: #D3DAFC;
border-radius: 2px 2px 0px 0px;
.title {
padding-left: 18px;
font-weight: bold;
span {
font-size: 14px;
color: #253b5e;
}
em {
font-size: 14px;
color: #387fff;
}
}
.switch {
margin-right: 10px;
cursor: pointer;
span {
font-size: 12px;
color: #313131;
margin-right: 5px;
}
i {
width: 15px;
height: 15px;
background: url("../../images/next.png") no-repeat center;
background-size: contain;
}
&:hover {
span {
color: #387FFF;
}
i {
background: url("../../images/nexts.png") no-repeat center;
background-size: contain;
}
}
}
}
.search {
margin: 10px 10px 0 10px;
height: 28px;
background: #F1F4FA;
border-radius: 2px;
box-sizing: border-box;
i {
width: 17px;
height: 17px;
background: url("../../images/search.png") no-repeat center;
background-size: contain;
margin-left: 7px;
margin-right: 10px;
}
input {
font-size: 12px;
background: transparent;
}
}
.list {
padding-left: 45px;
.top-th {
height: 35px;
span {
font-size: 14px;
color: #333333;
font-weight: bold;
}
}
.box-wrap {
height: 173px;
overflow-y: auto;
.box {
height: 35px;
.t1 {
width: 70%;
font-size: 14px;
color: #333333;
}
.t2 {
width: 60px;
font-size: 14px;
color: #333333;
text-align: center;
}
.sort {
.color1 { .color1 {
position: absolute; font-size: 14px;
right: 7px; color: #f65d51;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #F35656;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color2 { .color2 {
position: absolute; font-size: 14px;
right: 7px; color: #e08c22;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #FC7A28;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color3 { .color3 {
position: absolute; font-size: 14px;
right: 7px; color: #64a0e1;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #EEB602;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color4 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #29C0D6;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color5 { .i1 {
position: absolute; width: 17px;
right: 7px; height: 17px;
top: -21px; background: url("../../images/one.png") no-repeat center;
width: 45px; background-size: contain;
height: 40px; margin-right: 10px;
line-height: 40px;
background: #4DD35B;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.wrap { .i2 {
width: 100%; width: 17px;
height: 94px; height: 17px;
background: #F1F4FA; background: url("../../images/two.png") no-repeat center;
border-radius: 2px; background-size: contain;
border: 1px solid #E5EBF6; margin-right: 10px;
padding-top: 20px;
padding-left: 10px;
cursor: pointer;
transition: all 0.4s ease;
display: block;
} }
&:hover { .i3 {
.wrap { width: 17px;
transform: translateY(-8px); height: 17px;
} background: url("../../images/three.png") no-repeat center;
background-size: contain;
.color1 { margin-right: 10px;
transform: translateY(0);
}
.t1 {
color: #1969f9;
}
} }
}
} }
}
} }
}
}
.rate-box { .dialog-layer-notice {
margin-top: 25px; .content {
background: #FFFFFF; padding: 20px;
border-radius: 2px; height: 157px;
border: 1px solid #E5EBF6; overflow-y: auto;
padding: 20px; font-size: 14px;
position: relative; color: #313131;
box-sizing: border-box;
.progressbar-box { }
width: 100%;
margin-top: 30px; .bottom {
} margin-top: 10px;
height: 69px;
border-top: 1px solid #E5EBF6;
padding: 9px 23px 0 23px;
box-sizing: border-box;
align-items: flex-start;
.enclosure {
span {
font-size: 12px;
color: #313131;
}
.down {
font-size: 12px;
color: #387fff;
}
} }
.offer { .t1 {
position: relative; font-size: 12px;
margin-top: 25px; color: #313131;
background: #FFFFFF; margin-bottom: 5px;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
.offer-content {
margin-top: 20px;
height: 360px;
.echarts-box {
flex: 0 0 60%;
height: 100%;
}
.list-box {
flex: 0 0 40%;
height: 100%;
.one {
width: 20px;
height: 20px;
border-radius: 50%;
background: #f56c6c;
font-size: 12px;
color: #fff;
}
.two {
width: 20px;
height: 20px;
border-radius: 50%;
background: #409eff;
font-size: 12px;
color: #fff;
}
.three {
width: 20px;
height: 20px;
border-radius: 50%;
background: #67c23a;
font-size: 12px;
color: #fff;
}
.num {
width: 20px;
height: 20px;
border-radius: 50%;
}
}
}
} }
} .t2 {
font-size: 12px;
color: #313131;
margin-left: 47px;
}
}
}
\ No newline at end of file
src/assets/css/index/index.min.css
...@@ -3,23 +3,27 @@ ...@@ -3,23 +3,27 @@
padding-left: 20px; padding-left: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.home-index .survey-top { .home-index .survey-top-show .left-bar {
width: 63%;
}
.home-index .survey-top-show .survey-top {
padding-top: 20px; padding-top: 20px;
} }
.home-index .survey-top li { .home-index .survey-top-show .survey-top li {
padding: 7px 8px 9px 12px; padding: 7px 8px 9px 12px;
width: 24%; width: 48%;
height: 128px; height: 128px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
margin-right: 22px;
} }
.home-index .survey-top li .top .t1 { .home-index .survey-top-show .survey-top li .top .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .top .t2 { .home-index .survey-top-show .survey-top li .top .t2 {
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #F1F4FA; background: #F1F4FA;
...@@ -30,69 +34,70 @@ ...@@ -30,69 +34,70 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.home-index .survey-top li .top .t2:hover { .home-index .survey-top-show .survey-top li .top .t2:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
color: #1969f9; color: #1969f9;
} }
.home-index .survey-top li .cen { .home-index .survey-top-show .survey-top li .cen {
margin-top: 13px; margin-top: 13px;
margin-bottom: 18px; margin-bottom: 18px;
align-items: flex-end; align-items: flex-end;
} }
.home-index .survey-top li .cen .mr { .home-index .survey-top-show .survey-top li .cen .mr {
margin-right: 26px; margin-right: 26px;
} }
.home-index .survey-top li .cen .t1 { .home-index .survey-top-show .survey-top li .cen .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
line-height: 20px; line-height: 20px;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .cen .t2 { .home-index .survey-top-show .survey-top li .cen .t2 {
font-size: 30px; font-size: 30px;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
line-height: 35px; line-height: 35px;
margin-left: 3px; margin-left: 3px;
} }
.home-index .survey-top li .bottom .t1 { .home-index .survey-top-show .survey-top li .bottom .t1 {
font-size: 12px; font-size: 12px;
color: #646b78; color: #646b78;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .bottom .t2 { .home-index .survey-top-show .survey-top li .bottom .t2 {
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
} }
.home-index .survey-show { .home-index .survey-top-show .survey-show {
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
padding: 20px 0 17px 0; padding: 20px 15px 17px 15px;
height: 131px; height: 131px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
} }
.home-index .survey-show li { .home-index .survey-top-show .survey-show li {
position: relative; position: relative;
width: 24%; width: 48%;
height: 94px; height: 94px;
margin-right: 24px;
} }
.home-index .survey-show li .iconfont { .home-index .survey-top-show .survey-show li .iconfont {
font-size: 30px; font-size: 30px;
color: #A3ADC2; color: #A3ADC2;
} }
.home-index .survey-show li .t1 { .home-index .survey-top-show .survey-show li .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
margin-top: 11px; margin-top: 11px;
} }
.home-index .survey-show li .t2 { .home-index .survey-top-show .survey-show li .t2 {
font-size: 14px; font-size: 14px;
color: #a1acc1; color: #a1acc1;
margin-top: 8px; margin-top: 8px;
} }
.home-index .survey-show li .color1 { .home-index .survey-top-show .survey-show li .color1 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -105,7 +110,7 @@ ...@@ -105,7 +110,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color2 { .home-index .survey-top-show .survey-show li .color2 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -113,12 +118,12 @@ ...@@ -113,12 +118,12 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background: #FC7A28; background: #FC7A28;
border-radius: 0px 0px 100px 100px; border-radius: 0px 0 100px 100px;
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color3 { .home-index .survey-top-show .survey-show li .color3 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -131,7 +136,7 @@ ...@@ -131,7 +136,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color4 { .home-index .survey-top-show .survey-show li .color4 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -144,7 +149,7 @@ ...@@ -144,7 +149,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color5 { .home-index .survey-top-show .survey-show li .color5 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -157,7 +162,7 @@ ...@@ -157,7 +162,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .wrap { .home-index .survey-top-show .survey-show li .wrap {
width: 100%; width: 100%;
height: 94px; height: 94px;
background: #F1F4FA; background: #F1F4FA;
...@@ -169,13 +174,13 @@ ...@@ -169,13 +174,13 @@
transition: all 0.4s ease; transition: all 0.4s ease;
display: block; display: block;
} }
.home-index .survey-show li:hover .wrap { .home-index .survey-top-show .survey-show li:hover .wrap {
transform: translateY(-8px); transform: translateY(-8px);
} }
.home-index .survey-show li:hover .color1 { .home-index .survey-top-show .survey-show li:hover .color1 {
transform: translateY(0); transform: translateY(0);
} }
.home-index .survey-show li:hover .t1 { .home-index .survey-top-show .survey-show li:hover .t1 {
color: #1969f9; color: #1969f9;
} }
.home-index .rate-box { .home-index .rate-box {
...@@ -239,4 +244,168 @@ ...@@ -239,4 +244,168 @@
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
} }
.home-index .liexin-search {
width: 35%;
height: 284px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
}
.home-index .liexin-search .head {
height: 35px;
background: #D3DAFC;
border-radius: 2px 2px 0px 0px;
}
.home-index .liexin-search .head .title {
padding-left: 18px;
font-weight: bold;
}
.home-index .liexin-search .head .title span {
font-size: 14px;
color: #253b5e;
}
.home-index .liexin-search .head .title em {
font-size: 14px;
color: #387fff;
}
.home-index .liexin-search .head .switch {
margin-right: 10px;
cursor: pointer;
}
.home-index .liexin-search .head .switch span {
font-size: 12px;
color: #313131;
margin-right: 5px;
}
.home-index .liexin-search .head .switch i {
width: 15px;
height: 15px;
background: url("../../images/next.png") no-repeat center;
background-size: contain;
}
.home-index .liexin-search .head .switch:hover span {
color: #387FFF;
}
.home-index .liexin-search .head .switch:hover i {
background: url("../../images/nexts.png") no-repeat center;
background-size: contain;
}
.home-index .liexin-search .search {
margin: 10px 10px 0 10px;
height: 28px;
background: #F1F4FA;
border-radius: 2px;
box-sizing: border-box;
}
.home-index .liexin-search .search i {
width: 17px;
height: 17px;
background: url("../../images/search.png") no-repeat center;
background-size: contain;
margin-left: 7px;
margin-right: 10px;
}
.home-index .liexin-search .search input {
font-size: 12px;
background: transparent;
}
.home-index .liexin-search .list {
padding-left: 45px;
}
.home-index .liexin-search .list .top-th {
height: 35px;
}
.home-index .liexin-search .list .top-th span {
font-size: 14px;
color: #333333;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap {
height: 173px;
overflow-y: auto;
}
.home-index .liexin-search .list .box-wrap .box {
height: 35px;
}
.home-index .liexin-search .list .box-wrap .box .t1 {
width: 70%;
font-size: 14px;
color: #333333;
}
.home-index .liexin-search .list .box-wrap .box .t2 {
width: 60px;
font-size: 14px;
color: #333333;
text-align: center;
}
.home-index .liexin-search .list .box-wrap .box .sort .color1 {
font-size: 14px;
color: #f65d51;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .color2 {
font-size: 14px;
color: #e08c22;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .color3 {
font-size: 14px;
color: #64a0e1;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .i1 {
width: 17px;
height: 17px;
background: url("../../images/one.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.home-index .liexin-search .list .box-wrap .box .sort .i2 {
width: 17px;
height: 17px;
background: url("../../images/two.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.home-index .liexin-search .list .box-wrap .box .sort .i3 {
width: 17px;
height: 17px;
background: url("../../images/three.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.dialog-layer-notice .content {
padding: 20px;
height: 157px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
}
.dialog-layer-notice .bottom {
margin-top: 10px;
height: 69px;
border-top: 1px solid #E5EBF6;
padding: 9px 23px 0 23px;
box-sizing: border-box;
align-items: flex-start;
}
.dialog-layer-notice .bottom .enclosure span {
font-size: 12px;
color: #313131;
}
.dialog-layer-notice .bottom .enclosure .down {
font-size: 12px;
color: #387fff;
}
.dialog-layer-notice .bottom .t1 {
font-size: 12px;
color: #313131;
margin-bottom: 5px;
}
.dialog-layer-notice .bottom .t2 {
font-size: 12px;
color: #313131;
margin-left: 47px;
}
/*# sourceMappingURL=index.min.css.map */ /*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
src/assets/css/index/index.min.css.map
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"} {"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/goodslist.less
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
padding: 20px; padding: 20px;
.search-btn { .search-btn {
cursor: pointer; cursor: pointer;
width: 76px; width: 76px;
...@@ -13,16 +13,16 @@ ...@@ -13,16 +13,16 @@
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
text-align: center; text-align: center;
&:hover { &:hover {
background: #0050E0; background: #0050E0;
} }
} }
.btn-nav { .btn-nav {
margin-top: 11px; margin-top: 11px;
margin-bottom: 22px; margin-bottom: 22px;
.update { .update {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -35,19 +35,19 @@ ...@@ -35,19 +35,19 @@
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
width: 66px; width: 66px;
i { i {
margin-left: 3px; margin-left: 3px;
} }
&:hover { &:hover {
background: #FCA955; background: #FCA955;
color: #fff; color: #fff;
} }
} }
.dcg { .dcg {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -60,50 +60,50 @@ ...@@ -60,50 +60,50 @@
margin-left: 10px; margin-left: 10px;
font-size: 14px; font-size: 14px;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
background: #1969F9; background: #1969F9;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
&.heti { &.heti {
width: 56px; width: 56px;
background: #fff; background: #fff;
&:hover { &:hover {
background: #E5EEFF; background: #E5EEFF;
color: #1969F9; color: #1969F9;
} }
} }
&.xjk { &.xjk {
position: relative; position: relative;
left: -11px; left: -11px;
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
&:hover { &:hover {
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
} }
} }
} }
} }
.updatebox { .updatebox {
position: relative; position: relative;
.selectdw { .selectdw {
height: 36px; height: 36px;
width: 36px; width: 36px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
.el-select { .el-select {
width: 36px; width: 36px;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
input { input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
...@@ -112,17 +112,17 @@ ...@@ -112,17 +112,17 @@
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
} }
.el-input__prefix, .el-input__suffix { .el-input__prefix, .el-input__suffix {
display: none !important; display: none !important;
} }
} }
} }
} }
.price-more { .price-more {
.more-search-btn { .more-search-btn {
width: 70px; width: 70px;
...@@ -136,25 +136,25 @@ ...@@ -136,25 +136,25 @@
transition: all 0.5s; transition: all 0.5s;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
} }
} }
} }
} }
.bestGoodsList-dialog { .bestGoodsList-dialog {
table { table {
width: 100%; width: 100%;
tr { tr {
.required { .required {
color: red; color: red;
} }
th { th {
position: relative; position: relative;
padding: 9px 15px; padding: 9px 15px;
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
color: #5f5f5f; color: #5f5f5f;
white-space: nowrap; white-space: nowrap;
} }
td { td {
position: relative; position: relative;
padding: 9px 15px; padding: 9px 15px;
...@@ -178,11 +178,11 @@ ...@@ -178,11 +178,11 @@
border-style: solid; border-style: solid;
border-color: #eee; border-color: #eee;
color: #5f5f5f; color: #5f5f5f;
.el-select { .el-select {
width: 88px; width: 88px;
} }
.el-input__inner { .el-input__inner {
padding-left: 4px !important; padding-left: 4px !important;
font-size: 12px !important; font-size: 12px !important;
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
} }
} }
} }
.add { .add {
margin-top: 20px; margin-top: 20px;
color: #409EFF; color: #409EFF;
...@@ -200,35 +200,35 @@ ...@@ -200,35 +200,35 @@
.batch-layer { .batch-layer {
width: 100%; width: 100%;
.batch-box { .batch-box {
flex: 0 0 33.3%; flex: 0 0 33.3%;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
.title { .title {
width: 100%; width: 100%;
height: 30px; height: 30px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
i { i {
cursor: pointer; cursor: pointer;
} }
} }
.content { .content {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
border-right: 1px solid #eee; border-right: 1px solid #eee;
width: 100%; width: 100%;
.period-list { .period-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
width: 36px; width: 36px;
height: 30px; height: 30px;
...@@ -237,19 +237,19 @@ ...@@ -237,19 +237,19 @@
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
} }
} }
} }
.year-list { .year-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
flex: 0 0 33.3%; flex: 0 0 33.3%;
height: 30px; height: 30px;
...@@ -259,7 +259,7 @@ ...@@ -259,7 +259,7 @@
font-size: 13px; font-size: 13px;
margin: 10px 0; margin: 10px 0;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
...@@ -267,7 +267,7 @@ ...@@ -267,7 +267,7 @@
} }
} }
} }
.footer-btn { .footer-btn {
padding-right: 10px; padding-right: 10px;
height: 44px; height: 44px;
...@@ -275,4 +275,84 @@ ...@@ -275,4 +275,84 @@
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
} }
} }
\ No newline at end of file
.statistical-data {
margin-bottom: 30px;
li {
width: 23%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
.title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
&:last-child {
border-right: none;
}
}
}
.list {
height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
.box {
height: 30px;
span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.color1 {
color: #F65D51;
font-weight: bold;
}
&.color2 {
color: #E08C22;
font-weight: bold;
}
&.color3 {
color: #64A0E1;
font-weight: bold;
}
}
}
}
}
}
src/assets/css/store/goodslist.min.css
...@@ -225,4 +225,73 @@ ...@@ -225,4 +225,73 @@
justify-content: flex-end; justify-content: flex-end;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.statistical-data {
margin-bottom: 30px;
}
.statistical-data li {
width: 23%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
}
.statistical-data li .title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.statistical-data li .head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .head span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
}
.statistical-data li .head span:last-child {
border-right: none;
}
.statistical-data li .list {
height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .list .box {
height: 30px;
}
.statistical-data li .list .box span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistical-data li .list .box span.color1 {
color: #F65D51;
font-weight: bold;
}
.statistical-data li .list .box span.color2 {
color: #E08C22;
font-weight: bold;
}
.statistical-data li .list .box span.color3 {
color: #64A0E1;
font-weight: bold;
}
/*# sourceMappingURL=goodslist.min.css.map */ /*# sourceMappingURL=goodslist.min.css.map */
\ No newline at end of file
src/assets/css/store/goodslist.min.css.map
{"version":3,"sources":["goodslist.less"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,kBAAA;EACA,aAAA;;AAHF,UAKE;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAXF,YAWG;EACC,mBAAA;;AAjBN,UAqBE;EACE,gBAAA;EACA,mBAAA;;AAvBJ,UAqBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AApCN,UAqBE,SAIE,QAaE;EACE,gBAAA;;AAGF,UArBJ,SAIE,QAiBG;EAEC,mBAAA;EACA,WAAA;;AA7CR,UAqBE,SA6BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,UA1CJ,SA6BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,UAhDJ,SA6BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,UApDN,SA6BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,UA1DJ,SA6BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,UA/DN,SA6BE,KA6BG,IAKE;EACC,8BAAA;;AArFV,UA2FE;EACE,kBAAA;;AA5FJ,UA2FE,WAGE;EACE,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AApGN,UA2FE,WAGE,UAQE;EACE,WAAA;EACA,8BAAA;;AAxGR,UA2FE,WAGE,UAQE,WAIE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAjHV,UA2FE,WAGE,UAQE,WAeE;AArHR,UA2FE,WAGE,UAQE,WAeqB;EACjB,wBAAA;;AAtHV,UA6HE,YACE;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,eAAA;;AAEA,UAdJ,YACE,iBAaG;EACC,yBAAA;;AAQR,qBACE;EACE,WAAA;;AAFJ,qBACE,MAGE,GACE;EACE,UAAA;;AANR,qBACE,MAGE,GAKE;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;;AAnBR,qBACE,MAGE,GAkBE;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;;AA/BR,qBACE,MAGE,GAkBE,GAWE;EACE,WAAA;;AAlCV,qBACE,MAGE,GAkBE,GAeE;EACE,4BAAA;EACA,0BAAA;;AAvCV,qBA6CE;EACE,gBAAA;EACA,cAAA;EACA,eAAA;;AAIJ;EACE,WAAA;;AADF,YAGE;EACE,eAAA;EACA,6BAAA;;AALJ,YAGE,WAIE;EACE,WAAA;EACA,YAAA;EACA,6BAAA;;AAVN,YAGE,WAIE,OAKE;EACE,eAAA;;AAbR,YAGE,WAeE;EACE,gBAAA;EACA,mBAAA;EACA,6BAAA;EACA,4BAAA;EAEA,WAAA;;AAxBN,YAGE,WAeE,SAQE;EACE,aAAA;EACA,eAAA;EACA,cAAA;;AA7BR,YAGE,WAeE,SAQE,aAKE;EACE,WAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;EACA,eAAA;EACA,eAAA;EACA,gCAAA;;AAEA,YArCR,WAeE,SAQE,aAKE,GASG;AAAQ,YArCjB,WAeE,SAQE,aAKE,GASY;EACR,WAAA;EACA,yBAAA;;AA1CZ,YAGE,WAeE,SA6BE;EACE,aAAA;EACA,eAAA;EACA,cAAA;;AAlDR,YAGE,WAeE,SA6BE,WAKE;EACE,eAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;EACA,gCAAA;;AAEA,YA3DR,WAeE,SA6BE,WAKE,GAUG;AAAQ,YA3DjB,WAeE,SA6BE,WAKE,GAUY;EACR,WAAA;EACA,yBAAA;;AAhEZ,YAGE,WAmEE;EACE,mBAAA;EACA,YAAA;EACA,yBAAA;EACA,4BAAA","file":"goodslist.min.css"} {"version":3,"sources":["goodslist.less"],"names":[],"mappings":"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","file":"goodslist.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/list.less
...@@ -140,4 +140,84 @@ ...@@ -140,4 +140,84 @@
} }
} }
}
.statistical-data {
margin-bottom: 30px;
li {
width: 23%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
.title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
&:last-child {
border-right: none;
}
}
}
.list {
height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
.box {
height: 30px;
span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.color1 {
color: #F65D51;
font-weight: bold;
}
&.color2 {
color: #E08C22;
font-weight: bold;
}
&.color3 {
color: #64A0E1;
font-weight: bold;
}
}
}
}
}
} }
\ No newline at end of file
src/assets/css/store/list.min.css
...@@ -117,4 +117,73 @@ ...@@ -117,4 +117,73 @@
.store-con .price-more .more-search-btn:hover { .store-con .price-more .more-search-btn:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
} }
.statistical-data {
margin-bottom: 30px;
}
.statistical-data li {
width: 23%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
}
.statistical-data li .title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.statistical-data li .head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .head span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
}
.statistical-data li .head span:last-child {
border-right: none;
}
.statistical-data li .list {
height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .list .box {
height: 30px;
}
.statistical-data li .list .box span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistical-data li .list .box span.color1 {
color: #F65D51;
font-weight: bold;
}
.statistical-data li .list .box span.color2 {
color: #E08C22;
font-weight: bold;
}
.statistical-data li .list .box span.color3 {
color: #64A0E1;
font-weight: bold;
}
/*# sourceMappingURL=list.min.css.map */ /*# sourceMappingURL=list.min.css.map */
\ No newline at end of file
src/assets/css/store/list.min.css.map
{"version":3,"sources":["list.less"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,kBAAA;EACA,aAAA;;AAHF,UAKE;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAXF,YAWG;EACC,mBAAA;;AAjBN,UAqBE;EACE,gBAAA;EACA,mBAAA;;AAvBJ,UAqBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AApCN,UAqBE,SAIE,QAaE;EAAG,gBAAA;;AAEH,UAnBJ,SAIE,QAeG;EAEC,mBAAA;EACA,WAAA;;AA3CR,UAqBE,SA2BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,UAxCJ,SA2BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,UA9CJ,SA2BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,UAlDN,SA2BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,UAxDJ,SA2BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,UA7DN,SA2BE,KA6BG,IAKE;EACC,8BAAA;;AAnFV,UAyFE;EACE,kBAAA;;AA1FJ,UAyFE,WAGE;EACE,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AAlGN,UAyFE,WAGE,UAQE;EACE,WAAA;EACA,8BAAA;;AAtGR,UAyFE,WAGE,UAQE,WAIE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AA/GV,UAyFE,WAGE,UAQE,WAeE;AAnHR,UAyFE,WAGE,UAQE,WAeqB;EAAmB,wBAAA;;AAnH9C,UAyHE,YACE;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,eAAA;;AAEA,UAdJ,YACE,iBAaG;EACC,yBAAA","file":"list.min.css"} {"version":3,"sources":["list.less"],"names":[],"mappings":"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","file":"list.min.css"}
\ No newline at end of file \ No newline at end of file
src/components/menu.vue
...@@ -83,7 +83,7 @@ ...@@ -83,7 +83,7 @@
<el-menu-item-group> <el-menu-item-group>
<el-menu-item :index="'/list'">库存列表</el-menu-item> <el-menu-item :index="'/list'">库存列表</el-menu-item>
<el-menu-item :index="'/enter'">库存导入</el-menu-item> <el-menu-item :index="'/enter'">库存导入</el-menu-item>
<el-menu-item :index="'/goodslist'">优势货源</el-menu-item> <el-menu-item :index="'/goodslist'">优势物料</el-menu-item>
<el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item> <el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
......
src/views/Index/index.vue
<template> <template>
<div class="home-index boxsiz"> <div class="home-index boxsiz">
<Menu/> <Menu/>
<ul class="survey-top row bothSide"> <div class="row bothSide verCenter survey-top-show">
<li class="boxsiz"> <div class="column left-bar">
<p class="top row bothSide verCenter"> <ul class="survey-top row bothSide boxsiz">
<span class="t1">SKU数</span> <li class="boxsiz">
</p> <p class="top row bothSide verCenter">
<p class="cen row rowCenter"> <span class="t1">SKU数</span>
<span class="t1">上架</span> </p>
<span class="t2">{{ data.all_sku_count }}</span> <p class="cen row rowCenter">
</p> <span class="t1">上架</span>
</li> <span class="t2">{{ data.all_sku_count }}</span>
<li class="boxsiz"> </p>
<p class="top row bothSide verCenter"> </li>
<span class="t1">商品总数</span> <li class="boxsiz" style="margin-right: 0">
</p> <p class="top row bothSide verCenter">
<p class="cen row rowCenter"> <span class="t1">商品总数</span>
<span class="t1">型号</span> </p>
<span class="t2 mr">{{ data.all_spu_count }}</span> <p class="cen row rowCenter">
<span class="t1">品牌</span> <span class="t1">型号</span>
<span class="t2">{{ data.brand_count }}</span> <span class="t2 mr">{{ data.all_spu_count }}</span>
</p> <span class="t1">品牌</span>
</li> <span class="t2">{{ data.brand_count }}</span>
<li class="boxsiz"> </p>
<p class="top row bothSide verCenter"> </li>
<span class="t1">询价总型号数</span> </ul>
<em class="t2 row rowCenter verCenter boxsiz">周</em> <ul class="survey-show row bothSide boxsiz">
</p> <li class="boxsiz">
<p class="cen row rowCenter"> <a class="wrap boxsiz" href="/#/list?status=3">
<span class="t2">{{ data.weekly_inquiry_count }}</span> <i class="iconfont iconclose"></i>
</p> <p class="t1">下架SKU</p>
<p class="bottom"> </a>
<span class="t1">历史询价总型号数：</span> <span class="color2">{{ data.off_shelf_sku_count }}</span>
<span class="t2">{{ data.all_inquiry_count }}</span> </li>
</p> <li class="boxsiz" style="margin-right: 0">
</li> <a class="wrap boxsiz" href="/#/inquire?status=1">
<li class="boxsiz"> <i class="iconfont iconjinzhi1"></i>
<p class="top row bothSide verCenter"> <p class="t1">待报价</p>
<span class="t1">报价总型号数</span> </a>
<em class="t2 row rowCenter verCenter boxsiz">周</em> <span class="color3">{{ data.inquiry_ready_count || 0 }}</span>
</p> </li>
<p class="cen row rowCenter"> </ul>
<span class="t2">{{ data.weekly_quote_count }}</span> </div>
</p> <div class="liexin-search boxsiz">
<p class="bottom"> <div class="row bothSide verCenter head">
<span class="t1">历史报价总型号数：</span> <p class="title">
<span class="t2">{{ data.all_quote_count }}</span> <span>猎芯网搜索</span>
</p> <em>型号</em>
</li> <span>TOP榜单</span>
</ul> </p>
<ul class="survey-show row avarage boxsiz"> <div class="row verCenter switch">
<li class="boxsiz"> <span>切换品牌</span>
<a class="wrap boxsiz" href="/#/list?status=3"> <i></i>
<i class="iconfont iconclose"></i> </div>
<p class="t1">下架SKU</p> </div>
</a> <div class="search row verCenter">
<span class="color2">{{ data.off_shelf_sku_count }}</span> <i></i>
</li> <input type="text" placeholder="输入型号，查看排名">
<li class="boxsiz"> </div>
<a class="wrap boxsiz" href="/#/inquire?status=1"> <div class="list">
<i class="iconfont iconjinzhi1"></i> <div class="row verCenter top-th">
<p class="t1">待报价</p> <span style="width: 70%">型号</span>
</a> <span style="width: 30%">排名</span>
<span class="color3">{{ data.inquiry_ready_count || 0 }}</span> </div>
</li> <div class="box-wrap">
<li class="boxsiz"> <div class="row verCenter box">
<a class="wrap boxsiz" href="/#/quote?status=2"> <span CLASS="t1">XCASC</span>
<i class="iconfont iconjinzhi2"></i> <div class="sort row verCenter">
<p class="t1">已选中报价</p> <i class="i1"></i>
</a> <em class="color1">NO.1</em>
<span class="color4">{{ data.quote_selected_count }}</span> </div>
</li> </div>
<li class="boxsiz"> <div class="row verCenter box">
<a class="wrap boxsiz" href="/#/quote?status=3"> <span CLASS="t1">XCASC</span>
<i class="iconfont iconjinzhi2"></i> <div class="sort row verCenter">
<p class="t1">已成单报价</p> <i class="i2"></i>
</a> <em class="color2">NO.2</em>
<span class="color5">{{ data.quote_deal_count }}</span> </div>
</li> </div>
</ul> <div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<div class="sort row verCenter">
<i class="i3"></i>
<em class="color3">NO.3</em>
</div>
</div>
<div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<em class="t2">4</em>
</div>
<div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<em class="t2">5</em>
</div>
<div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<em class="t2">6</em>
</div>
</div>
</div>
</div>
</div>
<div class="rate-box boxsiz"> <div class="rate-box boxsiz">
<div class="rate-tab row bothSide verCenter"> <div class="rate-tab row bothSide verCenter">
<div class="row"> <div class="row">
...@@ -144,6 +166,22 @@ ...@@ -144,6 +166,22 @@
</div> </div>
</div> </div>
</div> </div>
<!--弹窗日志-->
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="dialogVisible" width="550px" custom-class="dialog-layer-notice">
<div class="content">
这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线这里上线
</div>
<div class="bottom row bothSide">
<div class="enclosure row verCenter">
<span>附件：</span>
<a class="down" href="">这是一个东西</a>
</div>
<div class="column">
<p class="t1">发件人：深圳市猎芯科技有限公司</p>
<p class="t2">2023-01-10 15:15:15</p>
</div>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -160,6 +198,8 @@ export default { ...@@ -160,6 +198,8 @@ export default {
name: "index", name: "index",
data() { data() {
return { return {
title: '标题内容',
dialogVisible: true,
isDisabled: true, isDisabled: true,
date: '', date: '',
tabPosition: 0, tabPosition: 0,
...@@ -305,4 +345,11 @@ export default { ...@@ -305,4 +345,11 @@ export default {
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/index/index.min.css"; @import "../../assets/css/index/index.min.css";
::v-deep .dialog-layer-notice .el-dialog__body {
padding: 0 !important;
}
::v-deep .dialog-layer-notice .el-dialog__header{
border-bottom: 1px solid #E5EBF6;
}
</style> </style>
\ No newline at end of file
src/views/Store/goodslist.vue
...@@ -31,6 +31,169 @@ ...@@ -31,6 +31,169 @@
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!--统计数据-->
<ul class="statistical-data row avarage">
<li>
<p class="title row verCenter">搜索次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">询价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">报价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">成单次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
</ul>
<!--操作区--> <!--操作区-->
<div class="operation-area row verCenter bothSide"> <div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter"> <div class="operation-button row verCenter">
...@@ -82,7 +245,7 @@ ...@@ -82,7 +245,7 @@
</div> </div>
</div> </div>
<Menu/> <Menu/>
<el-dialog title="新增优势货源" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisible" width="1000px"> <el-dialog title="新增优势物料" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisible" width="1000px">
<div class="dialog-form bestGoodsList-dialog"> <div class="dialog-form bestGoodsList-dialog">
<table> <table>
<tbody> <tbody>
...@@ -200,7 +363,7 @@ ...@@ -200,7 +363,7 @@
<el-button type="primary" @click="addBestgoodsSubmit" v-dbClick>确 定</el-button> <el-button type="primary" @click="addBestgoodsSubmit" v-dbClick>确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="修改优势货源" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisibleUpdate" width="1000px"> <el-dialog title="修改优势物料" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisibleUpdate" width="1000px">
<div class="dialog-form bestGoodsList-dialog"> <div class="dialog-form bestGoodsList-dialog">
<table> <table>
<tbody> <tbody>
...@@ -311,7 +474,7 @@ ...@@ -311,7 +474,7 @@
<el-button type="primary" @click="updateBestgoodsSubmit">确 定</el-button> <el-button type="primary" @click="updateBestgoodsSubmit">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="优势货源日志" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px"> <el-dialog title="优势物料日志" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px">
<el-table :data="logs" border max-height="600"> <el-table :data="logs" border max-height="600">
<el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column> <el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column>
<el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column> <el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column>
...@@ -367,8 +530,8 @@ export default { ...@@ -367,8 +530,8 @@ export default {
}, },
], ],
addBestgoods: { addBestgoods: {
dialogVisible: false, //新增优势货源 dialogVisible: false, //新增优势物料
dialogVisibleUpdate: false //修改优势货源 dialogVisibleUpdate: false //修改优势物料
}, },
addBestgoodsParam: [ addBestgoodsParam: [
{ {
...@@ -433,7 +596,7 @@ export default { ...@@ -433,7 +596,7 @@ export default {
this.getLogs(503, row.id); this.getLogs(503, row.id);
console.log(row); console.log(row);
}, },
//新增优势货源弹窗 //新增优势物料弹窗
addBestgoodsChange() { addBestgoodsChange() {
this.addBestgoods.dialogVisible = true; this.addBestgoods.dialogVisible = true;
this.addBestgoodsParam = [{ this.addBestgoodsParam = [{
...@@ -447,7 +610,7 @@ export default { ...@@ -447,7 +610,7 @@ export default {
join_inquiry: "" join_inquiry: ""
}] }]
}, },
//修改优势货源弹窗 //修改优势物料弹窗
updateBestgoods() { updateBestgoods() {
if (this.multipleSelection.length != 1) { if (this.multipleSelection.length != 1) {
this.$message({ this.$message({
...@@ -513,7 +676,7 @@ export default { ...@@ -513,7 +676,7 @@ export default {
batchChange() { batchChange() {
}, },
//新增优势货源提交 //新增优势物料提交
addBestgoodsSubmit() { addBestgoodsSubmit() {
var self = this; var self = this;
...@@ -567,7 +730,7 @@ export default { ...@@ -567,7 +730,7 @@ export default {
}); });
} }
}, },
//修改优势货源提交 //修改优势物料提交
updateBestgoodsSubmit() { updateBestgoodsSubmit() {
var self = this; var self = this;
for (let i = 0; i < this.updateBestgoodsParam.length; i++) { for (let i = 0; i < this.updateBestgoodsParam.length; i++) {
...@@ -628,7 +791,7 @@ export default { ...@@ -628,7 +791,7 @@ export default {
return obj.id; return obj.id;
}) })
this.$confirm('确认删除当前优势货源吗？', '提示', { this.$confirm('确认删除当前优势物料吗？', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
......
src/views/Store/list.vue
...@@ -24,6 +24,169 @@ ...@@ -24,6 +24,169 @@
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!--统计数据-->
<ul class="statistical-data row avarage">
<li>
<p class="title row verCenter">搜索次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">询价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">报价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
<li>
<p class="title row verCenter">成单次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter">
<span style="width: 40%;">XCASCXCASCXCASCXCASCXCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color1">1111</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">20</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;" class="color2">3</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">4</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">5</span>
</div>
<div class="box row verCenter">
<span style="width: 40%;">XCASC</span>
<span style="width: 40%;">XCASC-023</span>
<span style="width: 20%;">6</span>
</div>
</div>
</li>
</ul>
<!--操作区--> <!--操作区-->
<div class="operation-area row verCenter bothSide"> <div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter"> <div class="operation-button row verCenter">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment