From 379830f7ebd3d9b93bfbfeb52584e5e4de29a979 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期五, 23 七月 2021 17:20:24 +0800
Subject: [PATCH] Merge pull request #129 from lawrencehj/wvp-28181-2.0

---
 web_src/src/components/dialog/devicePlayer.vue |   37 ++++++++++++++++++++++++++++++++++++-
 1 files changed, 36 insertions(+), 1 deletions(-)

diff --git a/web_src/src/components/dialog/devicePlayer.vue b/web_src/src/components/dialog/devicePlayer.vue
index 020cc22..be1332e 100644
--- a/web_src/src/components/dialog/devicePlayer.vue
+++ b/web_src/src/components/dialog/devicePlayer.vue
@@ -48,7 +48,10 @@
 
                         <el-table-column label="鎿嶄綔">
                             <template slot-scope="scope">
-                                <el-button icon="el-icon-video-play" size="mini" @click="playRecord(scope.row)">鎾斁</el-button>
+                                <el-button-group>
+                                    <el-button icon="el-icon-video-play" size="mini" @click="playRecord(scope.row)">鎾斁</el-button>
+                                    <el-button icon="el-icon-download" size="mini" @click="downloadRecord(scope.row)">涓嬭浇</el-button>
+                                </el-button-group>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -444,6 +447,38 @@
                 if (callback) callback()
             });
         },
+        downloadRecord: function (row) {
+            let that = this;
+            if (that.streamId != "") {
+                that.stopDownloadRecord(function () {
+                    that.streamId = "",
+                        that.downloadRecord(row);
+                })
+            } else {
+                this.$axios({
+                    method: 'get',
+                    url: '/api/download/start/' + this.deviceId + '/' + this.channelId + '?startTime=' + row.startTime + '&endTime=' +
+                        row.endTime + '&downloadSpeed=4'
+                }).then(function (res) {
+                    var streamInfo = res.data;
+                    that.app = streamInfo.app;
+                    that.streamId = streamInfo.streamId;
+                    that.mediaServerId = streamInfo.mediaServerId;
+                    that.videoUrl = that.getUrlByStreamInfo(streamInfo);
+                    that.recordPlay = true;
+                });
+            }
+        },
+        stopDownloadRecord: function (callback) {
+            this.$refs.videoPlayer.pause();
+            this.videoUrl = '';
+            this.$axios({
+                method: 'get',
+                url: '/api/download/stop/' + this.deviceId + "/" + this.channelId
+            }).then(function (res) {
+                if (callback) callback()
+            });
+        },
         ptzCamera: function (leftRight, upDown, zoom) {
             console.log('浜戝彴鎺у埗锛�' + leftRight + ' : ' + upDown + " : " + zoom);
             let that = this;

--
Gitblit v1.8.0