From 7bfa4e0bbad8d1cbff5b60605b4d46c71138a3f3 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 06 五月 2023 07:59:39 +0800
Subject: [PATCH] 1.看板调整2.上云路由整合

---
 src/views/kb/zhkb.vue |   83 ++++++++++++++++++++++++++++-------------
 1 files changed, 56 insertions(+), 27 deletions(-)

diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index 1694ba1..62c231c 100644
--- a/src/views/kb/zhkb.vue
+++ b/src/views/kb/zhkb.vue
@@ -24,7 +24,7 @@
               <svg-icon icon-class="cxjg" class="svg_class" />
               浜х嚎鍔犲伐涓换鍔�
             </div>
-            <div class="lineContent horn">
+            <div class="lineContent horn" style="height: 434px;">
               <div v-for="item in lineContent3" :key="item.workcode" class="kb_left_top_block">
                 <div class="kb_block02 kb_pd10">
                   <div>
@@ -132,7 +132,7 @@
                 <el-table-column
                   prop="lm_date"
                   label="娲惧彂鏃堕棿"
-                  width="120"
+                  width="140"
                 >
                   <template slot-scope="{row}">
                     <div>{{ row.lm_date.substring(0, 10) }}</div>
@@ -141,7 +141,7 @@
                 <el-table-column
                   prop="saleOrderCode"
                   label="閿�鍞鍗曞彿"
-                  width="170"
+                  width="190"
                 >
                   <template slot-scope="{row}">
                     <div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
@@ -151,7 +151,7 @@
                 <el-table-column
                   prop="wo_code"
                   label="鍔犲伐鍗曞彿"
-                  width="190"
+                  width="194"
                 />
                 <el-table-column
                   prop="partname"
@@ -166,21 +166,21 @@
                 <el-table-column
                   prop="plan_qty"
                   label="浠诲姟鏁伴噺"
-                  width="105"
+                  width="125"
                 />
                 <el-table-column
                   prop="good_qty"
                   label="瀹屽伐鏁伴噺"
-                  width="105"
+                  width="125"
                 />
-                <el-table-column
-                  prop="ng_qty"
-                  label="涓嶈壇鏁伴噺"
-                  width="105"
-                />
+                <!--                <el-table-column-->
+                <!--                  prop="ng_qty"-->
+                <!--                  label="涓嶈壇鏁伴噺"-->
+                <!--                  width="105"-->
+                <!--                />-->
                 <el-table-column
                   label="瀹屾垚鐜�"
-                  width="105"
+                  width="130"
                 >
                   <template slot-scope="{row}">
                     <div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div>
@@ -420,26 +420,51 @@
     },
     // 浜х嚎鍔犲伐浠诲姟  宸︿笅鏁版嵁
     getLeftBottomData() {
-      let startValue = 0 // 鍒濆鍊�
-      const scale = 10// 鍒诲害
+      // let startValue = 0 // 鍒濆鍊�
+      // const scale = 10// 鍒诲害
+      //
+      // LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
+      //   this.tableDataLeftBottomTemp = res.data
+      //   this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
+      //
+      //   const loop = Math.floor(this.tableDataLeftBottomTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
+      //   let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+      //
+      //   const timer = setInterval(() => {
+      //     startValue = startValue + scale
+      //     this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
+      //     if (nowLoop === loop) {
+      //       clearInterval(timer)
+      //       this.getLeftBottomData()
+      //     }
+      //
+      //     nowLoop++
+      //   }, 1000 * 10)
+      // })
 
       LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
-        this.tableDataLeftBottomTemp = res.data
-        this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
+        this.tableDataLeftBottom = res.data
 
-        const loop = Math.floor(this.tableDataLeftBottomTemp.length / scale)// 闇�瑕佸惊鐜殑娆℃暟
-        let nowLoop = 0// 褰撳墠寰幆鐨勬鏁�
+        const divData = this.$refs.tableDataLeftBottomRef.bodyWrapper
+        // 鎷垮埌鍏冪礌鍚庯紝瀵瑰厓绱犺繘琛屽畾鏃跺鍔犺窛绂婚《閮ㄨ窛绂伙紝瀹炵幇婊氬姩鏁堟灉(姝ら厤缃负姣�100姣绉诲姩1鍍忕礌)
+        const aaa = setInterval(() => {
+          // 鍏冪礌鑷璺濈椤堕儴1鍍忕礌
+          divData.scrollTop += 1
+          // divData.scrollTop += divData.scrollHeight / this.tableData.length
+          // 鍒ゆ柇鍏冪礌鏄惁婊氬姩鍒板簳閮�(鍙楂樺害+璺濈椤堕儴=鏁翠釜楂樺害)
+          if (divData.clientHeight + divData.scrollTop === divData.scrollHeight) {
+            // 閲嶇疆table璺濈椤堕儴璺濈
+            divData.scrollTop = 0
+            LineSearchBottomLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
+              this.tableDataLeftBottom = res.data
 
-        const timer = setInterval(() => {
-          startValue = startValue + scale
-          this.tableDataLeftBottom = this.tableDataLeftBottomTemp.slice(startValue, startValue + scale)
-          if (nowLoop === loop) {
-            clearInterval(timer)
-            this.getLeftBottomData()
+              if (this.tableDataLeftBottom.length > 10) {
+                clearInterval(aaa)
+                this.getLeftBottomData()
+              }
+            })
           }
-
-          nowLoop++
-        }, 1000 * 10)
+        }, this.tableDataLeftBottom.length <= 10 ? 1000 * 15 : 100)
       })
     },
 
@@ -622,6 +647,10 @@
   border-radius: 50%;
 }
 
+::v-deep .el-table__body-wrapper{
+  overflow: hidden !important;
+}
+
 </style>
 
 <!--鏄熺┖-->

--
Gitblit v1.9.3