历史记录改为翻页自适应,取消滑条
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import { getUniversalZoomLevel } from "@/tool/util";
|
import { getUniversalZoomLevel } from "@/tool/util";
|
||||||
|
import MyEvent from "@/tool/myEvents";
|
||||||
|
|
||||||
let flexible = (designWidth, maxWidth,minWidth) =>{
|
let flexible = (designWidth, maxWidth,minWidth) =>{
|
||||||
var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
|
var doc = document, win = window, docEl = doc.documentElement, remStyle = document.createElement("style"), tid;
|
||||||
@@ -33,6 +34,7 @@ let flexible = (designWidth, maxWidth,minWidth) =>{
|
|||||||
var rem = Math.round(width * 10 / designWidth);
|
var rem = Math.round(width * 10 / designWidth);
|
||||||
docEl.style.fontSize = rem+'px'
|
docEl.style.fontSize = rem+'px'
|
||||||
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
|
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
|
||||||
|
MyEvent.emit('remChange',rem)
|
||||||
}
|
}
|
||||||
// if (docEl.firstElementChild) {
|
// if (docEl.firstElementChild) {
|
||||||
// docEl.firstElementChild.appendChild(remStyle);
|
// docEl.firstElementChild.appendChild(remStyle);
|
||||||
|
|||||||
@@ -91,7 +91,7 @@ import TableSearchBar from '@/component/common/TableSearchBar.vue'
|
|||||||
import projectSetting from '@/component/home/newProject/setting.vue'
|
import projectSetting from '@/component/home/newProject/setting.vue'
|
||||||
import { useStore } from 'vuex'
|
import { useStore } from 'vuex'
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
|
import MyEvent from "@/tool/myEvents";
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: {
|
components: {
|
||||||
@@ -250,6 +250,8 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async mounted() {
|
async mounted() {
|
||||||
|
MyEvent.add('remChange',this.setPageSize)
|
||||||
|
this.setPageSize();
|
||||||
await this.getHistoryList()
|
await this.getHistoryList()
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.calcScrollHeight()
|
this.calcScrollHeight()
|
||||||
@@ -258,12 +260,24 @@ export default defineComponent({
|
|||||||
this.getClass()
|
this.getClass()
|
||||||
},
|
},
|
||||||
beforeUnmount() {
|
beforeUnmount() {
|
||||||
|
MyEvent.remove('remChange',this.setPageSize)
|
||||||
if (this.resizeObserver) {
|
if (this.resizeObserver) {
|
||||||
this.resizeObserver.disconnect()
|
this.resizeObserver.disconnect()
|
||||||
this.resizeObserver = null
|
this.resizeObserver = null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
setPageSize(rem){
|
||||||
|
const historyTable = this.$refs.historyTable
|
||||||
|
const height = historyTable.offsetHeight - 176;
|
||||||
|
const size = Math.trunc(height / 54);
|
||||||
|
this.pageSize = size
|
||||||
|
if(rem){
|
||||||
|
this.currentPage = 1
|
||||||
|
this.getHistoryList()
|
||||||
|
}
|
||||||
|
console.log("==========",size,rem)
|
||||||
|
},
|
||||||
getClass() {
|
getClass() {
|
||||||
let data = {
|
let data = {
|
||||||
classificationIdList: [],
|
classificationIdList: [],
|
||||||
|
|||||||
Reference in New Issue
Block a user