页面列表与按钮样式 调整

src/baseStyle.less

@@ -5,6 +5,13 @@
 @main-text-color-2: #666;
 @main-danger-color: rgb(214, 0, 14);
 
+//表单 重置 搜搜与其他
+@form-submit-color: #004f8e;
+@form-reset-color: #d7000f;
+@form-other-color: #fff;
+@form-color: #fff;
+
+
 @layout-background: #666;
 @layout-header-background: #666;
 @menu-list-bg: #666;
@@ -88,8 +95,111 @@
       }
     }
   }
-}
 
+  //重置
+  .buttonReset {
+    background-color: @form-reset-color;
+    border: 1px solid @form-reset-color;
+    border-radius: 4px;
+    color: @form-color;
+  }
+  //搜索
+  .buttonSubmit {
+    background-color: @form-submit-color;
+    border: 1px solid @form-submit-color;
+    border-radius: 4px;
+    color: @form-color;
+  }
+  //其它按钮
+  .buttonOther {
+    background-color: @form-other-color;
+    border: 1px solid #999;
+    border-radius: 4px;
+    color: #333;
+  }
+  //功能按钮
+  .buttonFunctionBlock {
+    background-color: @form-other-color;
+    border: 1px solid  @form-submit-color;
+    border-radius: 4px;
+    color:  @form-submit-color;
+  }
+}
+.common-container.on {
+  background: none;
+  padding: 0;
+  //左侧树
+  .treeBlock {
+    position: relative;
+    width: 280px;
+    background: #fff;
+    height: calc(100vh - 240px);
+    transition: width 0.3s;
+  
+    &.collapsed {
+      width: 0;
+      min-width: 0;
+      overflow: visible;
+      .dataTree { display: none; }
+      .shrinkBlock {
+        right: -30px;
+        top: 50%;
+        margin-top: -20px;
+        .btn {
+          margin: 0;
+        }
+      }
+    }
+  
+    .dataTree {
+      width: 280px;
+      height: 100%;
+      padding: 20px 10px;
+      overflow-x: auto;
+      overflow-y: auto;
+      box-sizing: border-box;
+      white-space: nowrap;
+    }
+  
+    .shrinkBlock {
+      position: absolute;
+      top: 50%;
+      right: -30px;
+      width: 30px;
+      height: 100px;
+      margin-top: -50px;
+      z-index: 100;
+  
+      .btn {
+        width: 30px;
+        background-color: @form-submit-color;
+        border: 1px solid @form-submit-color;
+        border-radius: 4px;
+        color: @form-color;
+        text-align: center;
+        padding: 2px 0;
+        font-size: 14px;
+        cursor: pointer;
+      }
+    }
+  
+    .expandOnly {
+      top: 50%;
+      right: -30px;
+      height: auto;
+      margin-top: -50px;
+    }
+  }
+  
+  .rightMain {
+    transition: width 0.3s;
+    width: calc(100% - 310px);
+    height: calc(100vh - 240px);
+    background-color: #fff;
+    padding: 0 24px;
+  }
+  
+}
 
 
 // .ant-layout-header {