import { InputIntentExpectationComponent } from './views/intent-management/input-intent-expectation/input-intent-expectation.component';
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';
export function HttpLoaderFactory(httpClient: HttpClient) {
return new TranslateHttpLoader(httpClient, "./assets/i18n/", ".json");
InputIntentExpectationComponent,
InputIntentStateComponent,
InputIntentConditionComponent,
+ IntentReportDetailComponent,
],
imports: [
BrowserModule,
createIntentManagement: "/api/usecaseui-intent-analysis/v1/intents",
getIntentManagement: "/api/usecaseui-intent-analysis/v1/intents/intentGenerateType/USERINPUT",
deleteIntentManagement: "/api/usecaseui-intent-analysis/v1/intents/",
- updateIntentManagementData: "/api/usecaseui-intent-analysis/v1/intents/"
+ updateIntentManagementData: "/api/usecaseui-intent-analysis/v1/intents/",
+ getIntentReport: "/api/usecaseui-intent-analysis/v1/intentReport/"
};
// intentManagement
deleteIntentManagementData(intentId) {
return this.http.delete<any>(this.url.deleteIntentManagement + intentId);
}
- updateIntentManagementData(id, requestBody) {//更新接口未完成
+ updateIntentManagementData(id, requestBody) {
return this.http.put<any>(this.url.updateIntentManagementData + id, requestBody);
}
+ getIntentReportData(intentId){
+ return this.http.get<any>(this.url.getIntentReport+intentId);
+ }
}
>
<thead>
<tr>
- <th nzWidth="12%">No</th>
+ <th nzWidth="10%">No</th>
<th nzWidth="30%">Intent ID</th>
<th nzWidth="30%">Intent Name</th>
- <th nzWidth="18%">{{"i18nTextDefine_Action" | translate}}</th>
+ <th nzWidth="15%">Status</th>
+ <th nzWidth="15%">{{"i18nTextDefine_Action" | translate}}</th>
</tr>
</thead>
<tbody>
<td>{{i+1}}</td>
<td>{{ data.intentId }}</td>
<td>{{ data.intentName }}</td>
+ <td>{{ data.intentStatus }}</td>
<td>
+ <em class="anticon anticon-menu-fold" (click)="viewReport(data,i)"></em>
<em class="anticon anticon-edit" (click)="editIntentList(data,i)"></em>
<em class="anticon anticon-delete" (click)="deleteIntentList(data)"></em>
</td>
</tbody>
</nz-table>
</div>
-<app-input-intent-management [showModel]="intentModuleShow" (modalOpreation)="inputIntentModuleClose($event)" [editIntentTableData]="editIntentTableList"></app-input-intent-management>
\ No newline at end of file
+<app-input-intent-management [showModel]="intentModuleShow" (modalOpreation)="inputIntentModuleClose($event)" [editIntentTableData]="editIntentTableList"></app-input-intent-management>
+<app-intent-report-detail [showModel]="intentReportDetailShow" (modalOpreation)="intentReportModuleClose($event)" [reportData]="reportData" [intentInfo]="intentInfo" ></app-intent-report-detail>
\ No newline at end of file
margin-top: 7px;
}
}
- .anticon-edit,.anticon-delete{
+ .anticon-edit,.anticon-delete,.anticon-menu-fold{
font-size: 18px;
margin-right: 10px;
cursor: pointer;
top: 32px;
left: 110px;
}
- .anticon-edit,.anticon-delete{
+ .anticon-edit,.anticon-delete,.anticon-menu-fold{
font-size: 18px;
margin-right: 10px;
cursor: pointer;
}
.intent-table{
margin-bottom: 15px;
+ ::ng-deep ant-modal-body{
+ height: 300 !important;
+ overflow-y: auto !important;
+ }
}
.target-div{
float: left;
ngOnInit() {
this.getIntentManagementData()
}
+ ngOnDestroy(){
+ window.clearInterval(this.timer)
+ }
listOfData: any[] = [];
+ reportData: any[] = [];
+ intentInfo: Object={
+ intentId:'',
+ intentName:'',
+ reportTime: ''
+ };
+ timer: any;
intentModuleShow: boolean = false;
+ intentReportDetailShow: boolean = false;
editIntentTableList: Object={};
currentIndex: number=-1;
.subscribe(
(data) => {
this.listOfData=data.result_body
+ this.getIntentReportData(this.listOfData)
+ this.timer=setInterval(function(){
+ this.getIntentReportData(this.listOfData)
+ },5000)
},
(err) => {
this.message.error('Failed to obtain intent data');
}
)
}
+ getIntentReportData(data): void{
+ data.forEach(item => {
+ this.myhttp.getIntentReportData(item.intentId).subscribe(
+ (data) => {
+ item.intentStatus=data.result_body.fulfillmentInfos[0].fulfillmentStatus
+ },
+ (err) => {
+ this.message.error('Failed to obtain Report data');
+ }
+ )
+ });
+ }
inputIntentModuleShow(): void {
this.intentModuleShow = true;
}
}
this.getIntentManagementData()
}
+ intentReportModuleClose($event: any): void {
+ this.intentReportDetailShow = false
+ if ($event.cancel) {
+ return;
+ }
+ }
+ viewReport(data,i): void{
+ this.reportData=[]
+ this.intentInfo={
+ intentId:'',
+ intentName:'',
+ reportTime: ''
+ };
+ this.intentInfo['intentId']=data['intentId']
+ this.intentInfo['intentName']=data['intentName']
+ this.myhttp.getIntentReportData(data.intentId).subscribe(
+ (data) => {
+ this.reportData=data.result_body.fulfillmentInfos
+ this.intentInfo['reportTime']=data.result_body.reportTime
+ this.intentReportDetailShow = true
+ },
+ (err) => {
+ this.message.error('Failed to obtain Report data');
+ }
+ )
+ }
editIntentList(data,i): void {
this.editIntentTableList=JSON.parse(JSON.stringify(data))
this.currentIndex=i
--- /dev/null
+<nz-modal [(nzVisible)]="showModel" nzTitle="Intent Report" (nzOnCancel)="handleCancel()"
+ nzWidth="56%" nzHeight="600px" [nzFooter]="null" class="intent-management-modal">
+<div class="subnet_params_container clearfix">
+ <p>
+ <span class="title" style="margin-right: 30px;">Intent Name: {{intentInfo['intentName']}}</span>
+ <span class="title">ID: {{intentInfo['intentId']}}</span>
+ </p>
+ <div class="intent-table">
+ <p>ReportTime: {{intentInfo['reportTime']}}</p>
+ <nz-table
+ #basicTable [nzData]="reportData"
+ [nzFrontPagination]="false"
+ [nzShowPagination]="false"
+ >
+ <thead>
+ <tr>
+ <th nzWidth="10%">No</th>
+ <th nzWidth="40%">Status </th>
+ <th nzWidth="50%">Reason</th>
+ </tr>
+ </thead>
+ <tbody>
+ <ng-template ngFor let-data [ngForOf]="basicTable.data" let-i="index">
+ <tr>
+ <td>{{i+1}}</td>
+ <td>{{ data.fulfillmentStatus }}</td>
+ <td>{{ data.notFulfilledReason }}</td>
+ </tr>
+ </ng-template>
+ </tbody>
+ </nz-table>
+ </div>
+</div>
+
+</nz-modal>
\ No newline at end of file
--- /dev/null
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IntentReportDetailComponent } from './intent-report-detail.component';
+
+describe('IntentReportDetailComponent', () => {
+ let component: IntentReportDetailComponent;
+ let fixture: ComponentFixture<IntentReportDetailComponent>;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ IntentReportDetailComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(IntentReportDetailComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
--- /dev/null
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+
+@Component({
+ selector: 'app-intent-report-detail',
+ templateUrl: './intent-report-detail.component.html',
+ styleUrls: ['../intent-management.component.less']
+})
+export class IntentReportDetailComponent implements OnInit {
+
+ constructor() { }
+
+ @Input() showModel: boolean;
+ @Input() reportData;
+ @Input() intentInfo;
+ @Output() modalOpreation = new EventEmitter();
+
+ ngOnInit() {
+ }
+ ngOnChanges(){
+ }
+ handleCancel(): void {
+ this.showModel = false;
+ this.modalOpreation.emit({ "cancel": false });
+ }
+}
Code Review / usecase-ui.git / commitdiff