Browse Source

fix:修复多仿真评价视频无法播放

linchengzhe 1 year ago
parent
commit
12154eeb85

+ 7 - 6
src/views/multimodeSimulation/evaluationResults.vue

@@ -90,10 +90,9 @@
         ref="videoPlayer"
         controls
         style="width: 100%; height: 100%"
-        :controls="true"
+        autoplay
+        :src="videoList[viewKey]"
       >
-        <source :src="videoList[viewKey]" type="video/mp4" />
-        您的浏览器不支持视频标签。
       </video>
     </div>
   </div>
@@ -107,17 +106,18 @@ export default {
   components: { tableList },
   data() {
     return {
-      viewKey: '1',
+      viewKey: 0,
       viewOptions: [
         {
-          value: '0',
+          value: 0,
           label: '总视角',
         },
         {
-          value: '1',
+          value: 1,
           label: '多仿真视角',
         },
       ],
+      playUrl:'', // 当前播放地址
       videoList: [], // 视频地址列表
       describe: '', // 评价描述
       columns: [
@@ -166,6 +166,7 @@ export default {
               status: res.info.outOfPavementDetail[0].abnormalTimeDescription,
             },
           ]
+          this.playUrl = res.info.projectResultOverallUrl,
           this.videoList = [
             res.info.projectResultOverallUrl,
             res.info.projectResultSimulationUrl,

+ 1 - 0
src/views/multimodeSimulation/simulationEdit.vue

@@ -261,6 +261,7 @@ export default {
         },
       }).then((res) => {
         if (res.code == 200) {
+        this.isEdit = true
           this.$message.success('添加成功')
           this.refreshList({ projectId: this.projectId })
         } else {