1 files changed, 132 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/alarm/alarm.component.less b/usecaseui-portal/src/app/alarm/alarm.component.less
new file mode 100644
index 00000000..2d05c703
--- /dev/null
+++ b/usecaseui-portal/src/app/alarm/alarm.component.less
@@ -0,0 +1,132 @@
+.title {
+    font: 700 18px/18px "思源黑体";
+    color: #4c5e70;
+    margin-bottom: 18px; 
+}
+hr {
+    border: none;
+    height: 2px;
+    background-color: #dce1e7;
+    margin-bottom: 20px;
+}
+.select {
+    .query_criteria {
+        span {
+            display: inline-block;
+            font: 700 14px "Arial";
+            color: #4c5e70;
+        }
+        nz-dropdown {
+            vertical-align: middle;
+            :hover{
+                border-color: #147dc2;
+            }
+            button {
+                width: 165px;
+                height: 30px;
+                background-color: #eceff4;
+                text-align: left;
+                border-color: #9fa9ab;
+                span {
+                    font-weight: 400;
+                    display: inline-block;
+                    width: 120px;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    padding-top: 2px;
+                }
+                i {
+                    position: absolute;
+                    top: 10px;
+                    right: 10px;
+                }
+            }
+            //下拉框中的样式在style.less中，下拉框是在body中额外临时生成的
+        }
+        .search {
+            margin-left: 20px;       
+            height: 30px;
+            padding: 0 10px;
+            span {
+                color: #fff;
+                font-weight: 400;
+            }
+        }
+    }
+   
+}
+// model style
+
+::ng-deep .vertical-center-modal {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+::ng-deep .vertical-center-modal .ant-modal {
+    top: 0;
+}
+
+.content {
+    clear: both;
+    padding-top: 20px;
+    .title {
+        border-radius: 5px 5px 5px 5px;
+        background-color: #fff;
+        height: 106px;
+        border-bottom: 1px solid #f0f0f0;
+        margin-bottom: 20px;
+        clear: both;
+        ul {
+            display: flex;
+            display: -webkit-flex; 
+            justify-content: space-around;
+            align-items: center;
+            padding: 0;
+            margin: 0;
+            height: 100%;
+            width: 70%;
+            float: left;
+            li {
+                list-style: none;
+                padding-left: 32px;
+                width: 100%;
+                border-left: 1px solid #eceff4;
+                h5 {
+                    font: 500 14px "Arial";
+                    color: #3d4d65;
+                }
+                p {
+                    font: 500 24px "Arial";
+                    color: #3fa8eb;
+                    margin-bottom: 0;
+                }
+            }
+            li:nth-child(1){
+                border: none;
+            }
+        }
+        .thumbnail {
+            width: 25%;
+            height: 90px;
+            float: left;
+            margin-top: 8px;
+        }
+    }
+    .tablelist {
+        background-color: #fff;
+        padding: 24px 10px 0px;
+        border-radius: 0 0 5px 5px;
+        .action{
+            padding: 10px 0 0 20px;
+            .details{
+                display: inline-block;
+                width: 16px;
+                height: 16px;
+                background: url(../../assets/images/icon.png) center -113px;
+                &:hover {
+                    background: url(../../assets/images/icon.png) no-repeat center -128px;
+                }
+            }
+        }
+    }
+}