feat:modify style

Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
Change-Id: Icee3596be55e809332ac7e9f3c667ec498973f06
Issue-ID: USECASEUI-527

2 files changed, 12 insertions, 9 deletions

diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
index 3944f967..ab30564a 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
@@ -36,7 +36,7 @@
             <div class="header">
                 <p>AN</p>
                 <p>TN</p>
-                <p>CN</p>
+                <p class="head_cn">CN</p>
             </div>
             <ul class="list-box">
                 <li>
@@ -49,7 +49,7 @@
                     <p >
                        vLan:{{businessDetailInfo.vLanText}}
                     </p>
-                    <p [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+                    <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
                 </li>
                 <li>
                     <p>{{businessDetailInfo.tnVersion}}</p>
@@ -63,7 +63,7 @@
                     <p>
                        {{businessDetailInfo.msText}} ms
                     </p>
-                    <p  [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+                    <p  [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
                     <p class="">Link Type:{{businessDetailInfo.linkType}}</p>
                 </li>
                 <li>
@@ -77,7 +77,7 @@
                     <p >
                        vLan:{{businessDetailInfo.cnVlan}}
                     </p>
-                    <p [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+                    <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
                 </li>
                 <li>
                     <p>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
index 38e20a72..ead96487 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
@@ -11,10 +11,13 @@ a{
     height: 40px;
     line-height: 40px;
     color:#000;
-    margin:10px 102px;
+    margin:10px 80px;
+}
+.head_cn{
+    margin-right: 8px;
 }
 .anImg{
-    width: 65px;
+    width: 76px;
     height: auto;
     margin-top: 20px;
 }
@@ -40,20 +43,20 @@ a{
   width: 180px;
   height: 3px;
   background: #1DA57A;
-  margin: 0 5px;
+  margin: 0 15px;
 }
 .offline-type{
     width: 180px;
     height: 3px;
     background: #7e848a;
-    margin: 0 5px;
+    margin: 0 15px;
 }
 .vLan-line{
     text-align: center;
     top:-20px;
 }
 .tnImg{
-    width: 65px;
+    width: 50px;
     height:auto;
 }
 .three-box{