fix(公用样式)：提交

src/vab/styles/default.scss

@@ -635,9 +635,7 @@ $--background-color-base: $base-color-background;
   background-color: $--background-color-base;
 }
 
-.el-table__body-wrapper
-  .el-table--border.is-scrolling-right
-  ~ .el-table__fixed-right {
+.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
   border-left: 1px solid$--border-color-lighter;
 }
 
@@ -1040,8 +1038,7 @@ $--background-color-base: $base-color-background;
   border-right: 1px solid #e4e4e4;
 }
 
-.el-time-spinner__wrapper.is-arrow
-  .el-time-spinner__item:hover:not(.disabled):not(.active) {
+.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
   background: $base-color-white;
 }
 
@@ -1201,9 +1198,7 @@ $--background-color-base: $base-color-background;
   color: $base-color-red;
 }
 
-.el-form-item.is-required:not(.is-no-asterisk)
-  .el-form-item__label-wrap
-  > .el-form-item__label:before,
+.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before,
 .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
   color: $base-color-red;
 }
@@ -1304,9 +1299,7 @@ $--background-color-base: $base-color-background;
   border-left-color: $--border-color-base;
 }
 
-.el-tabs--border-card
-  > .el-tabs__header
-  .el-tabs__item:not(.is-disabled):hover {
+.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
   color: $base-color-blue;
 }
 
@@ -1568,12 +1561,8 @@ $--background-color-base: $base-color-background;
   color: $base-color-blue;
 }
 
-.el-input-number__decrease:hover:not(.is-disabled)
-  ~ .el-input
-  .el-input__inner:not(.is-disabled),
-.el-input-number__increase:hover:not(.is-disabled)
-  ~ .el-input
-  .el-input__inner:not(.is-disabled) {
+.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),
+.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
   border-color: $base-color-blue;
 }
 
@@ -1739,30 +1728,18 @@ $--background-color-base: $base-color-background;
   color: $base-color-grey;
 }
 
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input
-  .el-input-number__increase {
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
+.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
   border: 1px solid $--border-color-base;
 }
 
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:hover
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:hover
-  .el-input-number__increase {
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
   border-color: $--color-text-placeholder;
 }
 
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:active
-  .el-input-number__decrease,
-.el-slider.is-vertical.el-slider--with-input
-  .el-slider__input:active
-  .el-input-number__increase {
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
+.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
   border-color: $base-color-blue;
 }
 
@@ -1901,9 +1878,7 @@ $--background-color-base: $base-color-background;
   color: $base-color-white;
 }
 
-.el-upload-list--picture
-  .el-upload-list__item:hover
-  .el-upload-list__item-status-label {
+.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
   background: 0 0;
 }
 
@@ -2669,16 +2644,7 @@ $--background-color-base: $base-color-background;
     color-stop(83%, #f0f),
     to(red)
   );
-  background: linear-gradient(
-    to right,
-    red 0,
-    #ff0 17%,
-    #0f0 33%,
-    #0ff 50%,
-    #00f 67%,
-    #f0f 83%,
-    red 100%
-  );
+  background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 }
 
 .el-color-hue-slider__thumb {
@@ -2699,57 +2665,22 @@ $--background-color-base: $base-color-background;
     color-stop(83%, #f0f),
     to(red)
   );
-  background: linear-gradient(
-    to bottom,
-    red 0,
-    #ff0 17%,
-    #0f0 33%,
-    #0ff 50%,
-    #00f 67%,
-    #f0f 83%,
-    red 100%
-  );
+  background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
 }
 
 .el-color-svpanel__white {
-  background: -webkit-gradient(
-    linear,
-    left top,
-    right top,
-    from($base-color-white),
-    to(rgba(255, 255, 255, 0))
-  );
-  background: linear-gradient(
-    to right,
-    $base-color-white,
-    rgba(255, 255, 255, 0)
-  );
+  background: -webkit-gradient(linear, left top, right top, from($base-color-white), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to right, $base-color-white, rgba(255, 255, 255, 0));
 }
 
 .el-color-svpanel__black {
-  background: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    from($base-color-black),
-    to(rgba(0, 0, 0, 0))
-  );
+  background: -webkit-gradient(linear, left bottom, left top, from($base-color-black), to(rgba(0, 0, 0, 0)));
   background: linear-gradient(to top, $base-color-black, rgba(0, 0, 0, 0));
 }
 
 .el-color-alpha-slider__bar {
-  background: -webkit-gradient(
-    linear,
-    left top,
-    right top,
-    from(rgba(255, 255, 255, 0)),
-    to(white)
-  );
-  background: linear-gradient(
-    to right,
-    rgba(255, 255, 255, 0) 0,
-    $base-color-white 100%
-  );
+  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
+  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, $base-color-white 100%);
 }
 
 .el-color-alpha-slider__thumb {
@@ -2758,18 +2689,8 @@ $--background-color-base: $base-color-background;
 }
 
 .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
-  background: -webkit-gradient(
-    linear,
-    left top,
-    left bottom,
-    from(rgba(255, 255, 255, 0)),
-    to(white)
-  );
-  background: linear-gradient(
-    to bottom,
-    rgba(255, 255, 255, 0) 0,
-    $base-color-white 100%
-  );
+  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, $base-color-white 100%);
 }
 
 .el-color-dropdown__value {
@@ -3043,11 +2964,7 @@ $--background-color-base: $base-color-background;
   color: $base-color-black-light-1;
 }
 
-.el-transfer-panel
-  .el-transfer-panel__header
-  .el-checkbox
-  .el-checkbox__label
-  span {
+.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
   color: $base-color-grey;
 }
 
@@ -4133,11 +4050,11 @@ $--background-color-base: $base-color-background;
     font-size: 14px;
     padding-right: 8px;
     span:first-child {
-      flex:1;
+      flex: 1;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      width:0;
+      width: 0;
     }
   }
   .el-tree-node__content {
@@ -4163,3 +4080,21 @@ $--background-color-base: $base-color-background;
     background-color: #dde9ff !important;
   }
 }
+.side-layout {
+  display: flex;
+  width: 100%;
+  .tree-side {
+    flex: 0 0 210px;
+    margin-right: 10px;
+  }
+  .tree-table {
+    width: calc(100% - 220px);
+  }
+  .info-side {
+    flex: 0 0 400px;
+  }
+  .info {
+    width: calc(100% - 410px);
+    margin-right: 10px;
+  }
+}