完善文章管理页面

index/src/app/view/admin/admin-article/admin-article.component.ts

@@ -1,15 +1,48 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {NzMessageService} from 'ng-zorro-antd';
+import {ApiService} from '../../../api/api.service';
+import {PageList} from '../../../class/HttpReqAndResp';
+import {Article} from '../../../class/Article';
 
 @Component({
-  selector: 'app-admin-article',
-  templateUrl: './admin-article.component.html',
-  styleUrls: ['./admin-article.component.less']
+    selector: 'app-admin-article',
+    templateUrl: './admin-article.component.html',
+    styleUrls: ['./admin-article.component.less']
 })
 export class AdminArticleComponent implements OnInit {
 
-  constructor() { }
+    constructor(private apiService: ApiService, private nzMessage: NzMessageService) {
+    }
 
-  ngOnInit(): void {
-  }
+    page: number = 1;
+    pageSize: number = 10;
 
+    pageList: PageList<Article>;
+
+    loading: boolean = true;
+
+    ngOnInit(): void {
+        this.getArticle();
+    }
+
+    getArticle = () => this.apiService.adminArticles(this.page, this.pageSize).subscribe({
+        next: data => this.pageList = data.result,
+        complete: () => this.loading = false,
+        error: err => this.loading = false
+    })
+
+    deleteArticle(id) {
+        this.loading = true;
+        this.apiService.deleteArticle(id).subscribe({
+            next: data => {
+                this.nzMessage.success('删除成功')
+                this.getArticle();
+            },
+            complete: () => this.loading = false,
+            error: err => {
+                this.nzMessage.error(err.msg)
+                this.loading = false
+            }
+        })
+    }
 }