: ""}
+
查询：
{
// console.log(e);
setLeftValue(e)
@@ -407,7 +421,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
全选
@@ -421,10 +435,10 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
设备搜索:} field="name" maxLength="36" placeholder="请输入设备名称" labelPosition="left" style={{ width: 125, color: "#fff", }} />
{filterGroup?.map(v => {
return {`${v.name.substr(0,2)}...:`}}
+ label={{`${v.name.substr(0, 2)}...:`}}
labelPosition="left"
field={"field" + v.num}
- style={{ width: 75, color: "#fff", background: "#01185f", boxShadow: " inset 0px 0px 5px 1px rgba(28, 96, 254, 0.4)" }}
+ style={{ width: 75, background: mould('#01185f', ' #FFFFFF', '#ECECEC'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28, 96, 254, 0.4)', ' rgba(151,151,151,0.5)', 'rgba(39,39,39,0.2)')} ` }}
placeholder="全部"
showClear
>
@@ -475,7 +489,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: 'polling', value: '轮询设置', },
{ img: 'back', value: '背投', },
{ img: 'monitor', value: '监控地图' },].map((v, index) => {
return
@@ -531,9 +545,9 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
{
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 ? '#2f53ea' : '' }} checked={polling} />
轮询间隔
- {
setPollingTime(Number(value.replace(/[^0-9]/ig, '')))
}} />
@@ -544,7 +558,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..8850b30 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,115 @@
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-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-icon {
+ color: black;
+ }
+ .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: #fff !important;
+ background: #01185f;
+ box-shadow: inset 0px 0px 5px 1px rgba(28, 96, 254, 0.4);
+ }
+ 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;
}
}
+ {
+ if (v.value == '背投') document.getElementById('rearProjection').requestFullscreen()
+ }} />
{v.value}