From b292a0a81869547e94fd85e783f9597db241a87e Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期一, 15 七月 2024 17:30:37 +0800 Subject: [PATCH] 2024.7.15 --- src/views/management/ManagementView.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 48 insertions(+), 4 deletions(-) diff --git a/src/views/management/ManagementView.vue b/src/views/management/ManagementView.vue index 9473a84..ed9e01e 100644 --- a/src/views/management/ManagementView.vue +++ b/src/views/management/ManagementView.vue @@ -1,12 +1,56 @@ <template> - <el-row> 缁熻绠$悊 </el-row> - <TaskStats></TaskStats> - <TaskSummary></TaskSummary> + <!-- <el-row> 缁熻绠$悊 </el-row> --> + <ProblemTrack ref="statusRef"></ProblemTrack> + <!-- <TaskStats ref="statusRef"></TaskStats> --> + <EvaluateSummary :height="height"></EvaluateSummary> + <!-- <TaskSummary ref="summaryRef"></TaskSummary> --> + <!-- <ReInspectionView ref="summaryRef"></ReInspectionView> --> </template> -<script setup> +<script> import TaskStats from '@/views/management/TaskStats.vue' import TaskSummary from '@/views/management/TaskSummary.vue' +import EvaluateSummary from '@/views/management/evaluate/EvaluateSummary.vue' +import ReInspectionView from '@/views/inspection/ReInspectionView.vue' +import ProblemTrack from '@/views/inspection/problem/ProblemTrack.vue' +import { vResize } from '@/utils/resize-observer' + +export default { + components: { TaskStats, TaskSummary, EvaluateSummary, ReInspectionView, ProblemTrack }, + data() { + return { + // height: '500px', + statusHeight: 200, + summaryHeight: 200 + } + }, + computed: { + height() { + const h = this.statusHeight + this.summaryHeight + 5 + return `calc(var(--fy-body-height) - ${h}px)` + } + }, + methods: { + calcHeight() { + const h1 = this.$refs.statusRef.$el.offsetHeight + // const h2 = this.$refs.summaryRef.$el.offsetHeight + const h = h1 + return `calc(var(--fy-body-height) - ${h}px)` + } + }, + mounted() { + // vResize.mounted(this.$refs.statusRef.$el, ({ height }) => { + // this.statusHeight = height + // }) + // vResize.mounted(this.$refs.summaryRef.$el, ({ height }) => { + // this.summaryHeight = height + // }) + }, + unmounted() { + vResize.unmounted(this.$refs.statusRef.$el) + // vResize.unmounted(this.$refs.summaryRef.$el) + } +} </script> <style scoped></style> -- Gitblit v1.9.3