1 files changed, 74 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/maas/build/application-detail/application-detail.component.ts b/usecaseui-portal/src/app/views/maas/build/application-detail/application-detail.component.ts
new file mode 100644
index 00000000..f9e16435
--- /dev/null
+++ b/usecaseui-portal/src/app/views/maas/build/application-detail/application-detail.component.ts
@@ -0,0 +1,74 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+@Component({
+  selector: 'app-application-detail',
+  templateUrl: './application-detail.component.html',
+  styleUrls: ['./application-detail.component.less']
+})
+export class ApplicationDetailComponent implements OnInit {
+
+  constructor() { }
+
+  @Input() showModel: boolean;
+  _applicationDetail;
+  data: Array<{ label: string, value: string }> = [];
+  @Input() 
+  set applicationDetail(v: any) {
+    if (!v) {
+      return;
+    }
+    this.data = [
+      {
+        label: 'Application Name', value: v.applicationName
+      },
+      {
+        label: 'Application Description', value: v.applicationDescription
+      },
+      {
+        label: 'Application Type', value: v.applicationType
+      },
+      {
+        label: 'Operator', value: v.operatorName
+      },
+      {
+        label: 'MaaS', value: v.maaSPlatformName
+      },
+      {
+        label: 'Large Model', value: v.largeModelName
+      },
+      {
+        label: 'Knowledge Base', value: v.knowledgeBaseName
+      },
+      {
+        label: 'Prompt', value: v.prompt
+      },
+      {
+        label: 'Temperature', value: v.temperature
+      },
+      {
+        label: 'Top_p', value: v.top_p
+      },
+      {
+        label: 'Opening Remarks', value: v.openingRemarks
+      }
+    ]
+    this._applicationDetail = v;
+  };
+  get applicationDetail() {
+    return this._applicationDetail;
+  }
+  @Output() modalOpreation = new EventEmitter();
+
+  ngOnInit() {}
+
+  handleCancel(): void {
+    this.showModel = false;
+    this.modalOpreation.emit();
+  }
+
+   handleOk(): void {
+    this.showModel = false;
+    this.modalOpreation.emit();
+  }
+
+}
+\ No newline at end of file