Support NS Package Query for VF-C

Change-Id: I0501df1d699baea97149a404708b55a65f15d95e
Issue-ID: USECASEUI-159
Signed-off-by: zhangab <zhanganbing@chinamobile.com>

1 files changed, 18 insertions, 15 deletions

diff --git a/usecaseui-portal/src/app/home/home.component.html b/usecaseui-portal/src/app/home/home.component.html
index c93d3f76..191c67ac 100644
--- a/usecaseui-portal/src/app/home/home.component.html
+++ b/usecaseui-portal/src/app/home/home.component.html
@@ -13,21 +13,31 @@
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
-<h3 class="title"> {{"Overall trend" | translate}}</h3>
-<hr>
+
+<!--<h3 class="title"> {{"Overall trend" | translate}}</h3>
+<hr> -->
 <div class="content">
   <div class="services">
     <h4>{{"SERVICES" | translate}}</h4>
-    <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
-    <p>{{serviceNumber}} {{"services has been created" | translate}}</p>
+    <!-- <h3>{{serviceNumber}} <span>{{"services" | translate}}</span> </h3>
+    <p>{{serviceNumber}} {{"services has been created" | translate}}</p> -->
     <app-pie [initData]="serviceChartInit" [chartData]="serviceChartData"></app-pie>
-    <p class="tip">View the details</p>
+    <div>
+      <h5> {{serviceNumber}} <span>cutomers and</span> {{serviceNumber}} <span>service intance</span></h5>
+    </div>
+    <div class="details">
+      <li> <div class="detailstoplin" *ngFor="let item of userdata"> <div>{{item.name}}</div> <div> <app-bar [initData]="serviceBarChartInit" [chartData]="servicesBarChartData"></app-bar></div> <div>{{item.value1}}/{{item.value2}}</div></div> </li>
+    </div>
+    <p class="tip">View Details</p>
   </div>
-
   <div class="rightcontent">
     <div class="rt-content">
+      <div class="alarm">
+        <h4>{{"ALARM" | translate}}</h4>
+        <app-pie [initData]="alarmChartInit" [chartData]="alarmChartData"></app-pie>
+      </div>
       <div class="poerformance">
-        <h4>{{"PERFORMANCE" | translate}}</h4>
+        <h4>{{"DEVICES" | translate}}</h4>
         <div class="pfVnf">
           <h3 class="pfVnfNum">{{performanceVnfNum}}</h3>
           <p>Performance VNF</p>
@@ -39,14 +49,9 @@
           <img src="./assets/images/VM.png" alt="VM/PM">
         </div>
       </div>
-      <div class="alarm">
-        <h4>{{"Alarm" | translate}}</h4>
-        <app-pie [initData]="alarmChartInit" [chartData]="alarmChartData"></app-pie>
-      </div>
     </div>
-
     <div class="rb-content">
-      <h4>{{"Alarm" | translate}}</h4>
+      <h4>{{"VM PERFORMANCE" | translate}}</h4>
       <nz-dropdown [nzTrigger]="'click'" [nzPlacement]="'bottomRight'">
         <button nz-button nz-dropdown><span>{{sourceNameSelected}}</span> <i class="anticon anticon-down"></i></button>
         <ul nz-menu>
@@ -58,6 +63,4 @@
       <app-line [initData]="alarmLineChartInit" [chartData]="alarmLineChartData"></app-line>
     </div>
   </div>
-
 </div>
-