From c98e624f8fb374d3c73ca1c9f1b0679bc45d41a4 Mon Sep 17 00:00:00 2001
From: kkerwin <kkerwin@yeah.net>
Date: Sun, 26 Nov 2023 22:00:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=BF=AE=E6=94=B9&=E8=8F=9C?=
 =?UTF-8?q?=E8=B0=B1=E6=B7=BB=E5=8A=A0=E8=8F=9C=E5=93=81=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E9=87=8D=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../add-dish-to-ingredient.component.ts       |  6 +-
 .../ingredient-meals.component.html           |  3 -
 projects/cdk/src/services/api.service.ts      |  9 ++-
 projects/cdk/src/types/index.ts               |  2 +
 .../pages/data-vis/data-vis.component.html    |  9 ++-
 .../app/pages/data-vis/data-vis.component.ts  | 59 ++++++++++++++++---
 6 files changed, 70 insertions(+), 18 deletions(-)

diff --git a/projects/cdk/src/ingredient/add-dish-to-ingredient/add-dish-to-ingredient.component.ts b/projects/cdk/src/ingredient/add-dish-to-ingredient/add-dish-to-ingredient.component.ts
index b6fd8bb..0111e93 100644
--- a/projects/cdk/src/ingredient/add-dish-to-ingredient/add-dish-to-ingredient.component.ts
+++ b/projects/cdk/src/ingredient/add-dish-to-ingredient/add-dish-to-ingredient.component.ts
@@ -31,11 +31,12 @@ export class AddDishToIngredientComponent implements OnInit {
 	foods: FoodInDishInterface[] = [];
 
 	ngOnInit(): void {
-		console.log("this.peopleGroups", this.peopleGroups);
+		// console.log("this.peopleGroups", this.peopleGroups);
 	}
 
 	onDishChange(dish: any) {
 		if (dish) {
+			this.dish = dish;
 			this.mark = dish.marks;
 			this.getFoodNameByKeys(dish.ingredient);
 		}
@@ -45,6 +46,7 @@ export class AddDishToIngredientComponent implements OnInit {
 		const keys = foods.map((i) => i.key);
 		this.api.getFoodList({ keys }).subscribe((res) => {
 			this.foods = res.body.map((i) => {
+				const value = this.dish?.ingredient?.find((f: any) => f["key"] === i.key)?.value ?? 0;
 				return {
 					foodName: i.name,
 					key: i.key,
@@ -52,7 +54,7 @@ export class AddDishToIngredientComponent implements OnInit {
 					groupValues: this.peopleGroups.map((p) => {
 						return {
 							peopleName: p,
-							value: 0,
+							value,
 						};
 					}),
 					value: {},
diff --git a/projects/cdk/src/ingredient/ingredient-meals/ingredient-meals.component.html b/projects/cdk/src/ingredient/ingredient-meals/ingredient-meals.component.html
index 2e6c8a2..b020fa7 100644
--- a/projects/cdk/src/ingredient/ingredient-meals/ingredient-meals.component.html
+++ b/projects/cdk/src/ingredient/ingredient-meals/ingredient-meals.component.html
@@ -44,10 +44,7 @@
                 <th *ngFor="let p of peopleGroups">
                     {{p}}
                 </th>
-
             </tr>
-
-
         </thead>
         <tbody>
             <ng-container *ngFor="let dish of mealDishs;let dishIndex = index">
diff --git a/projects/cdk/src/services/api.service.ts b/projects/cdk/src/services/api.service.ts
index 39cebf7..12365dc 100644
--- a/projects/cdk/src/services/api.service.ts
+++ b/projects/cdk/src/services/api.service.ts
@@ -572,7 +572,12 @@ export class ApiService {
 		return this.http.get<ResponseType>(`/api/menu/analysis/types?${params}`);
 	}
 
-	getMenuDataVis() {
-		return this.http.get<ResponseType>(`/api/menu/dish`);
+	getCurrentDayDataVisList() {
+		return this.http.get<ResponseType>(`/api/menu/display`);
+	}
+
+	getMenuDataVis(menuId: number) {
+		// return this.http.get<ResponseType>(`/api/menu/dish`);
+		return this.http.get<ResponseType>(`/api/menu/display?menuId=${menuId}`);
 	}
 }
diff --git a/projects/cdk/src/types/index.ts b/projects/cdk/src/types/index.ts
index 692a70c..d7d4b73 100644
--- a/projects/cdk/src/types/index.ts
+++ b/projects/cdk/src/types/index.ts
@@ -6,6 +6,8 @@ export type DecText = number | string;
 
 export type Augmented<O extends object> = O & AnyObject;
 
+export type Optional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+
 export type NutrientInterface = {
 	key: string;
 	measurement: string;
diff --git a/projects/client/src/app/pages/data-vis/data-vis.component.html b/projects/client/src/app/pages/data-vis/data-vis.component.html
index a028e3e..a3b92ac 100644
--- a/projects/client/src/app/pages/data-vis/data-vis.component.html
+++ b/projects/client/src/app/pages/data-vis/data-vis.component.html
@@ -14,7 +14,12 @@
         <div class="flex-1 flex flex-col">
             <div class="flex-1 overflow-hidden pb-2">
                 <div class="box">
-                    <div class="tit">今日带量食谱</div>
+                    <div class="tit">
+                        今日带量食谱
+                        <ng-container *ngIf="currentMenu">
+                            【{{currentMenu.name}}】
+                        </ng-container>
+                    </div>
                     <div class="boxnav overflow-hidden" #tableEl>
                         <table class="w-full">
                             <thead>
@@ -80,7 +85,7 @@
                     <span>
                         今日营养分析
                     </span>
-                    <span>
+                    <span *ngIf="peoples.length">
                         <select [(ngModel)]="people" class="select" (ngModelChange)="getAnalysis()">
                             <option *ngFor="let p of peoples" [value]="p">
                                 {{p}}
diff --git a/projects/client/src/app/pages/data-vis/data-vis.component.ts b/projects/client/src/app/pages/data-vis/data-vis.component.ts
index 43f9b5c..28cb440 100644
--- a/projects/client/src/app/pages/data-vis/data-vis.component.ts
+++ b/projects/client/src/app/pages/data-vis/data-vis.component.ts
@@ -3,6 +3,13 @@ import { ApiService } from "@cdk/services";
 import { format } from "date-fns";
 import { Subject, finalize, interval, takeUntil } from "rxjs";
 
+interface MenuDisplayItem {
+	name: string;
+	id: number;
+}
+
+const changeTime = 1000 * 60 * 3;
+
 @Component({
 	selector: "app-data-vis",
 	templateUrl: "./data-vis.component.html",
@@ -37,10 +44,16 @@ export class DataVisComponent implements AfterViewInit {
 
 	people = "";
 
-	menuId!: string;
+	menuId?: string;
 
 	logo = "";
 
+	menus: MenuDisplayItem[] = [];
+
+	currentMenu: MenuDisplayItem | null = null;
+
+	lastTime: number = 0;
+
 	ngOnInit(): void {
 		this.api.getOrgInfo().subscribe((res) => {
 			const account = this.api.account;
@@ -52,10 +65,42 @@ export class DataVisComponent implements AfterViewInit {
 		interval(1000)
 			.pipe(takeUntil(this.destroy$))
 			.subscribe(() => {
+				const now = new Date();
 				this.showTime = format(new Date(), "yyyy-MM-dd HH:mm:ss");
+				if (now.getTime() - this.lastTime > changeTime) {
+					const currentIndex = this.menus.findIndex((f) => f.id === this.currentMenu?.id);
+					let idx = currentIndex + 1;
+					if (idx > this.menus.length - 1) {
+						idx = 0;
+					}
+					this.currentMenu = this.menus[idx];
+					this.getDataVisData(this.currentMenu.id);
+					this.lastTime = now.getTime();
+				}
 			});
 
-		this.api.getMenuDataVis().subscribe((res) => {
+		this.api.getCurrentDayDataVisList().subscribe((r) => {
+			if (Array.isArray(r.body)) {
+				this.menus = r.body;
+			}
+		});
+	}
+
+	ngAfterViewInit(): void {}
+
+	ngOnDestroy(): void {
+		this.destroy$.next(null);
+		this.destroy$.complete();
+	}
+
+	getDataVisData(id: number) {
+		this.analysis = null;
+		this.peoples = [];
+		this.people = "";
+		this.dishs = {};
+		this.scroll = {};
+
+		this.api.getMenuDataVis(id).subscribe((res) => {
 			const dishs = res.body;
 			if (Array.isArray(dishs)) {
 				this.peoples = Object.keys(dishs?.[0]?.ingredient?.[0]?.value);
@@ -93,13 +138,6 @@ export class DataVisComponent implements AfterViewInit {
 		});
 	}
 
-	ngAfterViewInit(): void {}
-
-	ngOnDestroy(): void {
-		this.destroy$.next(null);
-		this.destroy$.complete();
-	}
-
 	autoScroll(el: HTMLElement, scroll: string) {
 		const child = el.children[0];
 		if (!child) {
@@ -123,6 +161,9 @@ export class DataVisComponent implements AfterViewInit {
 	}
 
 	getAnalysis() {
+		if (!this.menuId) {
+			return;
+		}
 		this.api
 			.getAnalysis(this.menuId, void 0, this.people)
 			.pipe(