整体布局更新（背景颜色更换为白色，取消外边框）

kinit-admin/src/components/Setting/src/Setting.vue

@@ -202,7 +202,7 @@ const clear = () => {
 <template>
   <div
     :class="prefixCls"
-    class="fixed top-[45%] right-0 w-40px h-40px text-center leading-40px bg-[var(--el-color-primary)] cursor-pointer"
+    class="fixed top-[45%] right-0 w-40px h-40px text-center leading-40px bg-[var(--el-color-primary)] cursor-pointer z-3"
     @click="drawer = true"
   >
     <Icon icon="ant-design:setting-outlined" color="#fff" />

kinit-admin/src/layout/components/AppView.vue

@@ -20,9 +20,9 @@ const getCaches = computed((): string[] => {
 </script>
 
 <template>
-  <section
+  <div
     :class="[
-      'p-[var(--app-content-padding)] w-[100%] bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]',
+      'w-[100%] bg-[var(--app-content-bg-color-new)] dark:bg-[var(--el-bg-color)] flex flex-col',
       {
         '!min-h-[calc(100%-var(--app-footer-height))]':
           ((fixedHeader && (layout === 'classic' || layout === 'topLeft')) || layout === 'top') &&
@@ -41,13 +41,13 @@ const getCaches = computed((): string[] => {
       }
     ]"
   >
-    <router-view>
+    <RouterView>
       <template #default="{ Component, route }">
-        <keep-alive :include="getCaches">
+        <KeepAlive :include="getCaches">
           <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
+        </KeepAlive>
       </template>
-    </router-view>
+    </RouterView>
-  </section>
+  </div>
   <Footer v-if="footer" />
 </template>

kinit-admin/src/views/Dashboard/Analysis.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ElCarousel, ElCarouselItem, ElImage, ElCard } from 'element-plus'
+import { ElCarousel, ElCarouselItem, ElImage } from 'element-plus'
 import Charts from './components/Charts.vue'
 import { getBannersApi } from '@/api/dashboard/analysis'
 import { ref } from 'vue'
@@ -21,15 +21,13 @@ getBanners()
 </script>
 
 <template>
-  <div class="mb-20px" style="display: flex; justify-content: center; min-width: 1680px">
+  <div class="mb-20px">
-    <ElCard shadow="never" class="w-1680px">
     <!-- 添加 v-if 解决显示动态数据时，默认会显示一个空白元素 -->
-      <ElCarousel v-loading="loading" v-if="banners.length > 0" height="500px" :interval="5000">
+    <ElCarousel height="500px" :interval="5000">
       <ElCarouselItem v-for="item in banners" :key="item.id">
-          <ElImage :src="item.image" />
+        <ElImage :src="item.image" class="min-w-[1920px]" />
       </ElCarouselItem>
     </ElCarousel>
-    </ElCard>
   </div>
   <Charts />
 </template>

kinit-admin/src/views/Dashboard/Map.vue

@@ -78,7 +78,7 @@ const setValues = async () => {
         })
       }
       // 鼠标移入标记点事件
-      circleMarker.value.on('mouseover', function (e) {
+      circleMarker.value.on('mouseover', () => {
         infoWindow.setContent(
           `<div class="description">
               <div class="name-box">
@@ -91,7 +91,7 @@ const setValues = async () => {
         infoWindow.open(map.value, center)
       })
       // 鼠标移出标记点
-      circleMarker.value.on('mouseout', function (e) {
+      circleMarker.value.on('mouseout', () => {
         infoWindow.close(map.value, center)
       })
       return circleMarker.value

kinit-admin/src/views/Dashboard/Workplace.vue

@@ -78,6 +78,7 @@ const user = computed(() => authStore.getUser)
 </script>
 
 <template>
+  <div class="bg-[var(--app-content-bg-color)] flex-grow">
     <div>
       <ElCard shadow="never">
         <ElSkeleton :loading="loading" animated>
@@ -112,7 +113,8 @@ const user = computed(() => authStore.getUser)
       </ElCard>
     </div>
 
-  <ElRow class="mt-20px" :gutter="20" justify="space-between">
+    <div class="mx-20px mt-20px">
+      <ElRow :gutter="20" justify="space-between">
         <ElCol :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-20px">
           <ElCard shadow="never">
             <template #header>
@@ -223,4 +225,6 @@ const user = computed(() => authStore.getUser)
           </ElCard>
         </ElCol>
       </ElRow>
+    </div>
+  </div>
 </template>

kinit-admin/src/views/Home/Home.vue

@@ -26,6 +26,7 @@ const user = authStore.getUser
 </script>
 
 <template>
+  <div class="m-20px">
     <ElRow :gutter="20">
       <ElCol :xs="24" :sm="12" :md="8">
         <ElCard shadow="hover" class="pb-30px">
@@ -48,7 +49,9 @@ const user = authStore.getUser
             </div>
             <div class="leading-relaxed">
               <span class="pl-10px w-80px inline-block">性别:</span>
-            <span class="pl-10px">{{ selectDictLabel(genderOptions, user.gender as string) }}</span>
+              <span class="pl-10px">{{
+                selectDictLabel(genderOptions, user.gender as string)
+              }}</span>
             </div>
             <div class="leading-relaxed">
               <span class="pl-10px w-80px inline-block">角色:</span>
@@ -74,4 +77,5 @@ const user = authStore.getUser
         </ElCard>
       </ElCol>
     </ElRow>
+  </div>
 </template>

kinit-admin/src/views/vadmin/auth/user/components/user.data.ts

@@ -226,6 +226,9 @@ export const searchSchema = reactive<FormSchema[]>([
       style: {
         width: '214px'
       }
+    },
+    formItemProps: {
+      labelWidth: '47px'
     }
   },
   {

kinit-admin/src/views/vadmin/help/issue/components/issue.data.ts

@@ -117,6 +117,9 @@ export const searchSchema = reactive<FormSchema[]>([
       style: {
         width: '214px'
       }
+    },
+    formItemProps: {
+      labelWidth: '47px'
     }
   },
   {

kinit-api/application/settings.py

@@ -11,7 +11,7 @@ from fastapi.security import OAuth2PasswordBearer
 """
 系统版本
 """
-VERSION = "1.8.2"
+VERSION = "1.8.3"
 
 """安全警告: 不要在生产中打开调试运行!"""
 DEBUG = True