Skip to content

肖康 / cloudSystem

Go to a project
Commit e86e3037 by 肖康
Options

x

parent 458f4993
Expand all
Inline Side-by-side
Showing with 115 additions and 70 deletions
src/assets/css/index/index.less
...@@ -215,7 +215,21 @@ ...@@ -215,7 +215,21 @@
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
padding: 10px 10px 12px 12px; padding: 10px 10px 12px 12px;
position: relative;
&:hover{
&::after{
content: "";
position: absolute;
width:231px;
height:58px;
background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%;
left:50%;
top:50%;
margin-top: -29px;
margin-left: -115px;
}
}
.top { .top {
.title { .title {
font-size: 16px; font-size: 16px;
...@@ -294,8 +308,22 @@ ...@@ -294,8 +308,22 @@
padding: 16px 0 0 14px; padding: 16px 0 0 14px;
.box { .box {
flex: 0 0 50%; flex: 0 0 49.5%;
position: relative;
&:hover{
&::after{
content: "";
position: absolute;
width:231px;
height:58px;
background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%;
left:50%;
top:50%;
margin-top: -29px;
margin-left: -115px;
}
}
.head { .head {
padding-right: 100px; padding-right: 100px;
...@@ -334,7 +362,7 @@ ...@@ -334,7 +362,7 @@
.list { .list {
width: 100%; width: 100%;
border: 1px solid #E5EBF6;
tr { tr {
th { th {
height: 44px; height: 44px;
...@@ -350,6 +378,9 @@ ...@@ -350,6 +378,9 @@
background: #FFFFFF; background: #FFFFFF;
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
&.first{
text-align: center;
}
} }
} }
} }
...@@ -449,6 +480,21 @@ ...@@ -449,6 +480,21 @@
.box1 { .box1 {
width: 80%; width: 80%;
position: relative;
&:hover{
&::after{
content: "";
position: absolute;
width:231px;
height:58px;
background: url(../../images/tips.png) no-repeat;
background-size: 100% 100%;
left:50%;
top:50%;
margin-top: -89px;
margin-left: -115px;
}
}
} }
.box2 { .box2 {
...@@ -461,7 +507,7 @@ ...@@ -461,7 +507,7 @@
} }
.inp { .inp {
width: 248px; width: 80%;
height: 32px; height: 32px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #BEC9DF; border: 1px solid #BEC9DF;
......
src/assets/css/list/inquire.less
.store-con { .inquire-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
......
src/assets/css/list/inquire.min.css
.store-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.store-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.store-con .search-btn:hover{background:#0050E0}.store-con .btn-nav{margin-top:11px;margin-bottom:22px}.store-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.store-con .btn-nav .update i{margin-left:3px}.store-con .btn-nav .update:hover{background:#FCA955;color:#fff}.store-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.store-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.store-con .btn-nav .dcg.heti{width:56px;background:#fff}.store-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.store-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.store-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.store-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.store-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.store-con .updatebox{position:relative}.store-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.store-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.store-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.store-con .updatebox .selectdw .el-select .el-input__prefix,.store-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.store-con .p-copy{position:relative}.store-con .p-copy .copy{position:absolute;right:0;top:0;color:#1969F9;cursor:pointer;display:none}.store-con .p-copy:hover .copy{display:block} .inquire-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.inquire-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.inquire-con .search-btn:hover{background:#0050E0}.inquire-con .btn-nav{margin-top:11px;margin-bottom:22px}.inquire-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquire-con .btn-nav .update i{margin-left:3px}.inquire-con .btn-nav .update:hover{background:#FCA955;color:#fff}.inquire-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.inquire-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.inquire-con .btn-nav .dcg.heti{width:56px;background:#fff}.inquire-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.inquire-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.inquire-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.inquire-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.inquire-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.inquire-con .updatebox{position:relative}.inquire-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.inquire-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.inquire-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.inquire-con .updatebox .selectdw .el-select .el-input__prefix,.inquire-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.inquire-con .p-copy{position:relative}.inquire-con .p-copy .copy{position:absolute;right:0;top:0;color:#1969F9;cursor:pointer;display:none}.inquire-con .p-copy:hover .copy{display:block}
\ No newline at end of file \ No newline at end of file
src/assets/css/list/inquireDetail.less
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
.quote { .quote {
position: relative; position: relative;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px;
padding-left: 17px; padding-left: 17px;
background: #FFFFFF; background: #FFFFFF;
......
src/assets/css/list/inquireDetail.min.css
.inquireDetail .inquiry-information{position:relative;background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding-top:20px;padding-left:17px;margin-bottom:20px;padding-bottom:15px}.inquireDetail .inquiry-information:after{position:absolute;top:20px;left:0;width:5px;height:21px;background:#1969F9;content:'';display:block}.inquireDetail .inquiry-information .tit{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .inquiry-information .input-box{margin-top:14px;margin-bottom:20px}.inquireDetail .inquiry-information .input-box .fl{margin-bottom:10px}.inquireDetail .inquiry-information .input-box .p-text{font-size:14px;color:#333333;vertical-align:middle;margin-right:10px}.inquireDetail .inquiry-information .input-box input{height:38px;background:#F1F4FA;border-radius:2px;vertical-align:middle;box-sizing:border-box;text-indent:12px;font-size:14px;color:#333333;cursor:not-allowed}.inquireDetail .inquiry-information .text span{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .inquiry-information .text em{font-size:16px;color:#CC8200;font-weight:bold}.inquireDetail .quote{position:relative;padding-top:20px;padding-bottom:20px;padding-left:17px;background:#FFFFFF}.inquireDetail .quote:after{position:absolute;top:20px;left:0;width:5px;height:21px;background:#1969F9;content:'';display:block}.inquireDetail .quote .tit{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .quote .btn-nav{margin-top:17px;margin-bottom:20px}.inquireDetail .quote .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquireDetail .quote .btn-nav .update i{margin-left:3px}.inquireDetail .quote .btn-nav .update:hover{background:#FCA955;color:#fff}.inquireDetail .quote .btn-nav .updatex{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquireDetail .quote .btn-nav .updatex:hover{background:#FCA955;color:#fff}.inquireDetail .assistant{padding-top:3px;padding-bottom:20px;padding-left:17px;background:#FFFFFF}.inquireDetail .assistant .ic{width:248px;height:44px;background:url("../../images/x.png") no-repeat center;background-size:cover;display:block}.inquireDetail .assistant .tab{border:1px solid #E5EBF6;margin-bottom:10px}.inquireDetail .assistant .tab li{width:102px;height:42px;background:#F1F4FA;border-radius:2px 2px 0px 0px;font-size:14px;color:#646b78;cursor:pointer}.inquireDetail .assistant .tab li.curr{position:relative;top:1px;background:#FFFFFF;font-size:16px;color:#333333;border-bottom:1px solid #FFFFFF}.inquireDetail .dcg{display:block;width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.inquireDetail .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.inquireDetail .dcg.disabled{background:#ccc;color:#fff;border-color:#ccc;cursor:not-allowed}.inquireDetail .dcg.heti{width:56px;background:#fff}.inquireDetail .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.inquireDetail .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.inquireDetail .dcg.xjk:hover{border-left:1px solid #1969F9}.inquireDetail .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.inquireDetail .dcg.delbtn:hover{background:#FF715D;color:#fff}.xx .el-form-item__label{white-space:nowrap}.xx .dialog-footer{text-align:center !important}.xx .updatebox{position:relative}.xx .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.xx .updatebox .selectdw .el-select{width:36px;height:37px;border-left:1px solid #C0C4CC}.xx .updatebox .selectdw .el-select input{border:0px;padding:0px;height:31px;width:36px;font-size:14px;color:#333;text-align:center}.xx .updatebox .selectdw .el-select .el-input__prefix,.xx .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.price-more .more-search-btn{width:70px;height:26px;background:#F1F4FA;border-radius:2px;border:1px solid #BEC9DF;font-size:12px;color:#1969F9;text-align:center;transition:all .5s;position:relative;cursor:pointer}.price-more .more-search-btn:hover{border:1px solid #1969F9} .inquireDetail .inquiry-information{position:relative;background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding-top:20px;padding-left:17px;margin-bottom:20px;padding-bottom:15px}.inquireDetail .inquiry-information:after{position:absolute;top:20px;left:0;width:5px;height:21px;background:#1969F9;content:'';display:block}.inquireDetail .inquiry-information .tit{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .inquiry-information .input-box{margin-top:14px;margin-bottom:20px}.inquireDetail .inquiry-information .input-box .fl{margin-bottom:10px}.inquireDetail .inquiry-information .input-box .p-text{font-size:14px;color:#333333;vertical-align:middle;margin-right:10px}.inquireDetail .inquiry-information .input-box input{height:38px;background:#F1F4FA;border-radius:2px;vertical-align:middle;box-sizing:border-box;text-indent:12px;font-size:14px;color:#333333;cursor:not-allowed}.inquireDetail .inquiry-information .text span{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .inquiry-information .text em{font-size:16px;color:#CC8200;font-weight:bold}.inquireDetail .quote{position:relative;padding-top:20px;padding-left:17px;background:#FFFFFF}.inquireDetail .quote:after{position:absolute;top:20px;left:0;width:5px;height:21px;background:#1969F9;content:'';display:block}.inquireDetail .quote .tit{font-size:16px;color:#333333;font-weight:bold}.inquireDetail .quote .btn-nav{margin-top:17px;margin-bottom:20px}.inquireDetail .quote .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquireDetail .quote .btn-nav .update i{margin-left:3px}.inquireDetail .quote .btn-nav .update:hover{background:#FCA955;color:#fff}.inquireDetail .quote .btn-nav .updatex{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquireDetail .quote .btn-nav .updatex:hover{background:#FCA955;color:#fff}.inquireDetail .assistant{padding-top:3px;padding-bottom:20px;padding-left:17px;background:#FFFFFF}.inquireDetail .assistant .ic{width:248px;height:44px;background:url("../../images/x.png") no-repeat center;background-size:cover;display:block}.inquireDetail .assistant .tab{border:1px solid #E5EBF6;margin-bottom:10px}.inquireDetail .assistant .tab li{width:102px;height:42px;background:#F1F4FA;border-radius:2px 2px 0px 0px;font-size:14px;color:#646b78;cursor:pointer}.inquireDetail .assistant .tab li.curr{position:relative;top:1px;background:#FFFFFF;font-size:16px;color:#333333;border-bottom:1px solid #FFFFFF}.inquireDetail .dcg{display:block;width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.inquireDetail .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.inquireDetail .dcg.disabled{background:#ccc;color:#fff;border-color:#ccc;cursor:not-allowed}.inquireDetail .dcg.heti{width:56px;background:#fff}.inquireDetail .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.inquireDetail .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.inquireDetail .dcg.xjk:hover{border-left:1px solid #1969F9}.inquireDetail .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.inquireDetail .dcg.delbtn:hover{background:#FF715D;color:#fff}.xx .el-form-item__label{white-space:nowrap}.xx .dialog-footer{text-align:center !important}.xx .updatebox{position:relative}.xx .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.xx .updatebox .selectdw .el-select{width:36px;height:37px;border-left:1px solid #C0C4CC}.xx .updatebox .selectdw .el-select input{border:0px;padding:0px;height:31px;width:36px;font-size:14px;color:#333;text-align:center}.xx .updatebox .selectdw .el-select .el-input__prefix,.xx .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.price-more .more-search-btn{width:70px;height:26px;background:#F1F4FA;border-radius:2px;border:1px solid #BEC9DF;font-size:12px;color:#1969F9;text-align:center;transition:all .5s;position:relative;cursor:pointer}.price-more .more-search-btn:hover{border:1px solid #1969F9}
\ No newline at end of file \ No newline at end of file
src/assets/css/list/quote.less
.store-con { .quote-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
......
src/assets/css/list/quote.min.css
.store-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.store-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.store-con .search-btn:hover{background:#0050E0}.store-con .btn-nav{margin-top:11px;margin-bottom:22px}.store-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.store-con .btn-nav .update i{margin-left:3px}.store-con .btn-nav .update:hover{background:#FCA955;color:#fff}.store-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.store-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.store-con .btn-nav .dcg.heti{width:56px;background:#fff}.store-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.store-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.store-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.store-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.store-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.store-con .updatebox{position:relative}.store-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.store-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.store-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.store-con .updatebox .selectdw .el-select .el-input__prefix,.store-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.store-con .price-mores .more-search-btn:hover{color:#1969f9} .quote-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.quote-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.quote-con .search-btn:hover{background:#0050E0}.quote-con .btn-nav{margin-top:11px;margin-bottom:22px}.quote-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.quote-con .btn-nav .update i{margin-left:3px}.quote-con .btn-nav .update:hover{background:#FCA955;color:#fff}.quote-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.quote-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.quote-con .btn-nav .dcg.heti{width:56px;background:#fff}.quote-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.quote-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.quote-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.quote-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.quote-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.quote-con .updatebox{position:relative}.quote-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.quote-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.quote-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.quote-con .updatebox .selectdw .el-select .el-input__prefix,.quote-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.quote-con .price-mores .more-search-btn:hover{color:#1969f9}
\ No newline at end of file \ No newline at end of file
src/assets/css/public/common.less
...@@ -312,62 +312,36 @@ body { ...@@ -312,62 +312,36 @@ body {
//表格样式重写 //表格样式重写
.el-table { .el-input__inner{color:#333!important;}
color: #646B78; input::-webkit-input-placeholder {
color: #A1ACC1!important;
}
.el-table,.el-table thead {
color: #333;
} }
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner { .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1969F9; background-color: #1969F9;
border-color: #1969F9; border-color: #1969F9;
} }
.el-select .el-input__inner:focus{
border-color: #C0C4CC;
}
.el-table__header { .el-table__header {
th { th {
font-weight: normal; font-weight: normal;
} }
.el-table__body tr.hover-row > td {
background-color: #F1F8FF;
}
}
.th-all {
.el-table__header {
th {
background-color: #F1F4FA
}
}
} }
.el-table__fixed {
.el-table__header { .el-table__header {
th { th {
background-color: #F1F4FA background-color: #F1F4FA
} }
} }
.el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td{
// box-shadow: 1px 2px 10px 3px rgba(119, 135, 145, 0.5); background: #F1F8FF;
} }
// .el-table td,
// .el-table th.is-leaf {
// border-bottom: 1px solid #D2D9E7;
// }
// .el-table--border td,
// .el-table--border th,
// .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
// border-right: 1px solid #D2D9E7;
// }
// .el-table--border,
// .el-table--group {
// border: 1px solid #D2D9E7;
// }
.el-table__body-wrapper::-webkit-scrollbar { .el-table__body-wrapper::-webkit-scrollbar {
width: 18px; width: 18px;
} }
...@@ -383,9 +357,33 @@ body { ...@@ -383,9 +357,33 @@ body {
border-radius: 0; border-radius: 0;
background: #D2D9E7; background: #D2D9E7;
} }
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
border-color: #D2D9E7;
}
.el-table--border::after, .el-table--group::after, .el-table::before{
background-color: #D2D9E7;
}
.el-table__fixed-body-wrapper{
z-index: 4;
}
} }
.zdypop{
.el-form-item__label {
color: #333;
}
.el-input.is-disabled{
background-color: #F1F4FA;
border-color: #F1F4FA;
}
.el-input.is-disabled .el-input__inner{
background-color: #F1F4FA;
border-color: #F1F4FA;
}
}
.el-cascader-panel { .el-cascader-panel {
min-height: 150px; min-height: 150px;
......
src/components/menu.vue
...@@ -490,7 +490,7 @@ ...@@ -490,7 +490,7 @@
height: 40px; height: 40px;
overflow-y: hidden; overflow-y: hidden;
position: relative; position: relative;
width: calc(100vw - 550px); width: calc(100vw - 640px);
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 5px; width: 5px;
...@@ -582,8 +582,8 @@ ...@@ -582,8 +582,8 @@
height: 40px; height: 40px;
background: #E5EBF6; background: #E5EBF6;
float: left; float: left;
margin-left: 16px; margin-left: 30px;
margin-right: 16px; margin-right: 30px;
} }
.msgh { .msgh {
......
src/views/Index/index.vue
...@@ -147,31 +147,31 @@ ...@@ -147,31 +147,31 @@
<th align="left">上榜次数</th> <th align="left">上榜次数</th>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="first">1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="first">1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="first">1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="first" >1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
</tr> </tr>
<tr> <tr>
<td>1</td> <td class="first">1</td>
<td>NRF51822-QFAA-NRF51822</td> <td>NRF51822-QFAA-NRF51822</td>
<td>NORDIC</td> <td>NORDIC</td>
<td>3</td> <td>3</td>
...@@ -203,7 +203,7 @@ ...@@ -203,7 +203,7 @@
</div> </div>
<div class="wrap row"> <div class="wrap row">
<div class="box1"> <div class="box1">
<div id="echarts_box1" style="width: 100%;height:200px;"></div> <div id="echarts_box1" style="width: 100%;height:300px;position:relative; top: -25px;"></div>
</div> </div>
<div class="box2"> <div class="box2">
<p class="t1">单个型号询报价总数分析</p> <p class="t1">单个型号询报价总数分析</p>
...@@ -263,7 +263,7 @@ ...@@ -263,7 +263,7 @@
var option = { var option = {
xAxis: { xAxis: {
type: 'category', type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] data: ['10-01', '10-02', '10-03', '10-04', '10-05', '10-06', '10-07']
}, },
yAxis: { yAxis: {
type: 'value' type: 'value'
......
src/views/List/inquire.vue
<template> <template>
<section class="store pagex"> <section class="inquire pagex">
<div class="store-con"> <div class="inquire-con">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="型号"> <el-form-item label="型号">
<el-autocomplete @keyup.enter.native="onSubmit" v-model="formInline.goods_name" :trigger-on-focus="false" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" @select="handleSelectGoodsName"></el-autocomplete> <el-autocomplete @keyup.enter.native="onSubmit" v-model="formInline.goods_name" :trigger-on-focus="false" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" @select="handleSelectGoodsName"></el-autocomplete>
......
src/views/List/inquireDetail.vue
...@@ -170,13 +170,14 @@ ...@@ -170,13 +170,14 @@
@click="handle(scope.$index, scope.row)">确认</span> @click="handle(scope.$index, scope.row)">确认</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="goods_name" label="报价型号" width="200"></el-table-column> <el-table-column fixed prop="goods_name" label="报价型号" width="200"></el-table-column>
<el-table-column prop="brand_name" label="报价品牌" width="200"></el-table-column> <el-table-column fixed prop="brand_name" label="报价品牌" width="200"></el-table-column>
<el-table-column prop="status" label="状态" width="100"> <el-table-column prop="status" label="状态" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status==1" class="f-green">比价中</span> <span v-if="scope.row.status==1" class="f-green">比价中</span>
<span v-else-if="scope.row.status==2" class="f-yellow1">已选中</span> <span v-else-if="scope.row.status==2" class="f-yellow1">已选中</span>
<span v-else-if="scope.row.status==3">已确认</span> <span v-else-if="scope.row.status==3">已确认</span>
<span class="f-green" v-else-if="scope.row.status==4">已成单</span>
<span v-else-if="scope.row.status==5" class="f-red1">已关闭</span> <span v-else-if="scope.row.status==5" class="f-red1">已关闭</span>
<span v-else-if="scope.row.status==9" class="f-red1">已删除</span> <span v-else-if="scope.row.status==9" class="f-red1">已删除</span>
<span v-else-if="scope.row.status==-1" class="f-red1">已撤销</span> <span v-else-if="scope.row.status==-1" class="f-red1">已撤销</span>
...@@ -210,7 +211,7 @@ ...@@ -210,7 +211,7 @@
<el-dialog :title="title" :visible.sync="dialogVisible" width="656px" class="xx"> <el-dialog :title="title" :visible.sync="dialogVisible" width="656px" class="xx">
<div class="dialog-form"> <div class="dialog-form">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<div class="row bothSide"> <div class="row bothSide zdypop">
<div class="box"> <div class="box">
<el-form-item label="报价型号" prop="goods_name"> <el-form-item label="报价型号" prop="goods_name">
<el-input v-model="ruleForm.goods_name" :disabled="isModify" placeholder="请输入型号" <el-input v-model="ruleForm.goods_name" :disabled="isModify" placeholder="请输入型号"
......
src/views/List/quote.vue
<template> <template>
<section class="store pagex"> <section class="quote pagex">
<div class="store-con"> <div class="quote-con">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="报价型号"> <el-form-item label="报价型号">
<el-autocomplete @keyup.enter.native="onSubmit" v-model="formInline.goods_name" :trigger-on-focus="false" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" @select="handleSelectGoodsName"></el-autocomplete> <el-autocomplete @keyup.enter.native="onSubmit" v-model="formInline.goods_name" :trigger-on-focus="false" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" @select="handleSelectGoodsName"></el-autocomplete>
......
view/index.html
...@@ -6,12 +6,12 @@ ...@@ -6,12 +6,12 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="http://yunxin.liexindev.net/favicon.ico"> <link rel="icon" href="http://yunxin.liexindev.net/favicon.ico">
<title>cloudsystem</title> <title>cloudsystem</title>
<link href="http://yunxin.liexindev.net/js/0.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/1.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/10.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/11.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/12.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/13.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/14.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/15.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/16.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/17.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/18.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/19.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/2.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/20.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/21.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/22.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/23.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/24.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/25.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/26.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/27.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/28.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/3.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/4.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/5.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/6.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/7.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/8.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/9.js" rel="prefetch"><link href="http://yunxin.liexindev.net/app.e662bbe8f066a4c50230.js" rel="preload" as="script"></head> <link href="http://yunxin.liexindev.net/js/0.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/1.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/10.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/11.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/12.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/13.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/14.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/15.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/16.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/17.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/18.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/19.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/2.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/20.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/21.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/22.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/23.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/24.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/25.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/26.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/27.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/28.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/3.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/4.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/5.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/6.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/7.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/8.js" rel="prefetch"><link href="http://yunxin.liexindev.net/js/9.js" rel="prefetch"><link href="http://yunxin.liexindev.net/app.04625af3627c2f334096.js" rel="preload" as="script"></head>
<body> <body>
<noscript> <noscript>
<strong>网络异常,请稍后加载</strong> <strong>网络异常,请稍后加载</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<script type="text/javascript" src="http://yunxin.liexindev.net/app.e662bbe8f066a4c50230.js"></script></body> <script type="text/javascript" src="http://yunxin.liexindev.net/app.04625af3627c2f334096.js"></script></body>
</html> </html>
view/js/14.js
This diff could not be displayed because it is too large.
view/js/15.js
This diff could not be displayed because it is too large.
view/js/16.js
This diff could not be displayed because it is too large.
view/js/17.js
This diff could not be displayed because it is too large.
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