kkerwin
2 years ago
15 changed files with 396 additions and 118 deletions
@ -0,0 +1,68 @@ |
|||
<table-list [props]="tableList" [search]="searchTpl" [formGroup]="queryForm" |
|||
[renderColumns]="renderColumnsTpl"> |
|||
|
|||
<ng-template #actionTpl> |
|||
<button nz-button>批量删除</button> |
|||
</ng-template> |
|||
<ng-template #searchTpl> |
|||
<nz-form-item class="w-40"> |
|||
<nz-form-control> |
|||
<nz-select nzPlaceHolder="单位" [nzOptions]="[]"></nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item class="w-40"> |
|||
<nz-form-control> |
|||
<nz-select nzPlaceHolder="状态" [nzOptions]="[]"></nz-select> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
<nz-form-item> |
|||
<nz-form-control> |
|||
<input nz-input placeholder="请输入食谱名称" formControlName="name" /> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</ng-template> |
|||
<ng-template #renderColumnsTpl let-data let-key="key" let-row="row"> |
|||
<ng-container [ngSwitch]="key"> |
|||
<ng-container *ngSwitchCase="'modify'"> |
|||
{{data | date:'yyyy-MM-dd HH:mm:ss'}} |
|||
</ng-container> |
|||
<ng-container *ngSwitchCase="'meals'"> |
|||
<nz-tag *ngFor="let item of data">{{item}}</nz-tag> |
|||
</ng-container> |
|||
<ng-container *ngSwitchCase="'day'"> |
|||
{{data}} 天 |
|||
</ng-container> |
|||
<ng-container *ngSwitchCase="'month'"> |
|||
<div class="flex flex-wrap"> |
|||
<ng-container *ngIf="data.length === 12"> |
|||
<nz-tag> |
|||
全年 |
|||
</nz-tag> |
|||
</ng-container> |
|||
<ng-container *ngIf="data.length !== 12"> |
|||
<nz-tag *ngFor="let item of data" class="mb-1"> |
|||
{{monthText[item]}} |
|||
</nz-tag> |
|||
</ng-container> |
|||
</div> |
|||
</ng-container> |
|||
<ng-container *ngSwitchDefault> |
|||
{{data}} |
|||
</ng-container> |
|||
</ng-container> |
|||
</ng-template> |
|||
</table-list> |
|||
|
|||
|
|||
<ng-template #reviewFailMenuTpl> |
|||
<div nz-form> |
|||
<nz-form-item> |
|||
<nz-form-label nzSpan="6"> |
|||
驳回原因 |
|||
</nz-form-label> |
|||
<nz-form-control nzSpan="12"> |
|||
<textarea nz-input placeholder="请输入驳回原因" [(ngModel)]="reason"></textarea> |
|||
</nz-form-control> |
|||
</nz-form-item> |
|||
</div> |
|||
</ng-template> |
|||
@ -0,0 +1,139 @@ |
|||
import { Component, Input, OnInit, TemplateRef, ViewChild } from "@angular/core"; |
|||
import { FormControl, FormGroup } from "@angular/forms"; |
|||
import { NzDrawerRef, NzDrawerService } from "ng-zorro-antd/drawer"; |
|||
import { AnyObject, TableListOption } from "@cdk/public-api"; |
|||
import { DishFormComponent } from "@admin/app/components"; |
|||
import { ApiService } from "@cdk/services"; |
|||
import { NzModalService } from "ng-zorro-antd/modal"; |
|||
import { lastValueFrom } from "rxjs"; |
|||
import { NzMessageService } from "ng-zorro-antd/message"; |
|||
|
|||
@Component({ |
|||
selector: "app-ingredient-status-list", |
|||
templateUrl: "./ingredient-status-list.component.html", |
|||
styleUrls: ["./ingredient-status-list.component.less"], |
|||
}) |
|||
export class IngredientStatusListComponent { |
|||
constructor( |
|||
private drawer: NzDrawerService, |
|||
private api: ApiService, |
|||
private modal: NzModalService, |
|||
private msg: NzMessageService |
|||
) {} |
|||
|
|||
@Input() status!: number; |
|||
|
|||
reason = ""; |
|||
|
|||
@ViewChild("reviewFailMenuTpl") reviewFailMenuTpl!: TemplateRef<{}>; |
|||
|
|||
private drawerRef?: NzDrawerRef; |
|||
|
|||
public tableList = new TableListOption(this.fetchData.bind(this), { |
|||
frontPagination: false, |
|||
}); |
|||
|
|||
public queryForm = new FormGroup({ |
|||
name: new FormControl(""), |
|||
}); |
|||
|
|||
monthText = { |
|||
1: "一月", |
|||
2: "二月", |
|||
3: "三月", |
|||
4: "四月", |
|||
5: "五月", |
|||
6: "六月", |
|||
7: "七月", |
|||
8: "八月", |
|||
9: "九月", |
|||
10: "十月", |
|||
11: "十一月", |
|||
12: "十二月", |
|||
} as any; |
|||
|
|||
ngOnInit(): void { |
|||
this.initTableList(); |
|||
} |
|||
|
|||
initTableList() { |
|||
this.tableList.scroll = { x: null }; |
|||
this.tableList = this.tableList.setColumns([ |
|||
{ key: "name", title: "食谱名称" }, |
|||
{ key: "vender", title: "单位" }, |
|||
|
|||
{ key: "modify", title: "提交审核时间" }, |
|||
{ key: "modify", title: "提交人" }, |
|||
]); |
|||
|
|||
this.tableList = this.tableList.setOptions([ |
|||
{ |
|||
title: "详情", |
|||
premissions: [], |
|||
onClick: this.showFoodForm.bind(this), |
|||
}, |
|||
{ |
|||
title: "导出", |
|||
premissions: [], |
|||
onClick: this.showFoodForm.bind(this), |
|||
}, |
|||
{ |
|||
title: "通过", |
|||
premissions: [], |
|||
onClick: this.reviewSuccessMenu.bind(this), |
|||
visible: () => { |
|||
return this.status === 1; |
|||
}, |
|||
}, |
|||
{ |
|||
title: "驳回", |
|||
premissions: [], |
|||
onClick: this.reviewFailMenu.bind(this), |
|||
visible: () => { |
|||
return this.status === 1; |
|||
}, |
|||
}, |
|||
]); |
|||
} |
|||
|
|||
fetchData(query: AnyObject, pager: AnyObject) { |
|||
return this.api.getMenuStatusPage(pager, { ...query, status: this.status }); |
|||
} |
|||
|
|||
showFoodForm(food?: any) { |
|||
this.drawerRef = this.drawer.create({ |
|||
nzTitle: food ? "编辑菜品" : "新增菜品", |
|||
nzWidth: 700, |
|||
nzContent: DishFormComponent, |
|||
}); |
|||
} |
|||
|
|||
cancelFoodForm() { |
|||
this.drawerRef?.close(); |
|||
} |
|||
|
|||
reviewSuccessMenu({ id }: any) { |
|||
this.modal.confirm({ |
|||
nzTitle: "警告", |
|||
nzContent: `是否要通过审核该食谱？`, |
|||
nzOkDanger: true, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.reviewMenu(id, true)); |
|||
this.msg.success(res.desc); |
|||
this.tableList.run(); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
reviewFailMenu({ id }: any) { |
|||
this.modal.create({ |
|||
nzTitle: "审核驳回", |
|||
nzContent: this.reviewFailMenuTpl, |
|||
nzOnOk: async () => { |
|||
const res = await lastValueFrom(this.api.reviewMenu(id, false, this.reason)); |
|||
this.msg.success(res.desc); |
|||
this.tableList.run(); |
|||
}, |
|||
}); |
|||
} |
|||
} |
|||
Loading…
Reference in new issue