summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/components/customer/customer.component.html
diff options
context:
space:
mode:
authorguochuyicmri <guochuyi@chinamobile.com>2019-05-05 10:10:50 +0800
committerguochuyicmri <guochuyi@chinamobile.com>2019-05-05 10:12:48 +0800
commitd0d32650fb14e4e556155475f21f00d6ab1d3ae0 (patch)
treeafe3a2b06c258ba59f74065e782df3ca3b35ca0f /usecaseui-portal/src/app/components/customer/customer.component.html
parent76cafb66f1897b971736a9c9bdf2e8f0fd5a9579 (diff)
Added monitor and user management logic
Change-Id: Iedca2ea71126529864baeec067b46050a1e0a67d Issue-ID: USECASEUI-228 Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/components/customer/customer.component.html')
-rw-r--r--usecaseui-portal/src/app/components/customer/customer.component.html48
1 files changed, 17 insertions, 31 deletions
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.html b/usecaseui-portal/src/app/components/customer/customer.component.html
index 9bf6c5ab..6693354b 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.html
+++ b/usecaseui-portal/src/app/components/customer/customer.component.html
@@ -14,6 +14,17 @@
limitations under the License.
-->
<div class="content">
+ <div class="chearts">
+ <div class="Cu">
+ <p>Instance Count of Customer</p>
+ <app-pie [initData]="CUChartInit" [chartData]="CUChartData"></app-pie>
+ <div class="legend"></div><span>users</span>
+ </div>
+ <div class="type">
+ <p>Instance Count of Service Type</p>
+ <app-bar [initData]="serviceInit" [chartData]="serviceData"></app-bar>
+ </div>
+ </div>
<div class="customer">
<div class="customer_title">
<div class="customers">
@@ -28,22 +39,8 @@
</div>
<div class="customer_list">
<ul>
- <li class="active"><img src="./assets/images/customer05.png" alt=""><span>name</span><i
+ <li *ngFor ="let item of AllCustomersdata,let i = index" [ngClass]="{active: chose ==i}" (click)="choseCustomer(i,item)"><img src="./assets/images/customer05.png" alt=""><span>{{item.name}}</span><i
class="anticon anticon-delete" nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
- <li><img src="./assets/images/customer05.png" alt=""><span>name</span><i class="anticon anticon-delete"
- nzType="info"></i></li>
</ul>
</div>
</div>
@@ -61,25 +58,14 @@
<button nz-button nzType="primary" class="services_addbut">Add</button>
</div>
<div class="services_list">
+ <div class="border_size"></div>
<div style="padding:0 20px;">
- <ul>
- <li><span>Type1</span><i class="anticon anticon-delete" nzType="info"></i></li>
- <li><span>Type2</span><i class="anticon anticon-delete" nzType="info"></i></li>
- <li><span>Type3</span><i class="anticon anticon-delete" nzType="info"></i></li>
- </ul>
+ <ul>
+ <li *ngFor = "let item of AllServiceTypes" ><span>{{item.type}}</span><i class="anticon anticon-delete" nzType="info"></i></li>
+ </ul>
</div>
</div>
</div>
</div>
- <div class="chearts">
- <div class="Cu">
- <p>Instance Count of Customer</p>
- <app-pie [initData]="CUChartInit" [chartData]="CUChartData"></app-pie>
- <div class="legend"></div><span>users</span>
- </div>
- <div class="type">
- <p>Instance Count of Service Type</p>
- <app-bar [initData]="serviceInit" [chartData]="serviceData"></app-bar>
- </div>
- </div>
+
</div> \ No newline at end of file