代码提交

src/styles/common.scss

@@ -432,7 +432,11 @@
     display: flex;
     justify-items: center;
     align-items: center;
-    flex-direction: column
+    flex-direction: column;
+    user-select: none;
+    -webkit-user-select: none; /* 兼容Safari等WebKit内核浏览器 */
+    -moz-user-select: none; /* 兼容Firefox等Gecko内核浏览器 */
+    -ms-user-select: none; /* 兼容IE10+ */
   }
 
   .gis-bottom-text{

src/views/alarm/gis/index.vue

@@ -141,7 +141,7 @@
         </div>
         <div style="margin-left: 2px" class="gis-bottom-text">{{isPlay?'暂停':'播放'}}</div>
       </div>
-      <div class="gis-bottom-item">
+      <div class="gis-bottom-item" @click="handleBack">
         <div class="button-bg">
           <img class="button-bg-c"  src="../../../assets/images/back.svg"/>
         </div>
@@ -166,7 +166,7 @@
         <img src="../../../assets/images/scale.svg" style="width: 720px;margin-top: -10px"/>
       </div>
       <div class="gis-bottom-item">
-        <div class="button-bg">
+        <div class="button-bg" @click="handleForward">
           <img class="button-bg-c"  src="../../../assets/images/forward.svg"/>
         </div>
         <div style="margin-left: 2px" class="gis-bottom-text">下一个</div>
@@ -189,7 +189,13 @@ const isPlay = ref(true)
 const handleShowChange = () => {
   visible.value = true
 };
+const handleBack = () => {
+  value2.value = value2.value-10
+}
 
+const handleForward = () => {
+  value2.value = value2.value+10
+}
 const formatTooltip = (value) => {
   const hours = Math.floor(value / 60);
   const minutes = value % 60;