食谱状态

projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.html

@@ -3,9 +3,9 @@
              class="h-full scroll-card-body ">
         <nz-card-tab>
             <nz-tabset nzSize="large" [nzSelectedIndex]="statusIndex" (nzSelectedIndexChange)="onStatusChange($event)">
-                <nz-tab [nzTitle]="'待审核（31）'"></nz-tab>
-                <nz-tab [nzTitle]="'已审核（24）'"></nz-tab>
-                <nz-tab [nzTitle]="'审核失败（24）'"></nz-tab>
+                <nz-tab [nzTitle]="'待审核' + (statusCount[1] || '')"></nz-tab>
+                <nz-tab [nzTitle]="'已审核'+ (statusCount[2] || '')"></nz-tab>
+                <nz-tab [nzTitle]="'审核失败'+ (statusCount[3] || '')"></nz-tab>
             </nz-tabset>
         </nz-card-tab>
         <div class="p-4">

projects/admin/src/app/pages/ingredients/ingredient-review/ingredient-review.component.ts

@@ -25,8 +25,6 @@ export class IngredientReviewComponent {
 
 	statusIndex = 0;
 
-	tempImg = "https://cdn.pixabay.com/photo/2023/08/08/18/01/butterfly-8177925_1280.jpg";
-
 	public tableList = new TableListOption(this.fetchData.bind(this), {
 		selectable: true,
 	});
@@ -35,9 +33,21 @@ export class IngredientReviewComponent {
 		name: new FormControl(""),
 	});
 
+	statusCount: Record<number, string> = {};
+
 	ngOnInit(): void {
-		this.statusIndex = Number(this.route.snapshot.queryParamMap.get("status")) || 0;
+		this.statusIndex = Number(this.route.snapshot.queryParamMap.get("statusIndex")) ?? 0;
 		this.initTableList();
+		this.api.getCountByStatus().subscribe((res) => {
+			if (Array.isArray(res.body)) {
+				this.statusCount = res.body.reduce((a, c) => {
+					return {
+						...a,
+						[c.status]: `（${c.count}）`,
+					};
+				}, {} as Record<number, string>);
+			}
+		});
 	}
 
 	initTableList() {
@@ -92,7 +102,7 @@ export class IngredientReviewComponent {
 		this.statusIndex = index;
 		this.router.navigate(["/ingredient/review"], {
 			queryParams: {
-				status: index,
+				statusIndex: index,
 			},
 			queryParamsHandling: "merge",
 		});

projects/cdk/src/services/api.service.ts

@@ -381,6 +381,10 @@ export class ApiService {
 		return this.http.get<ResponseType>(`/api/menu?${params}`);
 	}
 
+	getCountByStatus() {
+		return this.http.get<ResponseType>(`/api/menu/review/count`);
+	}
+
 	saveMenu(v: AnyObject) {
 		const body = Utils.objectToFormData(v);
 		const method = v["id"] ? "post" : "put";