修复白屏问题

src/views/home.vue

@@ -4,17 +4,17 @@
 	<div class="content-box" :class="{ 'content-collapse': sidebar.collapse }">
 		<v-tabs></v-tabs>
 		<div class="content">
-			<router-view v-slot="{ Component }">
+			<router-view v-slot="{ Component, route }">
 				<transition name="move" mode="out-in">
 					<keep-alive :include="tabs.nameList">
-						<component :is="Component"></component>
+						<component :is="Component" :key="route.fullPath"></component>
 					</keep-alive>
 				</transition>
 			</router-view>
 		</div>
 	</div>
 </template>
-<script setup lang="ts">
+<script setup lang="ts" name="home">
 import { useSidebarStore } from '@/store/sidebar';
 import { useTabsStore } from '@/store/tabs';
 import {getUserUIconfigInfoService} from '@/api/user';

src/views/system/ai-ppt.vue

@@ -216,7 +216,7 @@
     </div>
   </template>
   
-  <script setup lang="ts">
+  <script setup lang="ts" name="ai-ppt">
   import { ref, onMounted, onUnmounted, reactive, nextTick } from "vue";
   import { ElCard, ElInput, ElButton, ElDialog } from "element-plus";
   import { WSMessage, GenMessage } from "@/types/im";

src/views/system/callback.vue

@@ -3,7 +3,7 @@
         <p>回调页面，加载授权信息中...</p>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="callback">
 //获取query参数
 import { useRouter, useRoute } from 'vue-router';
 import { onMounted } from 'vue';

src/views/system/db-manage.vue

@@ -223,7 +223,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="db-manage">
 import { ref, reactive } from "vue";
 import {
   FindDBManageListService,

src/views/system/file-chat.vue

@@ -2,7 +2,7 @@
 
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="file-chat">
 </script>
 
 <style scoped>

src/views/system/gen-chat.vue

@@ -227,7 +227,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="gen-chat">
 import { ref, onMounted, onUnmounted, reactive, nextTick, watch } from "vue";
 import { ElCard, ElInput, ElButton, ElDialog } from "element-plus";
 import { WSMessage, GenMessage } from "@/types/im";

src/views/system/kbase-chat.vue

@@ -206,7 +206,7 @@
     </div>
   </template>
   
-  <script setup lang="ts">
+  <script setup lang="ts" name="kbase-chat">
   import { ref, onMounted, onUnmounted, reactive, nextTick } from "vue";
   import { ElCard, ElInput, ElButton, ElDialog } from "element-plus";
   import { WSMessage, GenMessage } from "@/types/im";

src/views/system/manage-file.vue

@@ -45,7 +45,7 @@
 
 </template>
 
-<script setup lang="ts" name="system-user">
+<script setup lang="ts" name="manage-file">
 import { ref, reactive } from 'vue';
 import { ElMessage,ElMessageBox } from 'element-plus';
 import { CirclePlusFilled } from '@element-plus/icons-vue';

src/views/system/manage-function.vue

@@ -30,7 +30,7 @@
     </div>
 </template>
 
-<script setup lang="ts" name="system-user">
+<script setup lang="ts" name="function">
 import { ref, reactive } from 'vue';
 import { ElMessage } from 'element-plus';
 import { CirclePlusFilled } from '@element-plus/icons-vue';

src/views/system/manage-kbase.vue

@@ -24,7 +24,7 @@
     </div>
 </template>
 
-<script setup lang="ts" name="system-user">
+<script setup lang="ts" name="system-kbase">
 import { ref, reactive } from 'vue';
 import { ElMessage } from 'element-plus';
 import { CirclePlusFilled } from '@element-plus/icons-vue';

src/views/system/manage-model-policy.vue

@@ -43,7 +43,7 @@
         </el-dialog>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="manage-model-policy">
 //获取query参数
 import { onMounted,ref, reactive } from 'vue';
 import { CirclePlusFilled,Search } from '@element-plus/icons-vue';

src/views/system/manage-model.vue

@@ -24,7 +24,7 @@
     </div>
 </template>
 
-<script setup lang="ts" name="system-user">
+<script setup lang="ts" name="manage-model">
 import { ref, reactive } from 'vue';
 import { ElMessage } from 'element-plus';
 import { CirclePlusFilled } from '@element-plus/icons-vue';

src/views/system/manage-permiss-policy.vue

@@ -43,7 +43,7 @@
         </el-dialog>
     </div>
 </template>
-<script lang="ts" setup>
+<script lang="ts" setup name="manage-permiss-policy">
 //获取query参数
 import { onMounted,ref, reactive } from 'vue';
 import { CirclePlusFilled,Search } from '@element-plus/icons-vue';
@@ -51,7 +51,7 @@ import {PermissPolicyResponseData, PolicyUserRange} from '@/types/permiss_policy
 import {getAllDefaultUsers} from '@/api/user';
 import {GetPermissPolicyService, DelPermissPolicyService, UpdatePermissPolicyService, AddPermissPolicyService} from '@/api/permiss_policy';
 import { ElMessage } from 'element-plus';
-import { FormOption, FormOptionList } from '@/types/form-option';
+import { FormOption } from '@/types/form-option';
 
 const tableData = ref<PolicyUserRange[]>([]);
 const allData = ref<PolicyUserRange[]>([]);

src/views/system/manage-session.vue

@@ -24,7 +24,7 @@
     </div>
 </template>
 
-<script setup lang="ts" name="system-user">
+<script setup lang="ts" name="manage-session">
 import { ref, reactive } from 'vue';
 import { ElMessage } from 'element-plus';
 import { CirclePlusFilled } from '@element-plus/icons-vue';

src/views/system/project-select.vue

@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="project-select">
 import { ref,onMounted } from 'vue'
 import {getUserTokenCode} from '@/api/user'
 import { ElMessage } from 'element-plus'

src/views/system/prompt-gen.vue

@@ -134,7 +134,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="prompt-gen">
 import { ref, onMounted, onUnmounted} from "vue";
 import { WSMessage} from "@/types/im";
 import { FindModelListByFunctionName } from "@/api/function";

src/views/system/role-permission.vue

@@ -13,7 +13,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="role-permission">
 import { ref } from 'vue';
 import { ElTree } from 'element-plus';
 import { menuData } from '@/components/menu';

src/views/system/vpn-address-pool.vue

@@ -200,7 +200,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-address-pool">
 import { ref, reactive, onMounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { getAllDefaultUsers } from '@/api/user';

src/views/system/vpn-online-connect.vue

@@ -206,7 +206,7 @@
   </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-client">
 import { ref, onMounted, onUnmounted } from 'vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Download, Monitor, Connection } from '@element-plus/icons-vue'

src/views/system/vpn-policy.vue

@@ -464,7 +464,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-policy">
 import { ref, reactive, onMounted, computed } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { 

src/views/system/vpn-server-config.vue

@@ -281,7 +281,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-server-config">
 import { ref, reactive, onMounted, onUnmounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import {getAllDefaultUsers} from '@/api/user';

src/views/system/vpn-server-online-user.vue

@@ -189,7 +189,7 @@
     </el-dialog>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-online-user">
 import { ref, reactive, onMounted, onUnmounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { GetVPNServerConfigHandler, GetVPNServerOnlineListHandler,GetServerOnlineUsers,KickOutOnlineUser } from '@/api/vpn';

src/views/system/vpn-server-status.vue

@@ -108,7 +108,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-status">
 import { ref, reactive, computed, onMounted, onUnmounted } from 'vue';
 import { ElMessage } from 'element-plus';
 import { GetVPNServerConfigHandler, GetVPNServerOnlineListHandler } from '@/api/vpn';

src/views/system/vpn-tunnel.vue

@@ -120,7 +120,7 @@
     </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" name="vpn-tunnel">
 import { ref, reactive, onMounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { GetVPNTunnelConfigHandler, SetVPNTunnelHandler, DeleteVPNTunnelHandler } from '@/api/vpn';