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

src/views/index.vue

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

src/views/index/tenantIndex.vue

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

src/views/index/tenantUPF.vue

@@ -262,6 +262,8 @@ function fnGetInitData() {
       }
     })
     .finally(() => {
+      // reSendUPF(selectRmUid.value);
+      // upfFlowParse({});
       handleRanderChart();
     });
 }
@@ -302,29 +304,27 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div style="background-color: #f7f8fc; padding: 20px">
-    <a-card
-      :bordered="false"
-      class="cardClass"
-      v-show="upfFlowData.lineXTime.length"
+  <a-card
+    :bordered="false"
+    class="cardClass"
+    v-show="upfFlowData.lineXTime.length"
+  >
+    <template #title
+      ><a href="#"
+        >{{ t('views.dashboard.overview.upfFlow.title') }}
+      </a></template
     >
-      <template #title
-        ><a href="#"
-          >{{ t('views.dashboard.overview.upfFlow.title') }}
-        </a></template
-      >
-      <template #extra>
-        <a-select
-          v-model:value="selectRmUid"
-          style="width: 120px"
-          @change="fnGetInitData"
-          :options="dropdownOptions"
-        />
-      </template>
+    <template #extra>
+      <a-select
+        v-model:value="selectRmUid"
+        style="width: 120px"
+        @change="fnGetInitData"
+        :options="dropdownOptions"
+      />
+    </template>
 
-      <div ref="upfFlow" style="padding: 24px" class="chart-container"></div>
-    </a-card>
-  </div>
+    <div ref="upfFlow" style="padding: 24px" class="chart-container"></div>
+  </a-card>
 </template>
 
 <style lang="less" scoped>