车辆管理，司机管理代码优化

src/views/index/vehicleManage.vue

@@ -145,13 +145,8 @@ export default {
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
 .wrap{
-  //overflow-y: auto;
-  //@include wh(100%,calc(100% - 46px));
-  //box-sizing: border-box;
-  //padding: 13px 13px 0;
   background: #F4F5F7;
-  box-sizing: border-box;
-  padding: 13px;
+  @include sizingPadding(13px,13px);
   @include wh(100%, 100%);
   overflow-y: auto;
 }
@@ -162,33 +157,26 @@ export default {
     border-radius: 10px;
     opacity: 0.7;
     border: 1px solid #FFFFFF;
-    @include flexCenter;
-    justify-content: center;
+    @include flexTwoCenter;
     img{
       @include widHeiMar(9px,8px,4px);
     }
     .addTxt{
       @include fontWeightSize(bolder,11px);
-      opacity: .7;
-      color: #FFFFFF;
+      @include colorOpa(#FFFFFF,0.7);
     }
   }
-
 }
 .carItem{
-//position: relative;
-//  z-index: 11;
   @include wh(100%,86px);
   background: #FFFFFF;
   box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
-  border-radius: 6px;
-  box-sizing: border-box;
+  @include radiusSizing(6px);
   padding: 11px 13px 11px 15px;
   margin-bottom: 10px;
   @include flexBetween;
   .carCode{
-    display: flex;
-    justify-content: space-between;
+    @include flexColBet;
     .codeLeft{
       @include fontWeightSize(bold,14px)
     }
@@ -196,13 +184,9 @@ export default {
       display: flex;
       button{
         border: none;
-        //width: 48px;
-        //@include all-height(20px);
         padding: 4px  8px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
         border-radius: 3px;
+        @include flexTwoCenter;
         @include fontWeightSize(bold,12px)
       }
       .del{
@@ -210,9 +194,8 @@ export default {
         background-color: #FFFFFF;
       }
       .revise{
-        color: #FFFFFF;
+        @include bgFontColor( #FFFFFF,#354D93);
         margin-left: 15px;
-        background: #354D93;
       }
     }
   }