: ""}
+
查询：
{
// console.log(e);
setLeftValue(e)
@@ -407,10 +436,10 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
全选
-
+
@@ -441,7 +515,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
{/* 视频 */}
-
+
{playData?.slice((page - 1) * pageSize, page * pageSize)?.map(v => {
- return
{/* 视频设置 */}
- {[{ img: 'gongge', value: '宫格设置', screen: [{ img: 'screen1', value: '单屏' }, { img: 'screen4', value: '4分屏' }, { img: 'screen6', value: '6分屏' }, { img: 'screen12', value: '12分屏' },] },
- { img: 'polling', value: '轮询设置' },
- { img: 'back', value: '背投', },
- { img: 'monitor', value: '监控地图' },].map((v, index) => {
+ {[{ img: mould('blueGongge', 'whiteGongge', 'blackGongge'), value: '宫格设置', screen: [{ img: mould('blueScreen1', 'whiteScreen1', 'blackScreen1'), value: '单屏' }, { img: mould('blueScreen4', 'whiteScreen4', 'blackScreen4'), value: '4分屏' }, { img: mould('blueScreen6', 'whiteScreen6', 'blackScreen6'), value: '6分屏' }, { img: mould('blueScreen12', 'whiteScreen12', 'blackScreen12'), value: '12分屏' },] },
+ { img: mould('bluePolling', 'whitePolling', 'blackPolling'), value: '轮询设置', },
+ { img: mould('blueBackr', 'whiteBack', 'blackBack'), value: '背投', },
+ { img: mould('blueMonitor', 'whiteMonitor', 'blackMonitor'), value: '监控地图' },].map((v, index) => {
return
{
switch (v.value) {
case '宫格设置':
- return
+ return
{v.screen.map((item) => {
return
case '轮询设置':
- return flipScreens(item.value)}>
-
})}
- {item.value}
+ {item.value}
+ return
{
console.log(v);
setPolling(v)
- }} aria-label="a switch for demo" style={{ border: ' 1px solid #D9D9D9', }} checked={polling} />
+ }} aria-label="a switch for demo" style={{ border: ' 1px solid #D9D9D9', backgroundColor: polling ? mould('#2f53ea') : '' }} checked={polling} />
轮询间隔
- {
setPollingTime(Number(value.replace(/[^0-9]/ig, '')))
}} />
@@ -544,7 +618,10 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
}
}}
>
- 
+ {
+ if (v.value == '背投') document.getElementById('rearProjection').requestFullscreen()
+ }} />
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.less b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.less
index bfb7c13..a851280 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.less
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.less
@@ -1,4 +1,5 @@
-.KJBlue {
+.blue {
+ background-size: 100% 100% !important;
.semi-tree-option,
.semi-icon,
.semi-checkbox-addon, //全选文字
@@ -7,28 +8,131 @@
span {
color: #fff;
}
- .semi-page-item-active{
- color: rgb(17, 17, 17);
+ .semi-page-item-active {
+ color: rgb(17, 17, 17);
}
.semi-checkbox-inner-display {
//树状多选框
border: 1px solid rgba(255, 255, 255, 0.488);
}
input {
- color: #fff !important;
+ color: #fff !important;
background: #01185f;
box-shadow: inset 0px 0px 5px 1px rgba(28, 96, 254, 0.4);
}
- input::placeholder,
- .semi-input-wrapper::-ms-value{
+ input::placeholder {
+ color: #fff;
+ }
+ // .semi-input-wrapper-disabled {
+ // background-color: #fff;
+ // }
+ .semi-form-field {
+ padding-right: 6px;
+ }
+ .semi-input-wrapper,.semi-input-wrapper-default //轮询输入框文字
+ {
color: #fff;
}
+}
+.white {
+ background-size: 100% 100% !important;
+ .semi-tree-option,
+ .semi-icon,
+ .semi-checkbox-addon, //全选文字
+ .semi-form-field-label-text,
+ .semi-page-item,
+ span {
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .semi-button-content {
+ color: #fff;
+ }
+ .semi-page-item-active {
+ color: rgb(17, 17, 17);
+ }
+ .semi-icon-checkbox_tick, //树状多选框勾选颜色
+ .semi-checkbox-inner-display {
+ background-color: rgba(255, 255, 255, 0.65);
+ }
+ .semi-checkbox-inner-display {
+ //树状多选框
+ border: 1px solid rgba(255, 255, 255, 0.488);
+ }
+ input {
+ color: rgba(0, 0, 0, 0.45) !important;
+ background: #ffffff;
+ box-shadow: 1px solid rgba(151, 151, 151, 0.5);
+ }
+ input::placeholder,
+ .semi-input-wrapper::-ms-value {
+ color: rgba(0, 0, 0, 0.65);
+ }
+ .semi-input-wrapper-disabled {
+ background-color: #fff;
+ }
+ .semi-form-field {
+ padding-right: 6px;
+ }
+ .semi-input-wrapper,.semi-input-wrapper-default //轮询输入框文字
+ {
+ color: rgba(0, 0, 0, 0.65);
+ }
+}
+
+.black {
+ background-size: 100% 100% !important;
+ .semi-tree-option,
+ .semi-checkbox-addon, //全选文字
+ .semi-form-field-label-text,
+ .semi-page-item,
+ span {
+ color: #fff;
+ }
+ .semi-select-selection-text,
+ .semi-select-selection-placeholder {
+ color: black;
+ }
+ .semi-icon {
+ color: black;
+ }
+ .semi-icon-chevron_left,
+ .semi-icon-chevron_right {
+ color: #fff;
+ }
+ .semi-page-item-active {
+ color: rgb(17, 17, 17);
+ }
+ .semi-icon-checkbox_tick, //树状多选框勾选颜色
+ .semi-checkbox-inner-display {
+ background-color: #ffffff;
+ }
+ .semi-checkbox-inner-display {
+ //树状多选框
+ border: 1px solid rgba(255, 255, 255, 0.488);
+ }
+ input {
+ color: rgba(0, 0, 0, 0.45) !important;
+ background: #ececec;
+ box-shadow: inset 0px 0px 5px 1px rgba(39, 39, 39, 0.2);
+ }
+ input::placeholder,
+ .semi-input-wrapper::-ms-value {
+ color: #fff;
+ }
+ .semi-input-wrapper-disabled {
+ background-color: #fff;
+ }
.semi-form-field {
padding-right: 6px;
}
.semi-input-wrapper,.semi-input-wrapper-default //轮询输入框文字
- {
+ {
color: #fff;
}
+ // .semi-popover {
+ // .semi-tree-wrapper {
+ // background-color: red;
+ // }
+ // }
}
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
index 0db2ba0..57c96fe 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
@@ -1156,7 +1156,7 @@ const MirroringDetail = (props) => {
+ {
+ if (v.value == '背投') document.getElementById('rearProjection').requestFullscreen()
+ }} />
{v.value}
{
labelEditNum == item.num ? (
- { toChangeLabel(item.num, item.name, addLabelNum) }} onChange={(value) => toEditLabel(value, index)} style={{ width: 120 }} maxLength={8} className='inputpadding' size='small'>
+ { toChangeLabel(item.num, item.name, addLabelNum) }} onChange={(value) => toEditLabel(value, index)} style={{ width: 120 }} maxLength={6} className='inputpadding' size='small'>
) : (item.name)
}