用户管理搜索

src/views/module_interLock/systemUser/SystemUserList.vue

@@ -7,16 +7,26 @@
     <a-card :bordered="false">
       <!-- 查询区域 -->
       <div class="table-page-search-wrapper">
-        <a-form layout="inline" @keyup.enter.native="searchQuery">
-          <a-row :gutter="24">
-          </a-row>
-        </a-form>
+        <div class="iotmenu-search-container">
+          <div class="item-search-btn">
+            <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+          </div>
+          <div class="item-search">
+            <a-input placeholder="登录账号名" v-model="queryParam.username" allow-clear @change="searchQuery">
+            <!-- <j-input placeholder="登录账号名" v-model="queryParam.username"></j-input> -->
+              <a-icon slot="prefix" type="search" />
+            </a-input>
+          </div>
+          <div class="item-search">
+            <a-select placeholder="是否为系统管理员" v-model="queryParam.role" allowClear :options="roleOptions" @change="searchQuery"></a-select>
+          </div>
+        </div>
       </div>
       <!-- 查询区域-END -->
 
       <!-- 操作按钮区域 -->
-      <div class="table-operator">
-        <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
+      <!-- <div class="table-operator"> -->
+        <!-- <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> -->
         <!-- <a-button type="primary" icon="download" @click="handleExportXls('联锁管理系统用户表')">导出</a-button> -->
         <!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
           <a-button type="primary" icon="import">导入</a-button>
@@ -29,7 +39,7 @@
           </a-menu>
           <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
         </a-dropdown> -->
-      </div>
+      <!-- </div> -->
 
       <!-- table区域-begin -->
       <div>
@@ -99,6 +109,7 @@
   import { mixinDevice } from '@/utils/mixin'
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'
   import SystemUserModal from './modules/SystemUserModal'
+  import {ajaxGetDictItems,getDictItemsFromCache} from '@/api/api'
 
   export default {
     name: 'InterlockUserList',
@@ -122,7 +133,7 @@
             }
           },
           {
-            title:'登陆账号名',
+            title:'登录账号名',
             align:"center",
             dataIndex: 'username'
           },
@@ -156,10 +167,12 @@
         },
         dictOptions:{},
         superFieldList:[],
+        queryParam: {},
+        roleOptions: [],
       }
     },
     created() {
-    this.getSuperFieldList();
+      this.initDictData()
     },
     computed: {
       importExcelUrl: function(){
@@ -167,15 +180,20 @@
       },
     },
     methods: {
-      initDictConfig(){
+      initDictData() {
+        //优先从缓存中读取字典配置
+        if(getDictItemsFromCache('interlock_user_role')){
+          var dicts = getDictItemsFromCache('interlock_user_role');
+          this.roleOptions = dicts
+          return
+        }
+        //根据字典Code, 初始化字典数组
+        ajaxGetDictItems('interlock_user_role', null).then((res) => {
+          if (res.success) {
+            this.roleOptions = res.result
+          }
+        })
       },
-      getSuperFieldList(){
-        let fieldList=[];
-        fieldList.push({type:'string',value:'username',text:'登陆账号名',dictCode:''})
-        fieldList.push({type:'string',value:'remark',text:'描述',dictCode:''})
-        fieldList.push({type:'string',value:'role',text:'当前用户角色（0系统管理员1其他角色）',dictCode:''})
-        this.superFieldList = fieldList
-      }
     }
   }
 </script>