From a7d095c78d1320a4e01bd59dbd07043bf0cf68ba Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 27 五月 2020 12:15:51 +0800
Subject: [PATCH] 2020-05-27

---
 src/store/options.js                          |    2 
 src/tabviews/zshare/chartcomponent/index.scss |   12 
 src/components/sidemenu/index.scss            |   15 
 src/tabviews/subtable/index.jsx               |    2 
 src/tabviews/commontable/index.jsx            |    2 
 src/assets/css/global.scss                    |    3 
 src/assets/css/table.scss                     |  921 ++++++++------------------------------------------------
 7 files changed, 158 insertions(+), 799 deletions(-)

diff --git a/src/assets/css/global.scss b/src/assets/css/global.scss
index 70ba050..d117c7c 100644
--- a/src/assets/css/global.scss
+++ b/src/assets/css/global.scss
@@ -55,4 +55,5 @@
   top: 50%;
   right: $right;
   transform: translate3d(0, -50%, 0);
-}
\ No newline at end of file
+}
+
diff --git a/src/assets/css/table.scss b/src/assets/css/table.scss
index 8e126af..7e5ce1a 100644
--- a/src/assets/css/table.scss
+++ b/src/assets/css/table.scss
@@ -1,3 +1,11 @@
+@mixin tableBackground($background, $color: rgba(0, 0, 0, 0.85)) {
+  color: $color;
+  background: $background;
+  .baseboard {
+    background: $background;
+  }
+}
+
 .mingke-table {
   .ant-cascader-menu {
     min-width: 120px;
@@ -20,1485 +28,838 @@
   }
   // dust-red
   .background.dust-red-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff1f0;
-    .baseboard {
-      background: #fff1f0;
-    }
+    @include tableBackground(#fff1f0);
   }
   .background.dust-red-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffccc7;
-    .baseboard {
-      background: #ffccc7;
-    }
+    @include tableBackground(#ffccc7);
   }
   .background.dust-red-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffa39e;
-    .baseboard {
-      background: #ffa39e;
-    }
+    @include tableBackground(#ffa39e);
   }
   .background.dust-red-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff7875;
-    .baseboard {
-      background: #ff7875;
-    }
+    @include tableBackground(#ff7875);
   }
   .background.dust-red-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff4d4f;
-    .baseboard {
-      background: #ff4d4f;
-    }
+    @include tableBackground(#ff4d4f);
   }
   .background.dust-red-6 {
-    color: #ffffff;
-    background: #f5222d;
-    .baseboard {
-      background: #f5222d;
-    }
+    @include tableBackground(#f5222d, #ffffff);
   }
   .background.dust-red-7 {
-    color: #ffffff;
-    background: #cf1322;
-    .baseboard {
-      background: #cf1322;
-    }
+    @include tableBackground(#cf1322, #ffffff);
   }
   .background.dust-red-8 {
-    color: #ffffff;
-    background: #a8071a;
-    .baseboard {
-      background: #a8071a;
-    }
+    @include tableBackground(#a8071a, #ffffff);
   }
   .background.dust-red-9 {
-    color: #ffffff;
-    background: #820014;
-    .baseboard {
-      background: #820014;
-    }
+    @include tableBackground(#820014, #ffffff);
   }
   .background.dust-red-10 {
-    color: #ffffff;
-    background: #5c0011;
-    .baseboard {
-      background: #5c0011;
-    }
+    @include tableBackground(#5c0011, #ffffff);
   }
 
   // volcano
   .background.volcano-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff2e8;
-    .baseboard {
-      background: #fff2e8;
-    }
+    @include tableBackground(#fff2e8);
   }
   .background.volcano-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd8bf;
-    .baseboard {
-      background: #ffd8bf;
-    }
+    @include tableBackground(#ffd8bf);
   }
   .background.volcano-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffbb96;
-    .baseboard {
-      background: #ffbb96;
-    }
+    @include tableBackground(#ffbb96);
   }
   .background.volcano-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff9c6e;
-    .baseboard {
-      background: #ff9c6e;
-    }
+    @include tableBackground(#ff9c6e);
   }
   .background.volcano-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff7a45;
-    .baseboard {
-      background: #ff7a45;
-    }
+    @include tableBackground(#ff7a45);
   }
   .background.volcano-6 {
-    color: #ffffff;
-    background: #fa541c;
-    .baseboard {
-      background: #fa541c;
-    }
+    @include tableBackground(#fa541c, #ffffff);
   }
   .background.volcano-7 {
-    color: #ffffff;
-    background: #d4380d;
-    .baseboard {
-      background: #d4380d;
-    }
+    @include tableBackground(#d4380d, #ffffff);
   }
   .background.volcano-8 {
-    color: #ffffff;
-    background: #ad2102;
-    .baseboard {
-      background: #ad2102;
-    }
+    @include tableBackground(#ad2102, #ffffff);
   }
   .background.volcano-9 {
-    color: #ffffff;
-    background: #871400;
-    .baseboard {
-      background: #871400;
-    }
+    @include tableBackground(#871400, #ffffff);
   }
   .background.volcano-10 {
-    color: #ffffff;
-    background: #610b00;
-    .baseboard {
-      background: #610b00;
-    }
+    @include tableBackground(#610b00, #ffffff);
   }
 
   // orange
   .background.orange-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff7e6;
-    .baseboard {
-      background: #fff7e6;
-    }
+    @include tableBackground(#fff7e6);
   }
   .background.orange-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffe7ba;
-    .baseboard {
-      background: #ffe7ba;
-    }
+    @include tableBackground(#ffe7ba);
   }
   .background.orange-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd591;
-    .baseboard {
-      background: #ffd591;
-    }
+    @include tableBackground(#ffd591);
   }
   .background.orange-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffc069;
-    .baseboard {
-      background: #ffc069;
-    }
+    @include tableBackground(#ffc069);
   }
   .background.orange-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffa940;
-    .baseboard {
-      background: #ffa940;
-    }
+    @include tableBackground(#ffa940);
   }
   .background.orange-6 {
-    color: #ffffff;
-    background: #fa8c16;
-    .baseboard {
-      background: #fa8c16;
-    }
+    @include tableBackground(#fa8c16, #ffffff);
   }
   .background.orange-7 {
-    color: #ffffff;
-    background: #d46b08;
-    .baseboard {
-      background: #d46b08;
-    }
+    @include tableBackground(#d46b08, #ffffff);
   }
   .background.orange-8 {
-    color: #ffffff;
-    background: #ad4e00;
-    .baseboard {
-      background: #ad4e00;
-    }
+    @include tableBackground(#ad4e00, #ffffff);
   }
   .background.orange-9 {
-    color: #ffffff;
-    background: #873800;
-    .baseboard {
-      background: #873800;
-    }
+    @include tableBackground(#873800, #ffffff);
   }
   .background.orange-10 {
-    color: #ffffff;
-    background: #612500;
-    .baseboard {
-      background: #612500;
-    }
+    @include tableBackground(#612500, #ffffff);
   }
 
   // gold
   .background.gold-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fffbe6;
-    .baseboard {
-      background: #fffbe6;
-    }
+    @include tableBackground(#fffbe6);
   }
   .background.gold-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff1b8;
-    .baseboard {
-      background: #fff1b8;
-    }
+    @include tableBackground(#fff1b8);
   }
   .background.gold-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffe58f;
-    .baseboard {
-      background: #ffe58f;
-    }
+    @include tableBackground(#ffe58f);
   }
   .background.gold-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd666;
-    .baseboard {
-      background: #ffd666;
-    }
+    @include tableBackground(#ffd666);
   }
   .background.gold-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffc53d;
-    .baseboard {
-      background: #ffc53d;
-    }
+    @include tableBackground(#ffc53d);
   }
   .background.gold-6 {
-    color: #ffffff;
-    background: #faad14;
-    .baseboard {
-      background: #faad14;
-    }
+    @include tableBackground(#faad14, #ffffff);
   }
   .background.gold-7 {
-    color: #ffffff;
-    background: #d48806;
-    .baseboard {
-      background: #d48806;
-    }
+    @include tableBackground(#d48806, #ffffff);
   }
   .background.gold-8 {
-    color: #ffffff;
-    background: #ad6800;
-    .baseboard {
-      background: #ad6800;
-    }
+    @include tableBackground(#ad6800, #ffffff);
   }
   .background.gold-9 {
-    color: #ffffff;
-    background: #874d00;
-    .baseboard {
-      background: #874d00;
-    }
+    @include tableBackground(#874d00, #ffffff);
   }
   .background.gold-10 {
-    color: #ffffff;
-    background: #613400;
-    .baseboard {
-      background: #613400;
-    }
+    @include tableBackground(#613400, #ffffff);
   }
 
   // yellow
   .background.yellow-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #feffe6;
-    .baseboard {
-      background: #feffe6;
-    }
+    @include tableBackground(#feffe6);
   }
   .background.yellow-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffffb8;
-    .baseboard {
-      background: #ffffb8;
-    }
+    @include tableBackground(#ffffb8);
   }
   .background.yellow-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fffb8f;
-    .baseboard {
-      background: #fffb8f;
-    }
+    @include tableBackground(#fffb8f);
   }
   .background.yellow-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff566;
-    .baseboard {
-      background: #fff566;
-    }
+    @include tableBackground(#fff566);
   }
   .background.yellow-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffec3d;
-    .baseboard {
-      background: #ffec3d;
-    }
+    @include tableBackground(#ffec3d);
   }
   .background.yellow-6 {
-    color: #ffffff;
-    background: #fadb14;
-    .baseboard {
-      background: #fadb14;
-    }
+    @include tableBackground(#fadb14, #ffffff);
   }
   .background.yellow-7 {
-    color: #ffffff;
-    background: #d4b106;
-    .baseboard {
-      background: #d4b106;
-    }
+    @include tableBackground(#d4b106, #ffffff);
   }
   .background.yellow-8 {
-    color: #ffffff;
-    background: #ad8b00;
-    .baseboard {
-      background: #ad8b00;
-    }
+    @include tableBackground(#ad8b00, #ffffff);
   }
   .background.yellow-9 {
-    color: #ffffff;
-    background: #876800;
-    .baseboard {
-      background: #876800;
-    }
+    @include tableBackground(#876800, #ffffff);
   }
   .background.yellow-10 {
-    color: #ffffff;
-    background: #614700;
-    .baseboard {
-      background: #614700;
-    }
+    @include tableBackground(#614700, #ffffff);
   }
 
   // lime
   .background.lime-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fcffe6;
-    .baseboard {
-      background: #fcffe6;
-    }
+    @include tableBackground(#fcffe6);
   }
   .background.lime-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f4ffb8;
-    .baseboard {
-      background: #f4ffb8;
-    }
+    @include tableBackground(#f4ffb8);
   }
   .background.lime-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #eaff8f;
-    .baseboard {
-      background: #eaff8f;
-    }
+    @include tableBackground(#eaff8f);
   }
   .background.lime-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d3f261;
-    .baseboard {
-      background: #d3f261;
-    }
+    @include tableBackground(#d3f261);
   }
   .background.lime-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bae637;
-    .baseboard {
-      background: #bae637;
-    }
+    @include tableBackground(#bae637);
   }
   .background.lime-6 {
-    color: #ffffff;
-    background: #a0d911;
-    .baseboard {
-      background: #a0d911;
-    }
+    @include tableBackground(#a0d911, #ffffff);
   }
   .background.lime-7 {
-    color: #ffffff;
-    background: #7cb305;
-    .baseboard {
-      background: #7cb305;
-    }
+    @include tableBackground(#7cb305, #ffffff);
   }
   .background.lime-8 {
-    color: #ffffff;
-    background: #5b8c00;
-    .baseboard {
-      background: #5b8c00;
-    }
+    @include tableBackground(#5b8c00, #ffffff);
   }
   .background.lime-9 {
-    color: #ffffff;
-    background: #3f6600;
-    .baseboard {
-      background: #3f6600;
-    }
+    @include tableBackground(#3f6600, #ffffff);
   }
   .background.lime-10 {
-    color: #ffffff;
-    background: #254000;
-    .baseboard {
-      background: #254000;
-    }
+    @include tableBackground(#254000, #ffffff);
   }
 
   // green
   .background.green-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f6ffed;
-    .baseboard {
-      background: #f6ffed;
-    }
+    @include tableBackground(#f6ffed);
   }
   .background.green-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d9f7be;
-    .baseboard {
-      background: #d9f7be;
-    }
+    @include tableBackground(#d9f7be);
   }
   .background.green-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b7eb8f;
-    .baseboard {
-      background: #b7eb8f;
-    }
+    @include tableBackground(#b7eb8f);
   }
   .background.green-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #95de64;
-    .baseboard {
-      background: #95de64;
-    }
+    @include tableBackground(#95de64);
   }
   .background.green-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #73d13d;
-    .baseboard {
-      background: #73d13d;
-    }
+    @include tableBackground(#73d13d);
   }
   .background.green-6 {
-    color: #ffffff;
-    background: #52c41a;
-    .baseboard {
-      background: #52c41a;
-    }
+    @include tableBackground(#52c41a, #ffffff);
   }
   .background.green-7 {
-    color: #ffffff;
-    background: #389e0d;
-    .baseboard {
-      background: #389e0d;
-    }
+    @include tableBackground(#389e0d, #ffffff);
   }
   .background.green-8 {
-    color: #ffffff;
-    background: #237804;
-    .baseboard {
-      background: #237804;
-    }
+    @include tableBackground(#237804, #ffffff);
   }
   .background.green-9 {
-    color: #ffffff;
-    background: #135200;
-    .baseboard {
-      background: #135200;
-    }
+    @include tableBackground(#135200, #ffffff);
   }
   .background.green-10 {
-    color: #ffffff;
-    background: #092b00;
-    .baseboard {
-      background: #092b00;
-    }
+    @include tableBackground(#092b00, #ffffff);
   }
 
   // cyan
   .background.cyan-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #e6fffb;
-    .baseboard {
-      background: #e6fffb;
-    }
+    @include tableBackground(#e6fffb);
   }
   .background.cyan-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b5f5ec;
-    .baseboard {
-      background: #b5f5ec;
-    }
+    @include tableBackground(#b5f5ec);
   }
   .background.cyan-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #87e8de;
-    .baseboard {
-      background: #87e8de;
-    }
+    @include tableBackground(#87e8de);
   }
   .background.cyan-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #5cdbd3;
-    .baseboard {
-      background: #5cdbd3;
-    }
+    @include tableBackground(#5cdbd3);
   }
   .background.cyan-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #36cfc9;
-    .baseboard {
-      background: #36cfc9;
-    }
+    @include tableBackground(#36cfc9);
   }
   .background.cyan-6 {
-    color: #ffffff;
-    background: #13c2c2;
-    .baseboard {
-      background: #13c2c2;
-    }
+    @include tableBackground(#13c2c2, #ffffff);
   }
   .background.cyan-7 {
-    color: #ffffff;
-    background: #08979c;
-    .baseboard {
-      background: #08979c;
-    }
+    @include tableBackground(#08979c, #ffffff);
   }
   .background.cyan-8 {
-    color: #ffffff;
-    background: #006d75;
-    .baseboard {
-      background: #006d75;
-    }
+    @include tableBackground(#006d75, #ffffff);
   }
   .background.cyan-9 {
-    color: #ffffff;
-    background: #00474f;
-    .baseboard {
-      background: #00474f;
-    }
+    @include tableBackground(#00474f, #ffffff);
   }
   .background.cyan-10 {
-    color: #ffffff;
-    background: #002329;
-    .baseboard {
-      background: #002329;
-    }
+    @include tableBackground(#002329, #ffffff);
   }
 
   // blue
   .background.blue-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #e6f7ff;
-    .baseboard {
-      background: #e6f7ff;
-    }
+    @include tableBackground(#e6f7ff);
   }
   .background.blue-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bae7ff;
-    .baseboard {
-      background: #bae7ff;
-    }
+    @include tableBackground(#bae7ff);
   }
   .background.blue-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #91d5ff;
-    .baseboard {
-      background: #91d5ff;
-    }
+    @include tableBackground(#91d5ff);
   }
   .background.blue-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #69c0ff;
-    .baseboard {
-      background: #69c0ff;
-    }
+    @include tableBackground(#69c0ff);
   }
   .background.blue-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #40a9ff;
-    .baseboard {
-      background: #40a9ff;
-    }
+    @include tableBackground(#40a9ff);
   }
   .background.blue-6 {
-    color: #ffffff;
-    background: #1890ff;
-    .baseboard {
-      background: #1890ff;
-    }
+    @include tableBackground(#1890ff, #ffffff);
   }
   .background.blue-7 {
-    color: #ffffff;
-    background: #096dd9;
-    .baseboard {
-      background: #096dd9;
-    }
+    @include tableBackground(#096dd9, #ffffff);
   }
   .background.blue-8 {
-    color: #ffffff;
-    background: #0050b3;
-    .baseboard {
-      background: #0050b3;
-    }
+    @include tableBackground(#0050b3, #ffffff);
   }
   .background.blue-9 {
-    color: #ffffff;
-    background: #003a8c;
-    .baseboard {
-      background: #003a8c;
-    }
+    @include tableBackground(#003a8c, #ffffff);
   }
   .background.blue-10 {
-    color: #ffffff;
-    background: #002766;
-    .baseboard {
-      background: #002766;
-    }
+    @include tableBackground(#002766, #ffffff);
   }
 
   // geekblue
   .background.geekblue-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f0f5ff;
-    .baseboard {
-      background: #f0f5ff;
-    }
+    @include tableBackground(#f0f5ff);
   }
   .background.geekblue-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d6e4ff;
-    .baseboard {
-      background: #d6e4ff;
-    }
+    @include tableBackground(#d6e4ff);
   }
   .background.geekblue-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #adc6ff;
-    .baseboard {
-      background: #adc6ff;
-    }
+    @include tableBackground(#adc6ff);
   }
   .background.geekblue-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #85a5ff;
-    .baseboard {
-      background: #85a5ff;
-    }
+    @include tableBackground(#85a5ff);
   }
   .background.geekblue-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #597ef7;
-    .baseboard {
-      background: #597ef7;
-    }
+    @include tableBackground(#597ef7);
   }
   .background.geekblue-6 {
-    color: #ffffff;
-    background: #2f54eb;
-    .baseboard {
-      background: #2f54eb;
-    }
+    @include tableBackground(#2f54eb, #ffffff);
   }
   .background.geekblue-7 {
-    color: #ffffff;
-    background: #1d39c4;
-    .baseboard {
-      background: #1d39c4;
-    }
+    @include tableBackground(#1d39c4, #ffffff);
   }
   .background.geekblue-8 {
-    color: #ffffff;
-    background: #10239e;
-    .baseboard {
-      background: #10239e;
-    }
+    @include tableBackground(#10239e, #ffffff);
   }
   .background.geekblue-9 {
-    color: #ffffff;
-    background: #061178;
-    .baseboard {
-      background: #061178;
-    }
+    @include tableBackground(#061178, #ffffff);
   }
   .background.geekblue-10 {
-    color: #ffffff;
-    background: #030852;
-    .baseboard {
-      background: #030852;
-    }
+    @include tableBackground(#030852, #ffffff);
   }
   
   // purple
   .background.purple-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f9f0ff;
-    .baseboard {
-      background: #f9f0ff;
-    }
+    @include tableBackground(#f9f0ff);
   }
   .background.purple-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #efdbff;
-    .baseboard {
-      background: #efdbff;
-    }
+    @include tableBackground(#efdbff);
   }
   .background.purple-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d3adf7;
-    .baseboard {
-      background: #d3adf7;
-    }
+    @include tableBackground(#d3adf7);
   }
   .background.purple-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #b37feb;
-    .baseboard {
-      background: #b37feb;
-    }
+    @include tableBackground(#b37feb);
   }
   .background.purple-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #9254de;
-    .baseboard {
-      background: #9254de;
-    }
+    @include tableBackground(#9254de);
   }
   .background.purple-6 {
-    color: #ffffff;
-    background: #722ed1;
-    .baseboard {
-      background: #722ed1;
-    }
+    @include tableBackground(#722ed1, #ffffff);
   }
   .background.purple-7 {
-    color: #ffffff;
-    background: #531dab;
-    .baseboard {
-      background: #531dab;
-    }
+    @include tableBackground(#531dab, #ffffff);
   }
   .background.purple-8 {
-    color: #ffffff;
-    background: #391085;
-    .baseboard {
-      background: #391085;
-    }
+    @include tableBackground(#391085, #ffffff);
   }
   .background.purple-9 {
-    color: #ffffff;
-    background: #22075e;
-    .baseboard {
-      background: #22075e;
-    }
+    @include tableBackground(#22075e, #ffffff);
   }
   .background.purple-10 {
-    color: #ffffff;
-    background: #120338;
-    .baseboard {
-      background: #120338;
-    }
+    @include tableBackground(#120338, #ffffff);
   }
 
   // magenta
   .background.magenta-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #fff0f6;
-    .baseboard {
-      background: #fff0f6;
-    }
+    @include tableBackground(#fff0f6);
   }
   .background.magenta-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffd6e7;
-    .baseboard {
-      background: #ffd6e7;
-    }
+    @include tableBackground(#ffd6e7);
   }
   .background.magenta-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ffadd2;
-    .baseboard {
-      background: #ffadd2;
-    }
+    @include tableBackground(#ffadd2);
   }
   .background.magenta-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #ff85c0;
-    .baseboard {
-      background: #ff85c0;
-    }
+    @include tableBackground(#ff85c0);
   }
   .background.magenta-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f759ab;
-    .baseboard {
-      background: #f759ab;
-    }
+    @include tableBackground(#f759ab);
   }
   .background.magenta-6 {
-    color: #ffffff;
-    background: #eb2f96;
-    .baseboard {
-      background: #eb2f96;
-    }
+    @include tableBackground(#eb2f96, #ffffff);
   }
   .background.magenta-7 {
-    color: #ffffff;
-    background: #c41d7f;
-    .baseboard {
-      background: #c41d7f;
-    }
+    @include tableBackground(#c41d7f, #ffffff);
   }
   .background.magenta-8 {
-    color: #ffffff;
-    background: #9e1068;
-    .baseboard {
-      background: #9e1068;
-    }
+    @include tableBackground(#9e1068, #ffffff);
   }
   .background.magenta-9 {
-    color: #ffffff;
-    background: #780650;
-    .baseboard {
-      background: #780650;
-    }
+    @include tableBackground(#780650, #ffffff);
   }
   .background.magenta-10 {
-    color: #ffffff;
-    background: #520339;
-    .baseboard {
-      background: #520339;
-    }
+    @include tableBackground(#520339, #ffffff);
   }
 
   // gray
   .background.gray-1 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f5f5f5;
-    .baseboard {
-      background: #f5f5f5;
-    }
+    @include tableBackground(#f5f5f5);
   }
   .background.gray-2 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #f0f0f0;
-    .baseboard {
-      background: #f0f0f0;
-    }
+    @include tableBackground(#f0f0f0);
   }
   .background.gray-3 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #d9d9d9;
-    .baseboard {
-      background: #d9d9d9;
-    }
+    @include tableBackground(#d9d9d9);
   }
   .background.gray-4 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #bfbfbf;
-    .baseboard {
-      background: #bfbfbf;
-    }
+    @include tableBackground(#bfbfbf);
   }
   .background.gray-5 {
-    color: rgba(0, 0, 0, 0.85);
-    background: #8c8c8c;
-    .baseboard {
-      background: #8c8c8c;
-    }
+    @include tableBackground(#8c8c8c);
   }
   .background.gray-6 {
-    color: #ffffff;
-    background: #595959;
-    .baseboard {
-      background: #595959;
-    }
+    @include tableBackground(#595959, #ffffff);
   }
   .background.gray-7 {
-    color: #ffffff;
-    background: #434343;
-    .baseboard {
-      background: #434343;
-    }
+    @include tableBackground(#434343, #ffffff);
   }
   .background.gray-8 {
-    color: #ffffff;
-    background: #262626;
-    .baseboard {
-      background: #262626;
-    }
+    @include tableBackground(#262626, #ffffff);
   }
   .background.gray-9 {
-    color: #ffffff;
-    background: #1f1f1f;
-    .baseboard {
-      background: #1f1f1f;
-    }
+    @include tableBackground(#1f1f1f, #ffffff);
   }
   .background.gray-10 {
-    color: #ffffff;
-    background: #141414;
-    .baseboard {
-      background: #141414;
-    }
+    @include tableBackground(#141414, #ffffff);
   }
 
   /* ******************************* */
 
+  // .font {
+  //   background: #ffffff;
+  // }
   // dust-red
   .font.dust-red-1 {
     color: #fff1f0;
-    background: #ffffff;
   }
   .font.dust-red-2 {
     color: #ffccc7;
-    background: #ffffff;
   }
   .font.dust-red-3 {
     color: #ffa39e;
-    background: #ffffff;
   }
   .font.dust-red-4 {
     color: #ff7875;
-    background: #ffffff;
   }
   .font.dust-red-5 {
     color: #ff4d4f;
-    background: #ffffff;
   }
   .font.dust-red-6 {
     color: #f5222d;
-    background: #ffffff;
   }
   .font.dust-red-7 {
     color: #cf1322;
-    background: #ffffff;
   }
   .font.dust-red-8 {
     color: #a8071a;
-    background: #ffffff;
   }
   .font.dust-red-9 {
     color: #820014;
-    background: #ffffff;
   }
   .font.dust-red-10 {
     color: #5c0011;
-    background: #ffffff;
   }
 
   // volcano
   .font.volcano-1 {
     color: #fff2e8;
-    background: #ffffff;
   }
   .font.volcano-2 {
     color: #ffd8bf;
-    background: #ffffff;
   }
   .font.volcano-3 {
     color: #ffbb96;
-    background: #ffffff;
   }
   .font.volcano-4 {
     color: #ff9c6e;
-    background: #ffffff;
   }
   .font.volcano-5 {
     color: #ff7a45;
-    background: #ffffff;
   }
   .font.volcano-6 {
     color: #fa541c;
-    background: #ffffff;
   }
   .font.volcano-7 {
     color: #d4380d;
-    background: #ffffff;
   }
   .font.volcano-8 {
     color: #ad2102;
-    background: #ffffff;
   }
   .font.volcano-9 {
     color: #871400;
-    background: #ffffff;
   }
   .font.volcano-10 {
     color: #610b00;
-    background: #ffffff;
   }
 
   // orange
   .font.orange-1 {
     color: #fff7e6;
-    background: #ffffff;
   }
   .font.orange-2 {
     color: #ffe7ba;
-    background: #ffffff;
   }
   .font.orange-3 {
     color: #ffd591;
-    background: #ffffff;
   }
   .font.orange-4 {
     color: #ffc069;
-    background: #ffffff;
   }
   .font.orange-5 {
     color: #ffa940;
-    background: #ffffff;
   }
   .font.orange-6 {
     color: #fa8c16;
-    background: #ffffff;
   }
   .font.orange-7 {
     color: #d46b08;
-    background: #ffffff;
   }
   .font.orange-8 {
     color: #ad4e00;
-    background: #ffffff;
   }
   .font.orange-9 {
     color: #873800;
-    background: #ffffff;
   }
   .font.orange-10 {
     color: #612500;
-    background: #ffffff;
   }
 
   // gold
   .font.gold-1 {
     color: #fffbe6;
-    background: #ffffff;
   }
   .font.gold-2 {
     color: #fff1b8;
-    background: #ffffff;
   }
   .font.gold-3 {
     color: #ffe58f;
-    background: #ffffff;
   }
   .font.gold-4 {
     color: #ffd666;
-    background: #ffffff;
   }
   .font.gold-5 {
     color: #ffc53d;
-    background: #ffffff;
   }
   .font.gold-6 {
     color: #faad14;
-    background: #ffffff;
   }
   .font.gold-7 {
     color: #d48806;
-    background: #ffffff;
   }
   .font.gold-8 {
     color: #ad6800;
-    background: #ffffff;
   }
   .font.gold-9 {
     color: #874d00;
-    background: #ffffff;
   }
   .font.gold-10 {
     color: #613400;
-    background: #ffffff;
   }
 
   // yellow
   .font.yellow-1 {
     color: #feffe6;
-    background: #ffffff;
   }
   .font.yellow-2 {
     color: #ffffb8;
-    background: #ffffff;
   }
   .font.yellow-3 {
     color: #fffb8f;
-    background: #ffffff;
   }
   .font.yellow-4 {
     color: #fff566;
-    background: #ffffff;
   }
   .font.yellow-5 {
     color: #ffec3d;
-    background: #ffffff;
   }
   .font.yellow-6 {
     color: #fadb14;
-    background: #ffffff;
   }
   .font.yellow-7 {
     color: #d4b106;
-    background: #ffffff;
   }
   .font.yellow-8 {
     color: #ad8b00;
-    background: #ffffff;
   }
   .font.yellow-9 {
     color: #876800;
-    background: #ffffff;
   }
   .font.yellow-10 {
     color: #614700;
-    background: #ffffff;
   }
 
   // lime
   .font.lime-1 {
     color: #fcffe6;
-    background: #ffffff;
   }
   .font.lime-2 {
     color: #f4ffb8;
-    background: #ffffff;
   }
   .font.lime-3 {
     color: #eaff8f;
-    background: #ffffff;
   }
   .font.lime-4 {
     color: #d3f261;
-    background: #ffffff;
   }
   .font.lime-5 {
     color: #bae637;
-    background: #ffffff;
   }
   .font.lime-6 {
     color: #a0d911;
-    background: #ffffff;
   }
   .font.lime-7 {
     color: #7cb305;
-    background: #ffffff;
   }
   .font.lime-8 {
     color: #5b8c00;
-    background: #ffffff;
   }
   .font.lime-9 {
     color: #3f6600;
-    background: #ffffff;
   }
   .font.lime-10 {
     color: #254000;
-    background: #ffffff;
   }
 
   // green
   .font.green-1 {
     color: #f6ffed;
-    background: #ffffff;
   }
   .font.green-2 {
     color: #d9f7be;
-    background: #ffffff;
   }
   .font.green-3 {
     color: #b7eb8f;
-    background: #ffffff;
   }
   .font.green-4 {
     color: #95de64;
-    background: #ffffff;
   }
   .font.green-5 {
     color: #73d13d;
-    background: #ffffff;
   }
   .font.green-6 {
     color: #52c41a;
-    background: #ffffff;
   }
   .font.green-7 {
     color: #389e0d;
-    background: #ffffff;
   }
   .font.green-8 {
     color: #237804;
-    background: #ffffff;
   }
   .font.green-9 {
     color: #135200;
-    background: #ffffff;
   }
   .font.green-10 {
     color: #092b00;
-    background: #ffffff;
   }
 
   // cyan
   .font.cyan-1 {
     color: #e6fffb;
-    background: #ffffff;
   }
   .font.cyan-2 {
     color: #b5f5ec;
-    background: #ffffff;
   }
   .font.cyan-3 {
     color: #87e8de;
-    background: #ffffff;
   }
   .font.cyan-4 {
     color: #5cdbd3;
-    background: #ffffff;
   }
   .font.cyan-5 {
     color: #36cfc9;
-    background: #ffffff;
   }
   .font.cyan-6 {
     color: #13c2c2;
-    background: #ffffff;
   }
   .font.cyan-7 {
     color: #08979c;
-    background: #ffffff;
   }
   .font.cyan-8 {
     color: #006d75;
-    background: #ffffff;
   }
   .font.cyan-9 {
     color: #00474f;
-    background: #ffffff;
   }
   .font.cyan-10 {
     color: #002329;
-    background: #ffffff;
   }
 
   // blue
   .font.blue-1 {
     color: #e6f7ff;
-    background: #ffffff;
   }
   .font.blue-2 {
     color: #bae7ff;
-    background: #ffffff;
   }
   .font.blue-3 {
     color: #91d5ff;
-    background: #ffffff;
   }
   .font.blue-4 {
     color: #69c0ff;
-    background: #ffffff;
   }
   .font.blue-5 {
     color: #40a9ff;
-    background: #ffffff;
   }
   .font.blue-6 {
     color: #1890ff;
-    background: #ffffff;
   }
   .font.blue-7 {
     color: #096dd9;
-    background: #ffffff;
   }
   .font.blue-8 {
     color: #0050b3;
-    background: #ffffff;
   }
   .font.blue-9 {
     color: #003a8c;
-    background: #ffffff;
   }
   .font.blue-10 {
     color: #002766;
-    background: #ffffff;
   }
 
   // geekblue
   .font.geekblue-1 {
     color: #f0f5ff;
-    background: #ffffff;
   }
   .font.geekblue-2 {
     color: #d6e4ff;
-    background: #ffffff;
   }
   .font.geekblue-3 {
     color: #adc6ff;
-    background: #ffffff;
   }
   .font.geekblue-4 {
     color: #85a5ff;
-    background: #ffffff;
   }
   .font.geekblue-5 {
     color: #597ef7;
-    background: #ffffff;
   }
   .font.geekblue-6 {
     color: #2f54eb;
-    background: #ffffff;
   }
   .font.geekblue-7 {
     color: #1d39c4;
-    background: #ffffff;
   }
   .font.geekblue-8 {
     color: #10239e;
-    background: #ffffff;
   }
   .font.geekblue-9 {
     color: #061178;
-    background: #ffffff;
   }
   .font.geekblue-10 {
     color: #030852;
-    background: #ffffff;
   }
 
   // purple
   .font.purple-1 {
     color: #f9f0ff;
-    background: #ffffff;
   }
   .font.purple-2 {
     color: #efdbff;
-    background: #ffffff;
   }
   .font.purple-3 {
     color: #d3adf7;
-    background: #ffffff;
   }
   .font.purple-4 {
     color: #b37feb;
-    background: #ffffff;
   }
   .font.purple-5 {
     color: #9254de;
-    background: #ffffff;
   }
   .font.purple-6 {
     color: #722ed1;
-    background: #ffffff;
   }
   .font.purple-7 {
     color: #531dab;
-    background: #ffffff;
   }
   .font.purple-8 {
     color: #391085;
-    background: #ffffff;
   }
   .font.purple-9 {
     color: #22075e;
-    background: #ffffff;
   }
   .font.purple-10 {
     color: #120338;
-    background: #ffffff;
   }
 
   // magenta
   .font.magenta-1 {
     color: #fff0f6;
-    background: #ffffff;
   }
   .font.magenta-2 {
     color: #ffd6e7;
-    background: #ffffff;
   }
   .font.magenta-3 {
     color: #ffadd2;
-    background: #ffffff;
   }
   .font.magenta-4 {
     color: #ff85c0;
-    background: #ffffff;
   }
   .font.magenta-5 {
     color: #f759ab;
-    background: #ffffff;
   }
   .font.magenta-6 {
     color: #eb2f96;
-    background: #ffffff;
   }
   .font.magenta-7 {
     color: #c41d7f;
-    background: #ffffff;
   }
   .font.magenta-8 {
     color: #9e1068;
-    background: #ffffff;
   }
   .font.magenta-9 {
     color: #780650;
-    background: #ffffff;
   }
   .font.magenta-10 {
     color: #520339;
-    background: #ffffff;
   }
 
   // gray
   .font.gray-1 {
     color: #f5f5f5;
-    background: #ffffff;
   }
   .font.gray-2 {
     color: #f0f0f0;
-    background: #ffffff;
   }
   .font.gray-3 {
     color: #d9d9d9;
-    background: #ffffff;
   }
   .font.gray-4 {
     color: #bfbfbf;
-    background: #ffffff;
   }
   .font.gray-5 {
     color: #8c8c8c;
-    background: #ffffff;
   }
   .font.gray-6 {
     color: #595959;
-    background: #ffffff;
   }
   .font.gray-7 {
     color: #434343;
-    background: #ffffff;
   }
   .font.gray-8 {
     color: #262626;
-    background: #ffffff;
   }
   .font.gray-9 {
     color: #1f1f1f;
-    background: #ffffff;
   }
   .font.gray-10 {
     color: #141414;
-    background: #ffffff;
   }
 }
diff --git a/src/components/sidemenu/index.scss b/src/components/sidemenu/index.scss
index 89a2f0a..45a5c04 100644
--- a/src/components/sidemenu/index.scss
+++ b/src/components/sidemenu/index.scss
@@ -87,21 +87,6 @@
     width: 48px;
     left: 187px;
   }
-  // .cus-submenu-title {
-  //   padding: 0px 24px;
-  //   background: #364150;
-  //   margin: 0;
-  //   height: 48px;
-  //   line-height: 48px;
-  //   width: 100%;
-  //   overflow: hidden;
-  //   font-size: 14px;
-  //   white-space: nowrap;
-  //   text-overflow: ellipsis;
-  //   i {
-  //     margin-right: 10px;
-  //   }
-  // }
 }
 .side-menu.iframe { // tab椤典腑涓篿frame鏃�
   max-height: 100vh;
diff --git a/src/store/options.js b/src/store/options.js
index 3bdae57..292d2ef 100644
--- a/src/store/options.js
+++ b/src/store/options.js
@@ -1,7 +1,7 @@
 // 绯荤粺閰嶇疆
 export default {
   systemType: 'local', // cloud 銆� SSO 銆� local, 浜戠浣跨敤绯荤粺閰嶇疆appId
-  AppId: '201912040924165801464FF1788654BC5AC73',
+  AppId: '',
   cloudServiceApi: 'http://cloud.mk9h.cn/webapi/dostars',
   cloudLoginApi: 'http://cloud.mk9h.cn/webapi/dologon'
 }
\ No newline at end of file
diff --git a/src/tabviews/commontable/index.jsx b/src/tabviews/commontable/index.jsx
index 71c20de..c0c04a8 100644
--- a/src/tabviews/commontable/index.jsx
+++ b/src/tabviews/commontable/index.jsx
@@ -1354,7 +1354,7 @@
                     </div>
                     <div className="main-table-box">
                       <Icon className="custom-control" type="setting" onClick={this.controlCustomSetting} />
-                      {this.state.data && this.state.data.length > 0 ?
+                      {(setting.tableType === 'radio' || setting.tableType === 'checkbox') && this.state.data && this.state.data.length > 0 ?
                         <Switch title="鏀惰捣" className="main-pickup" checkedChildren="寮�" unCheckedChildren="鍏�" defaultChecked={pickup} onChange={this.pickupChange} /> : null
                       }
                       <MainTable
diff --git a/src/tabviews/subtable/index.jsx b/src/tabviews/subtable/index.jsx
index 4e2709e..898d32c 100644
--- a/src/tabviews/subtable/index.jsx
+++ b/src/tabviews/subtable/index.jsx
@@ -969,7 +969,7 @@
                     />
                   </div>
                   <div className="subtable-box">
-                    {this.state.data && this.state.data.length > 0 ?
+                    {(setting.tableType === 'radio' || setting.tableType === 'checkbox') && this.state.data && this.state.data.length > 0 ?
                       <Switch title="鏀惰捣" className="subtable-pickup" checkedChildren="寮�" unCheckedChildren="鍏�" defaultChecked={pickup} onChange={this.pickupChange} /> : null
                     }
                     <SubTable
diff --git a/src/tabviews/zshare/chartcomponent/index.scss b/src/tabviews/zshare/chartcomponent/index.scss
index da86a3b..9c2838b 100644
--- a/src/tabviews/zshare/chartcomponent/index.scss
+++ b/src/tabviews/zshare/chartcomponent/index.scss
@@ -65,11 +65,23 @@
         }
       }
       li + li {
+        margin-top: 0;
         width: 1%;
         opacity: 0;
       }
     }
   }
+  > .ant-select.ant-select-focused {
+    .ant-select-selection {
+      li {
+        width: 50%;
+      }
+      li + li {
+        width: 49%;
+        opacity: 1;
+      }
+    }
+  }
   .g2-tooltip-list{
     display: none;
   }

--
Gitblit v1.8.0