| | |
| | | <div class="search-top"> |
| | | <div class="search"> |
| | | <el-input v-if="inputSelect" :placeholder="placeholder" v-model="searchInput" class="input-with-select" clearable> |
| | | <el-select v-model="searchSelValue" slot="prepend" placeholder="请选择" class="search-sel"> |
| | | <!-- <el-select v-model="searchSelValue" slot="prepend" placeholder="请选择" class="search-sel"> |
| | | <el-option v-for="item in searchOptions" :key="item.value" :label="item.label" :value="item"> </el-option> |
| | | </el-select> |
| | | </el-select> --> |
| | | <!-- <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="searchClick"></i> --> |
| | | </el-input> |
| | | <el-input v-else :placeholder="placeholder" v-model="searchInput" class="input-with-select" clearable> |
| | |
| | | }, |
| | | methods: { |
| | | searchClick() { |
| | | this.$emit("searchClick", this.searchSelValue, this.searchInput) |
| | | this.$emit("searchClick", this.searchInput) |
| | | }, |
| | | resetClick() { |
| | | this.searchSelValue = this.searchSel |
| | |
| | | } |
| | | .el-input__prefix, |
| | | .el-input__suffix { |
| | | height: 30px; |
| | | // height: 30px; |
| | | } |
| | | .el-input__icon { |
| | | line-height: 30px; |
| | |
| | | } |
| | | .el-input__suffix { |
| | | // 处理前缀图标不垂直居中的问题 |
| | | height: auto; |
| | | font-size: 15px; |
| | | &-inner { |
| | | flex-direction: row-reverse; |
| | | -webkit-flex-direction: row-reverse; |
| | | display: flex; |
| | | } |
| | | // height: auto; |
| | | // font-size: 15px; |
| | | // &-inner { |
| | | // flex-direction: row-reverse; |
| | | // -webkit-flex-direction: row-reverse; |
| | | // display: flex; |
| | | // } |
| | | } |
| | | .el-input--suffix .el-input__inner { |
| | | padding-right: 45px; |