From e181f04c642204e79749af93fa921875ff6c21ba Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期二, 20 五月 2025 10:46:35 +0800 Subject: [PATCH] refactor(qms): 重构趋势图展示逻辑 --- src/layout/components/IframeToggle/index.vue | 35 ++++++++++++++++++++++------------- 1 files changed, 22 insertions(+), 13 deletions(-) diff --git a/src/layout/components/IframeToggle/index.vue b/src/layout/components/IframeToggle/index.vue index 2e07fe8..2de529d 100644 --- a/src/layout/components/IframeToggle/index.vue +++ b/src/layout/components/IframeToggle/index.vue @@ -1,19 +1,28 @@ <template> - <transition-group name="fade-transform" mode="out-in"> - <inner-link - v-for="(item, index) in tagsViewStore.iframeViews" - :key="item.path" - :iframeId="'iframe' + index" - v-show="route.path === item.path" - :src="item.meta.link" - ></inner-link> - </transition-group> + <inner-link + v-for="(item, index) in tagsViewStore.iframeViews" + v-show="route.path === item.path" + :key="item.path" + :iframe-id="'iframe' + index" + :src="iframeUrl(item.meta ? item.meta.link : '', item.query)" + ></inner-link> </template> -<script setup> -import InnerLink from "../InnerLink/index" -import useTagsViewStore from '@/store/modules/tagsView' +<script setup lang="ts"> +import InnerLink from '../InnerLink/index.vue'; + +import useTagsViewStore from '@/store/modules/tagsView'; const route = useRoute(); -const tagsViewStore = useTagsViewStore() +const tagsViewStore = useTagsViewStore(); + +function iframeUrl(url: string | undefined, query: any) { + if (Object.keys(query).length > 0) { + let params = Object.keys(query) + .map((key) => key + '=' + query[key]) + .join('&'); + return url + '?' + params; + } + return url; +} </script> -- Gitblit v1.9.3