From 69a1b3bf45738f048361ee4ccb6bdc64fce35720 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 12 三月 2025 11:31:46 +0800
Subject: [PATCH] 更新
---
admin/src/components/base/BaseComputHeightDefault.vue | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 50 insertions(+), 0 deletions(-)
diff --git a/admin/src/components/base/BaseComputHeightDefault.vue b/admin/src/components/base/BaseComputHeightDefault.vue
new file mode 100644
index 0000000..9159aac
--- /dev/null
+++ b/admin/src/components/base/BaseComputHeightDefault.vue
@@ -0,0 +1,50 @@
+<script>
+import router from "@/router";
+import {mapState} from "vuex";
+
+export default {
+ name: 'BaseComputeHeightDefault',
+ data () {
+ return {
+ // tableHeightNew: 300
+ }
+ },
+ computed: {
+ ...mapState(['tableHeightNew'])
+ },
+ created() {
+ // console.log('created' ,this.tableHeightNew)
+ // this.computeTableHeight()
+ },
+ mounted () {
+ // this.computeTableHeight()
+ // console.log('mounted' ,this.tableHeightNew)
+ // window.addEventListener('resize', this.computeTableHeight)
+ },
+ activated() {
+ // console.log('activated' ,this.tableHeightNew)
+ // this.computeTableHeight()
+ },
+ methods: {
+ computeTableHeight () {
+ this.$nextTick(() => {
+ let height = window.innerHeight
+ let height6 = (document.getElementsByClassName('common-header') && document.getElementsByClassName('common-header')[0] ? document.getElementsByClassName('common-header')[0].clientHeight:0)
+ // alert(height)
+ let height1 = (document.getElementsByClassName('table-search-form') && document.getElementsByClassName('table-search-form')[0])? document.getElementsByClassName('table-search-form')[document.getElementsByClassName('table-search-form').length-1].clientHeight:0
+ height1 = height1===0? 40:height1+10
+ let height3 = document.getElementsByClassName('main-header') && document.getElementsByClassName('main-header')[0]?document.getElementsByClassName('main-header')[0].clientHeight:0
+ let height4 = document.getElementsByClassName('table-pagination') && document.getElementsByClassName('table-pagination')[0]? document.getElementsByClassName('table-pagination')[0].clientHeight:0
+ let height2 = document.getElementsByClassName('toolbar') && document.getElementsByClassName('toolbar')[0]?document.getElementsByClassName('toolbar')[0].clientHeight:0
+ let height5 = document.getElementsByTagName('thead') && document.getElementsByTagName('thead')[0]? document.getElementsByTagName('thead')[0].clientHeight:0
+ // this.tableHeightNew = height-height4-height3-height2-height1-height5-height6-height7-height8-height9 -height10// 鎵撳嵃楂樺害
+ // this.tableHeightNew = height-height4-height3-height2-height1-height5 -height6
+ console.log('defualt',height,height6,height3 ,height1,height2,height4,height4)
+ console.log('defualt',this.tableHeightNew)
+ console.log('defualtlength',document.getElementsByClassName('table-search-form').length)
+ router.app.$store.commit('setTableHeightNew', height-height4-height3-height2-height1-height5 -height6)
+ })
+ }
+ }
+}
+</script>
--
Gitblit v1.9.3