|  |  |  | 
|---|
|  |  |  | <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,index) in detailFiles" :key="index" class="infinite-list-item record-list-item" > | 
|---|
|  |  |  | <el-tag v-if="choosedFile !== item.filename" @click="chooseFile(item)"> | 
|---|
|  |  |  | <el-tag v-if="choosedFile !== item.fileName" @click="chooseFile(item)"> | 
|---|
|  |  |  | <i class="el-icon-video-camera"  ></i> | 
|---|
|  |  |  | {{ getFileShowName(item) }} | 
|---|
|  |  |  | </el-tag> | 
|---|
|  |  |  | <el-tag type="danger" v-if="choosedFile === item.filename"> | 
|---|
|  |  |  | <el-tag type="danger" v-if="choosedFile === item.fileName"> | 
|---|
|  |  |  | <i class="el-icon-video-camera"  ></i> | 
|---|
|  |  |  | {{ getFileShowName(item) }} | 
|---|
|  |  |  | </el-tag> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | // TODO 根据查询的时间列表设置滑轨的最大值与最小值, | 
|---|
|  |  |  | import uiHeader from '../layout/UiHeader.vue' | 
|---|
|  |  |  | import player from './dialog/easyPlayer.vue' | 
|---|
|  |  |  | import player from './common/easyPlayer.vue' | 
|---|
|  |  |  | import moment  from 'moment' | 
|---|
|  |  |  | import axios from "axios"; | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/record_proxy/${that.mediaServerId}/api/record/file/download/task/add`, | 
|---|
|  |  |  | url:`/api/cloud/record/task/add`, | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | app: that.app, | 
|---|
|  |  |  | stream: that.stream, | 
|---|
|  |  |  | startTime: moment(this.taskTimeRange[0]).format('YYYY-MM-DD HH:mm:ss'), | 
|---|
|  |  |  | endTime: moment(this.taskTimeRange[1]).format('YYYY-MM-DD HH:mm:ss'), | 
|---|
|  |  |  | app: this.app, | 
|---|
|  |  |  | stream: this.stream, | 
|---|
|  |  |  | mediaServerId: this.mediaServerId, | 
|---|
|  |  |  | startTime: moment(this.taskTimeRange[0]).format('YYYY-MM-DD HH:mm:ss'), | 
|---|
|  |  |  | endTime: moment(this.taskTimeRange[1]).format('YYYY-MM-DD HH:mm:ss'), | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | if (res.data.code === 0 ) { | 
|---|
|  |  |  | 
|---|
|  |  |  | let that = this; | 
|---|
|  |  |  | this.$axios({ | 
|---|
|  |  |  | method: 'get', | 
|---|
|  |  |  | url:`/record_proxy/${that.mediaServerId}/api/record/file/download/task/list`, | 
|---|
|  |  |  | url:`/api/cloud/record/task/list`, | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | mediaServerId: this.mediaServerId, | 
|---|
|  |  |  | isEnd: isEnd, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|