支持云端录像打包下载

web/src/api/cloudRecord.js

@@ -110,7 +110,7 @@ export function deleteRecord(ids) {
 }
 
 export function queryList(params) {
-  const { app, stream, query, startTime, endTime, mediaServerId, page, count, ascOrder } = params
+  const { app, stream, query, callId, startTime, endTime, mediaServerId, page, count, ascOrder } = params
   return request({
     method: 'get',
     url: `/api/cloud/record/list`,
@@ -118,6 +118,7 @@ export function queryList(params) {
       app: app,
       stream: stream,
       query: query,
+      callId: callId,
       startTime: startTime,
       endTime: endTime,
       mediaServerId: mediaServerId,

web/src/views/cloudRecord/index.vue

@@ -12,11 +12,22 @@
             @input="initData"
           />
         </el-form-item>
+        <el-form-item label="Call Id">
+          <el-input
+            v-model="callId"
+            style="margin-right: 1rem; width: auto;"
+            placeholder="事务标识"
+            prefix-icon="el-icon-search"
+            clearable
+            @input="initData"
+          />
+        </el-form-item>
         <el-form-item label="开始时间">
           <el-date-picker
             v-model="startTime"
             type="datetime"
             size="mini"
+            style="width: 12rem; margin-right: 1rem;"
             value-format="yyyy-MM-dd HH:mm:ss"
             placeholder="选择日期时间"
             @change="initData"
@@ -27,6 +38,7 @@
             v-model="endTime"
             type="datetime"
             size="mini"
+            style="width: 12rem; margin-right: 1rem;"
             value-format="yyyy-MM-dd HH:mm:ss"
             placeholder="选择日期时间"
             @change="initData"
@@ -36,7 +48,7 @@
           <el-select
             v-model="mediaServerId"
             size="mini"
-            style="width: 16rem; margin-right: 1rem;"
+            style="width: 12rem; margin-right: 1rem;"
             placeholder="请选择"
             @change="initData"
           >
@@ -56,6 +68,14 @@
             @click="deleteRecord"
           >移除
           </el-button>
+          <el-button
+            icon="el-icon-download"
+            style="margin-right: 1rem;"
+            :disabled="multipleSelection.length === 0"
+            type="primary"
+            @click="downloadZip"
+          >下载
+          </el-button>
         </el-form-item>
         <el-form-item style="float: right;">
           <el-button icon="el-icon-refresh-right" circle :loading="loading" @click="initData()" />
@@ -68,7 +88,8 @@
           width="55"
         />
         <el-table-column prop="app" label="应用名" />
-        <el-table-column prop="stream" label="流ID" width="380" />
+        <el-table-column prop="stream" label="流ID" />
+        <el-table-column prop="callId" label="Call Id"/>
         <el-table-column label="开始时间">
           <template v-slot:default="scope">
             {{ formatTimeStamp(scope.row.startTime) }}
@@ -132,6 +153,7 @@ export default {
   data() {
     return {
       search: '',
+      callId: '',
       startTime: '',
       endTime: '',
       playerTitle: '',
@@ -167,6 +189,7 @@ export default {
   },
   methods: {
     initData: function() {
+      this.currentPage = 1
       this.getRecordList()
     },
     currentChange: function(val) {
@@ -189,6 +212,7 @@ export default {
     getRecordList: function() {
       this.$store.dispatch('cloudRecord/queryList', {
         query: this.search,
+        callId: this.callId,
         startTime: this.startTime,
         endTime: this.endTime,
         mediaServerId: this.mediaServerId,
@@ -283,6 +307,20 @@ export default {
 
       })
     },
+    downloadZip() {
+      const ids = []
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        ids.push(this.multipleSelection[i].id)
+      }
+      let idsStr = ids.join(',')
+      const link = document.createElement('a')
+      link.target = '_blank'
+      let baseUri = (process.env.NODE_ENV === 'development') ? process.env.VUE_APP_BASE_API : process.env.VUE_APP_BASE_API
+      let downloadUrl = `${location.origin}${baseUri}/api/cloud/record/download/zip?ids=${idsStr}`
+      console.log(downloadUrl)
+      link.href = downloadUrl
+      link.click()
+    },
     deleteOneRecord(row) {
       this.$confirm(`确定删除?`, '提示', {
         confirmButtonText: '确定',