视频录制

src/views/caseFiling/components/archiveDetailsDialog.vue

@@ -24,6 +24,10 @@
               :deliveryDataArr="deliveryDataArr"
             ></expressDeliveryInfo>
           </el-tab-pane>
+          <el-tab-pane label="案件视频" name="four">
+            <!-- <div @click="getVideo">chakanshipin</div> -->
+            <video style="background-color: #181717;" :src="videoUrl" controls="controls"></video>
+          </el-tab-pane>
         </el-tabs>
       </div>
       <div slot="footer" class="dialog-footer">
@@ -38,7 +42,7 @@ import caseInfo from "./caseInfo.vue";
 import caselogInfo from "./caselogInfo.vue";
 import expressDeliveryInfo from "./expressDeliveryInfo.vue";
 export default {
-  props: ["showarchiveDetails", "detailform", "flagLoading"],
+  props: ["showarchiveDetails", "detailform", "flagLoading","videoList"],
   components: {
     caseInfo,
     caselogInfo,
@@ -51,6 +55,7 @@ export default {
       caselogDataArr: [], //案件日志
       deliveryDataArr: [], //快递信息
       noData: false,
+      videoUrl:''
     };
   },
   watch: {
@@ -65,10 +70,18 @@ export default {
   methods: {
     handleClick(tab, event) {
       // console.log(tab, event);
+      let headPath = window.location.origin + "/API";
+      this.videoUrl = headPath + this.videoList[0].annexPath;
     },
     cancel() {
       this.$emit("cancelpaymentdetails");
     },
+    getVideo(){
+      // console.log(this.videoList[0].annexPath,"PPPPPPPPPPPPPPPP");
+      let headPath = window.location.origin + "/API";
+      this.videoUrl = headPath + this.videoList[0].annexPath;
+      // window.open(headPath + this.videoList[0].annexPath)
+    }
   },
 };
 </script>