feat: user 支持分页查询

Author: rmlzy

Diff for: src/app/pages/system/user/components/user-delete-btn/user-delete-btn.component.ts

@@ -21,9 +21,10 @@ export class UserDeleteBtnComponent implements OnInit {
     try {
       await this.userService.removeUser(this.id);
       this.refresh.emit();
-    } finally {
-      this.loading = false;
+    } catch (e) {
+      // ignore
     }
+    this.loading = false;
   }
 
   cancel() {}

Diff for: src/app/pages/system/user/components/user-update-btn/user-update-btn.component.ts

@@ -64,8 +64,9 @@ export class UserUpdateBtnComponent implements OnInit {
       }
       this.closeDrawer();
       this.refresh.emit();
-    } finally {
-      this.submitting = false;
+    } catch (e) {
+      // ignore
     }
+    this.submitting = false;
   }
 }

Diff for: src/app/pages/system/user/list/list.component.html

@@ -7,14 +7,27 @@
 <nz-card>
   <form nz-form [nzLayout]="'inline'">
     <nz-form-item>
-      <nz-form-label>姓名</nz-form-label>
+      <nz-form-label>登录账号</nz-form-label>
       <nz-form-control>
         <nz-input-group>
           <input
             [(ngModel)]="tableQuery.username"
             name="username"
             nz-input
-            placeholder="请输入关键字"
+            placeholder="请输入登录账号"
+          />
+        </nz-input-group>
+      </nz-form-control>
+    </nz-form-item>
+    <nz-form-item>
+      <nz-form-label>真实姓名</nz-form-label>
+      <nz-form-control>
+        <nz-input-group>
+          <input
+            [(ngModel)]="tableQuery.realname"
+            name="realname"
+            nz-input
+            placeholder="请输入真实姓名"
           />
         </nz-input-group>
       </nz-form-control>

Diff for: src/app/pages/system/user/list/list.component.ts

@@ -5,14 +5,15 @@ import { UserRecord } from '../user.interface';
 import { UserService } from '../user.service';
 
 @Component({
-  selector: 'app-list',
+  selector: 'user-list',
   templateUrl: './list.component.html',
   styleUrls: ['./list.component.less'],
 })
 export class ListComponent implements OnInit {
   loading: boolean = false;
   tableQuery = {
     username: '',
+    realname: '',
   };
   tableData: IPageRes<UserRecord> = {
     pageIndex: 1,
@@ -23,18 +24,17 @@ export class ListComponent implements OnInit {
 
   constructor(private userService: UserService) {}
 
-  async ngOnInit() {
-    await this.reset();
-  }
+  ngOnInit() {}
 
   async search() {
     this.loading = true;
     const { pageIndex, pageSize } = this.tableData;
-    const { username } = this.tableQuery;
+    const { username, realname } = this.tableQuery;
     const { total, items } = await this.userService.fetchPageList({
       pageIndex,
       pageSize,
       username,
+      realname,
     });
     this.tableData.total = total;
     this.tableData.items = items;
@@ -46,6 +46,7 @@ export class ListComponent implements OnInit {
     this.tableData.pageSize = 10;
     this.tableQuery = {
       username: '',
+      realname: '',
     };
     await this.search();
   }