修改样式表格

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;
\ No newline at end of file
+@table-header-color:#ffffff;
+@table-body-bg:#2F2F57;
+@tableCommon-bg:transparent;
+@tableCommon-boder:transparent;
+@table-boder:transparent;
+@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>
\ No newline at end of file
+</script>

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;