表格右侧工具栏组件

RuoYi

2020-08-10 74f52677be7718d63eef89e01c367058a2e43e57

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

文件名从 ruoyi-ui/src/components/TableToolsExt/index.vue 修改
@@ -3,17 +3,17 @@
  <div class="top-right-btn">
    <el-row>
      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
        <el-button size="mini" circle icon="el-icon-search" @click="clickSearch()" />
        <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="clickFresh()" />
        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />

      </el-tooltip>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "TableToolsExt",
  name: "RightToolbar",

  data() {
    return {};
  },
@@ -26,11 +26,11 @@

  methods: {
    //搜索
    clickSearch() {
    toggleSearch() {

      this.$emit("update:showSearch", !this.showSearch);
    },
    //刷新
    clickFresh() {
    refresh() {

      this.$emit("queryTable");
    },
  },