规划支撑与全局样式调整,消除影响

src/views/complianceAnalysis/ghzc.scss

@@ -168,134 +168,9 @@
     .el-loading-mask {
         background-color: rgba(255, 255, 255, 0.35) !important;
     }
-}
-
-.flex-box {
-    display: flex;
-
-    &.column {
-        flex-direction: column;
-    }
-
-    &.align-center {
-        align-items: center;
-    }
-
-    &.align-between {
-        align-items: space-between;
-    }
-
-    &.align-end {
-        align-items: flex-end;
-    }
-
-    &.align-around {
-        align-items: space-around;
-    }
-
-    &.justify-center {
-        justify-content: center;
-    }
-
-    &.justify-between {
-        justify-content: space-between;
-    }
 
-    &.justify-end {
-        justify-content: flex-end;
-    }
-
-    &.justify-around {
-        justify-content: space-around;
-    }
-
-    .flex-content {
-        flex: 1;
-    }
-
-    &.nowrap {
-        flex-wrap: nowrap;
-    }
-
-    &.wrap {
-        flex-wrap: wrap;
-    }
-}
-
-// 占满容器
-.max-box {
-    width: 100%;
-    height: 100%;
-}
-
-.max-width {
-    width: 100%;
-}
 
-.max-height {
-    height: 100%;
-}
-
-// ie盒模型
-.box-sizing {
-    box-sizing: border-box;
-}
-
-.site-title {
-    width: 100%;
-    height: 40px;
-    color: #fff;
-    font-weight: 400;
-    font-size: 16px;
-    border-bottom: 4px solid #0B4072;
-    display: flex;
-    justify-content: space-between;
-
-    .siteCon {
-        width: 100px;
-        display: flex;
-        justify-content: flex-start;
-
-        span {
-            display: inline-block;
-        }
-    }
-
-    .site_Icon {
-        width: 18px;
-        height: 18px;
-        background-image: url("/static/images/ghzc/icon.png");
-        background-size: 100% 100%;
-        margin-top: 10px;
-    }
-
-    .el-button--mini {
-        background: #0F7AC8;
-        border: none;
-        border-radius: 0;
-        color: #fff;
-        width: 60px;
-        height: 26px;
-        font-size: 14px;
-        // margin-left: 40px !important;
-    }
-
-    // span {
-    //     width: 70px;
-    //     height: 100%;
-    //     line-height: 1.7;
-    //     text-align: center;
-    //     border-radius: 5px;
-    //     display: inline-block;
-    //     padding: 0;
-    //     border: 1px solid #02A7F0;
-    //     float: right;
-    //     cursor: pointer;
-    //     margin-left: 30px;
-    // }
-}
-
-.el-form,
+    .el-form,
 .el-col {
     .el-input--mini .el-input__inner {
         color: #fff !important;
@@ -486,4 +361,131 @@
 
 .el-cascader--mini {
     right: 0px !important;
-}
+}
+}
+
+.flex-box {
+    display: flex;
+
+    &.column {
+        flex-direction: column;
+    }
+
+    &.align-center {
+        align-items: center;
+    }
+
+    &.align-between {
+        align-items: space-between;
+    }
+
+    &.align-end {
+        align-items: flex-end;
+    }
+
+    &.align-around {
+        align-items: space-around;
+    }
+
+    &.justify-center {
+        justify-content: center;
+    }
+
+    &.justify-between {
+        justify-content: space-between;
+    }
+
+    &.justify-end {
+        justify-content: flex-end;
+    }
+
+    &.justify-around {
+        justify-content: space-around;
+    }
+
+    .flex-content {
+        flex: 1;
+    }
+
+    &.nowrap {
+        flex-wrap: nowrap;
+    }
+
+    &.wrap {
+        flex-wrap: wrap;
+    }
+}
+
+// 占满容器
+.max-box {
+    width: 100%;
+    height: 100%;
+}
+
+.max-width {
+    width: 100%;
+}
+
+.max-height {
+    height: 100%;
+}
+
+// ie盒模型
+.box-sizing {
+    box-sizing: border-box;
+}
+
+.site-title {
+    width: 100%;
+    height: 40px;
+    color: #fff;
+    font-weight: 400;
+    font-size: 16px;
+    border-bottom: 4px solid #0B4072;
+    display: flex;
+    justify-content: space-between;
+
+    .siteCon {
+        width: 100px;
+        display: flex;
+        justify-content: flex-start;
+
+        span {
+            display: inline-block;
+        }
+    }
+
+    .site_Icon {
+        width: 18px;
+        height: 18px;
+        background-image: url("/static/images/ghzc/icon.png");
+        background-size: 100% 100%;
+        margin-top: 10px;
+    }
+
+    .el-button--mini {
+        background: #0F7AC8;
+        border: none;
+        border-radius: 0;
+        color: #fff;
+        width: 60px;
+        height: 26px;
+        font-size: 14px;
+        // margin-left: 40px !important;
+    }
+
+    // span {
+    //     width: 70px;
+    //     height: 100%;
+    //     line-height: 1.7;
+    //     text-align: center;
+    //     border-radius: 5px;
+    //     display: inline-block;
+    //     padding: 0;
+    //     border: 1px solid #02A7F0;
+    //     float: right;
+    //     cursor: pointer;
+    //     margin-left: 30px;
+    // }
+}
+