Skip to content

肖康 / cloudSystem

Go to a project
Commit b96f2611 by LJM
Options

css

parent a1018244
Expand all
Inline Side-by-side
Showing with 977 additions and 84 deletions
src/assets/css/index/index.less
...@@ -3,16 +3,22 @@ ...@@ -3,16 +3,22 @@
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-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
margin-right: 22px;
.top { .top {
.t1 { .t1 {
...@@ -82,7 +88,7 @@ ...@@ -82,7 +88,7 @@
.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;
...@@ -90,8 +96,9 @@ ...@@ -90,8 +96,9 @@
li { li {
position: relative; position: relative;
width: 24%; width: 48%;
height: 94px; height: 94px;
margin-right: 24px;
.iconfont { .iconfont {
font-size: 30px; font-size: 30px;
...@@ -132,7 +139,7 @@ ...@@ -132,7 +139,7 @@
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;
...@@ -208,6 +215,7 @@ ...@@ -208,6 +215,7 @@
} }
} }
} }
}
.rate-box { .rate-box {
margin-top: 25px; margin-top: 25px;
...@@ -280,5 +288,207 @@ ...@@ -280,5 +288,207 @@
} }
} }
.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 {
font-size: 14px;
color: #f65d51;
font-weight: bold;
}
.color2 {
font-size: 14px;
color: #e08c22;
font-weight: bold;
}
.color3 {
font-size: 14px;
color: #64a0e1;
font-weight: bold;
}
.i1 {
width: 17px;
height: 17px;
background: url("../../images/one.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.i2 {
width: 17px;
height: 17px;
background: url("../../images/two.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.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;
}
.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;
}
}
.t1 {
font-size: 12px;
color: #313131;
margin-bottom: 5px;
}
.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":"AAAA;EACE,UAAA;EACA,kBAAA;EACA,oBAAA;;AAHF,WAKE,iBACE;EACE,UAAA;;AAPN,WAKE,iBAKE;EACE,iBAAA;;AAXN,WAKE,iBAKE,YAGE;EACE,yBAAA;EACA,UAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;;AApBR,WAKE,iBAKE,YAGE,GASE,KACE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AA1BZ,WAKE,iBAKE,YAGE,GASE,KAOE;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;;AAEA,WAnCV,iBAKE,YAGE,GASE,KAOE,IAWG;EACC,yBAAA;EACA,cAAA;;AA1Cd,WAKE,iBAKE,YAGE,GAkCE;EACE,gBAAA;EACA,mBAAA;EACA,qBAAA;;AAlDV,WAKE,iBAKE,YAGE,GAkCE,KAKE;EACE,kBAAA;;AArDZ,WAKE,iBAKE,YAGE,GAkCE,KASE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;;AA5DZ,WAKE,iBAKE,YAGE,GAkCE,KAgBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,iBAAA;EACA,gBAAA;;AApEZ,WAKE,iBAKE,YAGE,GA2DE,QACE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AA5EZ,WAKE,iBAKE,YAGE,GA2DE,QAOE;EACE,eAAA;EACA,cAAA;;AAjFZ,WAKE,iBAkFE;EACE,gBAAA;EACA,mBAAA;EACA,4BAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;;AA9FN,WAKE,iBAkFE,aASE;EACE,kBAAA;EACA,UAAA;EACA,YAAA;EACA,kBAAA;;AApGR,WAKE,iBAkFE,aASE,GAME;EACE,eAAA;EACA,cAAA;;AAxGV,WAKE,iBAkFE,aASE,GAWE;EACE,eAAA;EACA,cAAA;EACA,gBAAA;;AA9GV,WAKE,iBAkFE,aASE,GAiBE;EACE,eAAA;EACA,cAAA;EACA,eAAA;;AApHV,WAKE,iBAkFE,aASE,GAuBE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AAlIV,WAKE,iBAkFE,aASE,GAqCE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,gCAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AAhJV,WAKE,iBAkFE,aASE,GAmDE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AA9JV,WAKE,iBAkFE,aASE,GAiEE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AA5KV,WAKE,iBAkFE,aASE,GA+EE;EACE,kBAAA;EACA,UAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kCAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AA1LV,WAKE,iBAkFE,aASE,GA6FE;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,yBAAA;EACA,cAAA;;AAGF,WArMN,iBAkFE,aASE,GA0GG,MACC;EACE,WAAW,gBAAX;;AAFJ,WArMN,iBAkFE,aASE,GA0GG,MAKC;EACE,WAAW,aAAX;;AANJ,WArMN,iBAkFE,aASE,GA0GG,MASC;EACE,cAAA;;AApNZ,WA2NE;EACE,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;EACA,kBAAA;;AAjOJ,WA2NE,UAQE;EACE,WAAA;EACA,gBAAA;;AArON,WAyOE;EACE,kBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AA/OJ,WAyOE,OAQE;EACE,gBAAA;EACA,aAAA;;AAnPN,WAyOE,OAQE,eAIE;EACE,aAAA;EACA,YAAA;;AAvPR,WAyOE,OAQE,eASE;EACE,aAAA;EACA,YAAA;;AA5PR,WAyOE,OAQE,eASE,UAIE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;;AApQV,WAyOE,OAQE,eASE,UAaE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;;AA7QV,WAyOE,OAQE,eASE,UAsBE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,eAAA;EACA,WAAA;;AAtRV,WAyOE,OAQE,eASE,UA+BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;;AA5RV,WAkSE;EACE,UAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;;AAvSJ,WAkSE,eAOE;EACE,YAAA;EACA,mBAAA;EACA,8BAAA;;AA5SN,WAkSE,eAOE,MAKE;EACE,kBAAA;EACA,iBAAA;;AAhTR,WAkSE,eAOE,MAKE,OAIE;EACE,eAAA;EACA,cAAA;;AApTV,WAkSE,eAOE,MAKE,OASE;EACE,eAAA;EACA,cAAA;;AAzTV,WAkSE,eAOE,MAoBE;EACE,kBAAA;EACA,eAAA;;AA/TR,WAkSE,eAOE,MAoBE,QAIE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AApUV,WAkSE,eAOE,MAoBE,QAUE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,yCAAhB;EACA,wBAAA;;AAGF,WA5CN,eAOE,MAoBE,QAiBG,MACC;EACE,cAAA;;AAFJ,WA5CN,eAOE,MAoBE,QAiBG,MAKC;EACE,gBAAgB,0CAAhB;EACA,wBAAA;;AArVZ,WAkSE,eAyDE;EACE,wBAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,sBAAA;;AAhWN,WAkSE,eAyDE,QAOE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,2CAAhB;EACA,wBAAA;EACA,gBAAA;EACA,kBAAA;;AAxWR,WAkSE,eAyDE,QAgBE;EACE,eAAA;EACA,uBAAA;;AA7WR,WAkSE,eA+EE;EACE,kBAAA;;AAlXN,WAkSE,eA+EE,MAGE;EACE,YAAA;;AArXR,WAkSE,eA+EE,MAGE,QAGE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AA1XV,WAkSE,eA+EE,MAaE;EACE,aAAA;EACA,gBAAA;;AAhYR,WAkSE,eA+EE,MAaE,UAIE;EACE,YAAA;;AAnYV,WAkSE,eA+EE,MAaE,UAIE,KAGE;EACE,UAAA;EACA,eAAA;EACA,cAAA;;AAxYZ,WAkSE,eA+EE,MAaE,UAIE,KASE;EACE,WAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;;AA/YZ,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MACE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAtZd,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MAOE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AA5Zd,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MAaE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;;AAlad,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MAmBE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,wCAAhB;EACA,wBAAA;EACA,kBAAA;;AA1ad,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MA2BE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,wCAAhB;EACA,wBAAA;EACA,kBAAA;;AAlbd,WAkSE,eA+EE,MAaE,UAIE,KAgBE,MAmCE;EACE,WAAA;EACA,YAAA;EACA,gBAAgB,0CAAhB;EACA,wBAAA;EACA,kBAAA;;AASd,oBACE;EACE,aAAA;EACA,aAAA;EACA,gBAAA;EACA,eAAA;EACA,cAAA;EACA,sBAAA;;AAPJ,oBAUE;EACE,gBAAA;EACA,YAAA;EACA,6BAAA;EACA,wBAAA;EACA,sBAAA;EACA,uBAAA;;AAhBJ,oBAUE,QAQE,WACE;EACE,eAAA;EACA,cAAA;;AArBR,oBAUE,QAQE,WAME;EACE,eAAA;EACA,cAAA;;AA1BR,oBAUE,QAoBE;EACE,eAAA;EACA,cAAA;EACA,kBAAA;;AAjCN,oBAUE,QA0BE;EACE,eAAA;EACA,cAAA;EACA,iBAAA","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/goodslist.less
...@@ -276,3 +276,83 @@ ...@@ -276,3 +276,83 @@
} }
} }
} }
.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":"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","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
...@@ -141,3 +141,83 @@ ...@@ -141,3 +141,83 @@
} }
} }
.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":"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;;AAQR;EACE,mBAAA;;AADF,iBAGE;EACE,UAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;;AAPJ,iBAGE,GAME;EACE,YAAA;EACA,mBAAA;EACA,8BAAA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AAhBN,iBAGE,GAgBE;EACE,mBAAA;EACA,YAAA;EACA,gCAAA;EACA,8BAAA;EACA,+BAAA;EACA,sBAAA;;AAzBN,iBAGE,GAgBE,MAOE;EACE,kBAAA;EACA,eAAA;EACA,YAAA;EACA,cAAA;EACA,iBAAA;EACA,+BAAA;;AAEA,iBA/BN,GAgBE,MAOE,KAQG;EACC,kBAAA;;AAnCV,iBAGE,GAqCE;EACE,aAAA;EACA,cAAA;EACA,mBAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EACA,sBAAA;;AA/CN,iBAGE,GAqCE,MASE;EACE,YAAA;;AAlDR,iBAGE,GAqCE,MASE,KAGE;EACE,kBAAA;EACA,eAAA;EACA,cAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;;AAEA,iBAzDR,GAqCE,MASE,KAGE,KAQG;EACC,cAAA;EACA,iBAAA;;AAGF,iBA9DR,GAqCE,MASE,KAGE,KAaG;EACC,cAAA;EACA,iBAAA;;AAGF,iBAnER,GAqCE,MASE,KAGE,KAkBG;EACC,cAAA;EACA,iBAAA","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">
<div class="column left-bar">
<ul class="survey-top row bothSide boxsiz">
<li class="boxsiz"> <li class="boxsiz">
<p class="top row bothSide verCenter"> <p class="top row bothSide verCenter">
<span class="t1">SKU数</span> <span class="t1">SKU数</span>
...@@ -11,7 +13,7 @@ ...@@ -11,7 +13,7 @@
<span class="t2">{{ data.all_sku_count }}</span> <span class="t2">{{ data.all_sku_count }}</span>
</p> </p>
</li> </li>
<li class="boxsiz"> <li class="boxsiz" style="margin-right: 0">
<p class="top row bothSide verCenter"> <p class="top row bothSide verCenter">
<span class="t1">商品总数</span> <span class="t1">商品总数</span>
</p> </p>
...@@ -22,34 +24,8 @@ ...@@ -22,34 +24,8 @@
<span class="t2">{{ data.brand_count }}</span> <span class="t2">{{ data.brand_count }}</span>
</p> </p>
</li> </li>
<li class="boxsiz">
<p class="top row bothSide verCenter">
<span class="t1">询价总型号数</span>
<em class="t2 row rowCenter verCenter boxsiz">周</em>
</p>
<p class="cen row rowCenter">
<span class="t2">{{ data.weekly_inquiry_count }}</span>
</p>
<p class="bottom">
<span class="t1">历史询价总型号数：</span>
<span class="t2">{{ data.all_inquiry_count }}</span>
</p>
</li>
<li class="boxsiz">
<p class="top row bothSide verCenter">
<span class="t1">报价总型号数</span>
<em class="t2 row rowCenter verCenter boxsiz">周</em>
</p>
<p class="cen row rowCenter">
<span class="t2">{{ data.weekly_quote_count }}</span>
</p>
<p class="bottom">
<span class="t1">历史报价总型号数：</span>
<span class="t2">{{ data.all_quote_count }}</span>
</p>
</li>
</ul> </ul>
<ul class="survey-show row avarage boxsiz"> <ul class="survey-show row bothSide boxsiz">
<li class="boxsiz"> <li class="boxsiz">
<a class="wrap boxsiz" href="/#/list?status=3"> <a class="wrap boxsiz" href="/#/list?status=3">
<i class="iconfont iconclose"></i> <i class="iconfont iconclose"></i>
...@@ -57,28 +33,74 @@ ...@@ -57,28 +33,74 @@
</a> </a>
<span class="color2">{{ data.off_shelf_sku_count }}</span> <span class="color2">{{ data.off_shelf_sku_count }}</span>
</li> </li>
<li class="boxsiz"> <li class="boxsiz" style="margin-right: 0">
<a class="wrap boxsiz" href="/#/inquire?status=1"> <a class="wrap boxsiz" href="/#/inquire?status=1">
<i class="iconfont iconjinzhi1"></i> <i class="iconfont iconjinzhi1"></i>
<p class="t1">待报价</p> <p class="t1">待报价</p>
</a> </a>
<span class="color3">{{ data.inquiry_ready_count || 0 }}</span> <span class="color3">{{ data.inquiry_ready_count || 0 }}</span>
</li> </li>
<li class="boxsiz">
<a class="wrap boxsiz" href="/#/quote?status=2">
<i class="iconfont iconjinzhi2"></i>
<p class="t1">已选中报价</p>
</a>
<span class="color4">{{ data.quote_selected_count }}</span>
</li>
<li class="boxsiz">
<a class="wrap boxsiz" href="/#/quote?status=3">
<i class="iconfont iconjinzhi2"></i>
<p class="t1">已成单报价</p>
</a>
<span class="color5">{{ data.quote_deal_count }}</span>
</li>
</ul> </ul>
</div>
<div class="liexin-search boxsiz">
<div class="row bothSide verCenter head">
<p class="title">
<span>猎芯网搜索</span>
<em>型号</em>
<span>TOP榜单</span>
</p>
<div class="row verCenter switch">
<span>切换品牌</span>
<i></i>
</div>
</div>
<div class="search row verCenter">
<i></i>
<input type="text" placeholder="输入型号，查看排名">
</div>
<div class="list">
<div class="row verCenter top-th">
<span style="width: 70%">型号</span>
<span style="width: 30%">排名</span>
</div>
<div class="box-wrap">
<div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<div class="sort row verCenter">
<i class="i1"></i>
<em class="color1">NO.1</em>
</div>
</div>
<div class="row verCenter box">
<span CLASS="t1">XCASC</span>
<div class="sort row verCenter">
<i class="i2"></i>
<em class="color2">NO.2</em>
</div>
</div>
<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/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