|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div id="recordDetail"> | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-aside width="300px"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div class="record-list-box-box"> | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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 />--> | 
|---|
|  |  |  | <a class="el-icon-download" style="color: #409EFF;font-weight: 600;margin-left: 10px;" :href="`${basePath}/download.html?url=${recordFile.app}/${recordFile.stream}/${chooseDate}/${item}`" target="_blank" /> | 
|---|
|  |  |  | <a class="el-icon-download" style="color: #409EFF;font-weight: 600;margin-left: 10px;" :href="`${basePath}/download.html?url=record/${recordFile.app}/${recordFile.stream}/${chooseDate}/${item}`" target="_blank" /> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | // TODO 根据查询的时间列表设置滑轨的最大值与最小值, | 
|---|
|  |  |  | import uiHeader from './UiHeader.vue' | 
|---|
|  |  |  | import uiHeader from '../layout/UiHeader.vue' | 
|---|
|  |  |  | import player from './dialog/easyPlayer.vue' | 
|---|
|  |  |  | import moment  from 'moment' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | 
|---|
|  |  |  | count: that.count | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | that.total = res.data.data.total; | 
|---|
|  |  |  | that.detailFiles = that.detailFiles.concat(res.data.data.list); | 
|---|
|  |  |  | if (res.data.code === 0) { | 
|---|
|  |  |  | that.total = res.data.data.total; | 
|---|
|  |  |  | that.detailFiles = that.detailFiles.concat(res.data.data.list); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | that.loading = false; | 
|---|
|  |  |  | if (callback) callback(); | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | 
|---|
|  |  |  | this.videoUrl = ""; | 
|---|
|  |  |  | }else { | 
|---|
|  |  |  | // TODO 控制列表滚动条 | 
|---|
|  |  |  | this.videoUrl = `${this.basePath}/${this.recordFile.app}/${this.recordFile.stream}/${this.chooseDate}/${this.choosedFile}` | 
|---|
|  |  |  | this.videoUrl = `${this.basePath}/record/${this.recordFile.app}/${this.recordFile.stream}/${this.chooseDate}/${this.choosedFile}` | 
|---|
|  |  |  | console.log(this.videoUrl) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | count: that.count | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | if (res.data.code == 0) { | 
|---|
|  |  |  | if (res.data.code === 0) { | 
|---|
|  |  |  | that.total = res.data.data.total; | 
|---|
|  |  |  | that.recordList = res.data.data.list; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | endTime: moment(this.taskTimeRange[1]).format('YYYY-MM-DD HH:mm:ss'), | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | if (res.data.code === 0 && res.data.msg === "success") { | 
|---|
|  |  |  | if (res.data.code === 0 ) { | 
|---|
|  |  |  | that.showTaskBox = false | 
|---|
|  |  |  | that.getTaskList(false); | 
|---|
|  |  |  | }else { | 
|---|
|  |  |  | 
|---|
|  |  |  | isEnd: isEnd, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }).then(function (res) { | 
|---|
|  |  |  | if (res.data.code == 0) { | 
|---|
|  |  |  | if (res.data.code === 0) { | 
|---|
|  |  |  | if (isEnd){ | 
|---|
|  |  |  | that.taskListEnded = res.data.data; | 
|---|
|  |  |  | }else { | 
|---|
|  |  |  | 
|---|
|  |  |  | }).catch(function (error) { | 
|---|
|  |  |  | console.log(error); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | goBack(){ | 
|---|
|  |  |  | this.$router.push('/cloudRecord'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|