feat: change the project structure and add mock data function

Change-Id: I381845bff5eb37d1fab3eba8cf1ae7838df523b7
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 0 insertions, 244 deletions

diff --git a/usecaseui-portal/src/app/alarm/alarm.component.less b/usecaseui-portal/src/app/alarm/alarm.component.less
deleted file mode 100644
index 434470fc..00000000
--- a/usecaseui-portal/src/app/alarm/alarm.component.less
+++ /dev/null
@@ -1,244 +0,0 @@
-/*
-    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
-
-    Licensed under the Apache License, Version 2.0 (the "License");
-    you may not use this file except in compliance with the License.
-    You may obtain a copy of the License at
-
-            http://www.apache.org/licenses/LICENSE-2.0
-
-    Unless required by applicable law or agreed to in writing, software
-    distributed under the License is distributed on an "AS IS" BASIS,
-    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-    See the License for the specific language governing permissions and
-    limitations under the License.
-*/
-.title {
-    font: 500 16px/16px "ArialMT";
-    color: #3C4F8C;
-    margin: 20px;
-}
-hr {
-    border: none;
-    height: 2px;
-    background-color: #dce1e7;
-    margin-bottom: 20px;
-}
-.select {
-    margin-bottom: 15px;
-    width: 100%;
-    .query_criteria {
-        width: 100%;
-        .query_item {
-            width: 20%;
-            display: inline-block;
-            span {
-                display: inline-block;
-                font: 500 13px "ArialMT";
-                color: #3C4F8C;
-            }
-            nz-dropdown {
-                vertical-align: middle;
-                width: 55%;
-                :hover{
-                    border-color: #48C6EF;
-                }
-                button {
-                    width: 100%;
-                    height: 30px;
-                    background-color: #fff;
-                    text-align: left;
-                    border-color: #EEEEEE ;
-                    border-radius: 2px;
-                    span {
-                        font-weight: 400;
-                        color:rgba(60,79,140,0.5);
-                        display: inline-block;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        padding-top: 2px;
-                    }
-                    i {
-                        position: absolute;
-                        top: 10px;
-                        right: 10px;
-                    }
-                }
-            }
-        }
-       
-        .query_time{
-            display: inline-block;
-            span {
-                font: 500 13px "ArialMT";
-                color: #3C4F8C;
-            }
-        }
-        .search {
-            margin-left: 0.8%;
-            height: 30px;
-            padding: 0 10px;
-            span {
-                color: #fff;
-                font-weight: 400;
-            }
-        }
-    }
-}
-.charts{
-    width: 100%;
-    height: 250px;
-    margin-bottom: 25px;
-    .chartsleft {
-        width: 30%;
-        height: 100%;
-        float: left;
-        margin-right: 2%;
-        color: #fff;
-        font-family:"ArialMT";
-        .sctive_closed {
-            height: 48.75%;
-            padding: 12px;
-            width: 100%;                  
-            :first-child{
-                font-size: 14px;
-            }
-            :nth-child(2) {
-                font-size: 18px;
-            }
-            :nth-child(3) {
-                font-size: 12px;
-            }
-        }
-        .active {
-            margin-bottom: 5px;
-            background: -webkit-linear-gradient(left, #FB7788 , #FB93C2); /* Safari 5.1 - 6.0 */
-            background: -o-linear-gradient(right, #FB7788, #FB93C2); /* Opera 11.1 - 12.0 */
-            background: -moz-linear-gradient(right, #FB7788, #FB93C2); /* Firefox 3.6 - 15 */
-            background: linear-gradient(to right, #FB7788 , #FB93C2); /* 标准的语法（必须放在最后） */
-        }
-        .closed {
-            margin-top: 2px;
-            background: -webkit-linear-gradient(left, #7A8BAE , #A6BFE4); /* Safari 5.1 - 6.0 */
-            background: -o-linear-gradient(right, #7A8BAE , #A6BFE4); /* Opera 11.1 - 12.0 */
-            background: -moz-linear-gradient(right,  #7A8BAE , #A6BFE4); /* Firefox 3.6 - 15 */
-            background: linear-gradient(to right,  #7A8BAE , #A6BFE4); /* 标准的语法（必须放在最后） */
-        }
-        
-    }
-    .chartsright {
-        background-color: #fff;
-        width: 68%;
-        padding: 20px;
-        float: left;
-        height: 100%;
-        .picker {
-            float: right; margin-right: 3%;
-        }
-        .datapicker {
-            padding-left: 700px;
-        }
-    }
-}
-.content {
-    .title {
-        border-radius: 5px 5px 0 0;
-        background-color: #fff;
-        height: 106px;
-        border-bottom: 1px solid #f0f0f0;
-        margin-bottom: 0;
-        ul {
-            display: flex;
-            display: -webkit-flex; 
-            justify-content: space-around;
-            align-items: center;
-            padding: 0;
-            margin: 0;
-            height: 100%;
-            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;
-            }
-        }
-    }
-    .chart {
-        background-color: #fff;
-        position: relative;
-        padding-bottom: 24px;
-        h3 {
-            font: 700 18px/18px "思源黑体";
-            color: #4c5e70;
-            padding: 20px 15px;
-            margin: 0;
-            width: 12%;
-            display: inline-block;
-        }
-        .AlarmChart {
-            height: 0px;
-            overflow: hidden;
-            border-bottom: 1px solid #f5f5f5;
-            transition: all 0.3s linear;
-        }
-        .alarmChart-active {
-            height: 386px;
-        }
-        .open-close {
-            width: 50px;
-            height: 25px;
-            position: absolute;
-            left: 50%;
-            bottom: 0px;
-            transform: translate(-25px,0);
-            border: none;
-            outline: none;
-            cursor: pointer;
-            background-color: #fff;
-            background: url(../../assets/images/open-close.png) no-repeat center -27px;
-            &:hover {
-                background: url(../../assets/images/open-close.png) no-repeat center -79px;
-            }
-        }
-        .open-close-active {
-            background: url(../../assets/images/open-close.png) center -1px;
-            &:hover {
-                background: url(../../assets/images/open-close.png) no-repeat center -53px;
-            }
-        }
-    }
-    .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;
-                }
-            }
-        }
-    }
-}
-
-
-
-
-