refactor:快速搜索可一键清空、表格头部组件样式优化 !134

* style:修改操作栏样式
* style(baTable):操作栏垂直方向超出隐藏
* feat(baTable):快速搜索设置可一键清空
This commit is contained in:
Vimin 2023-07-22 14:49:10 +00:00 committed by 妙码生花
parent 8de6b88a72
commit 12cfa7a9ed

View File

@ -76,6 +76,7 @@
class="xs-hidden quick-search" class="xs-hidden quick-search"
@input="debounce(onSearchInput, 500)()" @input="debounce(onSearchInput, 500)()"
:placeholder="quickSearchPlaceholder ? quickSearchPlaceholder : t('Search')" :placeholder="quickSearchPlaceholder ? quickSearchPlaceholder : t('Search')"
clearable
/> />
<div class="table-search-button-group" v-if="props.buttons.includes('columnDisplay') || props.buttons.includes('comSearch')"> <div class="table-search-button-group" v-if="props.buttons.includes('columnDisplay') || props.buttons.includes('comSearch')">
<el-dropdown v-if="props.buttons.includes('columnDisplay')" :max-height="380" :hide-on-click="false"> <el-dropdown v-if="props.buttons.includes('columnDisplay')" :max-height="380" :hide-on-click="false">
@ -173,7 +174,7 @@ const onChangeShowColumn = (value: string | number | boolean, field: string) =>
<style scoped lang="scss"> <style scoped lang="scss">
.table-header { .table-header {
position: relative; position: relative;
overflow-y: scroll; overflow-x: auto;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;