Переглянути джерело

feat: 当数据列表发生翻页时,有滚动条区域的内容滚动顶部

wu.jian2 1 рік тому
батько
коміт
c443c35437

+ 3 - 3
data-room-ui/packages/BigScreenDesign/PageDesignTop.vue

@@ -595,17 +595,17 @@ export default {
     //   // 暂停跑马灯动画
     //   EventBus.$emit('stopMarquee')
     //   const node = document.querySelector('.render-theme-wrap')
-    //   // 获取node 下的所有img标签,拿到他们的src,重新请求资源,并加上请求头  'Access-Control-Allow-Origin': '*'
+    //   // 获取node 下的所有img标签,拿到他们的src
     //   const imgTags = node.querySelectorAll('img')
     //   const requests = Array.from(imgTags).map(img => {
     //     const src = img.getAttribute('src')
-    //     return  (src, {
+    //     return fetch(src, {
     //       headers: { 'Access-Control-Allow-Origin': '*' }
     //     }).then(response => {
     //       if (response.ok) {
     //         return response.blob()
     //       } else {
-    //         throw new Error('Network response was not ok.')
+    //         throw new Error('网络请求失败')
     //       }
     //     }).then(blob => {
     //       return new Promise((resolve, reject) => {

+ 1 - 3
data-room-ui/packages/BigScreenDesign/RightSetting/ElDragSelect.vue

@@ -69,9 +69,7 @@ export default {
   },
   methods: {
     setSort () {
-      const el = this.$refs.dragSelect.$el.querySelectorAll(
-        '.el-select__tags > span'
-      )[0]
+      const el = this.$refs.dragSelect.$el.querySelectorAll('.el-select__tags > span')[0]
       if (el) {
         this.sortable = Sortable.create(el, {
           animation: 350,

+ 7 - 0
data-room-ui/packages/js/mixins/datasetMixin.js

@@ -129,6 +129,13 @@ const datasetMixins = {
     currentChangeHandle (value) {
       this.current = value
       this.datasetTest(false)
+      const tableBodyWrapperEl = document.querySelector('.el-table__body-wrapper') || {}
+      this.$nextTick(() => {
+        if (tableBodyWrapperEl) {
+          // 表格滚动到顶部
+          tableBodyWrapperEl.scrollTop = 0
+        }
+      })
     },
     // 表头添加提示
     renderHeader (h, { column, index }) {

+ 12 - 0
data-room-ui/packages/js/mixins/page.js

@@ -111,6 +111,18 @@ const pageMixins = {
     currentChangeHandle (val) {
       this.current = val
       this.getDataList()
+      const bsScrollbarEl = document.querySelector('.bs-scrollbar') || {}
+      const tableBodyWrapperEl = document.querySelector('.el-table__body-wrapper') || {}
+      this.$nextTick(() => {
+        if (bsScrollbarEl) {
+          // 类名bs-scrollbar的元素滚动到顶部
+          bsScrollbarEl.scrollTop = 0
+        }
+        if (tableBodyWrapperEl) {
+          // 表格滚动到顶部
+          tableBodyWrapperEl.scrollTop = 0
+        }
+      })
     },
     getSortForm () {
       return {