feat: 优化时间线

h5/src/components/extension/videoTime.vue

@@ -12,14 +12,16 @@
 				<div class="date-time-box">
 				<div class="date-time-box">
 					<div class="date-time-left" @click="fastChangeStartTime(-10)">
 					<div class="date-time-left" @click="fastChangeStartTime(-10)">
 						10S
 						10S
-						<img class="date-time-img" src="../../assets/kuaitui.png" alt="">
+            <!--左图片-->
+						<img class="date-time-img" src="../../assets/kuaitui.png" alt="" style="margin-left: 1.6vw;">
 					</div>
 					</div>
 					<div class="date-time-content" @click="timeSelectShow">
 					<div class="date-time-content" @click="timeSelectShow">
 						{{startTime}}
 						{{startTime}}
 					</div>
 					</div>
 					<div class="date-time-right" :class="[isCanFastRight?'date-time-right-show':'']" @click="fastChangeStartTime(10)">
 					<div class="date-time-right" :class="[isCanFastRight?'date-time-right-show':'']" @click="fastChangeStartTime(10)">
-						<img v-if="isCanFastRight" class="date-time-img" src="../../assets/kuaijin.png" alt="">
-						<img v-else class="date-time-img" src="../../assets/kuaijin_no.png" alt="">
+            <!--右图片-->
+						<img v-if="isCanFastRight" class="date-time-img" src="../../assets/kuaijin.png" alt="" style="margin-right: 1.6vw;">
+						<img v-else class="date-time-img" src="../../assets/kuaijin_no.png" alt="" style="margin-right: 1.6vw;">
 						10S
 						10S
 					</div>
 					</div>
 				</div>
 				</div>
@@ -36,8 +38,7 @@
         </div>
         </div>
       </div>
       </div>
 			<!-- 云台控制模块 -->
 			<!-- 云台控制模块 -->
-      <!--v-if="ptzControlShow"-->
-			<div class="ptz-control-box">
+			<div v-if="ptzControlShow" class="ptz-control-box">
 				<div class="ptz-control-left-box" :class="[ptzControlType=='left'?'ptz-left':ptzControlType=='up'?'ptz-top':ptzControlType=='right'?'ptz-right':ptzControlType=='down'?'ptz-bottom':'']">
 				<div class="ptz-control-left-box" :class="[ptzControlType=='left'?'ptz-left':ptzControlType=='up'?'ptz-top':ptzControlType=='right'?'ptz-right':ptzControlType=='down'?'ptz-bottom':'']">
 					<div class="ptz-control-base ptz-control-left" @mousedown="ptzControlOneClick('left')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('left')" @touchend="ptzControlStop"></div>
 					<div class="ptz-control-base ptz-control-left" @mousedown="ptzControlOneClick('left')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('left')" @touchend="ptzControlStop"></div>
 					<div class="ptz-control-base ptz-control-top" @mousedown="ptzControlOneClick('up')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('up')" @touchend="ptzControlStop"></div>
 					<div class="ptz-control-base ptz-control-top" @mousedown="ptzControlOneClick('up')" @mouseup="ptzControlStop" @mouseleave="ptzControlStop" @touchstart="ptzControlOneClick('up')" @touchend="ptzControlStop"></div>
@@ -423,9 +424,10 @@ export default {
 				margin: 0 0.54vw;
 				margin: 0 0.54vw;
 				position: relative;
 				position: relative;
 				top:-0.27vw;
 				top:-0.27vw;
+        scale: 0.8;
         // TODO: 需要换图片，这个地址要注释
         // TODO: 需要换图片，这个地址要注释
-        background-color: #000;
-        display: none;
+        //background-color: #000;
+        //display: none;
 			}
 			}
 			.date-time-content{
 			.date-time-content{
 				width: 16.5vw;
 				width: 16.5vw;
@@ -516,7 +518,7 @@ export default {
 		}
 		}
 		.ptz-control-right-box{
 		.ptz-control-right-box{
       position: absolute;
       position: absolute;
-      top: -8px;
+      top: -8vw;
       right: 6vw;
       right: 6vw;
 			.ptz-control-jia,.ptz-control-jian{
 			.ptz-control-jia,.ptz-control-jian{
         width: 8vw;
         width: 8vw;

h5/src/views/video/index.vue

@@ -293,6 +293,7 @@
     <VideoController
     <VideoController
         @screenshot="handleScreenshot"
         @screenshot="handleScreenshot"
         @showMonitor="navBack"
         @showMonitor="navBack"
+        @showPTZ="handleShowPTZ"
     />
     />
   </div>
   </div>
 </template>
 </template>
@@ -346,6 +347,9 @@ const navBack = () => {
   pointPopupShow.value = true;
   pointPopupShow.value = true;
   console.log(paramObj);
   console.log(paramObj);
 };
 };
+const handleShowPTZ = () => {
+  //
+}
 
 
 // 监控场景编辑
 // 监控场景编辑
 const gateEditShow = ref(false);
 const gateEditShow = ref(false);