From c72635f21e8419aefae31f01950cb2deb2f9d7b1 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 29 Oct 2023 17:46:48 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E5=BD=95=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/caseFiling/caseFiling.js                  |  8 ++++++++
 src/views/caseFiling/archiveList.vue              | 12 ++++++++++--
 .../components/archiveDetailsDialog.vue           | 15 ++++++++++++++-
 src/views/caseFiling/components/videoList.vue     |  0
 4 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 src/views/caseFiling/components/videoList.vue

diff --git a/src/api/caseFiling/caseFiling.js b/src/api/caseFiling/caseFiling.js
index 680084b..4c2ceec 100644
--- a/src/api/caseFiling/caseFiling.js
+++ b/src/api/caseFiling/caseFiling.js
@@ -7,4 +7,12 @@ export function adjudicationArchives(data) {
     method: 'get',
     params: data
   })
+}
+//根据案件id查询视频列表
+export function videoList(data) {
+  return request({
+    url: '/video/videoList',
+    method: 'get',
+    params: data
+  })
 }
\ No newline at end of file
diff --git a/src/views/caseFiling/archiveList.vue b/src/views/caseFiling/archiveList.vue
index ddadab8..2809305 100644
--- a/src/views/caseFiling/archiveList.vue
+++ b/src/views/caseFiling/archiveList.vue
@@ -62,7 +62,7 @@
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
       @pagination="getList(queryParams)" />
     <!-- 弹窗 -->
-    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :detailform="detailform"
+    <archiveDetailsDialog v-if="showarchiveDetails" :showarchiveDetails="showarchiveDetails" :videoList="videoList" :detailform="detailform"
       :flagLoading="flagLoading" @cancelpaymentdetails="cancelpaymentdetails" @updataList="updataList">
     </archiveDetailsDialog>
   </div>
@@ -70,7 +70,7 @@
   
 <script>
 import { caseApplicationList, selectSignSealUrl } from "@/api/awardManagement/awardManagement";
-import { adjudicationArchives } from "@/api/caseFiling/caseFiling";
+import { adjudicationArchives, videoList } from "@/api/caseFiling/caseFiling";
 import archiveDetailsDialog from "./components/archiveDetailsDialog.vue";
 export default {
   name: "archiveList",
@@ -97,6 +97,7 @@ export default {
       detailform: {}, //详情数据
       showarchiveDetails: false, //详情数据弹框
       flagLoading: false, //详情弹框loading
+      videoList:""
     };
   },
   created() {
@@ -135,6 +136,7 @@ export default {
     // model框显示
     showDetail(row) {
       this.getDetail({ id: row.id });
+      this.getvideoList({ caseId: row.id });
       this.showarchiveDetails = true;
       this.flagLoading = true;
     },
@@ -142,6 +144,12 @@ export default {
     cancelpaymentdetails() {
       this.showarchiveDetails = false;
     },
+    // 根据id查询视频列表
+    getvideoList(data) {
+      videoList(data).then(res => {
+        this.videoList = res.data;
+      })
+    },
     /** 查询详情 */
     getDetail(parms) {
       adjudicationArchives(parms).then((res) => {
diff --git a/src/views/caseFiling/components/archiveDetailsDialog.vue b/src/views/caseFiling/components/archiveDetailsDialog.vue
index 8a750cc..6755857 100644
--- a/src/views/caseFiling/components/archiveDetailsDialog.vue
+++ b/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>
diff --git a/src/views/caseFiling/components/videoList.vue b/src/views/caseFiling/components/videoList.vue
new file mode 100644
index 0000000..e69de29