From bb462e850ed18a49e73c078b2ee379ebe47af605 Mon Sep 17 00:00:00 2001
From: "gao.zhiyuan" <gao.zhiyuan@free-sun.com.cn>
Date: Mon, 24 Apr 2023 16:57:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=92=8Cxy=E8=A7=86=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/sections/console/containers/index.js  | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/console/client/src/sections/console/containers/index.js b/console/client/src/sections/console/containers/index.js
index 7ac9739..5d7218e 100644
--- a/console/client/src/sections/console/containers/index.js
+++ b/console/client/src/sections/console/containers/index.js
@@ -63,7 +63,9 @@ function Index (props) {
     const flvPlayer = useRef()
 
     const draw = (type, params = {}) => {
-        return
+        if (type == 'xz') {
+            return
+        }
         const canvasArea = document.getElementById('canvasArea')
         const canvasHeight = canvasArea.clientHeight - 12 * 2 - 6
         const canvasWidth = canvasArea.clientWidth - 12 * 2
@@ -528,17 +530,26 @@ function Index (props) {
             <div style={{ height: 'calc(80% - 40px)', padding: 8 }}>
                 <Row style={{
                     height: '100%',
-                    display: 'none'
                 }}>
-                    <Col span={12} id="canvasArea" style={{ paddingRight: 8, maxHeight: '100%' }}>
+                    <Col span={14} style={{ paddingRight: 8, maxHeight: '100%' }}>
                         <div className='card' style={cardStyle}>
-                            <canvas ref={xzCvs} id='xzCvs' height={120} width={120} style={{}}>
+                            <canvas ref={xzCvs} id='xzCvs' height={120} width={120} style={{ display: 'none' }}>
                                 您的浏览器不支持canvas,请更换浏览器.
                             </canvas>
+                            <video
+                                className='card'
+                                id={'video-play'}
+                                autoPlay
+                                // muted
+                                controls
+                                style={{ height: '100%', width: '100%', }}
+                            >
+
+                            </video>
                         </div>
                     </Col>
-                    <Col span={12} style={{ paddingLeft: 8, }}>
-                        <div className='card' style={cardStyle}>
+                    <Col span={10} style={{ paddingLeft: 8, }}>
+                        <div className='card' id="canvasArea" style={cardStyle}>
                             <canvas ref={xyCvs} id='xyCvs' height={120} width={120} style={{}}>
                                 您的浏览器不支持canvas,请更换浏览器.
                             </canvas>
@@ -546,14 +557,7 @@ function Index (props) {
                     </Col>
                 </Row>
 
-                <video
-                    className='card'
-                    id={'video-play'}
-                    autoPlay muted controls
-                    style={{ height: '100%', width: '100%', }}
-                >
 
-                </video>
             </div>
             <div style={{ height: '20%' }}>
                 <Row style={{ height: '100%' }}>