lcw

src/assets/css/layout.scss

@@ -5,17 +5,19 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
- .logo{ 
+
+  .logo {
     white-space: nowrap;
-    padding-left: 8px; 
-    font-size:55px;
+    padding-left: 8px;
+    font-size: 55px;
     letter-spacing: 1px;
     font-family: "YSBTH";
     background: linear-gradient(180deg, #FFFFFF 52.4658203125%, #89AFCF 100%);
     -webkit-background-clip: text;
-    -webkit-text-fill-color:transparent ;
-    text-shadow: 4px 4px 4px rgba(255,255,255,0.15);
+    -webkit-text-fill-color: transparent;
+    text-shadow: 4px 4px 4px rgba(255, 255, 255, 0.15);
   }
+
   .right {
     display: flex;
     height: 100%;
@@ -23,9 +25,11 @@ header {
     z-index: 1999;
     position: relative;
     padding-right: 10px;
+
     .detail {
       display: flex;
       cursor: pointer;
+
       .hd {
         white-space: nowrap;
         color: #ffffff;
@@ -102,6 +106,7 @@ header {
   color: #333;
   padding: 20px;
   box-sizing: border-box;
+
   .head_box {
     height: 48px;
     border-bottom: 1px solid #F1F4F8;
@@ -109,10 +114,12 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    .title{
+
+    .title {
       position: relative;
       padding-left: 10px;
-      &::before{
+
+      &::before {
         position: absolute;
         content: '';
         top: 0;
@@ -125,7 +132,7 @@ header {
     }
   }
 
-  .form_cnt{
+  .form_cnt {
     padding-top: 10px;
     box-sizing: border-box;
     height: calc(100vh - 223px);
@@ -161,7 +168,7 @@ header {
     height: 7.5em;
     border: 1px solid #F1F4F8;
   }
-  
+
 }
 
 .searchBox {
@@ -180,6 +187,10 @@ header {
   box-sizing: border-box;
   background: #e9edf6;
 
+  .tabDataBox {
+    border-radius: 4px;
+  }
+
   .titleBox {
     height: 50px;
     display: flex;
@@ -192,7 +203,7 @@ header {
     box-sizing: border-box;
     border-radius: 4px;
     margin: 5px 0;
-    
+
     .title {
       height: 60px;
       line-height: 60px;
@@ -211,6 +222,7 @@ header {
     background: #fff;
     border-radius: 4px;
     height: calc(100vh - 327px);
+
     .el-table--fit {
       width: calc(100% - 20px) !important;
       position: absolute;
@@ -220,6 +232,7 @@ header {
       height: calc(100% - 100px);
       overflow: auto;
     }
+
     .fenye {
       background: #fff;
       border-width: 0 1px 1px 1px;
@@ -227,7 +240,8 @@ header {
       right: 0px;
       left: 0px;
       padding-right: 10px;
-      .el-pagination{
+
+      .el-pagination {
         display: flex;
         align-items: center;
         justify-content: flex-end;
@@ -275,22 +289,27 @@ header {
   }
 }
 
-.content-box-sun{
+.content-box-sun {
   display: flex;
-  .org-box{
+
+  .org-box {
     flex: 1;
+
     .org-content-box {
       width: 95%;
+
       .org-search-box {
         display: flex;
       }
-      .tree-box{
+
+      .tree-box {
         height: 750px;
         overflow: auto;
       }
     }
   }
-  .right-box-sun{
+
+  .right-box-sun {
     flex: 4;
   }
 }
@@ -301,6 +320,7 @@ header {
   justify-content: space-between;
   position: relative;
   z-index: 2;
+
   .title {
     height: 60px;
     line-height: 60px;
@@ -311,4 +331,4 @@ header {
   .btnBox {
     margin-top: 14px;
   }
-}
+}