表格右侧工具栏组件
This commit is contained in:
		
							parent
							
								
									60d5c03e65
								
							
						
					
					
						commit
						74f52677be
					
				| 
						 | 
					@ -66,7 +66,7 @@
 | 
				
			||||||
          v-hasPermi="['${moduleName}:${businessName}:add']"
 | 
					          v-hasPermi="['${moduleName}:${businessName}:add']"
 | 
				
			||||||
        >新增</el-button>
 | 
					        >新增</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table
 | 
					    <el-table
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -95,7 +95,7 @@
 | 
				
			||||||
          v-hasPermi="['${moduleName}:${businessName}:export']"
 | 
					          v-hasPermi="['${moduleName}:${businessName}:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="${businessName}List" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="${businessName}List" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -3,17 +3,17 @@
 | 
				
			||||||
  <div class="top-right-btn">
 | 
					  <div class="top-right-btn">
 | 
				
			||||||
    <el-row>
 | 
					    <el-row>
 | 
				
			||||||
      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
 | 
					      <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>
 | 
				
			||||||
      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
 | 
					      <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-tooltip>
 | 
				
			||||||
    </el-row>
 | 
					    </el-row>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
export default {
 | 
					export default {
 | 
				
			||||||
  name: "TableToolsExt",
 | 
					  name: "RightToolbar",
 | 
				
			||||||
  data() {
 | 
					  data() {
 | 
				
			||||||
    return {};
 | 
					    return {};
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
| 
						 | 
					@ -26,11 +26,11 @@ export default {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  methods: {
 | 
					  methods: {
 | 
				
			||||||
    //搜索
 | 
					    //搜索
 | 
				
			||||||
    clickSearch() {
 | 
					    toggleSearch() {
 | 
				
			||||||
      this.$emit("update:showSearch", !this.showSearch);
 | 
					      this.$emit("update:showSearch", !this.showSearch);
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    //刷新
 | 
					    //刷新
 | 
				
			||||||
    clickFresh() {
 | 
					    refresh() {
 | 
				
			||||||
      this.$emit("queryTable");
 | 
					      this.$emit("queryTable");
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
| 
						 | 
					@ -21,7 +21,7 @@ import { getConfigKey } from "@/api/system/config";
 | 
				
			||||||
import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, handleTree } from "@/utils/ruoyi";
 | 
					import { parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, download, handleTree } from "@/utils/ruoyi";
 | 
				
			||||||
import Pagination from "@/components/Pagination";
 | 
					import Pagination from "@/components/Pagination";
 | 
				
			||||||
//自定义表格工具扩展
 | 
					//自定义表格工具扩展
 | 
				
			||||||
import TableToolsExt from "@/components/TableToolsExt"
 | 
					import RightToolbar from "@/components/RightToolbar"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// 全局方法挂载
 | 
					// 全局方法挂载
 | 
				
			||||||
Vue.prototype.getDicts = getDicts
 | 
					Vue.prototype.getDicts = getDicts
 | 
				
			||||||
| 
						 | 
					@ -48,7 +48,7 @@ Vue.prototype.msgInfo = function (msg) {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// 全局组件挂载
 | 
					// 全局组件挂载
 | 
				
			||||||
Vue.component('Pagination', Pagination)
 | 
					Vue.component('Pagination', Pagination)
 | 
				
			||||||
Vue.component('TableToolsExt', TableToolsExt)
 | 
					Vue.component('RightToolbar', RightToolbar)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Vue.use(permission)
 | 
					Vue.use(permission)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -84,7 +84,7 @@
 | 
				
			||||||
          v-hasPermi="['monitor:job:query']"
 | 
					          v-hasPermi="['monitor:job:query']"
 | 
				
			||||||
        >日志</el-button>
 | 
					        >日志</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -90,7 +90,7 @@
 | 
				
			||||||
          v-hasPermi="['monitor:job:export']"
 | 
					          v-hasPermi="['monitor:job:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -84,7 +84,7 @@
 | 
				
			||||||
          v-hasPermi="['system:logininfor:export']"
 | 
					          v-hasPermi="['system:logininfor:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -100,7 +100,7 @@
 | 
				
			||||||
          v-hasPermi="['system:config:export']"
 | 
					          v-hasPermi="['system:config:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -97,7 +97,7 @@
 | 
				
			||||||
          v-hasPermi="['system:config:remove']"
 | 
					          v-hasPermi="['system:config:remove']"
 | 
				
			||||||
        >清理缓存</el-button>
 | 
					        >清理缓存</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -36,7 +36,7 @@
 | 
				
			||||||
          v-hasPermi="['system:dept:add']"
 | 
					          v-hasPermi="['system:dept:add']"
 | 
				
			||||||
        >新增</el-button>
 | 
					        >新增</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table
 | 
					    <el-table
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -75,7 +75,7 @@
 | 
				
			||||||
          v-hasPermi="['system:dict:export']"
 | 
					          v-hasPermi="['system:dict:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -103,7 +103,7 @@
 | 
				
			||||||
          v-hasPermi="['system:dict:remove']"
 | 
					          v-hasPermi="['system:dict:remove']"
 | 
				
			||||||
        >清理缓存</el-button>
 | 
					        >清理缓存</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -36,7 +36,7 @@
 | 
				
			||||||
          v-hasPermi="['system:menu:add']"
 | 
					          v-hasPermi="['system:menu:add']"
 | 
				
			||||||
        >新增</el-button>
 | 
					        >新增</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table
 | 
					    <el-table
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -65,7 +65,7 @@
 | 
				
			||||||
          v-hasPermi="['system:notice:remove']"
 | 
					          v-hasPermi="['system:notice:remove']"
 | 
				
			||||||
        >删除</el-button>
 | 
					        >删除</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					@ -164,7 +164,7 @@
 | 
				
			||||||
          </el-col>
 | 
					          </el-col>
 | 
				
			||||||
        </el-row>
 | 
					        </el-row>
 | 
				
			||||||
      </el-form>
 | 
					      </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 type="primary" @click="submitForm">确 定</el-button>
 | 
				
			||||||
        <el-button @click="cancel">取 消</el-button>
 | 
					        <el-button @click="cancel">取 消</el-button>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -74,7 +74,7 @@
 | 
				
			||||||
          v-hasPermi="['system:post:export']"
 | 
					          v-hasPermi="['system:post:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -94,7 +94,7 @@
 | 
				
			||||||
          v-hasPermi="['system:role:export']"
 | 
					          v-hasPermi="['system:role:export']"
 | 
				
			||||||
        >导出</el-button>
 | 
					        >导出</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -49,7 +49,7 @@
 | 
				
			||||||
          <el-col :span="1.5">
 | 
					          <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-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['system:user:export']">导出</el-button>
 | 
				
			||||||
          </el-col>
 | 
					          </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
 | 
					        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -76,7 +76,7 @@
 | 
				
			||||||
          v-hasPermi="['tool:gen:remove']"
 | 
					          v-hasPermi="['tool:gen:remove']"
 | 
				
			||||||
        >删除</el-button>
 | 
					        >删除</el-button>
 | 
				
			||||||
      </el-col>
 | 
					      </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-row>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
 | 
					    <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue