diff --git a/.gitignore b/.gitignore
index 767098ee..55d369cc 100755
--- a/.gitignore
+++ b/.gitignore
@@ -17,4 +17,6 @@ frontend/__pycache__
 
 mkdocs/venv
 mkdocs/__pycache__
-mkdocs/site
\ No newline at end of file
+mkdocs/site
+
+.history
\ No newline at end of file
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 25b22750..37fe1ece 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,9 @@
 <template>
-  <ConfigProvider :locale="zhCN">
+  <ConfigProvider
+    :locale="zhCN"
+    :theme="{
+      algorithm: theme.defaultAlgorithm,
+    }">
     <div id="app">
       <router-view />
     </div>
@@ -7,20 +11,18 @@
 </template>
 
 <script lang="ts" setup>
-import { ConfigProvider } from 'ant-design-vue';
-import zhCN from 'ant-design-vue/es/locale/zh_CN';
-import dayjs from 'dayjs';
-import 'dayjs/locale/zh-cn';
-import { useRouter } from "vue-router";
+import { ConfigProvider, theme } from 'ant-design-vue'
+import zhCN from 'ant-design-vue/es/locale/zh_CN'
+import dayjs from 'dayjs'
+import 'dayjs/locale/zh-cn'
+import { useRouter } from 'vue-router'
 
-
-dayjs.locale('zh-cn');
+dayjs.locale('zh-cn')
 
 // 禁用Promise reject输出控制台
 window.addEventListener('unhandledrejection', function browserRejectionHandler(event) {
   event && event.preventDefault()
 })
-
 </script>
 
 <style>
@@ -40,15 +42,15 @@ html {
   padding: 20px 0;
 }
 
-.ant-table-thead>tr>th {
+.ant-table-thead > tr > th {
   padding: 12px 8px !important;
 }
 
-.ant-table-wrapper .ant-table-tbody>tr>td {
+.ant-table-wrapper .ant-table-tbody > tr > td {
   padding: 12px 8px;
 }
 
 .ant-modal .ant-modal-header {
   margin-bottom: 20px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/dashboard/analysis.vue b/frontend/src/views/dashboard/analysis.vue
index 1d8a0eb8..a1b41931 100644
--- a/frontend/src/views/dashboard/analysis.vue
+++ b/frontend/src/views/dashboard/analysis.vue
@@ -152,7 +152,7 @@
           <div v-if="barTypeKey == 'sales'">
             <a-row :gutter="24">
               <a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24">
-                <v-chart :option="barOption" autoresize style="width: 1060px; height: 300px;" />
+                <v-chart :option="barOption" autoresize style="width: 100%; height: 300px;" />
               </a-col>
               <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24">
                 <div class="rank">
@@ -172,7 +172,7 @@
           <div v-else>
             <a-row :gutter="24">
               <a-col :xl="16" :lg="12" :md="12" :sm="24" :xs="24">
-                <v-chart :option="barOption" autoresize style="width: 1060px; height: 300px;" />
+                <v-chart :option="barOption" autoresize style="width: 100%; height: 300px;" />
               </a-col>
               <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24">
                 <div class="rank">