用户管理

src/views/system/user/authUser.vue

@@ -1,44 +1,56 @@
 <template>
   <div>
     <el-card>
-      <el-form :inline="true" :model="query" size="mini">
-        <el-form-item label="用户账号:">
-          <el-input v-model="query.userName" placeholder="用户账号" clearable></el-input>
-        </el-form-item>
+      <el-form :inline="true" :model="query" size="mini"  v-show="showSearch">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="用户账号:">
+              <el-input v-model="query.userName" placeholder="用户账号" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="所属部门:">
+              <el-input v-model="query.deptName" placeholder="所属部门" clearable></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item class="query-form-item" label="账号状态:">
+              <el-select v-model="query.userFlag" placeholder="请选择账号状态:">
+                <el-option label="正常" value="1"></el-option>
+                <el-option label="禁用" value="0"></el-option>
+                <el-option label="全部" value=""></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
 <!--        <el-form-item label="用户名称:">-->
 <!--          <el-input v-model="query.employeeName" placeholder="用户名称" clearable></el-input>-->
 <!--        </el-form-item>-->
-        <el-form-item label="所属部门:">
-          <el-input v-model="query.deptName" placeholder="所属部门" clearable></el-input>
-        </el-form-item>
-        <el-form-item class="query-form-item" label="账号状态:">
-          <el-select v-model="query.userFlag" placeholder="请选择账号状态:">
-            <el-option label="正常" value="1"></el-option>
-            <el-option label="禁用" value="0"></el-option>
-            <el-option label="全部" value=""></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button-group>
-            <el-button
-              type="primary"
-              icon="el-icon-refresh"
-              @click="onReset"
-            >重置
-            </el-button>
-            <el-button type="primary" icon="el-icon-search" @click="onSubmit"
-            >查询
-            </el-button
-            >
-            <el-button type="primary" @click.native="handleForm(null, null)" icon="el-icon-plus"
-                       :disabled="!configParms.sysUser && query.customerId == 110"
-                       v-hasPermi="['system:user:add']"
-            >新增
-            </el-button
-            >
-          </el-button-group>
-        </el-form-item>
+
+
       </el-form>
+
+      <el-button-group class="top-right-btn">
+        <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-refresh"
+          @click="onReset"
+        >重置
+        </el-button>
+        <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+        >查询
+        </el-button
+        >
+        <el-button type="primary" @click.native="handleForm(null, null)" icon="el-icon-plus"
+                   :disabled="!configParms.sysUser && query.customerId == 110"
+                   v-hasPermi="['system:user:add']"
+        >新增
+        </el-button
+        >
+      </el-button-group>
+      <el-divider style="margin: 15px"></el-divider>
       <el-table v-loading="loading" :data="list"
                 style="width: 100%"
                 border highlight-current-row>
@@ -302,6 +314,7 @@ export default {
       }
     };
     return {
+      showSearch: true,
       roles: [],
       query: {
         userName: "",
@@ -369,6 +382,9 @@ export default {
     };
   },
   methods: {
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
     onReset() {
       this.$router.push({
         path: ""