liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加双击全屏

Browse Source
This commit is contained in:
zhangqinbin
2023-06-20 16:30:00 +08:00
parent 81a5aaf400
commit c86e7a3c2f
1 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/ElecEvaluation/Monitor/RoomDetail/index.tsx
View File

@ -602,9 +602,9 @@ const MonitorRoomDetail: React.FC<{}> = (props: any) => {
</div> </div>
<div className="right-content-c"> <div className="right-content-c">
<div id="container0" className="p_container" ></div> <div id="container0" className="p_container" onDoubleClick={()=>fullscreen()}></div>
<div className="p_bottom_container"> {basicInfo?.status == "2"?<div className="p_bottom_container">
{basicInfo?.status == "2"?<div id="canvas-container" className="canvas-container"> <div id="canvas-container" className="canvas-container">
<canvas <canvas
id="canvas" id="canvas"
className="time-line-body" className="time-line-body"
@ -614,27 +614,37 @@ const MonitorRoomDetail: React.FC<{}> = (props: any) => {
> >
该浏览器不支持canvas 该浏览器不支持canvas
</canvas> </canvas>
</div>:""} </div>
<div className="p_bottom"> <div className="p_bottom">
<div className="scale"> <div className="scale">
{basicInfo?.status == "2"?<div><i className="ico ico-jian" onClick= {()=>onReduce()}></i> <div>
<div className="dot-container" > <i className="ico ico-jian" onClick= {()=>onReduce()}></i>
<div className="dot-container-dot"></div> <div className="dot-container" >
<div className="dot-container-dot"></div>
</div>
<i className="ico ico-jia" onClick= {()=>onAdd()}></i>
</div> </div>
<i className="ico ico-jia" onClick= {()=>onAdd()}></i></div>:""}
</div> </div>
<div> <div>
<div className="item" content="倍速" > <div className="item" content="倍速" >
<button className="speed" onClick= {()=>setSpeedFun()}>{speed}X</button> <button className="speed" onClick= {()=>setSpeedFun()}>{speed}X</button>
<i className="ico ico-quanping" onClick={() => fullscreen()}></i> &nbsp;&nbsp;
<i className="ico ico-quanping" onClick={() => fullscreen()}></i>
</div>
</div>
</div> </div>
</div>:
<div className="item" content="全屏" > <div className="p_bottom_container">
<div id="canvas-container" className="canvas-container">
<div className="p_bottom">
<div className="scale">
</div>
<div>
<i className="ico ico-quanping" onClick={() => fullscreen()}></i>
</div>
</div> </div>
</div> </div>
</div> </div>}
</div>
</div> </div>
</div> </div>
</div> </div>