新增 CLAUDE.md 文件以提供项目指导，添加 .claudeignore 文件以排除不必要的文件，更新 pom.xml 版本至 3.9.2，修复多个路径遍历和 SQL 注入漏洞，优化字典翻译切面逻辑，增强文件上传和下载的安全性，新增音频文件类型支持，改进动态数据源的安全校验。

2026-05-18 20:05:03 +08:00
parent 67ca5287e2
commit 140f4a816e
589 changed files with 65043 additions and 4682 deletions
--- a/jeecgboot-vue3/src/layouts/default/content/index.vue
+++ b/jeecgboot-vue3/src/layouts/default/content/index.vue
@@ -1,11 +1,11 @@
 <template>
  <div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
    <PageLayout />
-    <div id="content" class="app-view-box" v-if="openQianKun == 'true'"></div>
+    <div :id="qiankunDivId" class="app-view-box" v-if="openQiankun && qiankunDivId"></div>
  </div>
 </template>
 <script lang="ts">
-  import { defineComponent, onMounted } from 'vue';
+  import { ref, defineComponent } from 'vue';
  import PageLayout from '/@/layouts/page/index.vue';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
@@ -21,20 +21,20 @@
      const { getOpenPageLoading } = useTransitionSetting();
      const { getLayoutContentMode, getPageLoading } = useRootSetting();
      const globSetting = useGlobSetting();
-      const openQianKun = globSetting.openQianKun;
+      const openQiankun = globSetting.openQianKun == 'true';
+      const qiankunDivId = ref('');
      useContentViewHeight();
-      onMounted(() => {
-        // //注册openQianKun
-        // if (openQianKun == 'true') {
-        //   if (!window.qiankunStarted) {
-        //     window.qiankunStarted = true;
-        //     registerApps();
-        //   }
-        // }
-      });
+
+      // // 注册 qiankun
+      // if (openQiankun) {
+      //   qiankunDivId.value = registerApps?.containerId;
+      //   registerApps();
+      // }
+
      return {
        prefixCls,
-        openQianKun,
+        openQiankun,
+        qiankunDivId,
        getOpenPageLoading,
        getLayoutContentMode,
        getPageLoading,
--- a/jeecgboot-vue3/src/layouts/default/header/MultipleHeader.vue
+++ b/jeecgboot-vue3/src/layouts/default/header/MultipleHeader.vue
@@ -154,6 +154,10 @@
    // 【JEECG作为乾坤子应用】
    &--qiankun-micro {
      position: absolute;
+
+      :deep(.@{namespace}-layout-header--qiankun-micro) {
+        width: 100%;
+      }
    }

  }
--- a/jeecgboot-vue3/src/layouts/default/header/components/user-dropdown/DepartSelect.vue
+++ b/jeecgboot-vue3/src/layouts/default/header/components/user-dropdown/DepartSelect.vue
@@ -21,7 +21,7 @@
          </template>
        </a-select>
      </a-form-item>
-      <a-form-item v-if="isMultiDepart" :validate-status="validate_status1">
+      <a-form-item v-if="isMultiDepart && departList.length > 0" :validate-status="validate_status1">
        <!--label内容-->
        <template #label>
          <a-tooltip placement="topLeft">
@@ -136,7 +136,7 @@
      return;
    }
    let currentDepart = result.list.filter((item) => item.orgCode == result.orgCode);
-    //筛选出用户的部门信息（排除公司或者岗位配置）
+    //TODO 筛选出用户的部门信息（排除公司或者岗位配置）后期回滚
    const userDeparts = result.list.filter((item) => item.orgCategory == '2');
    departList.value = userDeparts;
    // 代码逻辑说明: JHHB-790 用户部门变更，会出现这个情况（因为之前设置的这里只切换部门，过滤了公司和岗位信息）
@@ -169,7 +169,7 @@
      validate_status.value = 'error';
      return false;
    }
-    if (unref(isMultiDepart) && !unref(departSelected)) {
+    if (unref(isMultiDepart) && unref(departList).length > 0 && !unref(departSelected)) {
      validate_status1.value = 'error';
      return false;
    }
@@ -198,7 +198,7 @@
   */
  function departResolve() {
    return new Promise(async (resolve, reject) => {
-      if (!unref(isMultiDepart)) {
+      if (!unref(isMultiDepart) || unref(departList).length == 0) {
        resolve();
      } else {
        const result = await selectDepart({
--- a/jeecgboot-vue3/src/layouts/default/header/index.less
+++ b/jeecgboot-vue3/src/layouts/default/header/index.less
@@ -51,6 +51,11 @@
    width: 100%;
  }

+  // 【JEECG作为乾坤子应用】
+  &--qiankun-micro {
+    position: absolute;
+  }
+
  &-logo {
    height: @header-height;
    min-width: 192px;
--- a/jeecgboot-vue3/src/layouts/default/header/index.vue
+++ b/jeecgboot-vue3/src/layouts/default/header/index.vue
@@ -106,7 +106,7 @@
      const userStore = useUserStore();
      const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting();
      const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition, getAiIconShow } = useRootSetting();
-      const { title } = useGlobSetting();
+      const { title, isQiankunMicro } = useGlobSetting();

      const {
        getHeaderTheme,
@@ -133,6 +133,8 @@
            [`${prefixCls}--fixed`]: props.fixed,
            [`${prefixCls}--mobile`]: unref(getIsMobile),
            [`${prefixCls}--${theme}`]: theme,
+            // 【JEECG作为乾坤子应用】
+            [`${prefixCls}--qiankun-micro`]: isQiankunMicro,
          },
        ];
      });
--- a/jeecgboot-vue3/src/layouts/default/index.vue
+++ b/jeecgboot-vue3/src/layouts/default/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <Layout :class="prefixCls" v-bind="lockEvents">
+  <Layout :class="[layoutBoxClass]" v-bind="lockEvents">
    <LayoutFeatures />
    <LayoutHeader fixed v-if="getShowFullHeaderRef" />
    <Layout :class="[layoutClass]">
      <LayoutSideBar v-if="getShowSidebar || getIsMobile" />
-      <Layout :class="`${prefixCls}-main`">
+      <Layout :class="layoutMainClass">
        <LayoutMultipleHeader />
        <LayoutContent />
        <LayoutFooter />
@@ -29,6 +29,7 @@
  import { useLockPage } from '/@/hooks/web/useLockPage';

  import { useAppInject } from '/@/hooks/web/useAppInject';
+  import { useGlobSetting } from '/@/hooks/setting';

  export default defineComponent({
    name: 'DefaultLayout',
@@ -45,11 +46,21 @@
      const { prefixCls } = useDesign('default-layout');
      const { getIsMobile } = useAppInject();
      const { getShowFullHeaderRef } = useHeaderSetting();
-      const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting();
+      const { getShowSidebar, getIsMixSidebar, getShowMenu, getMenuType } = useMenuSetting();
+      const glob = useGlobSetting();
+      const { isQiankunMicro } = glob;

      // Create a lock screen monitor
      const lockEvents = useLockPage();

+      const layoutBoxClass = computed(() => {
+        let cls: string[] = [prefixCls];
+        if (unref(getMenuType)) {
+          cls.push(`${prefixCls}--menu-${unref(getMenuType)}`);
+        }
+        return cls;
+      });
+
      const layoutClass = computed(() => {
        let cls: string[] = ['ant-layout'];
        if (unref(getIsMixSidebar) || unref(getShowMenu)) {
@@ -58,14 +69,27 @@
        return cls;
      });

+      const layoutMainClass = computed(() => {
+        let cls: string[] = [`${prefixCls}-main`];
+
+        // 【JEECG作为乾坤子应用】
+        if (unref(isQiankunMicro)) {
+          cls.push(`${prefixCls}-main--qiankun-micro`);
+        }
+        return cls;
+      });
+
      return {
        getShowFullHeaderRef,
        getShowSidebar,
        prefixCls,
        getIsMobile,
        getIsMixSidebar,
+        isQiankunMicro,
+        layoutBoxClass,
        layoutClass,
-        lockEvents,
+        layoutMainClass,
+        lockEvents
      };
    },
  });
@@ -80,6 +104,28 @@
    background-color: @content-bg;
    flex-direction: column;

+    &--menu {
+      // 【JEECG作为乾坤子应用】
+      &-mix-sidebar {
+
+        .@{namespace}-layout-mix-sider {
+          position: absolute;
+          overflow: visible;
+
+          > .@{namespace}-layout-mix-sider-menu-list {
+            position: absolute;
+          }
+        }
+      }
+
+      // 【JEECG作为乾坤子应用】
+      &-mix {
+        .@{namespace}-multiple-tabs {
+          margin-top: 0 !important;
+        }
+      }
+    }
+
    > .ant-layout {
      min-height: 100%;
    }
@@ -88,6 +134,16 @@
      width: 100%;
      // 代码逻辑说明:【issues/8709】LayoutContent样式多出1px
      // margin-left: 1px;
+
+      // 【JEECG作为乾坤子应用】根 Layout 作为 absolute 定位的参照容器
+      &--qiankun-micro {
+        position: relative;
+
+        .@{namespace}-multiple-tabs {
+          margin-top: 60px;
+        }
+      }
+
    }
  }
 </style>
--- a/jeecgboot-vue3/src/layouts/default/tabs/index.vue
+++ b/jeecgboot-vue3/src/layouts/default/tabs/index.vue
@@ -25,7 +25,7 @@
          <!-- 列表页全屏 
          <FoldButton v-if="getShowFold" />-->
          <!-- <FullscreenOutlined /> -->
-          <router-link to="/ai" class="ai-icon">
+          <router-link v-if="!getIsSimpleTheme" to="/ai" class="ai-icon">
            <a-tooltip title="AI助手" placement="left">
              <svg t="1706259688149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2056" width="17" height="17">
                <path d="M826.368 325.632c0-7.168 2.048-10.24 10.24-10.24h123.904c7.168 0 10.24 2.048 10.24 10.24v621.568c0 7.168-2.048 10.24-10.24 10.24h-122.88c-8.192 0-10.24-4.096-10.24-10.24l-1.024-621.568z m-8.192-178.176c0-50.176 35.84-79.872 79.872-79.872 48.128 0 79.872 32.768 79.872 79.872 0 52.224-33.792 79.872-81.92 79.872-46.08 1.024-77.824-27.648-77.824-79.872zM462.848 584.704C441.344 497.664 389.12 307.2 368.64 215.04h-2.048c-16.384 92.16-58.368 247.808-92.16 369.664h188.416zM243.712 712.704l-62.464 236.544c-2.048 7.168-4.096 8.192-12.288 8.192H54.272c-8.192 0-10.24-2.048-8.192-12.288l224.256-783.36c4.096-13.312 7.168-26.624 8.192-65.536 0-6.144 2.048-8.192 7.168-8.192H450.56c6.144 0 8.192 2.048 10.24 8.192l250.88 849.92c2.048 7.168 0 10.24-7.168 10.24H573.44c-7.168 0-10.24-2.048-12.288-7.168l-65.536-236.544c1.024 1.024-251.904 0-251.904 0z" fill="#333333" p-id="19816"></path>
@@ -56,6 +56,7 @@
  import { useDesign } from '/@/hooks/web/useDesign';
  import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';

+  import { TabsThemeEnum } from '/@/enums/appEnum';
  import { REDIRECT_NAME } from '/@/router/constant';
  import { listenerRouteChange } from '/@/logics/mitt/routeChange';

@@ -91,6 +92,9 @@

      const unClose = computed(() => unref(getTabsState).length === 1);

+      // 极简模式隐藏标签栏AI入口图标
+      const getIsSimpleTheme = computed(() => unref(getTabsTheme) === TabsThemeEnum.SIMPLE);
+
      const getWrapClass = computed(() => {
        return [
          prefixCls,
@@ -149,6 +153,7 @@
        getShowQuick,
        getShowRedo,
        getShowFold,
+        getIsSimpleTheme,
      };
    },
  });
@@ -157,6 +162,7 @@
  @import './index.less';
  @import './tabs.theme.card.less';
  @import './tabs.theme.smooth.less';
+  @import './tabs.theme.simple.less';
 </style>
 <style lang="less" scoped>
@prefix-cls: ~'@{namespace}-multiple-tabs';
--- a/jeecgboot-vue3/src/layouts/default/tabs/tabs.theme.simple.less
+++ b/jeecgboot-vue3/src/layouts/default/tabs/tabs.theme.simple.less
@@ -0,0 +1,237 @@
+// tabs极简样式
+@prefix-cls-theme-simple: ~'@{prefix-cls}.@{prefix-cls}--theme-simple';
+
+@multiple-simple-height: 38px;
+
+html[data-theme='dark'] {
+  .@{prefix-cls-theme-simple} {
+    .ant-tabs-tab {
+      border: none !important;
+    }
+  }
+}
+
+html[data-theme='light'] {
+  .@{prefix-cls-theme-simple} {
+    .ant-tabs-tab:not(.ant-tabs-tab-active) {
+      border: none !important;
+    }
+  }
+}
+
+.@{prefix-cls-theme-simple} {
+  z-index: 10;
+  height: @multiple-simple-height;
+  line-height: @multiple-simple-height;
+  background-color: @component-background;
+  border-bottom: 1px solid @border-color-base;
+  box-shadow: none;
+
+  .ant-tabs-small {
+    height: @multiple-simple-height;
+  }
+
+  .ant-tabs.ant-tabs-card {
+    .ant-tabs-nav {
+      height: @multiple-simple-height;
+      margin: 0;
+      background-color: @component-background;
+      border: 0;
+      box-shadow: none;
+      padding-left: 6px;
+
+      .ant-tabs-nav-wrap {
+        height: @multiple-simple-height;
+        margin-top: 0;
+      }
+
+      .ant-tabs-tab {
+        height: @multiple-simple-height;
+        line-height: calc(@multiple-simple-height - 6px);
+        color: @text-color-secondary;
+        background-color: transparent;
+        border: none !important;
+        border-radius: 0;
+        padding: 0 16px;
+        margin: 0 !important;
+        position: relative;
+        transition: color 0.2s;
+
+        &::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          width: 0;
+          height: 2px;
+          background-color: @primary-color;
+          transition: all 0.2s ease;
+          transform: translateX(-50%);
+        }
+
+        .ant-tabs-tab-btn {
+          color: inherit;
+          transition: none;
+        }
+
+        &:hover {
+          color: @text-color-base;
+
+          .ant-tabs-tab-remove .anticon-close {
+            opacity: 1;
+          }
+        }
+
+        .ant-tabs-tab-remove {
+          margin: 0;
+          padding: 0;
+          position: relative;
+          top: 0;
+          left: 2px;
+
+          .anticon-close {
+            width: 14px;
+            height: 14px;
+            font-size: 12px;
+            color: inherit;
+            opacity: 0;
+            transition: opacity 0.15s;
+            border-radius: 100%;
+            vertical-align: middle;
+            line-height: 10px;
+            overflow: hidden;
+
+            &:hover {
+              color: #fff;
+              background-color: #c0c4cc;
+
+              svg {
+                fill: #fff;
+              }
+            }
+          }
+        }
+
+        > div {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        svg {
+          fill: @text-color-secondary;
+        }
+      }
+
+      .ant-tabs-tab:not(.ant-tabs-tab-active) {
+        &:hover {
+          color: @primary-color;
+
+          svg {
+            fill: @primary-color;
+          }
+        }
+      }
+
+      .ant-tabs-tab-active {
+        color: @primary-color !important;
+        background-color: transparent;
+        border: none !important;
+
+        &::after {
+          width: 100%;
+        }
+
+        .ant-tabs-tab-btn {
+          color: @primary-color;
+          font-weight: 500;
+        }
+
+        .ant-tabs-tab-remove .anticon-close {
+          opacity: 1;
+
+          svg {
+            width: 0.6em;
+          }
+        }
+
+        svg {
+          fill: @primary-color;
+        }
+      }
+    }
+
+    .ant-tabs-nav > div:nth-child(1) {
+      padding: 0 2px;
+
+      .ant-tabs-tab {
+        margin-right: 0 !important;
+      }
+    }
+  }
+
+  .ant-tabs-tab:not(.ant-tabs-tab-active) {
+    .ant-tabs-tab-remove .anticon-close {
+      font-size: 12px;
+
+      svg {
+        width: 0.6em;
+      }
+    }
+  }
+
+  .ant-tabs-extra-content {
+    position: relative;
+    top: 0;
+    line-height: @multiple-simple-height !important;
+  }
+
+  .ant-dropdown-trigger {
+    display: inline-flex;
+  }
+
+  .@{prefix-cls}--hide-close {
+    .ant-tabs-tab-remove .anticon-close {
+      opacity: 0 !important;
+    }
+  }
+
+  .@{prefix-cls}-content {
+    &__extra-quick,
+    &__extra-redo,
+    &__extra-fold {
+      display: inline-block;
+      width: 36px;
+      height: @multiple-simple-height;
+      line-height: @multiple-simple-height;
+      color: @text-color-secondary;
+      text-align: center;
+      cursor: pointer;
+      border-left: 1px solid @border-color-base;
+
+      &:hover {
+        color: @text-color-base;
+      }
+
+      span[role='img'] {
+        transform: rotate(90deg);
+      }
+    }
+
+    &__extra-redo {
+      span[role='img'] {
+        transform: rotate(0deg);
+      }
+    }
+
+    &__info {
+      display: inline-block;
+      width: 100%;
+      height: @multiple-simple-height;
+      padding-left: 0;
+      font-size: 13px;
+      cursor: pointer;
+      user-select: none;
+    }
+  }
+}
--- a/jeecgboot-vue3/src/layouts/page/components/EmptyPage.vue
+++ b/jeecgboot-vue3/src/layouts/page/components/EmptyPage.vue
@@ -0,0 +1,174 @@
+<template>
+  <template v-if="isQiankunRoute">
+    <!-- qiankun 路由不显示空白页提示 -->
+  </template>
+  <!-- 【QQYUN-13593】空白页美化 -->
+  <div v-else class="animationEffect" :style="effectVars">
+    <div class="effect-layer">
+      <div class="blob blob-a"></div>
+      <div class="blob blob-b"></div>
+      <div class="blob blob-c"></div>
+    </div>
+    <div class="effect-grid"></div>
+    <div class="effect-tip">
+      <p>{{ pageTip }}</p>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+import { router } from "@/router";
+import { useEmpty } from '../useEmpty';
+
+// 判断是否是 qiankun 路由
+const isQiankunRoute = computed(() => !!router.currentRoute.value?.meta?.isQiankunRoute);
+
+const {pageTip, effectVars} = useEmpty();
+</script>
+
+<style lang="less" scoped>
+/** update-begin---author:liaozy ---date:2025-08-26  for：空白页美化样式 */
+.pageTip {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  font-size: 18px;
+  color: #999;
+  margin: 0;
+}
+
+.animationEffect {
+  position: relative;
+  height: 100%;
+  min-height: 420px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
+}
+
+.effect-layer {
+  position: absolute;
+  top: -20%;
+  left: -20%;
+  right: -20%;
+  bottom: -20%;
+  filter: blur(30px);
+  pointer-events: none;
+  z-index: 0;
+}
+
+.blob {
+  position: absolute;
+  width: 380px;
+  height: 380px;
+  border-radius: 50%;
+  opacity: 0.45;
+}
+
+.blob-a {
+  background: radial-gradient(circle at 30% 30%, var(--blob-a-1) 0%, var(--blob-a-2) 60%, var(--blob-a-2) 100%);
+  left: 5%;
+  top: 10%;
+  animation: float-a 18s ease-in-out infinite;
+}
+
+.blob-b {
+  background: radial-gradient(circle at 30% 30%, var(--blob-b-1) 0%, var(--blob-b-2) 60%, var(--blob-b-2) 100%);
+  right: 0;
+  top: 30%;
+  animation: float-b 22s ease-in-out infinite;
+}
+
+.blob-c {
+  background: radial-gradient(circle at 30% 30%, var(--blob-c-1) 0%, var(--blob-c-2) 60%, var(--blob-c-2) 100%);
+  left: 35%;
+  bottom: -5%;
+  animation: float-c 26s ease-in-out infinite;
+}
+
+@keyframes float-a {
+  0% {
+    transform: translate(0, 0) scale(1);
+  }
+  25% {
+    transform: translate(20%, -10%) scale(1.05);
+  }
+  50% {
+    transform: translate(35%, 5%) scale(0.95);
+  }
+  75% {
+    transform: translate(10%, 15%) scale(1.02);
+  }
+  100% {
+    transform: translate(0, 0) scale(1);
+  }
+}
+
+@keyframes float-b {
+  0% {
+    transform: translate(0, 0) scale(1);
+  }
+  25% {
+    transform: translate(-15%, 10%) scale(1.08);
+  }
+  50% {
+    transform: translate(-30%, -5%) scale(0.92);
+  }
+  75% {
+    transform: translate(-10%, -15%) scale(1.03);
+  }
+  100% {
+    transform: translate(0, 0) scale(1);
+  }
+}
+
+@keyframes float-c {
+  0% {
+    transform: translate(0, 0) scale(1);
+  }
+  25% {
+    transform: translate(-10%, -10%) scale(0.9);
+  }
+  50% {
+    transform: translate(10%, -25%) scale(1.05);
+  }
+  75% {
+    transform: translate(20%, 0%) scale(0.98);
+  }
+  100% {
+    transform: translate(0, 0) scale(1);
+  }
+}
+
+.effect-grid {
+  position: absolute;
+  inset: 0;
+  background-image: linear-gradient(0deg, var(--grid-color) 1px, rgba(0, 0, 0, 0) 1px),
+  linear-gradient(90deg, var(--grid-color) 1px, rgba(0, 0, 0, 0) 1px);
+  background-size: 36px 36px, 36px 36px;
+  mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.effect-tip {
+  position: relative;
+  z-index: 2;
+  text-align: center;
+  pointer-events: none;
+
+  p {
+    margin: 0;
+    padding: 8px 14px;
+    color: var(--tip-color);
+    font-size: 20px;
+    border-radius: 8px;
+  }
+}
+
+/** update-end---author:liaozy ---date:2025-08-26  for：空白页美化样式 */
+</style>
--- a/jeecgboot-vue3/src/layouts/page/index.vue
+++ b/jeecgboot-vue3/src/layouts/page/index.vue
@@ -14,26 +14,14 @@
      <!--        mode="out-in"-->
      <!--        appear-->
      <!--      >-->
-      <template v-if="Component">
-        <keep-alive v-if="openCache" :include="getCaches">
-          <component :is="Component" :key="route.fullPath" />
-        </keep-alive>
-        <component v-else :is="Component" :key="route.fullPath" />
-      </template>
-      <template v-else>
-        <!-- 【QQYUN-13593】空白页美化 -->
-        <div class="animationEffect" :style="effectVars">
-          <div class="effect-layer">
-            <div class="blob blob-a"></div>
-            <div class="blob blob-b"></div>
-            <div class="blob blob-c"></div>
-          </div>
-          <div class="effect-grid"></div>
-          <div class="effect-tip">
-            <p>{{pageTip}}</p>
-          </div>
-        </div>
-      </template>
+      <keep-alive v-if="openCache" :include="getCaches">
+        <template v-if="Component">
+          <component :is="Component" :key="route.fullPath"/>
+        </template>
+        <EmptyPage v-else/>
+      </keep-alive>
+      <component v-else-if="Component" :is="Component" :key="route.fullPath"/>
+      <EmptyPage v-else/>
      <!--      </transition>-->
    </template>
  </RouterView>
@@ -44,6 +32,7 @@
  import { computed, defineComponent, unref } from 'vue';

  import FrameLayout from '/@/layouts/iframe/index.vue';
+  import EmptyPage from './components/EmptyPage.vue';

  import { useRootSetting } from '/@/hooks/setting/useRootSetting';

@@ -52,11 +41,10 @@
  import { getTransitionName } from './transition';

  import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-  import { useEmpty } from './useEmpty';

  export default defineComponent({
    name: 'PageLayout',
-    components: { FrameLayout },
+    components: { FrameLayout, EmptyPage },
    setup() {
      const { getShowMultipleTab } = useMultipleTabSetting();
      const tabStore = useMultipleTabStore();
@@ -73,8 +61,6 @@
        }
        return tabStore.getCachedTabList;
      });
-      // 代码逻辑说明: 【QQYUN-13593】空白页美化
-      const { pageTip, getPageTip, effectVars } = useEmpty();
      return {
        getTransitionName,
        openCache,
@@ -82,123 +68,7 @@
        getBasicTransition,
        getCaches,
        getCanEmbedIFramePage,
-        pageTip,
-        getPageTip,
-        effectVars,
      };
    },
  });
 </script>
-<style lang="less" scoped>
-/** update-begin---author:liaozy ---date:2025-08-26  for：空白页美化样式 */
-.pageTip {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  font-size: 18px;
-  color: #999;
-  margin: 0;
-}
-
-.animationEffect {
-  position: relative;
-  height: 100%;
-  min-height: 420px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
-}
-
-.effect-layer {
-  position: absolute;
-  top: -20%;
-  left: -20%;
-  right: -20%;
-  bottom: -20%;
-  filter: blur(30px);
-  pointer-events: none;
-  z-index: 0;
-}
-
-.blob {
-  position: absolute;
-  width: 380px;
-  height: 380px;
-  border-radius: 50%;
-  opacity: 0.45;
-}
-
-.blob-a {
-  background: radial-gradient(circle at 30% 30%, var(--blob-a-1) 0%, var(--blob-a-2) 60%, var(--blob-a-2) 100%);
-  left: 5%;
-  top: 10%;
-  animation: float-a 18s ease-in-out infinite;
-}
-
-.blob-b {
-  background: radial-gradient(circle at 30% 30%, var(--blob-b-1) 0%, var(--blob-b-2) 60%, var(--blob-b-2) 100%);
-  right: 0;
-  top: 30%;
-  animation: float-b 22s ease-in-out infinite;
-}
-
-.blob-c {
-  background: radial-gradient(circle at 30% 30%, var(--blob-c-1) 0%, var(--blob-c-2) 60%, var(--blob-c-2) 100%);
-  left: 35%;
-  bottom: -5%;
-  animation: float-c 26s ease-in-out infinite;
-}
-
-@keyframes float-a {
-  0% { transform: translate(0, 0) scale(1); }
-  25% { transform: translate(20%, -10%) scale(1.05); }
-  50% { transform: translate(35%, 5%) scale(0.95); }
-  75% { transform: translate(10%, 15%) scale(1.02); }
-  100% { transform: translate(0, 0) scale(1); }
-}
-
-@keyframes float-b {
-  0% { transform: translate(0, 0) scale(1); }
-  25% { transform: translate(-15%, 10%) scale(1.08); }
-  50% { transform: translate(-30%, -5%) scale(0.92); }
-  75% { transform: translate(-10%, -15%) scale(1.03); }
-  100% { transform: translate(0, 0) scale(1); }
-}
-
-@keyframes float-c {
-  0% { transform: translate(0, 0) scale(1); }
-  25% { transform: translate(-10%, -10%) scale(0.9); }
-  50% { transform: translate(10%, -25%) scale(1.05); }
-  75% { transform: translate(20%, 0%) scale(0.98); }
-  100% { transform: translate(0, 0) scale(1); }
-}
-
-.effect-grid {
-  position: absolute;
-  inset: 0;
-  background-image: linear-gradient(0deg, var(--grid-color) 1px, rgba(0, 0, 0, 0) 1px),
-    linear-gradient(90deg, var(--grid-color) 1px, rgba(0, 0, 0, 0) 1px);
-  background-size: 36px 36px, 36px 36px;
-  mask-image: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 70%);
-  pointer-events: none;
-  z-index: 1;
-}
-
-.effect-tip {
-  position: relative;
-  z-index: 2;
-  text-align: center;
-  pointer-events: none;
-  p {
-    margin: 0;
-    padding: 8px 14px;
-    color: var(--tip-color);
-    font-size: 20px;
-    border-radius: 8px;
-  }
-}
-/** update-end---author:liaozy ---date:2025-08-26  for：空白页美化样式 */
-</style>