From c63489b9bb2071abc8180af4e53c2dcb143c127d Mon Sep 17 00:00:00 2001
From: cyuamber <xuranyjy@chinamobile.com>
Date: Thu, 13 Feb 2020 20:44:33 +0800
Subject: feat:Optimize code for slice ordering and business code of csmf
 slicing

Change-Id: I62a00ed407796434239c2089788ac47330e1c0d8
Issue-ID: USECASEUI-368
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
---
 .../business-order/business-order.component.html                 | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html')

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html
index 0ad676a0..7b31b077 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.html
@@ -3,14 +3,14 @@
           (nzOnOk)="handleOk()"
           nzWidth="900px">
     <div class="subnet_params_container">
-        <form nz-form>
-            <nz-form-item *ngFor="let item of comunicationFormItems">
+        <form nz-form >
+            <nz-form-item *ngFor="let item of comunicationFormItems; let i = index">
                 <nz-form-label [nzSpan]="6" nzRequired [nzFor]="item.key">
                     {{ item.title }}
                 </nz-form-label>
                 <nz-form-control [nzSpan]="15">
-                    <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
-                           *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' "/>
+                    <input nz-input [id]="item.key" [name]="item.key" [(ngModel)]="slicing_order_info[item.key]" [ngClass]="{'error-input-border':validateRules[i] === true}"
+                           *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' " (blur)="validator(item.key,slicing_order_info[item.key],i)"/>
                     <nz-radio-group [name]="item.key" [(ngModel)]="slicing_order_info[item.key]"
                                     *ngIf="item.title === 'Resource Sharing Level'">
                         <label nz-radio [nzValue]="option.key" *ngFor="let option of item.options">
@@ -22,6 +22,7 @@
                         <nz-option [nzValue]="option.key" [nzLabel]="option.title" *ngFor="let option of item.options">
                         </nz-option>
                     </nz-select>
+                    <nz-form-explain *ngIf=" item.title !== 'Resource Sharing Level' && item.title !== 'Mobility' && item.title !== 'Area' && validateRules[i]" class="validateRules">{{rulesText[i]}}</nz-form-explain>
                 </nz-form-control>
                 <div *ngIf="item.key === 'coverageArea'">
                     <div *ngFor="let area of areaList; let i = index">
-- 
cgit 1.2.3-korg