|
@@ -7,7 +7,7 @@
|
|
|
:style="gridStyle"
|
|
:style="gridStyle"
|
|
|
>
|
|
>
|
|
|
<div
|
|
<div
|
|
|
- v-for="(item, index) in currentBoxList"
|
|
|
|
|
|
|
+ v-for="(item) in currentBoxList"
|
|
|
:key="item.boxId"
|
|
:key="item.boxId"
|
|
|
:id="'childBox_' + item.boxId"
|
|
:id="'childBox_' + item.boxId"
|
|
|
class="video-cell"
|
|
class="video-cell"
|
|
@@ -27,7 +27,7 @@
|
|
|
<div class="video-wrapper">
|
|
<div class="video-wrapper">
|
|
|
<webrtc-player
|
|
<webrtc-player
|
|
|
v-if="(item.code === 'H264' || item.code !== 'H265') && item.mainUrl"
|
|
v-if="(item.code === 'H264' || item.code !== 'H265') && item.mainUrl"
|
|
|
- :video-src="active===1 ? item.mainUrl : item.auxiliaryUrl"
|
|
|
|
|
|
|
+ :video-src="active === 1 ? item.mainUrl : item.auxiliaryUrl"
|
|
|
:video-id="item.boxId"
|
|
:video-id="item.boxId"
|
|
|
:camera-name="item.name"
|
|
:camera-name="item.name"
|
|
|
ref='player'
|
|
ref='player'
|
|
@@ -36,7 +36,7 @@
|
|
|
/>
|
|
/>
|
|
|
<jessibucaBox
|
|
<jessibucaBox
|
|
|
v-else-if="item.code === 'H265' && item.mainUrl"
|
|
v-else-if="item.code === 'H265' && item.mainUrl"
|
|
|
- :video-src="active===1 ? item.mainUrl : item.auxiliaryUrl"
|
|
|
|
|
|
|
+ :video-src="active === 1 ? item.mainUrl : item.auxiliaryUrl"
|
|
|
:video-id="item.boxId"
|
|
:video-id="item.boxId"
|
|
|
:camera-name="item.name"
|
|
:camera-name="item.name"
|
|
|
ref='player'
|
|
ref='player'
|
|
@@ -292,7 +292,7 @@ export default {
|
|
|
|
|
|
|
|
// 交换后如果其中一个是选中状态,需要更新选中项的引用
|
|
// 交换后如果其中一个是选中状态,需要更新选中项的引用
|
|
|
if (this.selectedMonitor && (this.selectedMonitor.boxId === sId || this.selectedMonitor.boxId === tId)) {
|
|
if (this.selectedMonitor && (this.selectedMonitor.boxId === sId || this.selectedMonitor.boxId === tId)) {
|
|
|
- const activeId = this.selectedMonitor.boxId === sId ? tId : sId; // 逻辑可能需要根据业务调整,这里仅做提示
|
|
|
|
|
|
|
+ // const activeId = this.selectedMonitor.boxId === sId ? tId : sId; // 逻辑可能需要根据业务调整,这里仅做提示
|
|
|
// 简单做法:交换后重置选中或者保持ID选中
|
|
// 简单做法:交换后重置选中或者保持ID选中
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -307,7 +307,7 @@ export default {
|
|
|
$bg-color: #1a1a1a;
|
|
$bg-color: #1a1a1a;
|
|
|
$cell-bg: #000000;
|
|
$cell-bg: #000000;
|
|
|
$border-color: #333333;
|
|
$border-color: #333333;
|
|
|
-$active-color: #409eff; // 选中色,也可以换成亮青色 #00ffff
|
|
|
|
|
|
|
+$active-color: #409eff; // 选中色,也可以换成亮青色 #00fff
|
|
|
$text-color: #eeeeee;
|
|
$text-color: #eeeeee;
|
|
|
|
|
|
|
|
.video-wall-container {
|
|
.video-wall-container {
|