初始化万家商超用户端仓库

components/benben-video-upload-paas/benben-video-upload-paas.vue

@@ -0,0 +1,92 @@
+<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>