<template>
|
|
|
<div>
|
<div class="form-header mt">
|
<h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;" >
|
<span>视频详情下载</span>
|
|
</h1>
|
</div>
|
<li v-for="(item,index) in fileList">
|
<el-link @click="handleDownload(fileLs[index])" type="success">{{fileList[index]}}-------下载</el-link>
|
</li>
|
<!-- <h4 class="form-header"> </h4>
|
<div style="margin-left: 20px;">
|
<el-link :href="'/register'" class="psf" type="success">注册 </el-link>
|
<el-link :href="'/login'" type="success">登录</el-link>
|
</div> -->
|
|
<el-dialog
|
:visible.sync="msk" >
|
<p class="op65">点击右上角按钮，然后在弹出的菜单中，点击在浏览器中打开，即可下载视频</p>
|
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {listFScan,getFScanInfo,addFScan,delFScan,getFSInfo,updateFScan, uploadPic, uploadPic1, download} from "@/api/fscan/index";
|
import {blobValidate} from "@/utils/ruoyi";
|
export default {
|
// components: {
|
// pdf
|
// },
|
data() {
|
return {
|
fileList1:[],
|
fileList:[],
|
fileLs:[],
|
pdfSrc: '',
|
numPages: undefined,
|
msk: false,
|
}
|
},
|
mounted() {
|
|
const id = (this.$route.query.id)
|
//发起请求拿到pdfSrc
|
let _this = this
|
getFScanInfo(id).then(response => {
|
|
|
//console.log(response)
|
// if(response.msg=="操作成功")
|
{
|
console.log(response.data)
|
/// _this.pdfSrc= process.env.VUE_APP_BASE_TRUE_API+response.data.filePath;
|
// alert(_this.pdfSrc)
|
this.fileList1 = response.data.filePath.split(",");
|
for(let i = 0; i < this.fileList1.length; i++)
|
{
|
if(this.fileList1[i].length!=0){
|
this.fileLs.push(this.fileList1[i])
|
var lsr = this.fileList1[i].split("/")
|
var ls = lsr[lsr.length - 1].split("_")
|
var lr = ls[ls.length-1].split(".")
|
var pnam = ls[0] + "." + lr[lr.length-1]
|
this.fileList.push(pnam)}
|
|
|
|
}
|
console.log(this.fileLs)
|
console.log("--------------------")
|
|
// alert(1234)
|
}
|
|
})
|
},
|
methods:{
|
is_weixin() {
|
var ua = navigator.userAgent.toLowerCase();
|
if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
return true;
|
} else {
|
return false;
|
}
|
},
|
handleDownload(url) {
|
|
if (this.is_weixin()) {
|
//alert(123)
|
window.location = "www.bendudu.com"
|
}
|
else{
|
this.msk = false;
|
var formData = {'path':url.replace(process.env.VUE_APP_BASE_TRUE_API,"")};
|
let lens = formData.path.split(".")
|
let suffix = lens[lens.length-1]
|
console.log(formData)
|
download(formData).then(async (response) => {
|
const isLogin = await blobValidate(response);
|
let nt = new Date().getTime()
|
let filename = 'scods_'+nt+'.'+suffix
|
const blob = new Blob([response])
|
saveAs(blob, filename)
|
})
|
}
|
},
|
}
|
}
|
</script>
|
<style>
|
li {
|
list-style-type:none;
|
margin-left:20px;
|
padding:10px 20px;
|
background:#fff;
|
|
transition:all 0.3s ease;
|
}
|
li:hover {
|
background:#ccc;
|
color:#fff;
|
}
|
.psf{
|
margin-right: 20px;
|
}
|
|
.block {
|
width: 100%;
|
height: 400px;
|
background-color: gray;
|
background-image: url("/live_weixin.png");//默认路劲为public下
|
background-size: 100% 100%;
|
}
|
.blocks {
|
width: 100%;
|
height: 400px;
|
background-color: gray;
|
background-size: 100% 100%;
|
}
|
</style>
|
