diff --git a/src/assets/css/components/views/entityExplorer/entityExplorer.scss b/src/assets/css/components/views/entityExplorer/entityExplorer.scss index f7bf5501..d5819f4b 100644 --- a/src/assets/css/components/views/entityExplorer/entityExplorer.scss +++ b/src/assets/css/components/views/entityExplorer/entityExplorer.scss @@ -50,6 +50,7 @@ display: flex; overflow: hidden auto; height: calc(100% - 120px); + position: relative; } .explorer-foot { display: flex; diff --git a/src/assets/css/components/views/entityExplorer/entityList/entityList.scss b/src/assets/css/components/views/entityExplorer/entityList/entityList.scss index ead54adb..4c84feae 100644 --- a/src/assets/css/components/views/entityExplorer/entityList/entityList.scss +++ b/src/assets/css/components/views/entityExplorer/entityList/entityList.scss @@ -1,5 +1,6 @@ .entity-list { width: calc(100% - 290px); + height: calc(100% - 42px); flex: 1; position: relative; @@ -21,8 +22,8 @@ .entity-list--list { display: flex; flex-direction: column; - height: calc(100% - 40px); - overflow: inherit; + height: 100%; + overflow: auto; .cn-entity__shadow { position: fixed; diff --git a/src/views/entityExplorer/EntityExplorer.vue b/src/views/entityExplorer/EntityExplorer.vue index 30eedde8..26139eb5 100644 --- a/src/views/entityExplorer/EntityExplorer.vue +++ b/src/views/entityExplorer/EntityExplorer.vue @@ -19,22 +19,36 @@ @search="search" > -
- - +
+
+ + +
+
+ + +
@@ -112,6 +126,7 @@ import { get } from '@/utils/http' import { api } from '@/utils/api' import { getNowTime } from '@/utils/date-util' import { ref } from 'vue' +import pagination from '@/components/common/Pagination' export default { name: 'entity-explorer', @@ -120,7 +135,8 @@ export default { DateTimeRange, TimeRefresh, EntityFilter, - EntityList + EntityList, + pagination: pagination }, data () { return { @@ -449,6 +465,25 @@ export default { this.pageObj.pageNo = val this.search() }, + // 点击上一页箭头 + prev () { + this.scrollbarToTop() + }, + // 点击下一页箭头 + next () { + this.scrollbarToTop() + }, + // currentPage 改变时会触发 + current (val) { + this.$emit('pageNo', val) + this.scrollbarToTop() + }, + scrollbarToTop () { + this.$nextTick(() => { + const wraps = document.querySelector('#entityList') + wraps.scrollTop = 0 + }) + }, /* filter组件内点击后查询 */ filter (name, topData) { const params = {} diff --git a/src/views/entityExplorer/entityList/EntityList.vue b/src/views/entityExplorer/entityList/EntityList.vue index 44df8348..dc25d139 100644 --- a/src/views/entityExplorer/entityList/EntityList.vue +++ b/src/views/entityExplorer/entityList/EntityList.vue @@ -1,5 +1,5 @@
-
- -
@@ -78,28 +75,6 @@ export default { } }, methods: { - size (val) { - this.$emit('pageSize', val) - }, - // 点击上一页箭头 - prev () { - this.scrollbarToTop() - }, - // 点击下一页箭头 - next () { - this.scrollbarToTop() - }, - // currentPage 改变时会触发 - current (val) { - this.$emit('pageNo', val) - this.scrollbarToTop() - }, - scrollbarToTop () { - this.$nextTick(() => { - const wraps = document.querySelectorAll('.el-table__body-wrapper') - wraps.scrollTop = 0 - }) - }, entityDetail (params) { this.$emit('showDetail', { ...params, icon: this.iconClass }) }, diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue index f2d63186..3992dedd 100644 --- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue +++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue @@ -156,6 +156,7 @@ export default { unitType: 'number', valueColumn: 'sessions' }, + id: props.entity.ipAddr, type: 2 }, entityCopy,