feat: performance-vnf page code optimization

Change-Id: I679ef762638160501cdebca2925aa34f0d96bce7
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.html b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.html
index 9e0e2ed..b20ac38 100644 (file)
--- a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.html
+++ b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.html
@@ -30,19 +30,17 @@
     </nz-dropdown>
     <button class="search" nz-button [nzType]="'primary'"><i
             class="anticon anticon-search"></i><span>Search</span></button>
-    <!-- <button class="search" nz-button [nzType]="'primary'" (click)="getperformanceSsourceNames()"><i class="anticon anticon-search"></i><span>Search</span></button> -->
 </div>
 <div class="content" [@showHideAnimate]="state">
     <div class="vnfs">
         <div class="vnf" *ngFor="let item of totalRecords">
-            <img src="../../../../assets/images/vnf01.png" title="VNF" (click)="graphicShow2(item)">
-            <!-- <h3>{{item.name}}</h3> -->
+            <img src="assets/images/vnf01.png" title="VNF" (click)="graphicShow2(item)">
             <div class="intro">
                 {{item.name}}
             </div>
         </div>
         <div class="vnf" *ngFor="let item of totalpnfs">
-            <img src="../../../../assets/images/pnf01.png" alt="PNF" (click)="graphicShow2(item)">
+            <img src="assets/images/pnf01.png" alt="PNF" (click)="graphicShow2(item)">
             <div class="intro">
                 {{item.name}}
             </div>

diff --git a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.less b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.less
index cc4e1ca..6040dcc 100644 (file)
--- a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.less
+++ b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.less
@@ -58,7 +58,7 @@
         :hover {
             border-color: #48C6EF;
         }
-        //下拉框中的样式在style.less中，下拉框是在body中额外临时生成的
+        //The style in the drop-down box is in style.less, and the drop-down box is extra temporary generated in the body.
     }
     .search {
         margin-left: 20px;
@@ -74,7 +74,6 @@
 }
 
 .content {
-    // background-color: #fff;
     border-radius: 5px;
     padding: 12px;
     .vnfs {
@@ -82,7 +81,6 @@
         flex-wrap: wrap;
         justify-content: space-around;
         .vnf {
-            // width: 180px;
             background-color: #fff;
             width: 18%;
             height: 200px;
@@ -118,7 +116,6 @@
             }
         }
         .empty {
-            // width: 180px;
             width: 18%;
             height: 200px;
             margin: 5px;

diff --git a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.ts b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.ts
index 5f1d056..b20c8a5 100644 (file)
--- a/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.ts
+++ b/usecaseui-portal/src/app/views/performance/performance-vnf/performance-vnf.component.ts
@@ -39,7 +39,6 @@ export class PerformanceVnfComponent implements OnInit {
 
   ngOnInit() {
     this.getqueryAllSourceNames();
-    // this.getperformanceSsourceNames();
     let _this = this;
     setTimeout(function () {
       _this.totalRecords = [
@@ -88,17 +87,6 @@ export class PerformanceVnfComponent implements OnInit {
   //Fill the box
   emptys = [];
 
-  // getperformanceSsourceNames() {
-  //   this.myhttp.getperformanceSourceNames(this.currentPage, this.pageSize, this.sourceName).subscribe((data) => {
-  //     this.totalRecords = data.totalRecords;
-  //     this.vnfsdataTotal = data.names;
-  //     if (Number.isInteger(this.totalRecords.length / 5)) {
-  //       this.emptys = new Array(0);
-  //     } else {
-  //       this.emptys = new Array(5 - this.totalRecords.length % 5);
-  //     }
-  //   })
-  // }
   //Detail page title display
   isHidden = true;
   graphicshow = false;