From 1d8d0a05e5134168e59343f3c6b468fd1111bda5 Mon Sep 17 00:00:00 2001
From: Kubbo <390378816@qq.com>
Date: Mon, 5 Aug 2024 03:20:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4table=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E5=85=BC=E9=A1=BE=E4=BD=BF=E7=94=A8=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/main.css | 12 ++++++++++++
 src/utils/inject.js | 32 +++++++++++++++++++++-----------
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 3bb7503..114fff5 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -168,11 +168,23 @@ a, .green {
   width: 100% !important;
 }
 
+.scrollTable .el-table__body-wrapper {
+  overflow-x: hidden !important;
+}
+
 .scrollTable .tableCell {
   color: #fff;
   border-color: transparent !important;
 }
 
+.scrollTable .cell {
+  text-wrap: unset !important;
+  word-break: break-all;
+  font-size: 12px;
+  padding-left: 6px !important;
+  padding-right: 6px !important;
+}
+
 .scrollTable .el-table__cell {
   padding: 3px 0 !important;
 }
diff --git a/src/utils/inject.js b/src/utils/inject.js
index b19ce63..9715ecb 100644
--- a/src/utils/inject.js
+++ b/src/utils/inject.js
@@ -173,14 +173,17 @@ Vue.component("scrollTable", {
     },
     autoScroll() {
       if (this.timer) clearInterval(this.timer)
+      this.$el.querySelector('.simplebar-vertical').style.display = 'none'
+      // this.$el.querySelectorAll('.simplebar-scrollbar').map(e => e.display = 'none')
       this.timer = setInterval(() => {
         const dom = this.$el.querySelector('.simplebar-content-wrapper')
         const max = dom.scrollHeight - dom.clientHeight
-        if (dom.scrollTop + 30 >= max) dom.scrollTop = 0
-        else dom.scrollTop += 30
-      }, 1000)
+        if (dom.scrollTop + 1 >= max) dom.scrollTop = 0
+        else dom.scrollTop += 1
+      }, 60)
     },
     stopAutoScroll() {
+      this.$el.querySelector('.simplebar-vertical').style.display = 'block'
       if (this.timer) clearInterval(this.timer)
     }
   },
@@ -201,15 +204,22 @@ Vue.component("tableColumn", {
   },
   render(h) {
     const config = this.$props.column
-    return h('el-table-column', {props: {...config, label: `${config.label}` || "-"}},
-      config.children?.map(col => h("tableColumn", {props: {column: col}})) || h('template', {
-        slotScope: {
-          default: ({row}) => {
-            config.custom ? h('div', {style: {color: row.preSaleNum > row.stockNum ? 'red' : '#fff'}}, '周边库存情况') :
-              h('span', row[config.prop] || '')
-          }
+    let column = h('el-table-column', {
+      props: {...config, label: `${config.label}` || "-"}, scopedSlots: {
+        default: ({row}) => {
+          return config.custom ? h('div', {
+              style: {color: row.preSaleNum > row.stockNum ? 'red' : '#fff'}, class: 'pointer'
+            }, '周边库存情况') :
+            h('span', row[config.prop] || '')
         }
-      }))
+      }
+    })
+    if (config.children?.length > 0) {
+      column = h('el-table-column', {props: {...config, label: `${config.label}` || "-"}},
+        config.children.map(col => h("tableColumn", {props: {column: col}}))
+      )
+    }
+    return column
   },
 })