93 lines
2.3 KiB
Vue
93 lines
2.3 KiB
Vue
<template>
|
||
<view>
|
||
<slot v-bind:src="src" v-bind:poster="poster"></slot>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import UploadImage from '@/common/utils/upload-image.js'
|
||
|
||
export default {
|
||
name: 'benben-video-upload-paas',
|
||
props: {
|
||
//回显数据 赛诸葛返还的json数据
|
||
videoInfo: {
|
||
type: Object,
|
||
default: () => [],
|
||
},
|
||
//上传提交数据(赛诸葛上传接口需要的JSON数据)
|
||
uploadData: {
|
||
type: String,
|
||
default: '',
|
||
},
|
||
},
|
||
data: () => ({
|
||
uploading: false,
|
||
}),
|
||
computed: {
|
||
src() {
|
||
return this.videoInfo.path ? this.videoInfo.path : ''
|
||
},
|
||
poster() {
|
||
return this.videoInfo.thumb ? this.videoInfo.thumb : ''
|
||
},
|
||
},
|
||
watch: {
|
||
videoInfo: {
|
||
handler(value) {
|
||
let uploadData = value.path ? JSON.stringify(value) : ''
|
||
this.$emit('update:upload-data', uploadData)
|
||
},
|
||
immediate: true,
|
||
deep: true,
|
||
},
|
||
},
|
||
methods: {
|
||
delVideo() {
|
||
this.$emit('update:video-info', { path: '', thumb: '', name: '' })
|
||
},
|
||
previewVideo() {
|
||
if (!this.src) {
|
||
return this.chooseVideo()
|
||
}
|
||
this.mixinToPlayVideo(this.src) //跳转内置视频播放页面
|
||
},
|
||
chooseVideo() {
|
||
let self = this
|
||
// 选择视频
|
||
uni.chooseVideo({
|
||
count: 1, // 默认1
|
||
maxDuration: 60,
|
||
compressed: true,
|
||
sourceType: ['album', 'camera'], // album 从相册选视频，camera 使用相机拍摄，默认为：['album', 'camera']
|
||
success: function (res) {
|
||
let fileInfo = [{ name: res.name, size: res.size, path: res.tempFilePath }]
|
||
self.uploading = true
|
||
// 开始上传
|
||
new UploadImage(fileInfo, {
|
||
complete: function (res) {
|
||
self.uploading = false
|
||
self.$emit('update:video-info', res[0])
|
||
},
|
||
})
|
||
},
|
||
})
|
||
},
|
||
},
|
||
created() {},
|
||
// 组件周期函数--监听组件挂载完毕
|
||
mounted() {},
|
||
// 组件周期函数--监听组件数据更新之前
|
||
beforeUpdate() {},
|
||
// 组件周期函数--监听组件数据更新之后
|
||
updated() {},
|
||
// 组件周期函数--监听组件激活(显示)
|
||
activated() {},
|
||
// 组件周期函数--监听组件停用(隐藏)
|
||
deactivated() {},
|
||
// 组件周期函数--监听组件销毁之前
|
||
beforeDestroy() {},
|
||
}
|
||
</script>
|
||
|
||
<style></style>
|