BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 4dcf737db03720bff2216ea04aba082be1ebb413

Authored by RuoYi
1 parent b32d0724

表格工具栏右侧添加刷新&显隐查询栏

Inline Side-by-side
Showing 18 changed files with 262 additions and 57 deletions
ruoyi-generator/src/main/resources/vm/vue/index-tree.vue.vm
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 #foreach($column in $columns)
5 5 #if($column.query)
6 6 #set($dictType=$column.dictType)
... ... @@ -51,23 +51,30 @@
51 51 #end
52 52 #end
53 53 <el-form-item>
  54 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  55 + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  56 + </el-form-item>
  57 + </el-form>
  58 +
  59 + <el-row :gutter="10" class="mb8">
  60 + <el-col :span="1.5">
54 61 <el-button
55   - class="filter-item"
56   - type="primary"
57   - icon="el-icon-search"
58   - size="mini"
59   - @click="handleQuery"
60   - >搜索</el-button>
61   - <el-button
62   - class="filter-item"
63 62 type="primary"
64 63 icon="el-icon-plus"
65 64 size="mini"
66 65 @click="handleAdd"
67 66 v-hasPermi="['${moduleName}:${businessName}:add']"
68 67 >新增</el-button>
69   - </el-form-item>
70   - </el-form>
  68 + </el-col>
  69 + <div class="top-right-btn">
  70 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  71 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  72 + </el-tooltip>
  73 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  74 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  75 + </el-tooltip>
  76 + </div>
  77 + </el-row>
71 78  
72 79 <el-table
73 80 v-loading="loading"
... ... @@ -229,6 +236,8 @@ export default {
229 236 return {
230 237 // 遮罩层
231 238 loading: true,
  239 + // 显示搜索条件
  240 + showSearch: true,
232 241 // ${functionName}表格数据
233 242 ${businessName}List: [],
234 243 // ${functionName}树选项
... ...
ruoyi-generator/src/main/resources/vm/vue/index.vue.vm
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 #foreach($column in $columns)
5 5 #if($column.query)
6 6 #set($dictType=$column.dictType)
... ... @@ -51,7 +51,7 @@
51 51 #end
52 52 #end
53 53 <el-form-item>
54   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  54 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
55 55 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
56 56 </el-form-item>
57 57 </el-form>
... ... @@ -95,6 +95,14 @@
95 95 v-hasPermi="['${moduleName}:${businessName}:export']"
96 96 >导出</el-button>
97 97 </el-col>
  98 + <div class="top-right-btn">
  99 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  100 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  101 + </el-tooltip>
  102 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  103 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  104 + </el-tooltip>
  105 + </div>
98 106 </el-row>
99 107  
100 108 <el-table v-loading="loading" :data="${businessName}List" @selection-change="handleSelectionChange">
... ... @@ -260,6 +268,8 @@ export default {
260 268 single: true,
261 269 // 非多个禁用
262 270 multiple: true,
  271 + // 显示搜索条件
  272 + showSearch: true,
263 273 // 总条数
264 274 total: 0,
265 275 // ${functionName}表格数据
... ...
ruoyi-ui/src/assets/styles/ruoyi.scss
  View file @4dcf737
... ... @@ -142,7 +142,28 @@
142 142 padding-left: 15px;
143 143 margin-bottom: 10px;
144 144 }
145   -
  145 +
  146 +/* button color */
  147 +.el-button--cyan.is-active,
  148 +.el-button--cyan:active {
  149 + background: #20B2AA;
  150 + border-color: #20B2AA;
  151 + color: #FFFFFF;
  152 +}
  153 +
  154 +.el-button--cyan:focus,
  155 +.el-button--cyan:hover {
  156 + background: #48D1CC;
  157 + border-color: #48D1CC;
  158 + color: #FFFFFF;
  159 +}
  160 +
  161 +.el-button--cyan {
  162 + background-color: #20B2AA;
  163 + border-color: #20B2AA;
  164 + color: #FFFFFF;
  165 +}
  166 +
146 167 /* text color */
147 168 .text-navy {
148 169 color: #1ab394;
... ... @@ -198,4 +219,8 @@
198 219 opacity: .8;
199 220 color: #fff!important;
200 221 background: #42b983!important;
  222 +}
  223 +
  224 +.top-right-btn {
  225 + float: right;
201 226 }
202 227 \ No newline at end of file
... ...
ruoyi-ui/src/views/monitor/job/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="任务名称" prop="jobName">
5 5 <el-input
6 6 v-model="queryParams.jobName"
... ... @@ -31,7 +31,7 @@
31 31 </el-select>
32 32 </el-form-item>
33 33 <el-form-item>
34   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  34 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
35 35 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
36 36 </el-form-item>
37 37 </el-form>
... ... @@ -84,6 +84,14 @@
84 84 v-hasPermi="['monitor:job:query']"
85 85 >日志</el-button>
86 86 </el-col>
  87 + <div class="top-right-btn">
  88 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  89 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  90 + </el-tooltip>
  91 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  92 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  93 + </el-tooltip>
  94 + </div>
87 95 </el-row>
88 96  
89 97 <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
... ... @@ -274,6 +282,8 @@ export default {
274 282 single: true,
275 283 // 非多个禁用
276 284 multiple: true,
  285 + // 显示搜索条件
  286 + showSearch: true,
277 287 // 总条数
278 288 total: 0,
279 289 // 定时任务表格数据
... ...
ruoyi-ui/src/views/monitor/job/log.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="任务名称" prop="jobName">
5 5 <el-input
6 6 v-model="queryParams.jobName"
... ... @@ -56,7 +56,7 @@
56 56 ></el-date-picker>
57 57 </el-form-item>
58 58 <el-form-item>
59   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  59 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
60 60 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
61 61 </el-form-item>
62 62 </el-form>
... ... @@ -90,6 +90,14 @@
90 90 v-hasPermi="['monitor:job:export']"
91 91 >导出</el-button>
92 92 </el-col>
  93 + <div class="top-right-btn">
  94 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  95 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  96 + </el-tooltip>
  97 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  98 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  99 + </el-tooltip>
  100 + </div>
93 101 </el-row>
94 102  
95 103 <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">
... ... @@ -175,6 +183,8 @@ export default {
175 183 ids: [],
176 184 // 非多个禁用
177 185 multiple: true,
  186 + // 显示搜索条件
  187 + showSearch: true,
178 188 // 总条数
179 189 total: 0,
180 190 // 调度日志表格数据
... ...
ruoyi-ui/src/views/monitor/logininfor/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="登录地址" prop="ipaddr">
5 5 <el-input
6 6 v-model="queryParams.ipaddr"
... ... @@ -50,7 +50,7 @@
50 50 ></el-date-picker>
51 51 </el-form-item>
52 52 <el-form-item>
53   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  53 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
54 54 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
55 55 </el-form-item>
56 56 </el-form>
... ... @@ -84,6 +84,14 @@
84 84 v-hasPermi="['system:logininfor:export']"
85 85 >导出</el-button>
86 86 </el-col>
  87 + <div class="top-right-btn">
  88 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  89 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  90 + </el-tooltip>
  91 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  92 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  93 + </el-tooltip>
  94 + </div>
87 95 </el-row>
88 96  
89 97 <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
... ... @@ -126,6 +134,8 @@ export default {
126 134 ids: [],
127 135 // 非多个禁用
128 136 multiple: true,
  137 + // 显示搜索条件
  138 + showSearch: true,
129 139 // 总条数
130 140 total: 0,
131 141 // 表格数据
... ...
ruoyi-ui/src/views/monitor/online/index.vue
  View file @4dcf737
... ... @@ -20,7 +20,7 @@
20 20 />
21 21 </el-form-item>
22 22 <el-form-item>
23   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  23 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
24 24 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
25 25 </el-form-item>
26 26 </el-form>
... ...
ruoyi-ui/src/views/monitor/operlog/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="系统模块" prop="title">
5 5 <el-input
6 6 v-model="queryParams.title"
... ... @@ -66,7 +66,7 @@
66 66 ></el-date-picker>
67 67 </el-form-item>
68 68 <el-form-item>
69   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  69 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
70 70 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
71 71 </el-form-item>
72 72 </el-form>
... ... @@ -100,6 +100,14 @@
100 100 v-hasPermi="['system:config:export']"
101 101 >导出</el-button>
102 102 </el-col>
  103 + <div class="top-right-btn">
  104 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  105 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  106 + </el-tooltip>
  107 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  108 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  109 + </el-tooltip>
  110 + </div>
103 111 </el-row>
104 112  
105 113 <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange">
... ... @@ -195,6 +203,8 @@ export default {
195 203 ids: [],
196 204 // 非多个禁用
197 205 multiple: true,
  206 + // 显示搜索条件
  207 + showSearch: true,
198 208 // 总条数
199 209 total: 0,
200 210 // 表格数据
... ...
ruoyi-ui/src/views/system/config/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="参数名称" prop="configName">
5 5 <el-input
6 6 v-model="queryParams.configName"
... ... @@ -44,7 +44,7 @@
44 44 ></el-date-picker>
45 45 </el-form-item>
46 46 <el-form-item>
47   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  47 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
48 48 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
49 49 </el-form-item>
50 50 </el-form>
... ... @@ -97,6 +97,14 @@
97 97 v-hasPermi="['system:config:remove']"
98 98 >清理缓存</el-button>
99 99 </el-col>
  100 + <div class="top-right-btn">
  101 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  102 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  103 + </el-tooltip>
  104 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  105 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  106 + </el-tooltip>
  107 + </div>
100 108 </el-row>
101 109  
102 110 <el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
... ... @@ -188,6 +196,8 @@ export default {
188 196 single: true,
189 197 // 非多个禁用
190 198 multiple: true,
  199 + // 显示搜索条件
  200 + showSearch: true,
191 201 // 总条数
192 202 total: 0,
193 203 // 参数表格数据
... ...
ruoyi-ui/src/views/system/dept/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :inline="true">
4   - <el-form-item label="部门名称">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
  4 + <el-form-item label="部门名称" prop="deptName">
5 5 <el-input
6 6 v-model="queryParams.deptName"
7 7 placeholder="请输入部门名称"
... ... @@ -10,7 +10,7 @@
10 10 @keyup.enter.native="handleQuery"
11 11 />
12 12 </el-form-item>
13   - <el-form-item label="状态">
  13 + <el-form-item label="状态" prop="status">
14 14 <el-select v-model="queryParams.status" placeholder="部门状态" clearable size="small">
15 15 <el-option
16 16 v-for="dict in statusOptions"
... ... @@ -21,23 +21,30 @@
21 21 </el-select>
22 22 </el-form-item>
23 23 <el-form-item>
  24 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  25 + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
  26 + </el-form-item>
  27 + </el-form>
  28 +
  29 + <el-row :gutter="10" class="mb8">
  30 + <el-col :span="1.5">
24 31 <el-button
25   - class="filter-item"
26   - type="primary"
27   - icon="el-icon-search"
28   - size="mini"
29   - @click="handleQuery"
30   - >搜索</el-button>
31   - <el-button
32   - class="filter-item"
33 32 type="primary"
34 33 icon="el-icon-plus"
35 34 size="mini"
36 35 @click="handleAdd"
37 36 v-hasPermi="['system:dept:add']"
38 37 >新增</el-button>
39   - </el-form-item>
40   - </el-form>
  38 + </el-col>
  39 + <div class="top-right-btn">
  40 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  41 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  42 + </el-tooltip>
  43 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  44 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  45 + </el-tooltip>
  46 + </div>
  47 + </el-row>
41 48  
42 49 <el-table
43 50 v-loading="loading"
... ... @@ -149,6 +156,8 @@ export default {
149 156 return {
150 157 // 遮罩层
151 158 loading: true,
  159 + // 显示搜索条件
  160 + showSearch: true,
152 161 // 表格树数据
153 162 deptList: [],
154 163 // 部门树选项
... ... @@ -247,6 +256,11 @@ export default {
247 256 handleQuery() {
248 257 this.getList();
249 258 },
  259 + /** 重置按钮操作 */
  260 + resetQuery() {
  261 + this.resetForm("queryForm");
  262 + this.handleQuery();
  263 + },
250 264 /** 新增按钮操作 */
251 265 handleAdd(row) {
252 266 this.reset();
... ...
ruoyi-ui/src/views/system/dict/data.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true">
  3 + <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
4 4 <el-form-item label="字典名称" prop="dictType">
5 5 <el-select v-model="queryParams.dictType" size="small">
6 6 <el-option
... ... @@ -31,7 +31,7 @@
31 31 </el-select>
32 32 </el-form-item>
33 33 <el-form-item>
34   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  34 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
35 35 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
36 36 </el-form-item>
37 37 </el-form>
... ... @@ -75,6 +75,14 @@
75 75 v-hasPermi="['system:dict:export']"
76 76 >导出</el-button>
77 77 </el-col>
  78 + <div class="top-right-btn">
  79 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  80 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  81 + </el-tooltip>
  82 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  83 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  84 + </el-tooltip>
  85 + </div>
78 86 </el-row>
79 87  
80 88 <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
... ... @@ -170,6 +178,8 @@ export default {
170 178 single: true,
171 179 // 非多个禁用
172 180 multiple: true,
  181 + // 显示搜索条件
  182 + showSearch: true,
173 183 // 总条数
174 184 total: 0,
175 185 // 字典表格数据
... ...
ruoyi-ui/src/views/system/dict/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="字典名称" prop="dictName">
5 5 <el-input
6 6 v-model="queryParams.dictName"
... ... @@ -50,7 +50,7 @@
50 50 ></el-date-picker>
51 51 </el-form-item>
52 52 <el-form-item>
53   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  53 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
54 54 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
55 55 </el-form-item>
56 56 </el-form>
... ... @@ -103,6 +103,14 @@
103 103 v-hasPermi="['system:dict:remove']"
104 104 >清理缓存</el-button>
105 105 </el-col>
  106 + <div class="top-right-btn">
  107 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  108 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  109 + </el-tooltip>
  110 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  111 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  112 + </el-tooltip>
  113 + </div>
106 114 </el-row>
107 115  
108 116 <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
... ... @@ -196,6 +204,8 @@ export default {
196 204 single: true,
197 205 // 非多个禁用
198 206 multiple: true,
  207 + // 显示搜索条件
  208 + showSearch: true,
199 209 // 总条数
200 210 total: 0,
201 211 // 字典表格数据
... ...
ruoyi-ui/src/views/system/menu/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :inline="true">
4   - <el-form-item label="菜单名称">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
  4 + <el-form-item label="菜单名称" prop="menuName">
5 5 <el-input
6 6 v-model="queryParams.menuName"
7 7 placeholder="请输入菜单名称"
... ... @@ -10,7 +10,7 @@
10 10 @keyup.enter.native="handleQuery"
11 11 />
12 12 </el-form-item>
13   - <el-form-item label="状态">
  13 + <el-form-item label="状态" prop="status">
14 14 <el-select v-model="queryParams.status" placeholder="菜单状态" clearable size="small">
15 15 <el-option
16 16 v-for="dict in statusOptions"
... ... @@ -21,11 +21,31 @@
21 21 </el-select>
22 22 </el-form-item>
23 23 <el-form-item>
24   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
25   - <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:menu:add']">新增</el-button>
  24 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  25 + <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
26 26 </el-form-item>
27 27 </el-form>
28 28  
  29 + <el-row :gutter="10" class="mb8">
  30 + <el-col :span="1.5">
  31 + <el-button
  32 + type="primary"
  33 + icon="el-icon-plus"
  34 + size="mini"
  35 + @click="handleAdd"
  36 + v-hasPermi="['system:menu:add']"
  37 + >新增</el-button>
  38 + </el-col>
  39 + <div class="top-right-btn">
  40 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  41 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  42 + </el-tooltip>
  43 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  44 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  45 + </el-tooltip>
  46 + </div>
  47 + </el-row>
  48 +
29 49 <el-table
30 50 v-loading="loading"
31 51 :data="menuList"
... ... @@ -197,6 +217,8 @@ export default {
197 217 return {
198 218 // 遮罩层
199 219 loading: true,
  220 + // 显示搜索条件
  221 + showSearch: true,
200 222 // 菜单表格树数据
201 223 menuList: [],
202 224 // 菜单树选项
... ... @@ -310,6 +332,11 @@ export default {
310 332 handleQuery() {
311 333 this.getList();
312 334 },
  335 + /** 重置按钮操作 */
  336 + resetQuery() {
  337 + this.resetForm("queryForm");
  338 + this.handleQuery();
  339 + },
313 340 /** 新增按钮操作 */
314 341 handleAdd(row) {
315 342 this.reset();
... ...
ruoyi-ui/src/views/system/notice/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="公告标题" prop="noticeTitle">
5 5 <el-input
6 6 v-model="queryParams.noticeTitle"
... ... @@ -30,7 +30,7 @@
30 30 </el-select>
31 31 </el-form-item>
32 32 <el-form-item>
33   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  33 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
34 34 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
35 35 </el-form-item>
36 36 </el-form>
... ... @@ -65,6 +65,14 @@
65 65 v-hasPermi="['system:notice:remove']"
66 66 >删除</el-button>
67 67 </el-col>
  68 + <div class="top-right-btn">
  69 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  70 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  71 + </el-tooltip>
  72 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  73 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  74 + </el-tooltip>
  75 + </div>
68 76 </el-row>
69 77  
70 78 <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
... ... @@ -190,6 +198,8 @@ export default {
190 198 single: true,
191 199 // 非多个禁用
192 200 multiple: true,
  201 + // 显示搜索条件
  202 + showSearch: true,
193 203 // 总条数
194 204 total: 0,
195 205 // 公告表格数据
... ...
ruoyi-ui/src/views/system/post/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="岗位编码" prop="postCode">
5 5 <el-input
6 6 v-model="queryParams.postCode"
... ... @@ -30,7 +30,7 @@
30 30 </el-select>
31 31 </el-form-item>
32 32 <el-form-item>
33   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  33 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
34 34 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
35 35 </el-form-item>
36 36 </el-form>
... ... @@ -74,6 +74,14 @@
74 74 v-hasPermi="['system:post:export']"
75 75 >导出</el-button>
76 76 </el-col>
  77 + <div class="top-right-btn">
  78 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  79 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  80 + </el-tooltip>
  81 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  82 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  83 + </el-tooltip>
  84 + </div>
77 85 </el-row>
78 86  
79 87 <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
... ... @@ -164,6 +172,8 @@ export default {
164 172 single: true,
165 173 // 非多个禁用
166 174 multiple: true,
  175 + // 显示搜索条件
  176 + showSearch: true,
167 177 // 总条数
168 178 total: 0,
169 179 // 岗位表格数据
... ...
ruoyi-ui/src/views/system/role/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true">
  3 + <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
4 4 <el-form-item label="角色名称" prop="roleName">
5 5 <el-input
6 6 v-model="queryParams.roleName"
... ... @@ -50,7 +50,7 @@
50 50 ></el-date-picker>
51 51 </el-form-item>
52 52 <el-form-item>
53   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  53 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
54 54 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
55 55 </el-form-item>
56 56 </el-form>
... ... @@ -94,6 +94,14 @@
94 94 v-hasPermi="['system:role:export']"
95 95 >导出</el-button>
96 96 </el-col>
  97 + <div class="top-right-btn">
  98 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  99 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  100 + </el-tooltip>
  101 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  102 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  103 + </el-tooltip>
  104 + </div>
97 105 </el-row>
98 106  
99 107 <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
... ... @@ -249,6 +257,8 @@ export default {
249 257 single: true,
250 258 // 非多个禁用
251 259 multiple: true,
  260 + // 显示搜索条件
  261 + showSearch: true,
252 262 // 总条数
253 263 total: 0,
254 264 // 角色表格数据
... ...
ruoyi-ui/src/views/system/user/index.vue
  View file @4dcf737
... ... @@ -27,7 +27,7 @@
27 27 </el-col>
28 28 <!--用户数据-->
29 29 <el-col :span="20" :xs="24">
30   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  30 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
31 31 <el-form-item label="用户名称" prop="userName">
32 32 <el-input
33 33 v-model="queryParams.userName"
... ... @@ -77,7 +77,7 @@
77 77 ></el-date-picker>
78 78 </el-form-item>
79 79 <el-form-item>
80   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  80 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
81 81 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
82 82 </el-form-item>
83 83 </el-form>
... ... @@ -130,6 +130,14 @@
130 130 v-hasPermi="['system:user:export']"
131 131 >导出</el-button>
132 132 </el-col>
  133 + <div class="top-right-btn">
  134 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  135 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  136 + </el-tooltip>
  137 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  138 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  139 + </el-tooltip>
  140 + </div>
133 141 </el-row>
134 142  
135 143 <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
... ... @@ -356,6 +364,8 @@ export default {
356 364 single: true,
357 365 // 非多个禁用
358 366 multiple: true,
  367 + // 显示搜索条件
  368 + showSearch: true,
359 369 // 总条数
360 370 total: 0,
361 371 // 用户表格数据
... ...
ruoyi-ui/src/views/tool/gen/index.vue
  View file @4dcf737
1 1 <template>
2 2 <div class="app-container">
3   - <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  3 + <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
4 4 <el-form-item label="表名称" prop="tableName">
5 5 <el-input
6 6 v-model="queryParams.tableName"
... ... @@ -32,7 +32,7 @@
32 32 ></el-date-picker>
33 33 </el-form-item>
34 34 <el-form-item>
35   - <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
  35 + <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
36 36 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
37 37 </el-form-item>
38 38 </el-form>
... ... @@ -76,6 +76,14 @@
76 76 v-hasPermi="['tool:gen:remove']"
77 77 >删除</el-button>
78 78 </el-col>
  79 + <div class="top-right-btn">
  80 + <el-tooltip class="item" effect="dark" content="刷新" placement="top">
  81 + <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />
  82 + </el-tooltip>
  83 + <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">
  84 + <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />
  85 + </el-tooltip>
  86 + </div>
79 87 </el-row>
80 88  
81 89 <el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
... ... @@ -186,6 +194,8 @@ export default {
186 194 single: true,
187 195 // 非多个禁用
188 196 multiple: true,
  197 + // 显示搜索条件
  198 + showSearch: true,
189 199 // 总条数
190 200 total: 0,
191 201 // 表数据
... ...