uui add report export function

Issue-ID: USECASEUI-819
Change-Id: I34009ad477485a337e934cc49ebc7c44fd976a4d
Signed-off-by: kaixiliu <liukaixi@chinamobile.com>

6 files changed, 65 insertions, 4 deletions

diff --git a/usecaseui-portal/src/app/app.module.ts b/usecaseui-portal/src/app/app.module.ts
index 2b9506b3..965ffa10 100644
--- a/usecaseui-portal/src/app/app.module.ts
+++ b/usecaseui-portal/src/app/app.module.ts
@@ -115,6 +115,7 @@ import { InputIntentExpectationComponent } from './views/intent-management/input
 import { InputIntentStateComponent } from './views/intent-management/input-intent-state/input-intent-state.component';
 import { InputIntentConditionComponent } from './views/intent-management/input-intent-condition/input-intent-condition.component';
 import { IntentReportDetailComponent } from './views/intent-management/intent-report-detail/intent-report-detail.component';
+import { AngularDateTimePickerModule } from 'angular2-datetimepicker';
 
 export function HttpLoaderFactory(httpClient: HttpClient) {
 	return new TranslateHttpLoader(httpClient, "./assets/i18n/", ".json");
@@ -238,6 +239,7 @@ registerLocaleData(en);
 		NgZorroAntdModule.forRoot(),
 		NgxEchartsModule,
 		AppRoutingModule,
+		AngularDateTimePickerModule
 	],
 	bootstrap: [AppComponent],
 	entryComponents: [
diff --git a/usecaseui-portal/src/app/views/intent-management/intent-management.component.less b/usecaseui-portal/src/app/views/intent-management/intent-management.component.less
index 43f61660..8e882a27 100644
--- a/usecaseui-portal/src/app/views/intent-management/intent-management.component.less
+++ b/usecaseui-portal/src/app/views/intent-management/intent-management.component.less
@@ -115,4 +115,13 @@
 }
 .condition-operator-div{
   margin-left: 50px;
+}
+.container{
+  display: flex;
+  align-items: center;
+  width: 700px;
+}
+.container angular2-date-picker{
+  margin-right: 10px;
+  margin-left: 10px;
 }
\ No newline at end of file
diff --git a/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
index 0f263c76..ae516255 100644
--- a/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
+++ b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.html
@@ -5,6 +5,15 @@
     <span class="title" style="margin-right: 30px;">Intent Name: {{intentInfo['intentName']}}</span>
     <span class="title">ID: {{intentInfo['intentId']}}</span>
   </p>
+  <div class = "container">
+     <span>{{"i18nTextDefine_startTime" | translate}} :</span>
+     <angular2-date-picker [(ngModel)]="startDateTime" [settings]="settings"> </angular2-date-picker>
+
+     <span>{{"i18nTextDefine_endTime" | translate}} :</span>
+     <angular2-date-picker [(ngModel)]="endDateTime" [settings]="settings"> </angular2-date-picker>
+     <button (click)="exportData()"> {{"i18nTextDefine_exportData" | translate}} </button>
+  </div>
+  <br>
   <div class="intent-table">
     <p>ReportTime: {{intentInfo['reportTime']}}</p>
     <nz-table
diff --git a/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.ts b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.ts
index aa65d9fe..01a246a9 100644
--- a/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.ts
+++ b/usecaseui-portal/src/app/views/intent-management/intent-report-detail/intent-report-detail.component.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import { HttpClient, HttpHeaders,HttpParams } from '@angular/common/http';
+import { DatePipe} from '@angular/common';
+import Swal from 'sweetalert2';
 
 @Component({
   selector: 'app-intent-report-detail',
@@ -7,7 +10,7 @@ import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 })
 export class IntentReportDetailComponent implements OnInit {
 
-  constructor() { }
+  constructor(private http: HttpClient,private datePipe:DatePipe) { }
 
   @Input() showModel: boolean;
   @Input() reportData;
@@ -22,4 +25,37 @@ export class IntentReportDetailComponent implements OnInit {
     this.showModel = false;
     this.modalOpreation.emit({ "cancel": false });
   }
+  startDateTime: Date = new Date();
+  endDateTime: Date = new Date();
+  settings = {
+		bigBanner: true,
+        format: 'yyyy-MM-dd HH:mm',
+        defaultOpen: false,
+        timePicker: true,
+        closeOnSelect: true
+	}
+  params: Object={
+    intentId:'',
+    startDate:'',
+    endData: ''
+  };
+  exportData() {
+    this.params['startDate'] = this.datePipe.transform(this.startDateTime,'yyyy-MM-dd HH:mm');
+    this.params['endData'] = this.datePipe.transform(this.endDateTime,'yyyy-MM-dd HH:mm');
+    this.params['intentId']=this.intentInfo['intentId']
+    this.http
+      .post('/api/usecaseui-intent-analysis/v1/intentReport/export', this.params,{responseType:'blob'})
+      .subscribe((data) => {
+        const link = document.createElement('a');
+        link.href = window.URL.createObjectURL(data);
+        link.setAttribute('download', 'Report.csv');
+        link.click();
+      }, (error) => {
+        console.error('export failed:', error);
+        Swal.fire({
+           icon: 'error',
+           title: 'export failed',
+        });
+      });
+  }
 }
diff --git a/usecaseui-portal/src/assets/i18n/cn.json b/usecaseui-portal/src/assets/i18n/cn.json
index 09d7d716..bce7dc0e 100644
--- a/usecaseui-portal/src/assets/i18n/cn.json
+++ b/usecaseui-portal/src/assets/i18n/cn.json
@@ -184,6 +184,8 @@
   "i18nTextDefine_ResourceVersion": "资源版本",
   "i18nTextDefine_NearEnd": "近端",
   "i18nTextDefine_FarEnd": "远端",
-  "i18nTextDefine_ExternalNetworkMessage":"注意：两个端点都将更改为ENNI。"
-	
+  "i18nTextDefine_ExternalNetworkMessage":"注意：两个端点都将更改为ENNI。",
+  "i18nTextDefine_exportData": "导出",
+  "i18nTextDefine_startTime": "起始时间",
+  "i18nTextDefine_endTime": "终止时间"
 }
diff --git a/usecaseui-portal/src/assets/i18n/en.json b/usecaseui-portal/src/assets/i18n/en.json
index ba2f37ff..cc533c1c 100644
--- a/usecaseui-portal/src/assets/i18n/en.json
+++ b/usecaseui-portal/src/assets/i18n/en.json
@@ -183,5 +183,8 @@
   "i18nTextDefine_CreateTime": "Upload Time",
   "i18nTextDefine_Activated": "Activated",
   "i18nTextDefine_Operation": "Opreation",
-  "i18nTextDefine_Size":"Size"
+  "i18nTextDefine_Size":"Size",
+  "i18nTextDefine_exportData": "Export Data",
+  "i18nTextDefine_startTime": "Start Time",
+  "i18nTextDefine_endTime": "End Time"
 }