mirror of
				https://github.com/YunaiV/ruoyi-vue-pro.git
				synced 2025-10-31 02:28:03 +08:00 
			
		
		
		
	表格右侧工具栏组件
This commit is contained in:
		| @ -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"> | ||||||
|  | |||||||
		Reference in New Issue
	
	Block a user
	 RuoYi
					RuoYi