update table style

src/components/Common/TodayGood/components/TodayTableData/index.jsx

@@ -8,20 +8,35 @@ function getRate(decimal) {
 }
 
 const TodayTableData = (props) => {
-  const cutting = useSelector((state) => state.cutting);
+  // const cutting = useSelector((state) => state.cutting);
 
+  let cutting = {
+    table: [
+      {
+        lineName: "Y61",
+        first: 0.37,
+        second: 0.03,
+        product: 0.99,
+        waste: 0.01,
+      },
+    ],
+    chart: {},
+  };
   const config = {
     // headerBGC: 'rgba(4, 44, 76, 0.3)',
-    headerBGC: "rgba(4, 44, 76, .8)",
+    // headerBGC: "rgba(4, 44, 76, .8)",
+    headerBGC: "#044A8460",
     header: [
-      '<span style="color:#fff">产线<span/>',
-      '<span style="color:#fff">一等率<span/>',
-      '<span style="color:#fff">二等率<span/>',
-      '<span style="color:#fff">成品率<span/>',
-      '<span style="color:#fff">废品率<span/>',
+      '<span style="color:#fff; padding-left: 12px;">产线<span/>',
+      '<span style="color:#fff; padding-left: 12px;">一等率<span/>',
+      '<span style="color:#fff; padding-left: 12px;">二等率<span/>',
+      '<span style="color:#fff; padding-left: 12px;">成品率<span/>',
+      '<span style="color:#fff; padding-left: 12px;">废品率<span/>',
     ],
-    oddRowBGC: "#042444",
-    evenRowBGC: "#042c4c",
+    // oddRowBGC: "#042444",
+    // evenRowBGC: "#042c4c",
+    oddRowBGC: "#044A8460",
+    evenRowBGC: "#0b549970",
     columnWidth: [90],
     headerHeight: 40,
     hoverPause: false,
@@ -42,7 +57,7 @@ const TodayTableData = (props) => {
   };
   return (
     <div className={cls.todayTableData}>
-      <ScrollBoard config={config} style={{ width: "100%" }} />
+      <ScrollBoard className={cls.paddingCeil} config={config} style={{ width: "100%", color: '#fffc' }} />
     </div>
   );
 };

src/index.css

@@ -125,3 +125,17 @@ body {
 .xc-chart-tooltip * {
   color: #fff !important;
 }
+
+/* 重写 数据表格ceil样式 */
+.dv-scroll-board .rows .ceil {
+  color: #fffc;
+  padding-left: 20px !important;
+}
+
+.dv-scroll-board .rows .ceil:not(:first-child) {
+  border-left: 1px solid #0004;
+}
+
+.dv-scroll-board .header .header-item:not(:first-child) {
+  border-left: 1px solid #0004;
+}