[bug UAT] 角色管理配置用户添加按名字搜索

src/views/system/modules/SelectUserModal.vue

@@ -12,14 +12,19 @@
 
       <!-- 查询区域 -->
       <div class="table-page-search-wrapper">
-        <a-form layout="inline"  @keyup.enter.native="searchQuery">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
           <a-row :gutter="24">
 
-            <a-col :span="10">
+            <a-col :span="8">
               <a-form-item label="用户账号">
                 <j-input placeholder="请输入用户账号" v-model="queryParam.username"></j-input>
               </a-form-item>
             </a-col>
+            <a-col :span="8">
+              <a-form-item label="用户名称">
+                <j-input placeholder="请输入用户名称" v-model="queryParam.realname"></j-input>
+              </a-form-item>
+            </a-col>
             <a-col :span="8">
                     <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
                       <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
@@ -187,11 +192,14 @@ export default {
         this.ipagination.current = 1
       }
       const params = this.getQueryParams()// 查询条件
+      this.loading = true
       getAction(this.url.list, params).then((res) => {
         if (res.success) {
           this.dataSource1 = res.result.records
           this.ipagination.total = res.result.total
         }
+      }).finally(() => {
+        this.loading = false
       })
     },
     getQueryParams () {
@@ -253,34 +261,34 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-  .ant-card-body .table-operator {
-    margin-bottom: 18px;
-  }
+.ant-card-body .table-operator {
+  margin-bottom: 18px;
+}
 
-  .ant-table-tbody .ant-table-row td {
-    padding-top: 15px;
-    padding-bottom: 15px;
-  }
+.ant-table-tbody .ant-table-row td {
+  padding-top: 15px;
+  padding-bottom: 15px;
+}
 
-  .anty-row-operator button {
-    margin: 0 5px
-  }
+.anty-row-operator button {
+  margin: 0 5px
+}
 
-  .ant-btn-danger {
-    background-color: #ffffff
-  }
+.ant-btn-danger {
+  background-color: #ffffff
+}
 
-  .ant-modal-cust-warp {
-    height: 100%
-  }
+.ant-modal-cust-warp {
+  height: 100%
+}
 
-  .ant-modal-cust-warp .ant-modal-body {
-    height: calc(100% - 110px) !important;
-    overflow-y: auto
-  }
+.ant-modal-cust-warp .ant-modal-body {
+  height: calc(100% - 110px) !important;
+  overflow-y: auto
+}
 
-  .ant-modal-cust-warp .ant-modal-content {
-    height: 90% !important;
-    overflow-y: hidden
-  }
+.ant-modal-cust-warp .ant-modal-content {
+  height: 90% !important;
+  overflow-y: hidden
+}
 </style>