|
@@ -2,19 +2,19 @@
|
|
<div class="search-filter">
|
|
<div class="search-filter">
|
|
<div class="search-item">
|
|
<div class="search-item">
|
|
<span class="search-label long-search-label">人工客服介入:</span>
|
|
<span class="search-label long-search-label">人工客服介入:</span>
|
|
- <el-select v-model="involvedVal" placeholder="全部" clearable value-key :popper-append-to-body="false">
|
|
|
|
|
|
+ <el-select v-model="involvedVal" placeholder="全部" clearable value-key popper-class="involved-select-popover" :popper-append-to-body="false">
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in involvedOptions"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
|
|
+ v-for="item in involvedOptions"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
>
|
|
>
|
|
</el-option>
|
|
</el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
<div class="search-item">
|
|
<div class="search-item">
|
|
<span class="search-label">是否游客:</span>
|
|
<span class="search-label">是否游客:</span>
|
|
- <el-select v-model="isTourist" placeholder="全部" clearable value-key :popper-append-to-body="false">
|
|
|
|
|
|
+ <el-select v-model="isTourist" placeholder="全部" clearable popper-class="tourist-select-popover" value-key :popper-append-to-body="false">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in visitorOptions"
|
|
v-for="item in visitorOptions"
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -70,10 +70,6 @@ export default {
|
|
return {
|
|
return {
|
|
// 人工客服是否介入
|
|
// 人工客服是否介入
|
|
involvedOptions: [
|
|
involvedOptions: [
|
|
- {
|
|
|
|
- value: 0,
|
|
|
|
- label: '全部'
|
|
|
|
- },
|
|
|
|
{
|
|
{
|
|
value: 1,
|
|
value: 1,
|
|
label: '是'
|
|
label: '是'
|
|
@@ -98,7 +94,7 @@ export default {
|
|
label: '否'
|
|
label: '否'
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- involvedVal: 0,
|
|
|
|
|
|
+ involvedVal: null,
|
|
isTourist: 0,
|
|
isTourist: 0,
|
|
phoneVal: '',
|
|
phoneVal: '',
|
|
timeVal: ''
|
|
timeVal: ''
|
|
@@ -183,26 +179,46 @@ export default {
|
|
.el-select__caret{
|
|
.el-select__caret{
|
|
line-height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
}
|
|
|
|
+ .el-select-dropdown {
|
|
|
|
+ margin-top:0;
|
|
|
|
+ .popper__arrow{
|
|
|
|
+ display: none;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
.el-select-dropdown__item.selected{
|
|
.el-select-dropdown__item.selected{
|
|
color: $color_main;
|
|
color: $color_main;
|
|
}
|
|
}
|
|
- .el-scrollbar{
|
|
|
|
- height: 96px;
|
|
|
|
|
|
+ .involved-select-popover{
|
|
|
|
+ .el-scrollbar{
|
|
|
|
+ height: 65px;
|
|
|
|
+ }
|
|
|
|
+ .el-select-dropdown__wrap{
|
|
|
|
+ height: 65px;
|
|
|
|
+ max-height: unset;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .el-select-dropdown__wrap{
|
|
|
|
- height: 96px;
|
|
|
|
- max-height: unset;
|
|
|
|
- overflow: auto;
|
|
|
|
|
|
+ .tourist-select-popover{
|
|
|
|
+ .el-scrollbar{
|
|
|
|
+ height: 96px;
|
|
|
|
+ }
|
|
|
|
+ .el-select-dropdown__wrap{
|
|
|
|
+ height: 96px;
|
|
|
|
+ max-height: unset;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+
|
|
.el-select-dropdown__list{
|
|
.el-select-dropdown__list{
|
|
padding: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.el-select-dropdown__item{
|
|
.el-select-dropdown__item{
|
|
height: 32px;
|
|
height: 32px;
|
|
- // &.hover,
|
|
|
|
- // &:hover{
|
|
|
|
- // background-color: ;
|
|
|
|
- // }
|
|
|
|
|
|
+ &.hover,
|
|
|
|
+ &:hover{
|
|
|
|
+ background-color: #ECECEC;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|