Merge branch 'master' of http://47.101.207.123:3000/lianghh/DataCenter-gis

src/views/DataCenterGis/components/LeftMap.vue

@@ -179,6 +179,10 @@
         class="auto-play-container-timeline"
         v-if="mapStore.currentToolSelectArray.includes('autoPlay')"
       >
+        <!-- <div>
+          <el-icon class="icon-expand-fold-box" v-if="isFold"><DArrowRight /></el-icon>
+          <el-icon class="icon-expand-fold-box" v-else><DArrowLeft /></el-icon>
+        </div> -->
         <el-icon class="icon-box icon-box-left" @click="handleLeft"><ArrowUp /></el-icon>
         <div class="timeline-box">
           <div
@@ -222,7 +226,9 @@ import {
   VideoPause,
   Search,
   ArrowUp,
-  ArrowDown
+  ArrowDown,
+  DArrowRight,
+  DArrowLeft
 } from '@element-plus/icons-vue';
 import { startOutputPoint, closeOutputPoint, gotoPosition } from '@/utils/map/mapOperation.js';
 import {
@@ -252,6 +258,8 @@ const startStop = () => {
   }
 };
 
+const isFold = ref(false);
+
 const typeTimeChange = () => {
   mapStore.autoNum = 0;
   clearInterval(mapStore.timeInterval);
@@ -749,6 +757,7 @@ const nextPoint = () => {
       top: 100px;
       text-align: center;
       right: 0px;
+      padding-top: 30px;
       background-color: rgba(0, 128, 255, 0.4);
       :deep(.el-form-item__label) {
         color: #ffffff;
@@ -757,7 +766,7 @@ const nextPoint = () => {
   }
 }
 .form-item-box {
-  width: 420px;
+  width: 350px;
   height: 50px;
   display: flex;
   justify-content: center;
@@ -790,7 +799,7 @@ const nextPoint = () => {
 .timeline-box {
   position: relative;
   margin-top: 20px;
-  width: 100px;
+  width: 90px;
   height: 550px;
   overflow-x: auto;
   scrollbar-width: none;
@@ -847,4 +856,11 @@ const nextPoint = () => {
   font-size: 30px;
   margin-right: 10px;
 }
+.icon-expand-fold-box {
+  color: #ffffff;
+  position: absolute;
+  font-size: 30px;
+  top: 50%;
+  left: -25px;
+}
 </style>