|
|
@ -1,18 +1,18 @@ |
|
|
import { Component, OnInit, TemplateRef, ViewChild } from "@angular/core"; |
|
|
import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core' |
|
|
import { FormControl, FormGroup } from "@angular/forms"; |
|
|
import { FormControl, FormGroup } from '@angular/forms' |
|
|
import { NzDrawerRef, NzDrawerService } from "ng-zorro-antd/drawer"; |
|
|
import { NzDrawerRef, NzDrawerService } from 'ng-zorro-antd/drawer' |
|
|
import { AnyObject, OrgDTO, TableListOption } from "@cdk/public-api"; |
|
|
import { AnyObject, OrgDTO, TableListOption } from '@cdk/public-api' |
|
|
import { ApiService } from "@cdk/services"; |
|
|
import { ApiService } from '@cdk/services' |
|
|
import { NzModalService } from "ng-zorro-antd/modal"; |
|
|
import { NzModalService } from 'ng-zorro-antd/modal' |
|
|
import { lastValueFrom, tap } from "rxjs"; |
|
|
import { lastValueFrom, tap } from 'rxjs' |
|
|
import { NzMessageService } from "ng-zorro-antd/message"; |
|
|
import { NzMessageService } from 'ng-zorro-antd/message' |
|
|
import { MyResponse } from "@cdk/types"; |
|
|
import { MyResponse } from '@cdk/types' |
|
|
import { Router } from "@angular/router"; |
|
|
import { Router } from '@angular/router' |
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
selector: "app-ingredient-list", |
|
|
selector: 'app-ingredient-list', |
|
|
templateUrl: "./ingredient-list.component.html", |
|
|
templateUrl: './ingredient-list.component.html', |
|
|
styleUrls: ["./ingredient-list.component.less"], |
|
|
styleUrls: ['./ingredient-list.component.less'], |
|
|
}) |
|
|
}) |
|
|
export class IngredientListComponent { |
|
|
export class IngredientListComponent { |
|
|
constructor( |
|
|
constructor( |
|
|
@ -20,77 +20,77 @@ export class IngredientListComponent { |
|
|
private api: ApiService, |
|
|
private api: ApiService, |
|
|
private modal: NzModalService, |
|
|
private modal: NzModalService, |
|
|
private msg: NzMessageService, |
|
|
private msg: NzMessageService, |
|
|
private router: Router |
|
|
private router: Router, |
|
|
) {} |
|
|
) {} |
|
|
|
|
|
|
|
|
globalEnum = this.api.globalEnum; |
|
|
globalEnum = this.api.globalEnum |
|
|
|
|
|
|
|
|
statusTextMap: Record<string, string> = {}; |
|
|
statusTextMap: Record<string, string> = {} |
|
|
|
|
|
|
|
|
@ViewChild("releaseStartTimeTpl") releaseStartTimeTpl!: TemplateRef<{}>; |
|
|
@ViewChild('releaseStartTimeTpl') releaseStartTimeTpl!: TemplateRef<{}> |
|
|
|
|
|
|
|
|
private drawerRef?: NzDrawerRef; |
|
|
private drawerRef?: NzDrawerRef |
|
|
|
|
|
|
|
|
public tableList = new TableListOption(this.fetchData.bind(this), { |
|
|
public tableList = new TableListOption(this.fetchData.bind(this), { |
|
|
frontPagination: false, |
|
|
frontPagination: false, |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
public queryForm = new FormGroup({ |
|
|
public queryForm = new FormGroup({ |
|
|
name: new FormControl(""), |
|
|
name: new FormControl(''), |
|
|
vender: new FormControl(""), |
|
|
vender: new FormControl(''), |
|
|
status: new FormControl(""), |
|
|
status: new FormControl(''), |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
startTime: Date | null = null; |
|
|
startTime: Date | null = null |
|
|
|
|
|
|
|
|
tableOrg: { [k: number]: OrgDTO } = {}; |
|
|
tableOrg: { [k: number]: OrgDTO } = {} |
|
|
|
|
|
|
|
|
monthText = { |
|
|
monthText = { |
|
|
1: "一月", |
|
|
1: '一月', |
|
|
2: "二月", |
|
|
2: '二月', |
|
|
3: "三月", |
|
|
3: '三月', |
|
|
4: "四月", |
|
|
4: '四月', |
|
|
5: "五月", |
|
|
5: '五月', |
|
|
6: "六月", |
|
|
6: '六月', |
|
|
7: "七月", |
|
|
7: '七月', |
|
|
8: "八月", |
|
|
8: '八月', |
|
|
9: "九月", |
|
|
9: '九月', |
|
|
10: "十月", |
|
|
10: '十月', |
|
|
11: "十一月", |
|
|
11: '十一月', |
|
|
12: "十二月", |
|
|
12: '十二月', |
|
|
} as any; |
|
|
} as any |
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
ngOnInit(): void { |
|
|
this.statusTextMap = this.globalEnum.menuStatus.reduce((a, c) => { |
|
|
this.statusTextMap = this.globalEnum.menuStatus.reduce((a, c) => { |
|
|
return { |
|
|
return { |
|
|
...a, |
|
|
...a, |
|
|
[String(c.label)]: c.value, |
|
|
[String(c.label)]: c.value, |
|
|
}; |
|
|
} |
|
|
}, {} as Record<string, string>); |
|
|
}, {} as Record<string, string>) |
|
|
this.initTableList(); |
|
|
this.initTableList() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
initTableList() { |
|
|
initTableList() { |
|
|
this.tableList.scroll = { x: "900px" }; |
|
|
this.tableList.scroll = { x: '900px' } |
|
|
this.tableList = this.tableList.setColumns([ |
|
|
this.tableList = this.tableList.setColumns([ |
|
|
{ key: "name", title: "食谱名称", width: "200px" }, |
|
|
{ key: 'name', title: '食谱名称', width: '200px' }, |
|
|
|
|
|
|
|
|
{ key: "meals", title: "包含餐次", width: "180px" }, |
|
|
{ key: 'meals', title: '包含餐次', width: '180px' }, |
|
|
{ key: "month", title: "适用月份" }, |
|
|
{ key: 'month', title: '适用月份' }, |
|
|
{ key: "day", title: "周期" }, |
|
|
{ key: 'day', title: '周期' }, |
|
|
{ key: "status", title: "状态", width: "120px" }, |
|
|
{ key: 'status', title: '状态', width: '120px' }, |
|
|
{ key: "modify", title: "更新时间", width: "170px" }, |
|
|
{ key: 'modify', title: '更新时间', width: '170px' }, |
|
|
{ key: "operate", title: "创建人", width: "160px" }, |
|
|
{ key: 'operate', title: '创建人', width: '160px' }, |
|
|
]); |
|
|
]) |
|
|
|
|
|
|
|
|
this.tableList = this.tableList.setOptions([ |
|
|
this.tableList = this.tableList.setOptions([ |
|
|
{ |
|
|
{ |
|
|
title: "详情", |
|
|
title: '详情', |
|
|
premissions: [], |
|
|
premissions: [], |
|
|
onClick: this.preview.bind(this), |
|
|
onClick: this.preview.bind(this), |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
title: "导出", |
|
|
title: '导出', |
|
|
premissions: [], |
|
|
premissions: [], |
|
|
|
|
|
|
|
|
onClick: this.export.bind(this), |
|
|
onClick: this.export.bind(this), |
|
|
@ -109,11 +109,11 @@ export class IngredientListComponent { |
|
|
// },
|
|
|
// },
|
|
|
// },
|
|
|
// },
|
|
|
{ |
|
|
{ |
|
|
title: "发布", |
|
|
title: '发布', |
|
|
premissions: [], |
|
|
premissions: [], |
|
|
onClick: this.release.bind(this), |
|
|
onClick: this.release.bind(this), |
|
|
visible(v) { |
|
|
visible(v) { |
|
|
return [0, 2].includes(v.status); |
|
|
return [0, 2].includes(v.status) |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
// {
|
|
|
// {
|
|
|
@ -125,97 +125,116 @@ export class IngredientListComponent { |
|
|
// },
|
|
|
// },
|
|
|
// },
|
|
|
// },
|
|
|
{ |
|
|
{ |
|
|
title: "编辑", |
|
|
title: '复制', |
|
|
|
|
|
premissions: [], |
|
|
|
|
|
onClick: this.copy.bind(this), |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
title: '编辑', |
|
|
premissions: [], |
|
|
premissions: [], |
|
|
onClick: (v) => { |
|
|
onClick: (v) => { |
|
|
this.router.navigate([`/ingredient/item/form/${v["id"]}`]); |
|
|
this.router.navigate([`/ingredient/item/form/${v['id']}`]) |
|
|
}, |
|
|
}, |
|
|
visible(v) { |
|
|
visible(v) { |
|
|
return [0, 3, 4].includes(v.status); |
|
|
return [0, 3, 4].includes(v.status) |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
{ |
|
|
{ |
|
|
title: "删除", |
|
|
title: '删除', |
|
|
premissions: [], |
|
|
premissions: [], |
|
|
onClick: this.deleteItem.bind(this), |
|
|
onClick: this.deleteItem.bind(this), |
|
|
}, |
|
|
}, |
|
|
]); |
|
|
]) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
copy(v: AnyObject) { |
|
|
|
|
|
this.modal.confirm({ |
|
|
|
|
|
nzTitle: '警告', |
|
|
|
|
|
nzContent: '是否要复制该食谱？', |
|
|
|
|
|
nzOnOk: async () => { |
|
|
|
|
|
const copyName = v['name'] + '【复制】' |
|
|
|
|
|
const res = await lastValueFrom(this.api.copyMenu(v['id'], copyName)) |
|
|
|
|
|
this.msg.success(res.desc) |
|
|
|
|
|
this.tableList.run() |
|
|
|
|
|
}, |
|
|
|
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
fetchData(query: AnyObject, pager: AnyObject) { |
|
|
fetchData(query: AnyObject, pager: AnyObject) { |
|
|
return this.api.getMenuPage(pager, query).pipe(); |
|
|
return this.api.getMenuPage(pager, query).pipe() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
preview({ id }: any) { |
|
|
preview({ id }: any) { |
|
|
window.open(`/ingredient/preview?id=${id}`); |
|
|
window.open(`/ingredient/preview?id=${id}`) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
export({ id }: any) { |
|
|
export({ id }: any) { |
|
|
this.msg.loading("导出中..."); |
|
|
this.msg.loading('导出中...') |
|
|
this.api.exportMenu(id).subscribe(() => { |
|
|
this.api.exportMenu(id).subscribe(() => { |
|
|
setTimeout(() => { |
|
|
setTimeout(() => { |
|
|
this.msg.remove(); |
|
|
this.msg.remove() |
|
|
}, 1500); |
|
|
}, 1500) |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
cancelFoodForm() { |
|
|
cancelFoodForm() { |
|
|
this.drawerRef?.close(); |
|
|
this.drawerRef?.close() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
shenhe({ id }: any) { |
|
|
shenhe({ id }: any) { |
|
|
this.modal.confirm({ |
|
|
this.modal.confirm({ |
|
|
nzTitle: "警告", |
|
|
nzTitle: '警告', |
|
|
nzContent: `是否要将该食谱提交审核？`, |
|
|
nzContent: `是否要将该食谱提交审核？`, |
|
|
nzOnOk: async () => { |
|
|
nzOnOk: async () => { |
|
|
const res = await lastValueFrom(this.api.submitMenuForReview(id)); |
|
|
const res = await lastValueFrom(this.api.submitMenuForReview(id)) |
|
|
this.msg.success(res.desc); |
|
|
this.msg.success(res.desc) |
|
|
this.tableList.run(); |
|
|
this.tableList.run() |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
release({ id, day }: any) { |
|
|
release({ id, day }: any) { |
|
|
this.modal.create({ |
|
|
this.modal.create({ |
|
|
nzTitle: "发布食谱", |
|
|
nzTitle: '发布食谱', |
|
|
nzContent: this.releaseStartTimeTpl, |
|
|
nzContent: this.releaseStartTimeTpl, |
|
|
nzOnOk: async () => { |
|
|
nzOnOk: async () => { |
|
|
if (!this.startTime) { |
|
|
if (!this.startTime) { |
|
|
this.msg.error("请选择发布日期"); |
|
|
this.msg.error('请选择发布日期') |
|
|
return false; |
|
|
return false |
|
|
} |
|
|
} |
|
|
console.log(id, day); |
|
|
console.log(id, day) |
|
|
const res = await lastValueFrom(this.api.release(id, this.startTime, day)); |
|
|
const res = await lastValueFrom(this.api.release(id, this.startTime, day)) |
|
|
this.msg.success(res.desc); |
|
|
this.msg.success(res.desc) |
|
|
this.tableList.run(); |
|
|
this.tableList.run() |
|
|
return true; |
|
|
return true |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
deleteItem({ id }: any) { |
|
|
deleteItem({ id }: any) { |
|
|
this.modal.confirm({ |
|
|
this.modal.confirm({ |
|
|
nzTitle: "警告", |
|
|
nzTitle: '警告', |
|
|
nzContent: `是否要删除该食谱？`, |
|
|
nzContent: `是否要删除该食谱？`, |
|
|
nzOkDanger: true, |
|
|
nzOkDanger: true, |
|
|
nzOnOk: async () => { |
|
|
nzOnOk: async () => { |
|
|
const res = await lastValueFrom(this.api.deleteMenu(id)); |
|
|
const res = await lastValueFrom(this.api.deleteMenu(id)) |
|
|
this.msg.success(res.desc); |
|
|
this.msg.success(res.desc) |
|
|
this.tableList.run(); |
|
|
this.tableList.run() |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
disableMenu({ id }: any) { |
|
|
disableMenu({ id }: any) { |
|
|
this.modal.confirm({ |
|
|
this.modal.confirm({ |
|
|
nzTitle: "警告", |
|
|
nzTitle: '警告', |
|
|
nzContent: `是否要禁用该食谱？`, |
|
|
nzContent: `是否要禁用该食谱？`, |
|
|
nzOkDanger: true, |
|
|
nzOkDanger: true, |
|
|
nzOnOk: async () => { |
|
|
nzOnOk: async () => { |
|
|
const res = await lastValueFrom(this.api.disableMenu(id)); |
|
|
const res = await lastValueFrom(this.api.disableMenu(id)) |
|
|
this.msg.success(res.desc); |
|
|
this.msg.success(res.desc) |
|
|
this.tableList.run(); |
|
|
this.tableList.run() |
|
|
}, |
|
|
}, |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
kely
2 years ago