|
@@ -604,10 +604,15 @@ input.sm {
|
|
|
}
|
|
|
|
|
|
.user-input {
|
|
|
+ position: relative;
|
|
|
width: 100%;
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
+.user-input .pre-search-list{
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
.add-input-w {
|
|
|
margin-top: 15px;
|
|
|
width: 590px;
|
|
@@ -949,6 +954,53 @@ input.sm {
|
|
|
z-index: 999;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
+.dataExport-footer .data-footer-tip {
|
|
|
+ height: 40px;
|
|
|
+ background: #F5F5FB;
|
|
|
+}
|
|
|
+.data-footer-tip .footer-tip-main{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 1200px;
|
|
|
+ height: 100%;
|
|
|
+ background: #F9F2EA;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #F56500;
|
|
|
+}
|
|
|
+.footer-tip-main .custom-service-wx{
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+}
|
|
|
+.footer-tip-main .custom-service-wx .custom-service-wximg{
|
|
|
+ position: absolute;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ padding: 16px 16px 12px;
|
|
|
+ width: 160px;
|
|
|
+ height: 186px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 8px;
|
|
|
+ top: -212px;
|
|
|
+ left: -54px;
|
|
|
+ box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.16);
|
|
|
+}
|
|
|
+.custom-service-wx .custom-service-wximg .triangle{
|
|
|
+ position: absolute;
|
|
|
+ display:inline-block;
|
|
|
+ border: 14px solid transparent;
|
|
|
+ border-top-color: #fff;
|
|
|
+ bottom: -26px;
|
|
|
+ left: 68px;
|
|
|
+}
|
|
|
+
|
|
|
+.custom-service-wximg img{
|
|
|
+ width: 128px;
|
|
|
+ height: 128px;
|
|
|
+}
|
|
|
+
|
|
|
.dataExport-footer.bottomfixed {
|
|
|
position: fixed;
|
|
|
bottom: 0;
|
|
@@ -960,7 +1012,7 @@ input.sm {
|
|
|
justify-content: flex-end;
|
|
|
align-items: center;
|
|
|
width: 1200px;
|
|
|
- height: 100%;
|
|
|
+ height: 68px;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
.dataBtnCom{
|
|
@@ -1033,3 +1085,193 @@ input.sm {
|
|
|
height: 100%;
|
|
|
}
|
|
|
/*E 新增数据预览样式 */
|
|
|
+
|
|
|
+/* S P289数据导出迭代优化 S*/
|
|
|
+.filter-data-container{
|
|
|
+ max-height: 400px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ width: 694px;
|
|
|
+}
|
|
|
+.filter-dialog ::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 8px!important;
|
|
|
+}
|
|
|
+.filter-data-container {
|
|
|
+ scrollbar-width: thin
|
|
|
+}
|
|
|
+.filter-data-container .filter-data-list{
|
|
|
+ margin-top: 12px;
|
|
|
+ padding: 0 16px;
|
|
|
+ background: #F5F6F7;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+.filter-data-container .f-l-title{
|
|
|
+ padding: 8px 0 2px;
|
|
|
+}
|
|
|
+.filter-data-container .f-l-content {
|
|
|
+ padding: 12px 0;
|
|
|
+ border-top: 1px dashed #ddd;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #686868;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.icon-caret-bottom{
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ margin-right: 4px;
|
|
|
+ background: url('/images/biddingSearch/icon-caret-bottom-gray.png') no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.icon-caret-top{
|
|
|
+ display: inline-block;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-right: 4px;
|
|
|
+ background: url('/images/biddingSearch/icon-caret-top-gray.png') no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-clean{
|
|
|
+ display: inline-block;
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background: url('/images/biddingSearch/icon-clean-gray.png') no-repeat center;
|
|
|
+ cursor: pointer;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.filter-data-list .has-search-model{
|
|
|
+ padding:0 0 8px 22px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ min-height: 22px;
|
|
|
+ color: #1D1D1D;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title .f-l-title-text{
|
|
|
+ flex: 1;
|
|
|
+ text-align: justify;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 22px;
|
|
|
+ max-width: 582px;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title:hover .icon-caret-bottom{
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ margin-right: 4px;
|
|
|
+ background: url('/images/biddingSearch/icon-caret-bottom-gold.png') no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title:hover .icon-caret-top{
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ margin-right: 4px;
|
|
|
+ background: url('/images/biddingSearch/icon-caret-top-gold.png') no-repeat center;
|
|
|
+ background-size: contain;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title:hover .f-l-title-text{
|
|
|
+ color: #2cb7ca;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-title:hover .icon-clean{
|
|
|
+ display: inline-block;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url('/images/biddingSearch/icon-clean-gold.png') no-repeat center;
|
|
|
+ cursor: pointer;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-c-item{
|
|
|
+ margin-top: 8px;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-c-item > span {
|
|
|
+ margin-right: 16px;
|
|
|
+}
|
|
|
+.filter-data-list .f-l-c-item .i-value {
|
|
|
+ color: #1D1D1D;
|
|
|
+}
|
|
|
+/* 删除筛选提示框 */
|
|
|
+.filter-dialog .btn-group,
|
|
|
+.filter-messagebox .btn-group{
|
|
|
+ width: 132px;
|
|
|
+ height: 36px;
|
|
|
+ padding: 0;
|
|
|
+ border-radius: 6px;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+.filter-dialog .btn-group.confirm-btn,
|
|
|
+.filter-messagebox .btn-group.confirm-btn{
|
|
|
+ background: #2cb7ca;
|
|
|
+ margin-right: 52px;
|
|
|
+ border: 0;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.filter-dialog .btn-group.confirm-btn:hover,
|
|
|
+.filter-dialog .btn-group.confirm-btn:focus,
|
|
|
+.filter-messagebox .btn-group.confirm-btn:hover,
|
|
|
+.filter-dialog .btn-group.confirm-btn:focus{
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.filter-messagebox{
|
|
|
+ width: 380px;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 32px;
|
|
|
+}
|
|
|
+.el-message-box__title{
|
|
|
+ color: #1D1D1D;
|
|
|
+}
|
|
|
+.filter-messagebox .el-message-box__header{
|
|
|
+ padding: 0!important;
|
|
|
+}
|
|
|
+.filter-messagebox .el-message-box__content{
|
|
|
+ padding: 20px 0 32px;
|
|
|
+}
|
|
|
+.filter-messagebox .el-message-box__message p{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #686868;
|
|
|
+}
|
|
|
+.filter-messagebox .el-message-box__btns{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.pre-search-list {
|
|
|
+ padding: 20px 0;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 6;
|
|
|
+ top: 52px;
|
|
|
+ width: 640px;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 0 20px rgb(0,0,0,0.1);
|
|
|
+ border-radius: 8px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.pre-search-item {
|
|
|
+ padding: 12px 40px;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 24px;
|
|
|
+ color: #686868;
|
|
|
+ box-sizing: border-box;
|
|
|
+ transition: all .3s;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.pre-search-item:hover {
|
|
|
+ padding: 12px 30px;
|
|
|
+ color: #1d1d1d;
|
|
|
+ background-color: #ececec;
|
|
|
+}
|
|
|
+/* E P289数据导出迭代优化 E*/
|