From c1d2051abc8ca88cd07f0d7c56c0dbf8165d5c33 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期四, 18 九月 2025 17:02:22 +0800 Subject: [PATCH] 2025.9.18 数据产品(待完成) --- src/views/fysp/data-product/base-data-product/ProdManage.vue | 19 ++++++++++++------- 1 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/views/fysp/data-product/base-data-product/ProdManage.vue b/src/views/fysp/data-product/base-data-product/ProdManage.vue index 0f1ff6b..e04d292 100644 --- a/src/views/fysp/data-product/base-data-product/ProdManage.vue +++ b/src/views/fysp/data-product/base-data-product/ProdManage.vue @@ -5,7 +5,6 @@ default-active="scene" ellipsis mode="horizontal" - style="max-width: 600px; background-color: aliceblue" > <el-menu-item v-for="item in menu" @@ -16,7 +15,7 @@ > </el-menu> </el-affix> - <router-view v-slot="{ Component, route }" :style="'height: ' + height"> + <router-view v-slot="{ Component, route }" :style="{ height: height + 'px' }"> <keep-alive> <component v-if="route.meta.keepAlive" @@ -28,14 +27,16 @@ </router-view> </template> <script setup> -import { ref, onMounted, provide } from 'vue'; +import { ref, onMounted, provide, inject, computed } from 'vue'; import { useRouter, useRoute } from 'vue-router'; + +const contentMaxHeight = inject('contentMaxHeight'); const router = useRouter(); const route = useRoute(); const menuRef = ref(null); -const height = ref('calc(100vh - 64px)'); +const height = ref(contentMaxHeight.value); const menu = ref([ { @@ -48,7 +49,7 @@ path: 'evaluate' }, { - name: '宸℃煡淇℃伅', + name: '鏁存敼娓呭崟', path: 'inspection' }, { @@ -67,7 +68,8 @@ function calcTableHeight() { const h = menuRef.value.$el.offsetHeight; - return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`; + return contentMaxHeight.value - h; + // return `calc(100vh - ${h}px - 60px - var(--el-main-padding) * 2)`; } onMounted(() => { @@ -75,6 +77,9 @@ }); // 鎻愪緵缁欏唴閮ㄧ粍浠惰鍥炬渶澶ч珮搴� -provide('viewHeight', height); +provide( + 'viewHeight', + computed(() => height.value) +); </script> <style scoped></style> -- Gitblit v1.9.3