fix: 租户主页暗色模式显示不一致

This commit is contained in:
TsMask
2025-08-14 19:17:19 +08:00
parent 7bd524976a
commit 5edb5932b5
3 changed files with 37 additions and 35 deletions

View File

@@ -3,6 +3,7 @@ import Index from '@/views/index/tenantIndex.vue';
import { getConfigKey } from '@/api/system/config'; import { getConfigKey } from '@/api/system/config';
import { import {
defineAsyncComponent, defineAsyncComponent,
nextTick,
onMounted, onMounted,
ref, ref,
shallowRef, shallowRef,
@@ -55,7 +56,7 @@ onMounted(() => {
// location.replace(location.origin); // location.replace(location.origin);
router.replace({ name: 'Monitor_2087' }).finally(() => { router.replace({ name: 'Monitor_2087' }).finally(() => {
location.reload(); nextTick(() => location.reload());
}); });
return; return;
useLayoutStore().changeConf('layout', 'mix'); useLayoutStore().changeConf('layout', 'mix');

View File

@@ -1,28 +1,29 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, markRaw } from 'vue'; import { onMounted } from 'vue';
import { PageContainer } from 'antdv-pro-layout';
import useI18n from '@/hooks/useI18n';
import UPFTEST from './tenantUPF.vue'; import UPFTEST from './tenantUPF.vue';
import MODULE from './moduleInfo.vue'; import MODULE from './moduleInfo.vue';
import { upfFlowData } from '../dashboard/overview/hooks/useUPFTotalFlow';
onMounted(() => {}); onMounted(() => {});
</script> </script>
<template> <template>
<PageContainer> <div>
<div style="background-color: #f7f8fc; padding: 20px"> <div class="container">
<MODULE /> <MODULE />
</div> </div>
<div class="container">
<UPFTEST /> <UPFTEST />
</PageContainer> </div>
</div>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
.cardClass { .container {
height: 100%; background-color: #fff;
width: 100%; margin: 40px;
border-radius: 10px; border-radius: 6px;
}
[data-theme='dark'] .container {
background-color: #141414;
} }
</style> </style>

View File

@@ -262,6 +262,8 @@ function fnGetInitData() {
} }
}) })
.finally(() => { .finally(() => {
// reSendUPF(selectRmUid.value);
// upfFlowParse({});
handleRanderChart(); handleRanderChart();
}); });
} }
@@ -302,7 +304,6 @@ onUnmounted(() => {
</script> </script>
<template> <template>
<div style="background-color: #f7f8fc; padding: 20px">
<a-card <a-card
:bordered="false" :bordered="false"
class="cardClass" class="cardClass"
@@ -324,7 +325,6 @@ onUnmounted(() => {
<div ref="upfFlow" style="padding: 24px" class="chart-container"></div> <div ref="upfFlow" style="padding: 24px" class="chart-container"></div>
</a-card> </a-card>
</div>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>