summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts285
1 files changed, 151 insertions, 134 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
index d1add64a..0ddc759a 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-task-management/slicing-task-management.component.ts
@@ -1,151 +1,168 @@
-import {Component, OnInit, Input, SimpleChanges} from '@angular/core';
-import { SlicingTaskServices } from '@src/app/core/services/slicingTaskServices';
-import { TASK_PROCESSING_STATUS } from '@src/constants/constants';
+import { Component, OnInit, Input, SimpleChanges } from "@angular/core";
+import { SlicingTaskServices } from "@src/app/core/services/slicingTaskServices";
+import { TASK_PROCESSING_STATUS } from "./constants";
@Component({
- selector: 'app-slicing-task-management',
- templateUrl: './slicing-task-management.component.html',
- styleUrls: ['./slicing-task-management.component.less']
+ selector: "app-slicing-task-management",
+ templateUrl: "./slicing-task-management.component.html",
+ styleUrls: ["./slicing-task-management.component.less"],
})
export class SlicingTaskManagementComponent implements OnInit {
+ constructor(private myhttp: SlicingTaskServices) {}
- constructor(private myhttp: SlicingTaskServices) { }
+ @Input() currentTabTitle;
- @Input() currentTabTitle;
+ showDetail: boolean = false;
+ showProcess: boolean = false;
+ selectedValue = "all";
+ taskId: string;
+ moduleTitle: string = "";
+ moduleOperation: string;
+ listOfData: any[] = [];
+ statusOptions: any[] = TASK_PROCESSING_STATUS;
+ loading: boolean = false;
+ total: number = 1;
+ pageSize: string = "10";
+ pageNum: string = "1";
- showDetail: boolean = false;
- showProcess: boolean = false;
- selectedValue = 'all';
- taskId: string;
- moduleTitle: string = "";
- moduleOperation: string;
- listOfData: any[] = [];
- statusOptions: any[] = TASK_PROCESSING_STATUS;
- loading: boolean = false;
- total: number = 1;
- pageSize: string = '10';
- pageNum: string = '1';
+ ngOnChanges(changes: SimpleChanges) {
+ if (
+ changes.currentTabTitle.currentValue === "Slicing Task Management"
+ ) {
+ this.getTaskList();
+ }
+ }
- ngOnChanges(changes: SimpleChanges) {
- if(changes.currentTabTitle.currentValue === 'Slicing Task Management'){
- this.getTaskList();
- }
- }
+ ngOnInit() {
+ console.log("11.24 1732");
+ }
- ngOnInit() {
- console.log('11.24 1732')
- }
+ getTaskList(): void {
+ const { pageNum, pageSize } = this;
+ this.loading = true;
+ let getSlicingTaskListFailedCallback = () => {
+ this.loading = false;
+ };
+ this.myhttp
+ .getSlicingTaskList(
+ pageNum,
+ pageSize,
+ getSlicingTaskListFailedCallback
+ )
+ .then((res) => {
+ const { slicing_task_list, record_number } = res.result_body;
+ this.dataFormatting(slicing_task_list);
+ this.total = record_number;
+ this.loading = false;
+ });
+ }
- getTaskList(): void {
- const { pageNum, pageSize } = this;
- this.loading = true;
- let getSlicingTaskListFailedCallback = () => {
- this.loading = false;
- }
- this.myhttp.getSlicingTaskList(pageNum, pageSize, getSlicingTaskListFailedCallback).then(res => {
- const { slicing_task_list, record_number } = res.result_body;
- this.dataFormatting(slicing_task_list);
- this.total = record_number;
- this.loading = false;
- })
- }
+ processingStatusChange(): void {
+ this.pageSize = "10";
+ this.pageNum = "1";
+ if (this.selectedValue && this.selectedValue !== "all") {
+ this.getListOfProcessingStatus();
+ } else {
+ this.getTaskList();
+ }
+ }
- processingStatusChange(): void {
- this.pageSize = '10';
- this.pageNum = '1';
- if (this.selectedValue && this.selectedValue !== 'all') {
- this.getListOfProcessingStatus();
- } else {
- this.getTaskList();
- }
- }
+ getListOfProcessingStatus(): void {
+ const { selectedValue, pageNum, pageSize } = this;
+ this.loading = true;
+ let getTaskProcessingStatusFailedCallback = () => {
+ this.loading = false;
+ this.listOfData = [];
+ };
+ this.myhttp
+ .getTaskProcessingStatus(
+ selectedValue,
+ pageNum + "",
+ pageSize + "",
+ getTaskProcessingStatusFailedCallback
+ )
+ .then((res) => {
+ const { result_body } = res;
+ const { slicing_task_list, record_number } = result_body;
+ this.dataFormatting(slicing_task_list);
+ this.total = record_number;
+ this.loading = false;
+ });
+ }
- getListOfProcessingStatus(): void {
- const { selectedValue, pageNum, pageSize } = this;
- this.loading = true;
- let getTaskProcessingStatusFailedCallback = () => {
- this.loading = false;
- this.listOfData = [];
- }
- this.myhttp.getTaskProcessingStatus(selectedValue, pageNum + '', pageSize + '', getTaskProcessingStatusFailedCallback).then(res => {
- const { result_body } = res
- const { slicing_task_list, record_number } = result_body;
- this.dataFormatting(slicing_task_list)
- this.total = record_number;
- this.loading = false;
- })
- }
+ pageSizeChange(pageSize: number): void {
+ this.pageSize = pageSize + "";
+ const { selectedValue } = this;
+ if (selectedValue && selectedValue !== "all") {
+ this.getListOfProcessingStatus();
+ } else {
+ this.getTaskList();
+ }
+ }
- pageSizeChange(pageSize: number): void {
- this.pageSize = pageSize + '';
- const { selectedValue } = this;
- if (selectedValue && selectedValue !== 'all') {
- this.getListOfProcessingStatus();
- } else {
- this.getTaskList();
- }
- }
+ pageNumChange(pageNum: number): void {
+ this.pageNum = pageNum + "";
+ const { selectedValue } = this;
+ if (selectedValue && selectedValue !== "all") {
+ this.getListOfProcessingStatus();
+ } else {
+ this.getTaskList();
+ }
+ }
- pageNumChange(pageNum: number): void {
- this.pageNum = pageNum + '';
- const { selectedValue } = this;
- if (selectedValue && selectedValue !== 'all') {
- this.getListOfProcessingStatus();
- } else {
- this.getTaskList();
- }
- }
+ dataFormatting(list: any): void {
+ this.listOfData = list.map((item) => {
+ switch (item.processing_status) {
+ case "Planning":
+ // item.status = '规划阶段';
+ item.operation = "Process Task";
+ break;
+ case "Waiting to Confirm":
+ // item.status = '审核阶段';
+ item.operation = "Process Task";
+ break;
+ case "WaitingToConfirm":
+ // item.status = '审核阶段';
+ item.operation = "Process Task";
+ break;
+ case "Creating":
+ // item.status = '切片创建中';
+ item.operation = "View Progress";
+ break;
+ case "Completed":
+ // item.status = '创建完成';
+ item.operation = "View Result";
+ break;
+ }
+ return item;
+ });
+ }
- dataFormatting(list: any): void {
- this.listOfData = list.map(item => {
- switch (item.processing_status) {
- case 'Planning':
- // item.status = '规划阶段';
- item.operation = 'Process Task'
- break;
- case 'Waiting to Confirm':
- // item.status = '审核阶段';
- item.operation = 'Process Task'
- break;
- case 'WaitingToConfirm':
- // item.status = '审核阶段';
- item.operation = 'Process Task'
- break;
- case 'Creating':
- // item.status = '切片创建中';
- item.operation = 'View Progress'
- break;
- case 'Completed':
- // item.status = '创建完成';
- item.operation = 'View Result'
- break;
- }
- return item;
- })
- }
+ showdetail(data: any): void {
+ this.taskId = data.task_id;
+ this.moduleTitle = data.task_name;
+ if (
+ data.processing_status === "Waiting to Confirm" ||
+ data.processing_status === "WaitingToConfirm"
+ ) {
+ this.showDetail = true;
+ } else {
+ this.moduleOperation = data.operation;
+ this.showProcess = true;
+ }
+ }
- showdetail(data: any): void {
- this.taskId = data.task_id;
- this.moduleTitle = data.task_name;
- if (data.processing_status === 'Waiting to Confirm' || data.processing_status === 'WaitingToConfirm') {
- this.showDetail = true;
- } else {
- this.moduleOperation = data.operation;
- this.showProcess = true;
- }
- }
-
- handelCancel(obj: any): void {
- this.showDetail = obj.showDetail;
- if (obj.bool) {
- if (this.selectedValue && this.selectedValue !== 'all') {
- this.getListOfProcessingStatus();
- } else {
- this.loading = true;
- setTimeout(() => {
- this.getTaskList()
- }, 5000);
- }
- }
- }
+ handelCancel(obj: any): void {
+ this.showDetail = obj.showDetail;
+ if (obj.bool) {
+ if (this.selectedValue && this.selectedValue !== "all") {
+ this.getListOfProcessingStatus();
+ } else {
+ this.loading = true;
+ setTimeout(() => {
+ this.getTaskList();
+ }, 5000);
+ }
+ }
+ }
}