任务详情的视频展示和场景库视频的优化

src/views/sceneLibrary/naturalDrivingScenarioList.vue

@@ -167,7 +167,7 @@
             :before-close="diaClose"
         >
             <div class="videoBox">
-                <video :autoplay="autoplay" :src="videoSrc"></video>
+                <video autoplay :src="videoSrc" controls></video>
             </div>
         </el-dialog>
     </div>

src/views/sceneLibrary/standardRegulationSimulationScenarioList.vue

@@ -118,7 +118,7 @@
             :before-close="diaClose"
         >
             <div class="videoBox">
-                <video :autoplay="autoplay" :src="videoSrc"></video>
+                <video autoplay :src="videoSrc" controls></video>
             </div>
         </el-dialog>
     </div>

src/views/sceneLibrary/trafficAccidentSimulationScenarioList.vue

@@ -156,7 +156,7 @@
             :before-close="diaClose"
         >
             <div class="videoBox">
-                <video :autoplay="autoplay" :src="videoSrc"></video>
+                <video autoplay :src="videoSrc" controls></video>
             </div>
         </el-dialog>
     </div>

src/views/workManagement/taskInfo.vue

@@ -41,11 +41,21 @@
                 <div class="titlePanelBor">仿真动画</div>
             </div>
             <div class="contentBox">
-                <div class="content">
+                <!-- <div class="content">
                     <img
                         src="../../assets/common/image/others/3.png"
                         width="100%"
                     />
+                </div> -->
+                <div
+                    class="content"
+                    v-for="item in videoUrl"
+                    :key="item + Math.random()"
+                >
+                    <video :src="item" controls="controls"></video>
+                    <!-- <video controls="controls">
+                        <source :src="item" type="video/mp4">
+                    </video> -->
                 </div>
             </div>
         </div>
@@ -274,6 +284,7 @@ export default {
             yListE: [],
             yListF: [],
             yListG: [],
+            videoUrl: [],
         };
     },
 
@@ -304,7 +315,7 @@ export default {
             }).then((res) => {
                 if (res.code == 200 && res.info) {
                     this.info = res.info;
-                    this.xList = res.info.curveData.time;
+                    this.xList = res.info.curveData.time || [];
 
                     this.yListA = res.info.curveData.acceleration || [];
                     this.yListB = res.info.curveData.lane_offset || [];
@@ -313,6 +324,8 @@ export default {
                     this.yListE = res.info.curveData.throttle || [];
                     this.yListF = res.info.curveData.yaw_rate || [];
                     this.yListG = res.info.curveData.velocity || [];
+
+                    this.videoUrl = res.info.videoUrl || [];
                 } else {
                     this.$message.error(res.message || "获取信息失败");
                 }
@@ -375,6 +388,22 @@ export default {
         }
     }
 
+    .boxB {
+        .contentBox {
+            justify-content: space-around;
+            flex-wrap: wrap;
+
+            .content {
+                width: 45%;
+                margin-bottom: 30px;
+
+                video {
+                    width: 100%;
+                }
+            }
+        }
+    }
+
     .boxC {
         .contentBox {
             display: flex;