|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> --> | 
|---|
|  |  |  | <div class="search"> | 
|---|
|  |  |  | <el-input placeholder="请输入内容" v-model="searchInput" class="input-with-select" clearable> | 
|---|
|  |  |  | <el-input placeholder="请输入内容" v-model.trim="searchInput" class="input-with-select" clearable> | 
|---|
|  |  |  | <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.value"> | 
|---|
|  |  |  | </el-option> | 
|---|
|  |  |  | <el-option v-for="item in searchOptions" :key="item.value" :label="item.label" :value="item"> </el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | <!-- <i slot="suffix" class="el-icon-search" style="cursor: pointer" @click="searchClick"></i> --> | 
|---|
|  |  |  | </el-input> | 
|---|
|  |  |  | 
|---|
|  |  |  | default: () => [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | searchSel: { | 
|---|
|  |  |  | type: String, | 
|---|
|  |  |  | default: "name" | 
|---|
|  |  |  | type: Object, | 
|---|
|  |  |  | default: () => { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | value: "name", | 
|---|
|  |  |  | label: "" | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | searchOptions: { | 
|---|
|  |  |  | type: Array, | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .search { | 
|---|
|  |  |  | .el-select .el-input { | 
|---|
|  |  |  | width: 115px; | 
|---|
|  |  |  | width: 130px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .input-with-select .el-input-group__prepend { | 
|---|
|  |  |  | background-color: #fff; | 
|---|