diff options
author | 2019-05-08 16:44:52 +0800 | |
---|---|---|
committer | 2019-05-08 16:45:03 +0800 | |
commit | ab666b4dce8aef2a370cba529c2db8b8cebc9ff5 (patch) | |
tree | 8908892469cc8bc0469fa35fef275453e66e2a5b /usecaseui-portal | |
parent | 9173c17032ab2bb7c2a5f82d67c3d1ef94849471 (diff) |
User and service type management interface front
Change-Id: I75fa65bb1b929e7b78588dafc86ea024e9d7fb23
Issue-ID: USECASEUI-212
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal')
-rw-r--r-- | usecaseui-portal/src/app/components/customer/customer.component.html | 44 | ||||
-rw-r--r-- | usecaseui-portal/src/app/managemencs.service.ts | 14 | ||||
-rw-r--r-- | usecaseui-portal/src/assets/images/customerBarUser.png | bin | 0 -> 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">* </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">* </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">* </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">* </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 Binary files differnew file mode 100644 index 00000000..54aef5f8 --- /dev/null +++ b/usecaseui-portal/src/assets/images/customerBarUser.png |