summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorguochuyicmri <guochuyi@chinamobile.com>2019-05-08 16:44:52 +0800
committerguochuyicmri <guochuyi@chinamobile.com>2019-05-08 16:45:03 +0800
commitab666b4dce8aef2a370cba529c2db8b8cebc9ff5 (patch)
tree8908892469cc8bc0469fa35fef275453e66e2a5b
parent9173c17032ab2bb7c2a5f82d67c3d1ef94849471 (diff)
User and service type management interface front
Change-Id: I75fa65bb1b929e7b78588dafc86ea024e9d7fb23 Issue-ID: USECASEUI-212 Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
-rw-r--r--usecaseui-portal/src/app/components/customer/customer.component.html44
-rw-r--r--usecaseui-portal/src/app/managemencs.service.ts14
-rw-r--r--usecaseui-portal/src/assets/images/customerBarUser.pngbin0 -> 578 bytes
3 files changed, 25 insertions, 33 deletions
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.html b/usecaseui-portal/src/app/components/customer/customer.component.html
index db5b67ef..4b6651b9 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.html
+++ b/usecaseui-portal/src/app/components/customer/customer.component.html
@@ -16,26 +16,30 @@
<div class="content">
<div class="chearts">
<div class="Cu">
- <p>Instance Count of Customer</p>
+ <p> {{"i18nTextDefine_Instance_Count_of_Customer" | translate}} </p>
<app-pie [initData]="CUChartInit" [chartData]="CUChartData"></app-pie>
- <div class="legend"></div><span>users</span>
+ <div class="legend"></div><span> {{"i18nTextDefine_users" | translate}} </span>
</div>
<div class="type">
- <p>Instance Count of Service Type</p>
+ <p> {{"i18nTextDefine_Instance_Count_of_ServiceType" | translate}} </p>
<app-bar [initData]="serviceInit" [chartData]="serviceData"></app-bar>
+ <div class="footname" style="width: 100%;height: 40px;line-height: 40px;text-align: center;color: #3C4F8C;margin-top: 20px">
+ <img src="../../../../assets/images/customerBarUser.png" alt="customerName" style="margin-right: 5px;margin-bottom: 3px;">
+ {{this.serviceInit["customer"]}}
+ </div>
</div>
</div>
<div class="customer">
<div class="customer_title">
<div class="customers">
- <span>Customer</span>
+ <span> {{"i18nTextDefine_Customer" | translate}} </span>
<img src="./assets/images/customer04.png" alt="" (click)="this.customeradd = !this.customeradd" style="cursor: pointer">
</div>
</div>
<div class="customer_detail">
<div class="customer_add" *ngIf="customeradd">
- <input nz-input placeholder="Input customer name" class="customer_name" nzSize="default" [(ngModel)]="addNewCustomer">
- <button nz-button nzType="primary" class="customer_addbut" (click) = "createNewCustomer()">Add</button>
+ <input nz-input placeholder=" {{'i18nTextDefine_Input_customerName' | translate}} " class="customer_name" nzSize="default" [(ngModel)]="addNewCustomer">
+ <button nz-button nzType="primary" class="customer_addbut" (click) = "createNewCustomer()">{{"i18nTextDefine_Add" | translate}}</button>
</div>
<div class="customer_list">
<ul>
@@ -51,14 +55,14 @@
<div class="services_type">
<div class="services_type_title">
<div class="servicess">
- <span>Services Type</span>
+ <span> {{"i18nTextDefine_ServiceType" | translate}} </span>
<img src="./assets/images/customer03.png" alt="" (click)="this.servicesadd = !this.servicesadd " style="cursor: pointer">
</div>
</div>
<div class="services_type_detail">
<div class="services_add" *ngIf="servicesadd">
- <input nz-input placeholder="Input services type" class="services_name" nzSize="default">
- <button nz-button nzType="primary" class="services_addbut" (click) = "createNewServiceType()">Add</button>
+ <input nz-input placeholder=" {{'i18nTextDefine_Input_ServicesType' | translate}} " class="services_name" nzSize="default">
+ <button nz-button nzType="primary" class="services_addbut" (click) = "createNewServiceType()">{{"i18nTextDefine_Add" | translate}}</button>
</div>
<div class="services_list">
<div class="border_size"></div>
@@ -74,31 +78,31 @@
</div>
</div>
- <nz-modal nzWidth="428" [(nzVisible)]="deleteCustomerModelVisible" nzTitle="Delete" (nzOnCancel)="deleteCustomerCancel()"
- (nzOnOk)="deleteCustomerOk()" nzClassName="deleteModel">
- <h3><span style="color: red">*&nbsp;</span>Are you sure delete this Customer ?</h3>
+ <nz-modal nzWidth="428" [(nzVisible)]="deleteCustomerModelVisible" nzTitle=" {{'i18nTextDefine_delete' | translate}} " (nzOnCancel)="deleteCustomerCancel()"
+ (nzOnOk)="deleteCustomerOk()" nzClassName="deleteModel" nzCancelText=" {{'i18nTextDefine_Cancel' | translate}} " nzOkText=" {{'i18nTextDefine_modelOk' | translate}} ">
+ <h3><span style="color: red">*&nbsp;</span> {{"i18nTextDefine_Input_Sure_deleteCustomer" | translate}} </h3>
<div class="question">
- <h4>Customer Name:</h4>
+ <h4> {{"i18nTextDefine_CustomerName" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteCustomer["name"]}}</div>
</div>
<div class="question">
- <h4>Customer ID:</h4>
+ <h4> {{"i18nTextDefine_CustomerID" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteCustomer["id"]}}</div>
</div>
</nz-modal>
- <nz-modal nzWidth="428" [(nzVisible)]="deleteServiceTypeModelVisible" nzTitle="Delete" (nzOnCancel)="deleteServiceTypeCancel()"
- (nzOnOk)="deleteServiceTypeOk()" nzClassName="deleteModel deleteServiceTypeModel">
- <h3><span style="color: red">*&nbsp;</span>Are you sure delete this Service Type ?</h3>
+ <nz-modal nzWidth="428" [(nzVisible)]="deleteServiceTypeModelVisible" nzTitle=" {{'i18nTextDefine_delete' | translate}} " (nzOnCancel)="deleteServiceTypeCancel()"
+ (nzOnOk)="deleteServiceTypeOk()" nzClassName="deleteModel deleteServiceTypeModel" nzCancelText=" {{'i18nTextDefine_Cancel' | translate}} " nzOkText=" {{'i18nTextDefine_modelOk' | translate}} ">
+ <h3><span style="color: red">*&nbsp;</span> {{"i18nTextDefine_Input_Sure_deleteServiceType" | translate}} </h3>
<div class="question">
- <h4>Customer Name:</h4>
+ <h4> {{"i18nTextDefine_CustomerName" | translate}} :</h4>
<div class="deleteModelContent">{{selectCustomer.name}}</div>
</div>
<div class="question">
- <h4>Customer ID:</h4>
+ <h4> {{"i18nTextDefine_CustomerID" | translate}} :</h4>
<div class="deleteModelContent">{{selectCustomer.id}}</div>
</div>
<div class="question">
- <h4>Service Type:</h4>
+ <h4> {{"i18nTextDefine_ServiceType" | translate}} :</h4>
<div class="deleteModelContent">{{thisdeleteServiceType["type"]}}</div>
</div>
</nz-modal>
diff --git a/usecaseui-portal/src/app/managemencs.service.ts b/usecaseui-portal/src/app/managemencs.service.ts
index 62113133..03ddb2e2 100644
--- a/usecaseui-portal/src/app/managemencs.service.ts
+++ b/usecaseui-portal/src/app/managemencs.service.ts
@@ -10,19 +10,7 @@ export class ManagemencsService {
constructor(private http: HttpClient) { }
baseUrl = baseUrl.baseUrl;
- /* location */
- // url = {
- // customers: this.baseUrl + "/customers/customers_list.json",
- // serviceType: this.baseUrl + "/serviceTypes.json?*_*",
- // CustomersPir: this.baseUrl + "/customers/customersber.json",
- // CustomersColumn: this.baseUrl + "/customers/customersber.json?*_*",
- // createCustomer: this.baseUrl + "/customers/createCustomer.json?",
- // createServiceType: this.baseUrl + "/customers/createServiceType.json",
- // getCustomerResourceVersion: this.baseUrl + "/customers/deleteCustomer.json?*_*",
- // deleteCustomer: this.baseUrl + "/customers/createServiceType.json",
- // getServiceTypeResourceVersion: this.baseUrl + "/customers/deleteCustomer.json?*_*",
- // deleteServiceType: this.baseUrl + "/customers/createServiceType.json",
- // };
+
/* line up */
diff --git a/usecaseui-portal/src/assets/images/customerBarUser.png b/usecaseui-portal/src/assets/images/customerBarUser.png
new file mode 100644
index 00000000..54aef5f8
--- /dev/null
+++ b/usecaseui-portal/src/assets/images/customerBarUser.png
Binary files differ