修改样式表格

assets/css/custom.less

 //定义变量
-//@import './themes/deepBlank.less';
-// @import './themes/green.less';
- @import './themes/default.less';
+// @import './themes/deepBlank.less';
+@import './themes/green.less';
+//  @import './themes/default.less';

assets/css/iview-reset.less

@@ -423,9 +423,9 @@
 }
 
 //分页
-.ivu-page-item-active {
+.ivu-page .ivu-page-item-active {
   background-color: @page-active-bg  !important;
-  color: white;
+  color: white !important;
 }
 
 .ivu-page-item-active:hover {
@@ -437,20 +437,20 @@
   }
 }
 
-.ivu-page-item-active>a {
-  color: white
+.ivu-page .ivu-page-item-active>a {
+  color: white!important;
 }
 
 .ivu-page-item-active>a:hover {
-  color: white
+  color: white!important;
 }
 
 .ivu-page li:hover {
-  color: white
+  color: white!important;
 }
 
 .ivu-page-item-active:hover a {
-  color: #fff;
+  color: #fff!important;
 }
 
 .ivu-page-prev,
@@ -476,53 +476,54 @@
 
 //表格
 
-// .ivu-table-header thead tr th {
-//   background: @table-header-bg  !important; //f5f6fa
-//   border: 1px solid @table-header-border  !important;
-// }
-
-// .ivu-table-body {
-//   background-color: @table-body-bg;
-
-// }
-
-// .ivu-table td {
-//   background-color: @table-body-bg  !important;
-// }
-
-// .tableCommon tr td {
-//   background-color: @tableCommon-bg;
-//   border: 1px solid @tableCommon-boder  !important;
-// }
-
-
-// .ivu-table:before {
-//   //表格下边框线
-//   background-color: @table-boder  !important;
+.ivu-table-header thead tr th {
+  background: @table-header-bg  !important; //f5f6fa
+  border: 1px solid @table-header-border  !important;
+  color: @table-header-color  !important;
+}
+/*底色*/
+.ivu-table td{
+  background-color:@table-body-bg !important;
+}
+.ivu-table-wrapper {//表格最外层的border
+  border: none !important;
+}
+.ivu-table-body {
+  background-color: @table-body-bg;
 
-// }
+}
 
-// .ivu-table-border:after {
-//   //表格右边框线
-//   background-color: @table-boder  !important;
+.ivu-table td {
+  background-color: @table-body-bg  !important;
+}
 
-// }
+.tableCommon tr td {
+  background-color: @tableCommon-bg;
+  border: 1px solid @tableCommon-boder  !important;
+}
 
-// .ivu-table-wrapper-with-border {
-//   //表格上，左边框线
-//   // border: 1px solid @table-boder  !important;
 
-// }
+.ivu-table:before {
+  //表格下边框线
+  background-color: @table-boder  !important;
 
-// //鼠标经过table  hover及选择行后的背景色
-// .ivu-table-row-hover td {
-//   background: @table-row-hover  !important;
-// }
+}
 
-// .ivu-table-row-highlight td {
-//   background-color: @table-row-hover  !important;
-// }
+.ivu-table-border:after {
+  //表格右边框线
+  background-color: @table-boder  !important;
 
+}
+/*选中某一行高亮*/
+.ivu-table-row-highlight td {
+  background: rgba(34, 35, 65, 0.41)!important;
+  border: 2px solid #106FFE !important;
+}
+/*浮在某行*/
+.ivu-table-row-hover td {
+  background: rgba(34, 35, 65, 0.41) !important;
+  border: 2px solid #106FFE !important;
+}
 .ivu-dropdown-rel:hover {
   .ivu-btn-text {
     background-color: @primary-color;
@@ -530,7 +531,18 @@
 
 }
 
+// .tableCommon .ivu-table {
+//   tr:nth-child(even) {
+//     background: pink !important;
+//   }
+// }
 //表格字体颜色
 .ivu-table {
   color: @table-color  !important;
 }
+
+//树
+.ivu-tree-title-selected, .ivu-tree-title-selected:hover {
+  background-color: #04BB8C;
+  width: 100%;
+}
\ No newline at end of file

assets/css/themes/deepBlank.less

@@ -90,7 +90,7 @@
 
 
 //分页
-@page-active-bg: #222341;
+@page-active-bg: rgba(16, 111, 254, 1);
 @page-active-color-hover: #fff;
 @page-bg: #222341;
 @page-color:#fff;
@@ -99,8 +99,15 @@
 //表格
 @table-header-bg:#106FFE;
 @table-header-border:#106FFE;
-@table-body-bg:#222341;
-@tableCommon-bg:#222341;
-@tableCommon-boder:#222341;
-@table-boder:#222341;
-@table-row-hover:#2F2F57;
+@table-header-color:#ffffff;
+@table-body-bg:#2F2F57;
+@tableCommon-bg:transparent;
+@tableCommon-boder:transparent;
+@table-boder:transparent;
\ No newline at end of file
+@table-row-hover:#2F2F57;
+@dispatch_part_border:1px solid transparent;
+@back_part_top:#2F2F57;
+@part_top_title:#ffffff;
+@part_top_border:1px solid #2F2F57;
+//工单列表等背景色
+@part_body_backcolor:#2F2F57;
\ No newline at end of file

assets/css/themes/default.less

@@ -96,10 +96,17 @@
 @page-color: #515A6E;
 
 //表格
-@table-header-bg: #e8eaec;
-@table-header-border: #dcdee2;
+@table-header-bg: #F8F8F9;
+@table-header-border: #F8F8F9;
+@table-header-color:#515a6e;
 @table-body-bg: #fff;
 @tableCommon-bg: #fff;
 @tableCommon-boder: #fff;
 @table-boder: #e8eaec;
 @table-row-hover: #EFF8F7;
+@dispatch_part_border:1px solid #ccc;
+@back_part_top:#f5f6fa;
+@part_top_title:#515a6e;
+@part_top_border:1px solid #f5f6fa;
+//工单列表等背景色
+@part_body_backcolor:#ffffff;
\ No newline at end of file

assets/css/themes/green.less

@@ -9,14 +9,14 @@
 
 //顶部导航颜色
 @home-mene: #04bb8c;
-@layout-header: #515A6E;
+@layout-header: #253D6D;
 @layout-tabs: #f5f7f9;
 @layout-tabs-close: #515A6E;
 @layout-tabs-bg-close: #fff;
 @tabs-bg-tag: #fff;
 
 //bady颜色
-@layout-content-bg-color: #fff;
+@layout-content-bg-color: #F5F6FA;
 @card-bg: #fff;
 @body-color: #515a6e;
 @border-color: #dcdfe6;
@@ -71,9 +71,9 @@
 
 //左侧列表
 @left-tree-bg: #fff;
-@left-tree-header-bg-color: #f5f6fa;
+@left-tree-header-bg-color: #253D6D;
 @left-tree-header-boder-color: #fff;
-@left-tree-header-color: #515a6e;
+@left-tree-header-color: #fff;
 @tree-title-color: #515a6e;
 @group-btn-bg-color: #fff;
 @group-btn-color: #515a6e;
@@ -89,16 +89,23 @@
 
 
 //分页
-@page-active-bg: #fff;
+@page-active-bg: #253D6D;
 @page-active-color-hover: #515A6E;
 @page-bg: #fff;
 @page-color: #515A6E;
 
 //表格
-@table-header-bg: #e8eaec;
-@table-header-border: #e8eaec;
+@table-header-bg: #253D6D;
+@table-header-border: #253D6D;
+@table-header-color:#ffffff;
 @table-body-bg: #fff;
-@tableCommon-bg: #fff;
-@tableCommon-boder: #fff;
-@table-boder: #e8eaec;
+@tableCommon-bg: transparent;
+@tableCommon-boder: transparent;
+@table-boder: transparent;
 @table-row-hover: #EFF8F7;
+@dispatch_part_border:1px solid transparent;
+@back_part_top:#253D6D;
+@part_top_title:#ffffff;
+@part_top_border:1px solid #ffffff;
+//工单列表等背景色
+@part_body_backcolor:#ffffff;

components/tb.vue

 <template>
-    <Table :border="tbPro.isBorder" stripe :columns="tbPro.columns" :stripe="tbPro.stripe" 
+    <Table :border="tbPro.isBorder" stripe :columns="tbPro.columns" :stripe="tbPro.stripe"  
     :data="tbPro.data" :highlight-row="tbPro.highlight" :loading="tbPro.loading" :height="tbPro.height" :content="tbPro.cur" @on-row-click="rowclick" class="tableCommon"></Table>
 </template>
 <script>
@@ -12,7 +12,8 @@ export default {
     methods:{
       rowclick(rowdata,index){
         this.$emit('rowclick',rowdata,index)
-      }
+      },
+    
     }
 }
-</script>
+</script>
\ No newline at end of file

pages/aps/dispatch/dispatch.less

-
+@import "../../../assets/css/custom.less";
 .dispatch{
     padding: 12px 5px;
     .footer02 {
@@ -15,13 +15,16 @@
       }
 }
 .dispatch_part{
-    border: 1px solid #ccc;
+    border: @dispatch_part_border;
+    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
     // height: 100%;
     .dispatch_part_top{
         height: 50px;
         line-height: 50px;
         padding: 0 0 0 12px;
-        background: #F5F6FA;
+        background: @back_part_top;
+        color:@part_top_title;
+        border: @part_top_border;
         .check{
             position: absolute;
             top: 0;
@@ -31,6 +34,7 @@
     .dispatch_part_body{
         padding: 10px;
         overflow-y: auto;
+        background-color: @part_body_backcolor;
         .h3_bg{
             background: #a5adbf;
             padding: 0 0 0 10px;

pages/dncmnc/dnc/dispatch.less

 
+@import "../../../assets/css/custom.less";
 .dispatch{
     padding: 12px 5px;
     .footer02 {
@@ -21,7 +22,7 @@
         height: 50px;
         line-height: 50px;
         padding: 0 0 0 12px;
-        background: #F5F6FA;
+        background: @back_part_top;
         .check{
             position: absolute;
             top: 0;

static/static/iviewRe.css

@@ -6,11 +6,9 @@
     from {
         transform: rotate(0)
     }
-
     50% {
         transform: rotate(180deg)
     }
-
     to {
         transform: rotate(360deg)
     }
@@ -68,7 +66,9 @@
     margin-left: 4px
 }
 
+
 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
 html {
     font-family: sans-serif;
     line-height: 1.15;
@@ -4590,7 +4590,6 @@ samp {
 }
 
 @media (min-width:768px) {
-
     .ivu-col-span-sm-1,
     .ivu-col-span-sm-10,
     .ivu-col-span-sm-11,
@@ -4619,550 +4618,426 @@ samp {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto
     }
-
     .ivu-col-span-sm-24 {
         display: block;
         width: 100%
     }
-
     .ivu-col-sm-push-24 {
         left: 100%
     }
-
     .ivu-col-sm-pull-24 {
         right: 100%
     }
-
     .ivu-col-sm-offset-24 {
         margin-left: 100%
     }
-
     .ivu-col-sm-order-24 {
         -ms-flex-order: 24;
         order: 24
     }
-
     .ivu-col-span-sm-23 {
         display: block;
         width: 95.83333333%
     }
-
     .ivu-col-sm-push-23 {
         left: 95.83333333%
     }
-
     .ivu-col-sm-pull-23 {
         right: 95.83333333%
     }
-
     .ivu-col-sm-offset-23 {
         margin-left: 95.83333333%
     }
-
     .ivu-col-sm-order-23 {
         -ms-flex-order: 23;
         order: 23
     }
-
     .ivu-col-span-sm-22 {
         display: block;
         width: 91.66666667%
     }
-
     .ivu-col-sm-push-22 {
         left: 91.66666667%
     }
-
     .ivu-col-sm-pull-22 {
         right: 91.66666667%
     }
-
     .ivu-col-sm-offset-22 {
         margin-left: 91.66666667%
     }
-
     .ivu-col-sm-order-22 {
         -ms-flex-order: 22;
         order: 22
     }
-
     .ivu-col-span-sm-21 {
         display: block;
         width: 87.5%
     }
-
     .ivu-col-sm-push-21 {
         left: 87.5%
     }
-
     .ivu-col-sm-pull-21 {
         right: 87.5%
     }
-
     .ivu-col-sm-offset-21 {
         margin-left: 87.5%
     }
-
     .ivu-col-sm-order-21 {
         -ms-flex-order: 21;
         order: 21
     }
-
     .ivu-col-span-sm-20 {
         display: block;
         width: 83.33333333%
     }
-
     .ivu-col-sm-push-20 {
         left: 83.33333333%
     }
-
     .ivu-col-sm-pull-20 {
         right: 83.33333333%
     }
-
     .ivu-col-sm-offset-20 {
         margin-left: 83.33333333%
     }
-
     .ivu-col-sm-order-20 {
         -ms-flex-order: 20;
         order: 20
     }
-
     .ivu-col-span-sm-19 {
         display: block;
         width: 79.16666667%
     }
-
     .ivu-col-sm-push-19 {
         left: 79.16666667%
     }
-
     .ivu-col-sm-pull-19 {
         right: 79.16666667%
     }
-
     .ivu-col-sm-offset-19 {
         margin-left: 79.16666667%
     }
-
     .ivu-col-sm-order-19 {
         -ms-flex-order: 19;
         order: 19
     }
-
     .ivu-col-span-sm-18 {
         display: block;
         width: 75%
     }
-
     .ivu-col-sm-push-18 {
         left: 75%
     }
-
     .ivu-col-sm-pull-18 {
         right: 75%
     }
-
     .ivu-col-sm-offset-18 {
         margin-left: 75%
     }
-
     .ivu-col-sm-order-18 {
         -ms-flex-order: 18;
         order: 18
     }
-
     .ivu-col-span-sm-17 {
         display: block;
         width: 70.83333333%
     }
-
     .ivu-col-sm-push-17 {
         left: 70.83333333%
     }
-
     .ivu-col-sm-pull-17 {
         right: 70.83333333%
     }
-
     .ivu-col-sm-offset-17 {
         margin-left: 70.83333333%
     }
-
     .ivu-col-sm-order-17 {
         -ms-flex-order: 17;
         order: 17
     }
-
     .ivu-col-span-sm-16 {
         display: block;
         width: 66.66666667%
     }
-
     .ivu-col-sm-push-16 {
         left: 66.66666667%
     }
-
     .ivu-col-sm-pull-16 {
         right: 66.66666667%
     }
-
     .ivu-col-sm-offset-16 {
         margin-left: 66.66666667%
     }
-
     .ivu-col-sm-order-16 {
         -ms-flex-order: 16;
         order: 16
     }
-
     .ivu-col-span-sm-15 {
         display: block;
         width: 62.5%
     }
-
     .ivu-col-sm-push-15 {
         left: 62.5%
     }
-
     .ivu-col-sm-pull-15 {
         right: 62.5%
     }
-
     .ivu-col-sm-offset-15 {
         margin-left: 62.5%
     }
-
     .ivu-col-sm-order-15 {
         -ms-flex-order: 15;
         order: 15
     }
-
     .ivu-col-span-sm-14 {
         display: block;
         width: 58.33333333%
     }
-
     .ivu-col-sm-push-14 {
         left: 58.33333333%
     }
-
     .ivu-col-sm-pull-14 {
         right: 58.33333333%
     }
-
     .ivu-col-sm-offset-14 {
         margin-left: 58.33333333%
     }
-
     .ivu-col-sm-order-14 {
         -ms-flex-order: 14;
         order: 14
     }
-
     .ivu-col-span-sm-13 {
         display: block;
         width: 54.16666667%
     }
-
     .ivu-col-sm-push-13 {
         left: 54.16666667%
     }
-
     .ivu-col-sm-pull-13 {
         right: 54.16666667%
     }
-
     .ivu-col-sm-offset-13 {
         margin-left: 54.16666667%
     }
-
     .ivu-col-sm-order-13 {
         -ms-flex-order: 13;
         order: 13
     }
-
     .ivu-col-span-sm-12 {
         display: block;
         width: 50%
     }
-
     .ivu-col-sm-push-12 {
         left: 50%
     }
-
     .ivu-col-sm-pull-12 {
         right: 50%
     }
-
     .ivu-col-sm-offset-12 {
         margin-left: 50%
     }
-
     .ivu-col-sm-order-12 {
         -ms-flex-order: 12;
         order: 12
     }
-
     .ivu-col-span-sm-11 {
         display: block;
         width: 45.83333333%
     }
-
     .ivu-col-sm-push-11 {
         left: 45.83333333%
     }
-
     .ivu-col-sm-pull-11 {
         right: 45.83333333%
     }
-
     .ivu-col-sm-offset-11 {
         margin-left: 45.83333333%
     }
-
     .ivu-col-sm-order-11 {
         -ms-flex-order: 11;
         order: 11
     }
-
     .ivu-col-span-sm-10 {
         display: block;
         width: 41.66666667%
     }
-
     .ivu-col-sm-push-10 {
         left: 41.66666667%
     }
-
     .ivu-col-sm-pull-10 {
         right: 41.66666667%
     }
-
     .ivu-col-sm-offset-10 {
         margin-left: 41.66666667%
     }
-
     .ivu-col-sm-order-10 {
         -ms-flex-order: 10;
         order: 10
     }
-
     .ivu-col-span-sm-9 {
         display: block;
         width: 37.5%
     }
-
     .ivu-col-sm-push-9 {
         left: 37.5%
     }
-
     .ivu-col-sm-pull-9 {
         right: 37.5%
     }
-
     .ivu-col-sm-offset-9 {
         margin-left: 37.5%
     }
-
     .ivu-col-sm-order-9 {
         -ms-flex-order: 9;
         order: 9
     }
-
     .ivu-col-span-sm-8 {
         display: block;
         width: 33.33333333%
     }
-
     .ivu-col-sm-push-8 {
         left: 33.33333333%
     }
-
     .ivu-col-sm-pull-8 {
         right: 33.33333333%
     }
-
     .ivu-col-sm-offset-8 {
         margin-left: 33.33333333%
     }
-
     .ivu-col-sm-order-8 {
         -ms-flex-order: 8;
         order: 8
     }
-
     .ivu-col-span-sm-7 {
         display: block;
         width: 29.16666667%
     }
-
     .ivu-col-sm-push-7 {
         left: 29.16666667%
     }
-
     .ivu-col-sm-pull-7 {
         right: 29.16666667%
     }
-
     .ivu-col-sm-offset-7 {
         margin-left: 29.16666667%
     }
-
     .ivu-col-sm-order-7 {
         -ms-flex-order: 7;
         order: 7
     }
-
     .ivu-col-span-sm-6 {
         display: block;
         width: 25%
     }
-
     .ivu-col-sm-push-6 {
         left: 25%
     }
-
     .ivu-col-sm-pull-6 {
         right: 25%
     }
-
     .ivu-col-sm-offset-6 {
         margin-left: 25%
     }
-
     .ivu-col-sm-order-6 {
         -ms-flex-order: 6;
         order: 6
     }
-
     .ivu-col-span-sm-5 {
         display: block;
         width: 20.83333333%
     }
-
     .ivu-col-sm-push-5 {
         left: 20.83333333%
     }
-
     .ivu-col-sm-pull-5 {
         right: 20.83333333%
     }
-
     .ivu-col-sm-offset-5 {
         margin-left: 20.83333333%
     }
-
     .ivu-col-sm-order-5 {
         -ms-flex-order: 5;
         order: 5
     }
-
     .ivu-col-span-sm-4 {
         display: block;
         width: 16.66666667%
     }
-
     .ivu-col-sm-push-4 {
         left: 16.66666667%
     }
-
     .ivu-col-sm-pull-4 {
         right: 16.66666667%
     }
-
     .ivu-col-sm-offset-4 {
         margin-left: 16.66666667%
     }
-
     .ivu-col-sm-order-4 {
         -ms-flex-order: 4;
         order: 4
     }
-
     .ivu-col-span-sm-3 {
         display: block;
         width: 12.5%
     }
-
     .ivu-col-sm-push-3 {
         left: 12.5%
     }
-
     .ivu-col-sm-pull-3 {
         right: 12.5%
     }
-
     .ivu-col-sm-offset-3 {
         margin-left: 12.5%
     }
-
     .ivu-col-sm-order-3 {
         -ms-flex-order: 3;
         order: 3
     }
-
     .ivu-col-span-sm-2 {
         display: block;
         width: 8.33333333%
     }
-
     .ivu-col-sm-push-2 {
         left: 8.33333333%
     }
-
     .ivu-col-sm-pull-2 {
         right: 8.33333333%
     }
-
     .ivu-col-sm-offset-2 {
         margin-left: 8.33333333%
     }
-
     .ivu-col-sm-order-2 {
         -ms-flex-order: 2;
         order: 2
     }
-
     .ivu-col-span-sm-1 {
         display: block;
         width: 4.16666667%
     }
-
     .ivu-col-sm-push-1 {
         left: 4.16666667%
     }
-
     .ivu-col-sm-pull-1 {
         right: 4.16666667%
     }
-
     .ivu-col-sm-offset-1 {
         margin-left: 4.16666667%
     }
-
     .ivu-col-sm-order-1 {
         -ms-flex-order: 1;
         order: 1
     }
-
     .ivu-col-span-sm-0 {
         display: none
     }
-
     .ivu-col-sm-push-0 {
         left: auto
     }
-
     .ivu-col-sm-pull-0 {
         right: auto
     }
 }
 
 @media (min-width:992px) {
-
     .ivu-col-span-md-1,
     .ivu-col-span-md-10,
     .ivu-col-span-md-11,
@@ -5191,550 +5066,426 @@ samp {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto
     }
-
     .ivu-col-span-md-24 {
         display: block;
         width: 100%
     }
-
     .ivu-col-md-push-24 {
         left: 100%
     }
-
     .ivu-col-md-pull-24 {
         right: 100%
     }
-
     .ivu-col-md-offset-24 {
         margin-left: 100%
     }
-
     .ivu-col-md-order-24 {
         -ms-flex-order: 24;
         order: 24
     }
-
     .ivu-col-span-md-23 {
         display: block;
         width: 95.83333333%
     }
-
     .ivu-col-md-push-23 {
         left: 95.83333333%
     }
-
     .ivu-col-md-pull-23 {
         right: 95.83333333%
     }
-
     .ivu-col-md-offset-23 {
         margin-left: 95.83333333%
     }
-
     .ivu-col-md-order-23 {
         -ms-flex-order: 23;
         order: 23
     }
-
     .ivu-col-span-md-22 {
         display: block;
         width: 91.66666667%
     }
-
     .ivu-col-md-push-22 {
         left: 91.66666667%
     }
-
     .ivu-col-md-pull-22 {
         right: 91.66666667%
     }
-
     .ivu-col-md-offset-22 {
         margin-left: 91.66666667%
     }
-
     .ivu-col-md-order-22 {
         -ms-flex-order: 22;
         order: 22
     }
-
     .ivu-col-span-md-21 {
         display: block;
         width: 87.5%
     }
-
     .ivu-col-md-push-21 {
         left: 87.5%
     }
-
     .ivu-col-md-pull-21 {
         right: 87.5%
     }
-
     .ivu-col-md-offset-21 {
         margin-left: 87.5%
     }
-
     .ivu-col-md-order-21 {
         -ms-flex-order: 21;
         order: 21
     }
-
     .ivu-col-span-md-20 {
         display: block;
         width: 83.33333333%
     }
-
     .ivu-col-md-push-20 {
         left: 83.33333333%
     }
-
     .ivu-col-md-pull-20 {
         right: 83.33333333%
     }
-
     .ivu-col-md-offset-20 {
         margin-left: 83.33333333%
     }
-
     .ivu-col-md-order-20 {
         -ms-flex-order: 20;
         order: 20
     }
-
     .ivu-col-span-md-19 {
         display: block;
         width: 79.16666667%
     }
-
     .ivu-col-md-push-19 {
         left: 79.16666667%
     }
-
     .ivu-col-md-pull-19 {
         right: 79.16666667%
     }
-
     .ivu-col-md-offset-19 {
         margin-left: 79.16666667%
     }
-
     .ivu-col-md-order-19 {
         -ms-flex-order: 19;
         order: 19
     }
-
     .ivu-col-span-md-18 {
         display: block;
         width: 75%
     }
-
     .ivu-col-md-push-18 {
         left: 75%
     }
-
     .ivu-col-md-pull-18 {
         right: 75%
     }
-
     .ivu-col-md-offset-18 {
         margin-left: 75%
     }
-
     .ivu-col-md-order-18 {
         -ms-flex-order: 18;
         order: 18
     }
-
     .ivu-col-span-md-17 {
         display: block;
         width: 70.83333333%
     }
-
     .ivu-col-md-push-17 {
         left: 70.83333333%
     }
-
     .ivu-col-md-pull-17 {
         right: 70.83333333%
     }
-
     .ivu-col-md-offset-17 {
         margin-left: 70.83333333%
     }
-
     .ivu-col-md-order-17 {
         -ms-flex-order: 17;
         order: 17
     }
-
     .ivu-col-span-md-16 {
         display: block;
         width: 66.66666667%
     }
-
     .ivu-col-md-push-16 {
         left: 66.66666667%
     }
-
     .ivu-col-md-pull-16 {
         right: 66.66666667%
     }
-
     .ivu-col-md-offset-16 {
         margin-left: 66.66666667%
     }
-
     .ivu-col-md-order-16 {
         -ms-flex-order: 16;
         order: 16
     }
-
     .ivu-col-span-md-15 {
         display: block;
         width: 62.5%
     }
-
     .ivu-col-md-push-15 {
         left: 62.5%
     }
-
     .ivu-col-md-pull-15 {
         right: 62.5%
     }
-
     .ivu-col-md-offset-15 {
         margin-left: 62.5%
     }
-
     .ivu-col-md-order-15 {
         -ms-flex-order: 15;
         order: 15
     }
-
     .ivu-col-span-md-14 {
         display: block;
         width: 58.33333333%
     }
-
     .ivu-col-md-push-14 {
         left: 58.33333333%
     }
-
     .ivu-col-md-pull-14 {
         right: 58.33333333%
     }
-
     .ivu-col-md-offset-14 {
         margin-left: 58.33333333%
     }
-
     .ivu-col-md-order-14 {
         -ms-flex-order: 14;
         order: 14
     }
-
     .ivu-col-span-md-13 {
         display: block;
         width: 54.16666667%
     }
-
     .ivu-col-md-push-13 {
         left: 54.16666667%
     }
-
     .ivu-col-md-pull-13 {
         right: 54.16666667%
     }
-
     .ivu-col-md-offset-13 {
         margin-left: 54.16666667%
     }
-
     .ivu-col-md-order-13 {
         -ms-flex-order: 13;
         order: 13
     }
-
     .ivu-col-span-md-12 {
         display: block;
         width: 50%
     }
-
     .ivu-col-md-push-12 {
         left: 50%
     }
-
     .ivu-col-md-pull-12 {
         right: 50%
     }
-
     .ivu-col-md-offset-12 {
         margin-left: 50%
     }
-
     .ivu-col-md-order-12 {
         -ms-flex-order: 12;
         order: 12
     }
-
     .ivu-col-span-md-11 {
         display: block;
         width: 45.83333333%
     }
-
     .ivu-col-md-push-11 {
         left: 45.83333333%
     }
-
     .ivu-col-md-pull-11 {
         right: 45.83333333%
     }
-
     .ivu-col-md-offset-11 {
         margin-left: 45.83333333%
     }
-
     .ivu-col-md-order-11 {
         -ms-flex-order: 11;
         order: 11
     }
-
     .ivu-col-span-md-10 {
         display: block;
         width: 41.66666667%
     }
-
     .ivu-col-md-push-10 {
         left: 41.66666667%
     }
-
     .ivu-col-md-pull-10 {
         right: 41.66666667%
     }
-
     .ivu-col-md-offset-10 {
         margin-left: 41.66666667%
     }
-
     .ivu-col-md-order-10 {
         -ms-flex-order: 10;
         order: 10
     }
-
     .ivu-col-span-md-9 {
         display: block;
         width: 37.5%
     }
-
     .ivu-col-md-push-9 {
         left: 37.5%
     }
-
     .ivu-col-md-pull-9 {
         right: 37.5%
     }
-
     .ivu-col-md-offset-9 {
         margin-left: 37.5%
     }
-
     .ivu-col-md-order-9 {
         -ms-flex-order: 9;
         order: 9
     }
-
     .ivu-col-span-md-8 {
         display: block;
         width: 33.33333333%
     }
-
     .ivu-col-md-push-8 {
         left: 33.33333333%
     }
-
     .ivu-col-md-pull-8 {
         right: 33.33333333%
     }
-
     .ivu-col-md-offset-8 {
         margin-left: 33.33333333%
     }
-
     .ivu-col-md-order-8 {
         -ms-flex-order: 8;
         order: 8
     }
-
     .ivu-col-span-md-7 {
         display: block;
         width: 29.16666667%
     }
-
     .ivu-col-md-push-7 {
         left: 29.16666667%
     }
-
     .ivu-col-md-pull-7 {
         right: 29.16666667%
     }
-
     .ivu-col-md-offset-7 {
         margin-left: 29.16666667%
     }
-
     .ivu-col-md-order-7 {
         -ms-flex-order: 7;
         order: 7
     }
-
     .ivu-col-span-md-6 {
         display: block;
         width: 25%
     }
-
     .ivu-col-md-push-6 {
         left: 25%
     }
-
     .ivu-col-md-pull-6 {
         right: 25%
     }
-
     .ivu-col-md-offset-6 {
         margin-left: 25%
     }
-
     .ivu-col-md-order-6 {
         -ms-flex-order: 6;
         order: 6
     }
-
     .ivu-col-span-md-5 {
         display: block;
         width: 20.83333333%
     }
-
     .ivu-col-md-push-5 {
         left: 20.83333333%
     }
-
     .ivu-col-md-pull-5 {
         right: 20.83333333%
     }
-
     .ivu-col-md-offset-5 {
         margin-left: 20.83333333%
     }
-
     .ivu-col-md-order-5 {
         -ms-flex-order: 5;
         order: 5
     }
-
     .ivu-col-span-md-4 {
         display: block;
         width: 16.66666667%
     }
-
     .ivu-col-md-push-4 {
         left: 16.66666667%
     }
-
     .ivu-col-md-pull-4 {
         right: 16.66666667%
     }
-
     .ivu-col-md-offset-4 {
         margin-left: 16.66666667%
     }
-
     .ivu-col-md-order-4 {
         -ms-flex-order: 4;
         order: 4
     }
-
     .ivu-col-span-md-3 {
         display: block;
         width: 12.5%
     }
-
     .ivu-col-md-push-3 {
         left: 12.5%
     }
-
     .ivu-col-md-pull-3 {
         right: 12.5%
     }
-
     .ivu-col-md-offset-3 {
         margin-left: 12.5%
     }
-
     .ivu-col-md-order-3 {
         -ms-flex-order: 3;
         order: 3
     }
-
     .ivu-col-span-md-2 {
         display: block;
         width: 8.33333333%
     }
-
     .ivu-col-md-push-2 {
         left: 8.33333333%
     }
-
     .ivu-col-md-pull-2 {
         right: 8.33333333%
     }
-
     .ivu-col-md-offset-2 {
         margin-left: 8.33333333%
     }
-
     .ivu-col-md-order-2 {
         -ms-flex-order: 2;
         order: 2
     }
-
     .ivu-col-span-md-1 {
         display: block;
         width: 4.16666667%
     }
-
     .ivu-col-md-push-1 {
         left: 4.16666667%
     }
-
     .ivu-col-md-pull-1 {
         right: 4.16666667%
     }
-
     .ivu-col-md-offset-1 {
         margin-left: 4.16666667%
     }
-
     .ivu-col-md-order-1 {
         -ms-flex-order: 1;
         order: 1
     }
-
     .ivu-col-span-md-0 {
         display: none
     }
-
     .ivu-col-md-push-0 {
         left: auto
     }
-
     .ivu-col-md-pull-0 {
         right: auto
     }
 }
 
 @media (min-width:1200px) {
-
     .ivu-col-span-lg-1,
     .ivu-col-span-lg-10,
     .ivu-col-span-lg-11,
@@ -5763,543 +5514,420 @@ samp {
         -ms-flex: 0 0 auto;
         flex: 0 0 auto
     }
-
     .ivu-col-span-lg-24 {
         display: block;
         width: 100%
     }
-
     .ivu-col-lg-push-24 {
         left: 100%
     }
-
     .ivu-col-lg-pull-24 {
         right: 100%
     }
-
     .ivu-col-lg-offset-24 {
         margin-left: 100%
     }
-
     .ivu-col-lg-order-24 {
         -ms-flex-order: 24;
         order: 24
     }
-
     .ivu-col-span-lg-23 {
         display: block;
         width: 95.83333333%
     }
-
     .ivu-col-lg-push-23 {
         left: 95.83333333%
     }
-
     .ivu-col-lg-pull-23 {
         right: 95.83333333%
     }
-
     .ivu-col-lg-offset-23 {
         margin-left: 95.83333333%
     }
-
     .ivu-col-lg-order-23 {
         -ms-flex-order: 23;
         order: 23
     }
-
     .ivu-col-span-lg-22 {
         display: block;
         width: 91.66666667%
     }
-
     .ivu-col-lg-push-22 {
         left: 91.66666667%
     }
-
     .ivu-col-lg-pull-22 {
         right: 91.66666667%
     }
-
     .ivu-col-lg-offset-22 {
         margin-left: 91.66666667%
     }
-
     .ivu-col-lg-order-22 {
         -ms-flex-order: 22;
         order: 22
     }
-
     .ivu-col-span-lg-21 {
         display: block;
         width: 87.5%
     }
-
     .ivu-col-lg-push-21 {
         left: 87.5%
     }
-
     .ivu-col-lg-pull-21 {
         right: 87.5%
     }
-
     .ivu-col-lg-offset-21 {
         margin-left: 87.5%
     }
-
     .ivu-col-lg-order-21 {
         -ms-flex-order: 21;
         order: 21
     }
-
     .ivu-col-span-lg-20 {
         display: block;
         width: 83.33333333%
     }
-
     .ivu-col-lg-push-20 {
         left: 83.33333333%
     }
-
     .ivu-col-lg-pull-20 {
         right: 83.33333333%
     }
-
     .ivu-col-lg-offset-20 {
         margin-left: 83.33333333%
     }
-
     .ivu-col-lg-order-20 {
         -ms-flex-order: 20;
         order: 20
     }
-
     .ivu-col-span-lg-19 {
         display: block;
         width: 79.16666667%
     }
-
     .ivu-col-lg-push-19 {
         left: 79.16666667%
     }
-
     .ivu-col-lg-pull-19 {
         right: 79.16666667%
     }
-
     .ivu-col-lg-offset-19 {
         margin-left: 79.16666667%
     }
-
     .ivu-col-lg-order-19 {
         -ms-flex-order: 19;
         order: 19
     }
-
     .ivu-col-span-lg-18 {
         display: block;
         width: 75%
     }
-
     .ivu-col-lg-push-18 {
         left: 75%
     }
-
     .ivu-col-lg-pull-18 {
         right: 75%
     }
-
     .ivu-col-lg-offset-18 {
         margin-left: 75%
     }
-
     .ivu-col-lg-order-18 {
         -ms-flex-order: 18;
         order: 18
     }
-
     .ivu-col-span-lg-17 {
         display: block;
         width: 70.83333333%
     }
-
     .ivu-col-lg-push-17 {
         left: 70.83333333%
     }
-
     .ivu-col-lg-pull-17 {
         right: 70.83333333%
     }
-
     .ivu-col-lg-offset-17 {
         margin-left: 70.83333333%
     }
-
     .ivu-col-lg-order-17 {
         -ms-flex-order: 17;
         order: 17
     }
-
     .ivu-col-span-lg-16 {
         display: block;
         width: 66.66666667%
     }
-
     .ivu-col-lg-push-16 {
         left: 66.66666667%
     }
-
     .ivu-col-lg-pull-16 {
         right: 66.66666667%
     }
-
     .ivu-col-lg-offset-16 {
         margin-left: 66.66666667%
     }
-
     .ivu-col-lg-order-16 {
         -ms-flex-order: 16;
         order: 16
     }
-
     .ivu-col-span-lg-15 {
         display: block;
         width: 62.5%
     }
-
     .ivu-col-lg-push-15 {
         left: 62.5%
     }
-
     .ivu-col-lg-pull-15 {
         right: 62.5%
     }
-
     .ivu-col-lg-offset-15 {
         margin-left: 62.5%
     }
-
     .ivu-col-lg-order-15 {
         -ms-flex-order: 15;
         order: 15
     }
-
     .ivu-col-span-lg-14 {
         display: block;
         width: 58.33333333%
     }
-
     .ivu-col-lg-push-14 {
         left: 58.33333333%
     }
-
     .ivu-col-lg-pull-14 {
         right: 58.33333333%
     }
-
     .ivu-col-lg-offset-14 {
         margin-left: 58.33333333%
     }
-
     .ivu-col-lg-order-14 {
         -ms-flex-order: 14;
         order: 14
     }
-
     .ivu-col-span-lg-13 {
         display: block;
         width: 54.16666667%
     }
-
     .ivu-col-lg-push-13 {
         left: 54.16666667%
     }
-
     .ivu-col-lg-pull-13 {
         right: 54.16666667%
     }
-
     .ivu-col-lg-offset-13 {
         margin-left: 54.16666667%
     }
-
     .ivu-col-lg-order-13 {
         -ms-flex-order: 13;
         order: 13
     }
-
     .ivu-col-span-lg-12 {
         display: block;
         width: 50%
     }
-
     .ivu-col-lg-push-12 {
         left: 50%
     }
-
     .ivu-col-lg-pull-12 {
         right: 50%
     }
-
     .ivu-col-lg-offset-12 {
         margin-left: 50%
     }
-
     .ivu-col-lg-order-12 {
         -ms-flex-order: 12;
         order: 12
     }
-
     .ivu-col-span-lg-11 {
         display: block;
         width: 45.83333333%
     }
-
     .ivu-col-lg-push-11 {
         left: 45.83333333%
     }
-
     .ivu-col-lg-pull-11 {
         right: 45.83333333%
     }
-
     .ivu-col-lg-offset-11 {
         margin-left: 45.83333333%
     }
-
     .ivu-col-lg-order-11 {
         -ms-flex-order: 11;
         order: 11
     }
-
     .ivu-col-span-lg-10 {
         display: block;
         width: 41.66666667%
     }
-
     .ivu-col-lg-push-10 {
         left: 41.66666667%
     }
-
     .ivu-col-lg-pull-10 {
         right: 41.66666667%
     }
-
     .ivu-col-lg-offset-10 {
         margin-left: 41.66666667%
     }
-
     .ivu-col-lg-order-10 {
         -ms-flex-order: 10;
         order: 10
     }
-
     .ivu-col-span-lg-9 {
         display: block;
         width: 37.5%
     }
-
     .ivu-col-lg-push-9 {
         left: 37.5%
     }
-
     .ivu-col-lg-pull-9 {
         right: 37.5%
     }
-
     .ivu-col-lg-offset-9 {
         margin-left: 37.5%
     }
-
     .ivu-col-lg-order-9 {
         -ms-flex-order: 9;
         order: 9
     }
-
     .ivu-col-span-lg-8 {
         display: block;
         width: 33.33333333%
     }
-
     .ivu-col-lg-push-8 {
         left: 33.33333333%
     }
-
     .ivu-col-lg-pull-8 {
         right: 33.33333333%
     }
-
     .ivu-col-lg-offset-8 {
         margin-left: 33.33333333%
     }
-
     .ivu-col-lg-order-8 {
         -ms-flex-order: 8;
         order: 8
     }
-
     .ivu-col-span-lg-7 {
         display: block;
         width: 29.16666667%
     }
-
     .ivu-col-lg-push-7 {
         left: 29.16666667%
     }
-
     .ivu-col-lg-pull-7 {
         right: 29.16666667%
     }
-
     .ivu-col-lg-offset-7 {
         margin-left: 29.16666667%
     }
-
     .ivu-col-lg-order-7 {
         -ms-flex-order: 7;
         order: 7
     }
-
     .ivu-col-span-lg-6 {
         display: block;
         width: 25%
     }
-
     .ivu-col-lg-push-6 {
         left: 25%
     }
-
     .ivu-col-lg-pull-6 {
         right: 25%
     }
-
     .ivu-col-lg-offset-6 {
         margin-left: 25%
     }
-
     .ivu-col-lg-order-6 {
         -ms-flex-order: 6;
         order: 6
     }
-
     .ivu-col-span-lg-5 {
         display: block;
         width: 20.83333333%
     }
-
     .ivu-col-lg-push-5 {
         left: 20.83333333%
     }
-
     .ivu-col-lg-pull-5 {
         right: 20.83333333%
     }
-
     .ivu-col-lg-offset-5 {
         margin-left: 20.83333333%
     }
-
     .ivu-col-lg-order-5 {
         -ms-flex-order: 5;
         order: 5
     }
-
     .ivu-col-span-lg-4 {
         display: block;
         width: 16.66666667%
     }
-
     .ivu-col-lg-push-4 {
         left: 16.66666667%
     }
-
     .ivu-col-lg-pull-4 {
         right: 16.66666667%
     }
-
     .ivu-col-lg-offset-4 {
         margin-left: 16.66666667%
     }
-
     .ivu-col-lg-order-4 {
         -ms-flex-order: 4;
         order: 4
     }
-
     .ivu-col-span-lg-3 {
         display: block;
         width: 12.5%
     }
-
     .ivu-col-lg-push-3 {
         left: 12.5%
     }
-
     .ivu-col-lg-pull-3 {
         right: 12.5%
     }
-
     .ivu-col-lg-offset-3 {
         margin-left: 12.5%
     }
-
     .ivu-col-lg-order-3 {
         -ms-flex-order: 3;
         order: 3
     }
-
     .ivu-col-span-lg-2 {
         display: block;
         width: 8.33333333%
     }
-
     .ivu-col-lg-push-2 {
         left: 8.33333333%
     }
-
     .ivu-col-lg-pull-2 {
         right: 8.33333333%
     }
-
     .ivu-col-lg-offset-2 {
         margin-left: 8.33333333%
     }
-
     .ivu-col-lg-order-2 {
         -ms-flex-order: 2;
         order: 2
     }
-
     .ivu-col-span-lg-1 {
         display: block;
         width: 4.16666667%
     }
-
     .ivu-col-lg-push-1 {
         left: 4.16666667%
     }
-
     .ivu-col-lg-pull-1 {
         right: 4.16666667%
     }
-
     .ivu-col-lg-offset-1 {
         margin-left: 4.16666667%
     }
-
     .ivu-col-lg-order-1 {
         -ms-flex-order: 1;
         order: 1
     }
-
     .ivu-col-span-lg-0 {
         display: none
     }
-
     .ivu-col-lg-push-0 {
         left: auto
     }
-
     .ivu-col-lg-pull-0 {
         right: auto
     }
@@ -6409,7 +6037,6 @@ samp {
     0% {
         opacity: 0
     }
-
     100% {
         opacity: 1
     }
@@ -6419,7 +6046,6 @@ samp {
     0% {
         opacity: 1
     }
-
     100% {
         opacity: 0
     }
@@ -6567,7 +6193,6 @@ samp {
         transform: translateY(100%);
         opacity: 0
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateY(0);
@@ -6581,7 +6206,6 @@ samp {
         transform: translateY(0);
         opacity: 1
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateY(100%);
@@ -6595,7 +6219,6 @@ samp {
         transform: translateX(-100%);
         opacity: 0
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateX(0);
@@ -6609,7 +6232,6 @@ samp {
         transform: translateX(0);
         opacity: 1
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateX(-100%);
@@ -6623,7 +6245,6 @@ samp {
         transform-origin: 0 0;
         transform: translateX(100%)
     }
-
     100% {
         opacity: 1;
         transform-origin: 0 0;
@@ -6637,7 +6258,6 @@ samp {
         transform: translateX(0);
         opacity: 1
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateX(100%);
@@ -6651,7 +6271,6 @@ samp {
         transform: translateY(-100%);
         opacity: 0
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateY(0);
@@ -6665,7 +6284,6 @@ samp {
         transform: translateY(0);
         opacity: 1
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateY(-100%);
@@ -6713,7 +6331,6 @@ samp {
         transform-origin: 0 0;
         transform: translateX(100%)
     }
-
     100% {
         opacity: 1;
         transform-origin: 0 0;
@@ -6727,7 +6344,6 @@ samp {
         transform: translateX(0);
         opacity: 1
     }
-
     70% {
         transform-origin: 0 0;
         transform: translateX(100%);
@@ -6736,7 +6352,6 @@ samp {
         margin-bottom: 10px;
         opacity: 0
     }
-
     100% {
         transform-origin: 0 0;
         transform: translateX(100%);
@@ -6788,7 +6403,6 @@ samp {
         opacity: 0;
         transform: scale(.9)
     }
-
     100% {
         opacity: 1;
         transform: scale(1)
@@ -6800,7 +6414,6 @@ samp {
         opacity: 1;
         transform: scale(1)
     }
-
     100% {
         opacity: 0;
         transform: scale(.9)
@@ -6949,7 +6562,6 @@ samp {
         transform-origin: 0 0;
         transform: scaleY(.8)
     }
-
     100% {
         opacity: 1;
         transform-origin: 0 0;
@@ -6963,7 +6575,6 @@ samp {
         transform-origin: 0 0;
         transform: scaleY(1)
     }
-
     100% {
         opacity: 0;
         transform-origin: 0 0;
@@ -6977,7 +6588,6 @@ samp {
         transform-origin: 100% 100%;
         transform: scaleY(.8)
     }
-
     100% {
         opacity: 1;
         transform-origin: 100% 100%;
@@ -6991,7 +6601,6 @@ samp {
         transform-origin: 100% 100%;
         transform: scaleY(1)
     }
-
     100% {
         opacity: 0;
         transform-origin: 100% 100%;
@@ -7005,7 +6614,6 @@ samp {
         transform-origin: 0 0;
         transform: scaleX(.8)
     }
-
     100% {
         opacity: 1;
         transform-origin: 0 0;
@@ -7019,7 +6627,6 @@ samp {
         transform-origin: 0 0;
         transform: scaleX(1)
     }
-
     100% {
         opacity: 0;
         transform-origin: 0 0;
@@ -7033,7 +6640,6 @@ samp {
         transform-origin: 100% 0;
         transform: scaleX(.8)
     }
-
     100% {
         opacity: 1;
         transform-origin: 100% 0;
@@ -7047,7 +6653,6 @@ samp {
         transform-origin: 100% 0;
         transform: scaleX(1)
     }
-
     100% {
         opacity: 0;
         transform-origin: 100% 0;
@@ -8953,7 +8558,6 @@ fieldset[disabled] .ivu-btn-info>a:only-child:after {
     0% {
         transform: scale(0)
     }
-
     100% {
         transform: scale(1);
         opacity: 0
@@ -10545,7 +10149,6 @@ textarea.ivu-input-number {
         opacity: .3;
         width: 0
     }
-
     100% {
         opacity: 0;
         width: 100%
@@ -11396,7 +10999,7 @@ textarea.ivu-page-options-elevator input {
     background-clip: padding-box
 }
 
-.ivu-modal-header {   
+.ivu-modal-header {
     padding: 14px 16px;
     line-height: 1
 }
@@ -11458,7 +11061,6 @@ textarea.ivu-page-options-elevator input {
         width: auto !important;
         margin: 10px
     }
-
     .vertical-center-modal .ivu-modal {
         -ms-flex: 1;
         flex: 1
@@ -13004,7 +12606,6 @@ li.ivu-transfer-list-content-not-found:only-child {
     font-size: 14px !important
 }
 
-
 .ivu-dropdown {
     display: inline-block
 }
@@ -14611,6 +14212,4 @@ span.ivu-date-picker-cells-cell-disabled.ivu-date-picker-cells-cell-selected em
 .ivu-tree-icon__close {
     margin-right: 2px;
     vertical-align: top
-}
-
+}
\ No newline at end of file
-