From 241bf03b1ac16ca32e96bba6f17fb79ce57ac3cd Mon Sep 17 00:00:00 2001 From: lxj <15683799673@163.com> Date: Fri, 25 Jul 2025 21:31:43 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E7=9B=91=E6=8E=A7=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/web-antd/index.html | 1 + apps/web-antd/src/views/sis/video/index.vue | 36 +++++++++++++++------ packages/icons/src/svg/index.ts | 12 +++++++ 3 files changed, 40 insertions(+), 9 deletions(-) diff --git a/apps/web-antd/index.html b/apps/web-antd/index.html index 33d34a9e..21893884 100644 --- a/apps/web-antd/index.html +++ b/apps/web-antd/index.html @@ -14,6 +14,7 @@ <%= VITE_APP_TITLE %> +
diff --git a/apps/web-antd/src/views/sis/video/index.vue b/apps/web-antd/src/views/sis/video/index.vue index b306d229..79401ff4 100644 --- a/apps/web-antd/src/views/sis/video/index.vue +++ b/apps/web-antd/src/views/sis/video/index.vue @@ -2,11 +2,11 @@
- +
-
+
-
-
1
-
2
-
3
-
4
+
+
+ +
+
+ +
+
+ +
+
+ +
@@ -40,6 +48,12 @@ import ChannelTree from './channel-tree.vue'; import mpegts from 'mpegts.js'; import { message } from 'ant-design-vue'; import { addStreamProxy } from '#/api/sis/stream'; +import { + Svg16FrameIcon, + Svg1FrameIcon, + Svg4FrameIcon, + Svg9FrameIcon, +} from '@vben/icons'; const selected = 'selected'; @@ -112,7 +126,6 @@ function onPlayerNumChanged(val: number) { playerNum.value = changeNum; // 缩小布局 if (changeBeforeNum > changeNum) { - debugger; const playerArr = []; for (let i = 0; i < playerList.length; i++) { const playerBox = playerList[i]; @@ -176,7 +189,6 @@ function onNodeChecked( /** * 如果当前页面有选择播放未知，并且播放视频只有一个，则播放到制定位置 */ - debugger; if (currentSelectPlayerIndex.value !== -1 && checkNode.length == 1) { doPlayer(checkNode[0], currentSelectPlayerIndex.value - 1); } @@ -360,4 +372,10 @@ onUnmounted(() => { .player.selected { border: 2px solid deepskyblue; } + +.player-area { + display: flex; + align-items: center; + cursor: pointer; +} diff --git a/packages/icons/src/svg/index.ts b/packages/icons/src/svg/index.ts index 3fda024f..d56e97c4 100644 --- a/packages/icons/src/svg/index.ts +++ b/packages/icons/src/svg/index.ts @@ -16,8 +16,20 @@ const SvgTopiamIcon = createIconifyIcon('svg:topiam'); const SvgWechatIcon = createIconifyIcon('svg:wechat'); const SvgQQIcon = createIconifyIcon('svg:qq'); const SvgSnailJobIcon = createIconifyIcon('svg:snail-job'); +/*---------------------------------sis 使用的icon------------------------------------------*/ +const Svg1FrameIcon = createIconifyIcon('svg:one-frame'); +const Svg4FrameIcon = createIconifyIcon('svg:four-frame'); +const Svg9FrameIcon = createIconifyIcon('svg:9-frame'); +const Svg16FrameIcon = createIconifyIcon('svg:16-frame'); + + + export { + Svg1FrameIcon, + Svg4FrameIcon, + Svg9FrameIcon, + Svg16FrameIcon, SvgAntdvLogoIcon, SvgAvatar1Icon, SvgAvatar2Icon,