diff --git a/package.json b/package.json
index fdfe767ada9d7632c8652ee83101849d8d440ed0..7b67f1c1a4ddb03a093db01ab376576f49255fa3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "ruoyi-vue-plus",
-  "version": "5.4.0-2.4.0",
+  "version": "5.4.1-2.4.1",
   "description": "RuoYi-Vue-Plus多租户管理系统",
   "author": "LionLi",
   "license": "MIT",
@@ -44,7 +44,9 @@
     "vue-json-pretty": "2.4.0",
     "vue-router": "4.5.0",
     "vue-types": "6.0.0",
-    "vxe-table": "4.13.7"
+    "vxe-table": "4.13.7",
+    "xgplayer": "^3.0.22",
+    "xgplayer-flv": "^3.0.22"
   },
   "devDependencies": {
     "@iconify/json": "^2.2.276",
diff --git a/src/components/Process/flowChart.vue b/src/components/Process/flowChart.vue
index 3c4dd684c873ac52ed0162063f04b745442e84ab..76033753139938469036b311e7d9d8ca59903691 100644
--- a/src/components/Process/flowChart.vue
+++ b/src/components/Process/flowChart.vue
@@ -21,7 +21,7 @@ const iframeUrl = ref('');
 const baseUrl = import.meta.env.VITE_APP_BASE_API;
 
 onMounted(async () => {
-  const url = baseUrl + `/warm-flow-ui/index.html?id=${props.insId}&type=FlowChart`;
+  const url = baseUrl + `/warm-flow-ui/index.html?id=${props.insId}&type=FlowChart&t=${Date.now()}`;
   iframeUrl.value = url + '&Authorization=Bearer ' + getToken() + '&clientid=' + import.meta.env.VITE_APP_CLIENT_ID;
 });
 </script>
diff --git a/src/permission.ts b/src/permission.ts
index fb60b07c6c5572212e00015af2b96a607cd5cd0e..77597d27174b584dab18d81450d4e5d96ce02feb 100644
--- a/src/permission.ts
+++ b/src/permission.ts
@@ -11,7 +11,7 @@ import { usePermissionStore } from '@/store/modules/permission';
 import { ElMessage } from 'element-plus/es';
 
 NProgress.configure({ showSpinner: false });
-const whiteList = ['/login', '/register', '/social-callback', '/register*', '/register/*'];
+const whiteList = ['/test/*', '/login', '/register', '/social-callback', '/register*', '/register/*'];
 
 const isWhiteList = (path: string) => {
   return whiteList.some((pattern) => isPathMatch(pattern, path));
diff --git a/src/router/index.ts b/src/router/index.ts
index a6497dbe1fd24d368e3c2c345ec5376911273a01..0a2505ced01a09d82e96756a4fb61689e048b007 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -42,6 +42,11 @@ export const constantRoutes: RouteRecordRaw[] = [
     hidden: true,
     component: () => import('@/layout/components/SocialCallback/index.vue')
   },
+  {
+    path: '/test/xgplayer',
+    component: () => import('@/views/test/xgplayer.vue'),
+    hidden: true
+  },
   {
     path: '/login',
     component: () => import('@/views/login.vue'),
diff --git a/src/views/demo/demo/index.vue b/src/views/demo/demo/index.vue
index 06da4cf869d580e5221966858a18b674eae659ff..e064f400c1627bc845788b9d3489900dd644559f 100644
--- a/src/views/demo/demo/index.vue
+++ b/src/views/demo/demo/index.vue
@@ -4,15 +4,6 @@
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
           <el-form ref="queryFormRef" :model="queryParams" :inline="true">
-            <el-form-item label="部门id" prop="deptId">
-              <el-input v-model="queryParams.deptId" placeholder="请输入部门id" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="用户id" prop="userId">
-              <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
-            <el-form-item label="排序号" prop="orderNum">
-              <el-input v-model="queryParams.orderNum" placeholder="请输入排序号" clearable @keyup.enter="handleQuery" />
-            </el-form-item>
             <el-form-item label="key键" prop="testKey">
               <el-input v-model="queryParams.testKey" placeholder="请输入key键" clearable @keyup.enter="handleQuery" />
             </el-form-item>
diff --git a/src/views/index.vue b/src/views/index.vue
index e5c35a620b52023714b593ded0bdf1e6af2b7500..2d93aea75ab19f569bf43c6bb26da680e575271f 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -33,7 +33,7 @@
           * 部署方式 Docker 容器编排 一键部署业务集群<br />
           * 国际化 SpringMessage Spring标准国际化方案<br />
         </p>
-        <p><b>当前版本:</b> <span>v5.4.0</span></p>
+        <p><b>当前版本:</b> <span>v5.4.1</span></p>
         <p>
           <el-tag type="danger">&yen;免费开源</el-tag>
         </p>
@@ -77,7 +77,7 @@
           * 分布式监控 Prometheus、Grafana 全方位性能监控<br />
           * 其余与 Vue 版本一致<br />
         </p>
-        <p><b>当前版本:</b> <span>v2.4.0</span></p>
+        <p><b>当前版本:</b> <span>v2.4.1</span></p>
         <p>
           <el-tag type="danger">&yen;免费开源</el-tag>
         </p>
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 6137eaf5e53d434ab4a781bedda71d3a6db0eb62..99e1f9d7652edf957876616040482e27887997fd 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -28,7 +28,7 @@
             <el-button v-hasPermi="['system:menu:add']" type="primary" plain icon="Plus" @click="handleAdd()">新增 </el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" @click="handleCascadeDelete" :loading="deleteLoading">级联删除</el-button>
+            <el-button v-hasPermi="['system:menu:remove']" type="danger" plain icon="Delete" @click="handleCascadeDelete" :loading="deleteLoading">级联删除</el-button>
           </el-col>
           <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
         </el-row>
diff --git a/src/views/test/xgplayer.vue b/src/views/test/xgplayer.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5bb5bd7aebcd548f4f5c663c338f05d97ed83239
--- /dev/null
+++ b/src/views/test/xgplayer.vue
@@ -0,0 +1,140 @@
+<template>
+  <div>
+    <!-- 布局选择按钮 -->
+    <div class="layout-controls">
+      <button @click="setLayout(1)">1×1</button>
+      <button @click="setLayout(2)">2×2</button>
+      <button @click="setLayout(3)">3×3</button>
+      <button @click="setLayout(4)">4×4</button>
+    </div>
+
+    <!-- 视频容器 -->
+    <div class="video-container" :class="`grid-${layout}`">
+      <div v-for="n in layoutCount" :key="n" :id="`vs${n}`" class="video-item"></div>
+    </div>
+  </div>
+</template>
+
+<script setup name="xgplayer" lang="ts">
+import Player from 'xgplayer';
+import FlvPlugin from 'xgplayer-flv';
+import 'xgplayer/dist/index.min.css';
+import { ref, onMounted } from 'vue';
+
+const layout = ref<number>(1); // 当前布局大小：1×1、2×2...
+const players = ref<Record<string, any>>({}); // 存储播放器实例
+
+// 模拟视频流地址列表
+const videoUrls = [
+  'https://szaq.fjlyyc.com:38443/live/vsigf8eCxFu4f545f19bfe44352bcdc4/live.flv',
+  'your_flv_url_2',
+  'your_flv_url_3',
+  'your_flv_url_4',
+  'your_flv_url_5',
+  'your_flv_url_6',
+  'your_flv_url_7',
+  'your_flv_url_8',
+  'your_flv_url_9',
+  'your_flv_url_10',
+  'your_flv_url_11',
+  'your_flv_url_12',
+  'your_flv_url_13',
+  'your_flv_url_14',
+  'your_flv_url_15',
+  'your_flv_url_16'
+];
+
+// 计算当前需要显示的播放器数量
+const layoutCount = ref<number>(1);
+
+// 设置布局
+const setLayout = (size: number) => {
+  layout.value = size;
+  layoutCount.value = size * size;
+
+  // 下一帧再初始化播放器，确保 DOM 更新完成
+  nextTick(() => {
+    initPlayers();
+  });
+};
+
+// 初始化播放器
+const initPlayers = () => {
+  // 清除旧播放器
+  Object.values(players.value).forEach((player) => {
+    if (player && player.destroy) {
+      player.destroy();
+    }
+  });
+
+  players.value = {};
+
+  const totalPlayers = layoutCount.value;
+
+  for (let i = 1; i <= totalPlayers; i++) {
+    const url = videoUrls[(i - 1) % videoUrls.length]; // 循环使用 URL
+    try {
+      players.value[`player${i}`] = new Player({
+        id: `vs${i}`,
+        isLive: true,
+        plugins: [FlvPlugin],
+        url,
+        autoplay: true,
+        loop: true
+      });
+    } catch (error) {
+      console.error(`Player ${i} initialization failed:`, error);
+    }
+  }
+};
+
+onMounted(() => {
+  layoutCount.value = layout.value * layout.value;
+  initPlayers();
+});
+</script>
+
+<style lang="scss" scoped>
+.video-container {
+  width: 100vw; // 全屏宽度
+  height: 100vh; // 全屏高度
+  display: grid;
+  gap: 8px; // 窗口之间的间距
+  padding: 0; // 去掉内边距以确保填满
+  box-sizing: border-box;
+  background-color: #000;
+  position: relative;
+}
+
+.grid-1 {
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr;
+}
+
+.grid-2 {
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+}
+
+.grid-3 {
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: repeat(3, 1fr);
+}
+
+.grid-4 {
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: repeat(4, 1fr);
+}
+
+.video-item {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  border: 1px solid #333;
+  border-radius: 4px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+</style>
+