Merge "Service instance lifecycle management"

1 files changed, 123 insertions, 0 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 915afd3a..fd7ef64b 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
@@ -27,6 +27,14 @@ hr {
 .ant-tabs-bar{
     margin-bottom: 0!important;
 }
+.mask{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+    background: rgba(0, 0, 0, 0.65);
+    top:0;
+}
 .action {
     margin-bottom: 15px;
     padding: 28px;
@@ -236,6 +244,121 @@ hr {
             }
         }
     }
+  //2019.0412 add
+    .nsdeleteModel{
+        height: 580px!important;
+    }
+    .deleteModel,.healModel{
+        width: 428px;
+        min-height: 450px;
+        position: fixed;
+        z-index: 1000;
+        top:50%;
+        left:50%;
+        margin-left: -214px;
+        margin-top: -225px;
+        background: #ffffff;
+        border-radius:4px;
+        h3{
+            width: 100%;
+            height: 50px;
+            line-height: 50px;
+            text-align: center;
+            position: relative;
+            color: #0DA9E2;
+            font-size: 18px;
+            margin-bottom: 0!important;
+            i{
+                position: absolute;
+                right: 3%;
+                cursor: pointer;
+                background: none!important;
+                transform: scale(1.5);
+                vertical-align: middle;
+                line-height: 50px;
+            }
+        }
+        .line{
+            width: 100%;
+            height: 2px;
+            background:linear-gradient(180deg,#07A9E1 0%,#30D9C4 100%);
+        }
+        .modelText{
+            padding: 10px 45px;
+            .question-title{
+                color: #3C4F8C;
+                font-size: 16px;
+                font-weight: 500;
+                span{
+                    color: red;
+                }
+            }
+            .question,.heal-question{
+                margin-bottom: 15px;
+                h4{
+                    border-radius:4px;
+                    font-size: 16px;
+                }
+                .deleteModelContent,.healModelContent{
+                    width: 306px;
+                    height: 40px;
+                    line-height: 40px;
+                    background:rgba(229,238,252,0.8);
+                    border-radius:4px;
+                    color: #0DA9E2;
+                    text-indent: 10px;
+                }
+                .heal-label{
+                    float: left;
+                    line-height: 42px;
+                    margin-bottom: 0;
+                    color:rgba(60,79,140,0.5);
+                }
+                .heal-input{
+                    width: 200px;
+                    height: 40px;
+                    border-radius: 6px;
+                    float: right;
+                    margin-right: 30px;
+                }
+                .healModelContent{
+                    width: 200px;
+                    height: 40px;
+                    overflow: hidden;
+                    float: right;
+                    margin-right: 30px
+                }
+            }
+            .heal-question{
+                height: 40px;
+            }
+
+        }
+        .action-btn{
+            margin-top: 20px;
+            text-align: center;
+            button{
+                width: 126px;
+                height: 40px;
+                line-height: 40px;
+                margin: 0 15px;
+                border: none;
+                border-radius:2px;
+                font-size: 14px!important;
+            }
+            button:nth-child(1){
+                background:rgba(238,238,238,1);
+                color: #9DA7C5;
+            }
+            button:nth-child(2){
+                background:rgba(13,169,226,1);
+                color: #ffffff;
+            }
+        }
+    }
+    .healModel{
+        min-height: 470px!important;
+    }
 }