| | |
| | | <!-- 鼠标触发弹出成 --> |
| | | <template> |
| | | <div class="top-right-btn" :style="style"> |
| | | <el-row> |
| | | <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search"> |
| | | <el-button size="mini" circle icon="el-icon-search" @click="toggleSearch()" /> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | :content="showSearch ? '隐藏搜索' : '显示搜索'" |
| | | placement="top" |
| | | v-if="search" |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | circle |
| | | icon="el-icon-search" |
| | | @click="toggleSearch()" |
| | | /> |
| | | </el-tooltip> |
| | | <el-tooltip class="item" effect="dark" content="刷新" placement="top"> |
| | | <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" /> |
| | | <el-button |
| | | size="mini" |
| | | circle |
| | | icon="el-icon-refresh" |
| | | @click="refresh()" |
| | | /> |
| | | </el-tooltip> |
| | | <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns"> |
| | | <el-button size="mini" circle icon="el-icon-menu" @click="showColumn()" /> |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="显隐列" |
| | | placement="top" |
| | | v-if="columns" |
| | | > |
| | | <el-button |
| | | size="mini" |
| | | circle |
| | | icon="el-icon-menu" |
| | | @click="showColumn()" |
| | | /> |
| | | </el-tooltip> |
| | | </el-row> |
| | | <el-dialog :title="title" :visible.sync="open" append-to-body> |
| | |
| | | ret.marginRight = `${this.gutter / 2}px`; |
| | | } |
| | | return ret; |
| | | } |
| | | }, |
| | | }, |
| | | created() { |
| | | // 显隐列初始默认隐藏列 |