优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）

RuoYi

2022-07-29 67a684104333499d4d0490c04987905aeae37e4c

优化表格上右侧工具条（搜索按钮显隐&右侧样式凸出）

 ruoyi-ui/src/components/RightToolbar/index.vue

@@ -1,7 +1,7 @@
<template>
  <div class="top-right-btn">
  <div class="top-right-btn" :style="style">
    <el-row>
      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
      <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">
@@ -42,6 +42,23 @@
    columns: {
      type: Array,
    },
    search: {
      type: Boolean,
      default: true,
    },
    gutter: {
      type: Number,
      default: 10,
    },
  },
  computed: {
    style() {
      const ret = {};
      if (this.gutter) {
        ret.marginRight = `${this.gutter / 2}px`;
      }
      return ret;
    }
  },
  created() {
    // 显隐列初始默认隐藏列