|
|
@@ -1,8 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div class="searchBarBox divHeight" id='searchBarBox' :style="{ paddingRight: isFold ? '55px' : '0px' }"> |
|
|
|
<div class="searchBarBox divHeight" ref="searchBarRef" :style="{ paddingRight: isFold ? '55px' : '0px' }"> |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
ref="searchBarForm" |
|
|
|
ref="searchBarForm" |
|
|
|
:model="formInline" |
|
|
|
class="searchBar" |
|
|
|
> |
|
|
@@ -69,6 +69,7 @@ |
|
|
|
v-if="item.type === 'autocomplete'" |
|
|
|
v-model="formInline[item.param]" |
|
|
|
:value-key="item.valueKey ? item.valueKey : 'value'" |
|
|
|
:size="item.size ? item.size : 'small'" |
|
|
|
:fetch-suggestions="item.querySearch" |
|
|
|
:placeholder="item.placeholder" |
|
|
|
:clearable="item.clearable === false ? false : true" |
|
|
@@ -80,6 +81,7 @@ |
|
|
|
v-model="formInline[item.param]" |
|
|
|
:options="item.selectOptions" |
|
|
|
:props="item.cascaderProps" |
|
|
|
:size="item.size ? item.size : 'small'" |
|
|
|
:clearable="item.clearable === false ? false : true" |
|
|
|
:show-all-levels="item.showAllLevels === false ? false : true" |
|
|
|
:collapse-tags="item.collapseTags === true ? true : false" |
|
|
@@ -242,7 +244,7 @@ export default { |
|
|
|
}, |
|
|
|
switchMode() {// 展开和收起切换 |
|
|
|
this.isExpand = !this.isExpand |
|
|
|
const element = document.getElementById('searchBarBox') |
|
|
|
const element = this.$refs.searchBarRef |
|
|
|
if (this.isExpand) { |
|
|
|
element.classList.remove('divHeight') |
|
|
|
} else { |
|
|
|