Service instance lifecycle management

Change-Id: I68bbc10d0df26e43bc3b78c8db5cf208359bfa82
Issue-ID: USECASEUI-218
Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>

1 files changed, 31 insertions, 11 deletions

diff --git a/usecaseui-portal/src/app/services/services-list/services-list.component.less b/usecaseui-portal/src/app/services/services-list/services-list.component.less
index c1cf7598..b7499724 100644
--- a/usecaseui-portal/src/app/services/services-list/services-list.component.less
+++ b/usecaseui-portal/src/app/services/services-list/services-list.component.less
@@ -238,8 +238,7 @@ hr {
                 .icon-more{
                     position: absolute;
                     width: 115px;
-                    height: 135px;
-                    //height: 156px;
+                    height: 90px;
                     top:50px;
                     padding:15px 0 0 15px;
                     background: #ffffff;
@@ -250,10 +249,28 @@ hr {
                         margin-bottom:10px;
                         line-height: 20px;
                         text-align: left;
+                        cursor: pointer;
+                        .anticon{
+                            width: 18px;
+                            height: 18px;
+                            background: url("../../../assets/images/scale.png") no-repeat;
+                        }
+                        .anticon.anticon-update{
+                            background: url("../../../assets/images/update.png") no-repeat;
+                        }
                         span{
                             margin-left: 5px;
                         }
                     }
+                    li:hover{
+                        color: #0DA9E2;
+                        .anticon{
+                            background: url("../../../assets/images/scale-active.png") no-repeat;
+                        }
+                        .anticon.anticon-update{
+                            background: url("../../../assets/images/update-active.png") no-repeat;
+                        }
+                    }
                 }
             }
             tr.childtr {
@@ -275,7 +292,7 @@ hr {
     height: 100vh;
     background-color: #f3f3f3;
     overflow-y: auto;
-    padding: 20px 32px;
+    //padding: 20px 32px;
     z-index: 3;
 }
 .createComponent {
@@ -291,29 +308,32 @@ hr {
 }
 /*2019.01.14*/
 .e2eColor,.nsColor,.ccvpnColor,.sotnColor,.voLTEColor{
-    color: #FFFFFF;
+    color: #3671AB;
     width:120px;
     height: 34px;
     line-height: 34px;
     margin-bottom: 0!important;
     text-align: center;
-    background:linear-gradient(131deg,rgba(79,151,239,1) 0%,rgba(48,217,196,1) 100%);
+    background:linear-gradient(131deg,rgba(147,196,255,1) 0%,rgba(120,241,226,1) 100%);
     border-radius:4px
 }
 .nsColor{
-    background:linear-gradient(135deg,rgba(252,167,91,1) 0%,rgba(253,203,106,1) 100%);
+    background:linear-gradient(135deg,rgba(253,187,127,1) 0%,rgba(250,215,153,1) 100%);
     border-radius:4px;
+    color: #A16C39;
 }
-.ccvpnColor{ 
-    background:linear-gradient(135deg,rgba(81,113,251,1) 0%,rgba(201,123,254,1) 100%);
+.ccvpnColor{
+    background:linear-gradient(135deg,rgba(198,222,251,1) 0%,rgba(217,215,252,1) 100%);
     border-radius:4px;
+    color: #7C74BB;
 }
 .sotnColor{
-    background:linear-gradient(133deg,rgba(24,179,170,1) 0%,rgba(70,216,178,1) 100%);
+    background:rgba(201,243,239,1);
     border-radius:4px;
+    color: #30B0A0;
 }
-.voLTEColor{    
-    background:#0AD251;
+.voLTEColor{
+    background:rgba(201,243,239,1);
 }
 .vnfColor,.siteColor,.SDWANColor{
     color:rgba(60,79,140,0.5);