| | |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <div style="background: #fff; height: 100%"> |
| | | <el-card class="trackClass" style="overflow-y: auto;"> |
| | | <el-card class="trackClass" style="overflow-y: auto"> |
| | | <div |
| | | style="margin-top: 20px" |
| | | role="tab" |
| | |
| | | </el-col> |
| | | <el-col span="12"> |
| | | <el-form-item label="历史视频"> |
| | | <el-button type="primary" @click.stop="oldVideoSatart = true" |
| | | <el-button type="primary" @click.stop="oldOpenVideo" |
| | | >视频播放 |
| | | </el-button> |
| | | </el-form-item> |
| | |
| | | :key="index" |
| | | :src="item" |
| | | :preview-src-list="srcList" |
| | | v-show="imgSrc.length > 0" |
| | | ></el-image> |
| | | <span v-show="imgSrc.length == 0">暂无现场图片</span> |
| | | </el-card> |
| | | </div> |
| | | <div class="block"> |
| | |
| | | :src="feedbackVideo" |
| | | style="width: 100%; height: 100%; object-fit: fill" |
| | | controls |
| | | v-show="feedbackVideo != ''" |
| | | ></video> |
| | | <span v-show="feedbackVideo == ''">暂无现场视频</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | id="old_video" |
| | | style="width: 100%; height: 100%; object-fit: fill" |
| | | controls |
| | | v-show="vaddress != ''" |
| | | ></video> |
| | | <span v-show="vaddress == ''">暂无历史视频</span> |
| | | </el-dialog> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | |
| | | <script> |
| | | import axios from "axios"; |
| | | |
| | | import { getclient } from "@/api/real/real"; |
| | | export default { |
| | | inject: ["reload"], |
| | | data() { |
| | |
| | | }); |
| | | } |
| | | }); |
| | | |
| | | console.log(that.tableData, 789, 10) |
| | | }); |
| | | }, |
| | | |
| | |
| | | jid: this.form.id, |
| | | }, |
| | | }).then((resdata) => { |
| | | this.audios = resdata.data.data.records; |
| | | if (resdata.data.data.records.length > 0) |
| | | this.audios = resdata.data.data.records; |
| | | }); |
| | | }, |
| | | |
| | |
| | | jid: this.form.id, |
| | | }, |
| | | }).then((resdata) => { |
| | | console.log(resdata.data.data[0], 56569); |
| | | this.security = resdata.data.data[0].List[0]; |
| | | this.imgSrc = resdata.data.data[0].tp; |
| | | this.srcList = resdata.data.data[0].tp; |
| | | this.feedbackVideo = resdata.data.data[0].sp[0]; |
| | | if (resdata.data.data[0].List.length > 0) |
| | | this.security = resdata.data.data[0].List[0]; |
| | | if (resdata.data.data[0].tp.length > 0) { |
| | | this.imgSrc = resdata.data.data[0].tp; |
| | | this.srcList = resdata.data.data[0].tp; |
| | | } |
| | | if (resdata.data.data[0].sp.length > 0) { |
| | | this.feedbackVideo = resdata.data.data[0].sp[0]; |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | oldOpenVideo() { |
| | | getclient(this.form.id).then((res) => { |
| | | if (res.data.data.vaddress != "") { |
| | | this.vaddress = res.data.data.vaddress; |
| | | } |
| | | this.oldVideoSatart = true; |
| | | console.log(this.oldVideoSatart); |
| | | }); |
| | | }, |
| | | }, |