lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

perf: adjust scroll parameters

This commit is contained in:
Lykin 2024-01-12 15:55:51 +08:00
parent ba8d19a121
commit 0a26ac6300
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/content/ContentLogPane.vue
View File

@ -107,7 +107,8 @@ const loadHistory = async () => {
data.history = list || [] data.history = list || []
} finally { } finally {
data.loading = false data.loading = false
tableRef.value?.scrollTo({ top: 999999 }) await nextTick()
tableRef.value?.scrollTo({ position: 'bottom' })
} }
} }
@ -118,7 +119,8 @@ const cleanHistory = async () => {
const success = await browserStore.cleanCmdHistory() const success = await browserStore.cleanCmdHistory()
if (success) { if (success) {
data.history = [] data.history = []
tableRef.value?.scrollTo({ top: 0 }) await nextTick()
tableRef.value?.scrollTo({ position: 'top' })
$message.success(i18n.t('dialogue.handle_succ')) $message.success(i18n.t('dialogue.handle_succ'))
} }
} finally { } finally {

7
frontend/src/components/content_value/ContentSlog.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import { computed, h, onMounted, onUnmounted, reactive, ref } from 'vue' import { computed, h, nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'
import Refresh from '@/components/icons/Refresh.vue' import Refresh from '@/components/icons/Refresh.vue'
import { debounce, isEmpty, map, size, split } from 'lodash' import { debounce, isEmpty, map, size, split } from 'lodash'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
@ -125,9 +125,10 @@ const _loadSlowLog = () => {
.then((list) => { .then((list) => {
data.list = list || [] data.list = list || []
}) })
.finally(() => { .finally(async () => {
data.loading = false data.loading = false
tableRef.value?.scrollTo({ top: data.sortOrder === 'ascend' ? 999999 : 0 }) await nextTick()
tableRef.value?.scrollTo({ position: data.sortOrder === 'ascend' ? 'bottom' : 'top' })
}) })
} }
const loadSlowLog = debounce(_loadSlowLog, 1000, { leading: true, trailing: true }) const loadSlowLog = debounce(_loadSlowLog, 1000, { leading: true, trailing: true })