| | |
| | | <el-date-picker size="mini" v-model="chooseDate" :picker-options="pickerOptions" type="date" value-format="yyyy-MM-dd" placeholder="日期" @change="dateChange()"></el-date-picker> |
| | | <div class="record-list-box" :style="recordListStyle"> |
| | | <ul v-if="detailFiles.length >0" class="infinite-list record-list" v-infinite-scroll="infiniteScroll" > |
| | | <li v-for="item in detailFiles" class="infinite-list-item record-list-item" @click="chooseFile(item)"> |
| | | <el-tag v-if="choosedFile != item"> |
| | | <li v-for="item in detailFiles" class="infinite-list-item record-list-item" > |
| | | <el-tag v-if="choosedFile != item" @click="chooseFile(item)"> |
| | | <i class="el-icon-video-camera" ></i> |
| | | {{ item.substring(0,17)}} |
| | | </el-tag> |
| | |
| | | <i class="el-icon-video-camera" ></i> |
| | | {{ item.substring(0,17)}} |
| | | </el-tag> |
| | | <a class="el-icon-download" style="color: #409EFF;font-weight: 600;margin-left: 10px;" :href="`${basePath}/${mediaServerId}/record/${recordFile.app}/${recordFile.stream}/${chooseDate}/${item}`" download /> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | |
| | | components: { |
| | | uiHeader, player |
| | | }, |
| | | props: ['recordFile', 'mediaServer', 'dateFiles'], |
| | | props: ['recordFile', 'mediaServerId', 'dateFiles'], |
| | | data() { |
| | | return { |
| | | basePath: process.env.NODE_ENV === 'development'?`${location.origin}/debug/zlm`:`${location.origin}/zlm`, |
| | | basePath: process.env.NODE_ENV === 'development'?`${location.origin}/debug/zlm/${this.mediaServerId}`:`${location.origin}/zlm/${this.mediaServerId}`, |
| | | dateFilesObj: [], |
| | | detailFiles: [], |
| | | chooseDate: null, |
| | |
| | | let that = this; |
| | | that.$axios({ |
| | | method: 'get', |
| | | url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/file/list`, |
| | | url:`/record_proxy/${that.mediaServerId}/api/record/file/list`, |
| | | params: { |
| | | app: that.recordFile.app, |
| | | stream: that.recordFile.stream, |
| | |
| | | this.videoUrl = ""; |
| | | }else { |
| | | // TODO 控制列表滚动条 |
| | | this.videoUrl = `${this.basePath}/${this.mediaServer.recordAppName}/${this.recordFile.app}/${this.recordFile.stream}/${this.chooseDate}/${this.choosedFile}` |
| | | this.videoUrl = `${this.basePath}/${this.mediaServerId}/record/${this.recordFile.app}/${this.recordFile.stream}/${this.chooseDate}/${this.choosedFile}` |
| | | console.log(this.videoUrl) |
| | | } |
| | | |
| | |
| | | let that = this; |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/delete`, |
| | | url:`/record_proxy/${that.mediaServerId}/api/record/delete`, |
| | | params: { |
| | | page: that.currentPage, |
| | | count: that.count |
| | |
| | | that.dateFilesObj = {}; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/date/list`, |
| | | url:`/record_proxy/${that.mediaServerId}/api/record/date/list`, |
| | | params: { |
| | | app: that.recordFile.app, |
| | | stream: that.recordFile.stream |
| | |
| | | let that = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/file/download/task/add`, |
| | | url:`/record_proxy/${that.mediaServerId}/api/record/file/download/task/add`, |
| | | params: { |
| | | app: that.recordFile.app, |
| | | stream: that.recordFile.stream, |
| | |
| | | let that = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/file/download/task/list`, |
| | | url:`/record_proxy/${that.mediaServerId}/api/record/file/download/task/list`, |
| | | params: { |
| | | isEnd: isEnd, |
| | | } |