From a155102c5309c19089ab31bbd6958fe4a4943727 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Tue, 12 Sep 2023 16:27:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=92=A4=E9=94=80=E8=A1=A8=E5=A4=B4=E5=90=B8?=
 =?UTF-8?q?=E9=A1=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AiList.vue   |  2 ++
 src/components/AiTable.vue  | 70 ++++++++-----------------------------
 src/view/ExportSaleData.vue |  1 +
 3 files changed, 17 insertions(+), 56 deletions(-)

diff --git a/src/components/AiList.vue b/src/components/AiList.vue
index 8f91f38..c0be202 100644
--- a/src/components/AiList.vue
+++ b/src/components/AiList.vue
@@ -140,6 +140,8 @@ export default {
     }
 
     .ai-list__content--right-wrapper {
+      display: flex;
+      flex-direction: column;
       // margin: 0 20px;
       padding: 20px 20px !important;
     }
diff --git a/src/components/AiTable.vue b/src/components/AiTable.vue
index eae67ef..bde5d4f 100644
--- a/src/components/AiTable.vue
+++ b/src/components/AiTable.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="ai-table" :class="[isShowBorder ? 'ai-table__border' : 'ai-table__noborder']">
     <el-table :data="tableData"
-              header-cell-class-name="ai-table__header"
-              cell-class-name="ai-table__cell"
-              row-class-name="ai-table__row"
-              :class="{'ai-header__border': isShowBorder}"
-              :ref="refName"
-              :size="tableSize"
-              :stripe="stripe"
-              :tooltip-effect="tooltipEffect"
-              @selection-change="handleSelectionChange"
-              v-on="$listeners"
-              v-bind="$attrs"
-              v-loading="loading">
+        header-cell-class-name="ai-table__header"
+        cell-class-name="ai-table__cell"
+        row-class-name="ai-table__row"
+        :class="{'ai-header__border': isShowBorder}"
+        :ref="refName"
+        :size="tableSize"
+        :stripe="stripe"
+        :tooltip-effect="tooltipEffect"
+        @selection-change="handleSelectionChange"
+        v-on="$listeners"
+        v-bind="$attrs"
+        v-loading="loading">
       <template v-for="colConfig in colConfigs.filter(e=>!e.hide)">
         <slot v-if="colConfig.slot && colConfig.slot !== 'options'" :name="colConfig.slot"/>
         <component
@@ -154,14 +154,7 @@ export default {
         pagerCount: this.pagerCount,
         ...this.pageConfig
       }
-    },
-  },
-
-  mounted() { //添加监听滚动条事件
-    window.addEventListener('scroll', this.handleScroll, true)
-  },
-  destroyed() { //移除（跳转页面后移除）
-    window.removeEventListener('scroll', this.handleScroll, true)
+    }
   },
 
   methods: {
@@ -172,42 +165,7 @@ export default {
         this.$emit('getList')
       })
     },
-
-    handleScroll() {
-      const top = document.querySelector('.top') ? document.querySelector('.top').clientHeight + 56 : 56 
-      let heightTop = document.getElementsByClassName('ai-list__content--right')[0].scrollTop //距离顶部高度
-
-      if (heightTop >= top) {
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.position = `fixed`
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = '10000'
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.top = `${112}px`
-
-        
-        document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${document.querySelector('.top') ? -66 : -41}px`
-        
-        for (let i = 0; i < document.querySelectorAll('.el-table__header-wrapper th div').length; i++) {
-          document.querySelectorAll('.el-table__header-wrapper th div')[i].style.visibility = 'inherit'
-        }
-        // for (let i = 0; i < document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell').length; i++) {
-        //   document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell')[i].style.visibility = 'inherit'
-        // }
-
-        // document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.position = `fixed`
-        // document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.zIndex = '9999'
-        // document.getElementsByClassName('el-table__fixed-header-wrapper')[0].style.top = `${112}px`
-    } else {
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.position = ''
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.top = ''
-        document.getElementsByClassName('el-table__header-wrapper')[0].style.zIndex = ''
-        document.getElementsByClassName('el-table__fixed-right')[0].style.top = `${0}px`
-        for (let i = 0; i < document.querySelectorAll('.el-table__header-wrapper th div').length; i++) {
-          document.querySelectorAll('.el-table__header-wrapper th div')[i].style.visibility = 'visible'
-        }
-        // for (let i = 0; i < document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell').length; i++) {
-        //   document.querySelectorAll('.el-table__body-wrapper .is-hidden .cell')[i].style.visibility = 'visible'
-        // }
-      }
-    },
+    
     handleSizeChange(size) {
       this.$emit('update:size', size)
       this.$emit('update:pageConfig', {...this.pageConfig, size})
diff --git a/src/view/ExportSaleData.vue b/src/view/ExportSaleData.vue
index be5f7c2..eb72f34 100644
--- a/src/view/ExportSaleData.vue
+++ b/src/view/ExportSaleData.vue
@@ -82,6 +82,7 @@
         <ai-table
           :isShowPagination="false"
           :tableData="list"
+          height="500"
           :col-configs="colConfigs"
           :total="list.length"
           style="margin-top: 8px;"