表格右侧工具栏组件

RuoYi

2020-08-10 74f52677be7718d63eef89e01c367058a2e43e57

表格右侧工具栏组件

 ruoyi-generator/src/main/resources/vm/vue/index-tree.vue.vm

@@ -66,7 +66,7 @@
          v-hasPermi="['${moduleName}:${businessName}:add']"

        >新增</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table


 ruoyi-generator/src/main/resources/vm/vue/index.vue.vm

@@ -95,7 +95,7 @@
          v-hasPermi="['${moduleName}:${businessName}:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="${businessName}List" @selection-change="handleSelectionChange">


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

ÎļþÃû´Ó ruoyi-ui/src/components/TableToolsExt/index.vue ÐÞ¸Ä
@@ -1,38 +1,38 @@
<!-- @author Shiyn/   huangmx 20200807优化-->
<template>
  <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-tooltip>
      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
        <el-button size="mini" circle icon="el-icon-refresh" @click="clickFresh()" />
      </el-tooltip>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "TableToolsExt",
  data() {
    return {};
  },
  props: {
    showSearch: {
      type: Boolean,
      default: true,
    },
  },

  methods: {
    //搜索
    clickSearch() {
      this.$emit("update:showSearch", !this.showSearch);
    },
    //刷新
    clickFresh() {
      this.$emit("queryTable");
    },
  },
};
</script>
<!-- @author Shiyn/   huangmx 20200807优化-->

<template>

  <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="toggleSearch()" />

      </el-tooltip>

      <el-tooltip class="item" effect="dark" content="刷新" placement="top">

        <el-button size="mini" circle icon="el-icon-refresh" @click="refresh()" />

      </el-tooltip>

    </el-row>

  </div>

</template>

<script>

export default {

  name: "RightToolbar",

  data() {

    return {};

  },

  props: {

    showSearch: {

      type: Boolean,

      default: true,

    },

  },



  methods: {

    //搜索

    toggleSearch() {

      this.$emit("update:showSearch", !this.showSearch);

    },

    //刷新

    refresh() {

      this.$emit("queryTable");

    },

  },

};

</script>


 ruoyi-ui/src/main.js

@@ -21,7 +21,7 @@
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, handleTree } from "@/utils/ruoyi";

import Pagination from "@/components/Pagination";

//自定义表格工具扩展

import TableToolsExt from "@/components/TableToolsExt"

import RightToolbar from "@/components/RightToolbar"



// å…¨å±€æ–¹æ³•æŒ‚è½½

Vue.prototype.getDicts = getDicts

@@ -48,7 +48,7 @@


// å…¨å±€ç»„件挂载

Vue.component('Pagination', Pagination)

Vue.component('TableToolsExt', TableToolsExt)

Vue.component('RightToolbar', RightToolbar)



Vue.use(permission)




 ruoyi-ui/src/views/monitor/job/index.vue

@@ -84,7 +84,7 @@
          v-hasPermi="['monitor:job:query']"

        >日志</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/monitor/job/log.vue

@@ -90,7 +90,7 @@
          v-hasPermi="['monitor:job:export']"
        >导出</el-button>
      </el-col>
      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">

 ruoyi-ui/src/views/monitor/logininfor/index.vue

@@ -84,7 +84,7 @@
          v-hasPermi="['system:logininfor:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/monitor/operlog/index.vue

@@ -100,7 +100,7 @@
          v-hasPermi="['system:config:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/config/index.vue

@@ -97,7 +97,7 @@
          v-hasPermi="['system:config:remove']"

        >清理缓存</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/dept/index.vue

@@ -36,7 +36,7 @@
          v-hasPermi="['system:dept:add']"

        >新增</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table


 ruoyi-ui/src/views/system/dict/data.vue

@@ -75,7 +75,7 @@
          v-hasPermi="['system:dict:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/dict/index.vue

@@ -103,7 +103,7 @@
          v-hasPermi="['system:dict:remove']"

        >清理缓存</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/menu/index.vue

@@ -36,7 +36,7 @@
          v-hasPermi="['system:menu:add']"

        >新增</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table


 ruoyi-ui/src/views/system/notice/index.vue

@@ -65,7 +65,7 @@
          v-hasPermi="['system:notice:remove']"

        >删除</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">

@@ -164,7 +164,7 @@
          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer" style="padding-top:20px">

      <div slot="footer" class="dialog-footer" style="padding-top:30px">

        <el-button type="primary" @click="submitForm">ç¡® å®š</el-button>

        <el-button @click="cancel">取 æ¶ˆ</el-button>

      </div>


 ruoyi-ui/src/views/system/post/index.vue

@@ -74,7 +74,7 @@
          v-hasPermi="['system:post:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/role/index.vue

@@ -94,7 +94,7 @@
          v-hasPermi="['system:role:export']"

        >导出</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/system/user/index.vue

@@ -49,7 +49,7 @@
          <el-col :span="1.5">

            <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['system:user:export']">导出</el-button>

          </el-col>

          <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

        </el-row>



        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">


 ruoyi-ui/src/views/tool/gen/index.vue

@@ -76,7 +76,7 @@
          v-hasPermi="['tool:gen:remove']"

        >删除</el-button>

      </el-col>

      <table-tools-ext :showSearch.sync="showSearch" @queryTable="getList"></table-tools-ext>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">