{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\uploadVideo2\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\uploadVideo2\\index.vue","mtime":1677828270172},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IHVwbG9hZEJ5UGllY2VzIH0gZnJvbSAnQC91dGlscy91cGxvYWQnOyAvL+W8leWFpXVwbG9hZEJ5UGllY2Vz5pa55rOVCgppbXBvcnQgeyBwcm9kdWN0R2V0VGVtcEtleXNBcGksIHVwbG9hZFR5cGUgYXMgX3VwbG9hZFR5cGUgfSBmcm9tICdAL2FwaS9wcm9kdWN0JzsKaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsKaW1wb3J0IHsgZ2V0Q29va2llcyB9IGZyb20gJ0AvbGlicy91dGlsJzsgLy8gaW1wb3J0ICIuLi8uLi8uLi9wdWJsaWMvVUVkaXRvci9kaWFsb2dzL2ludGVybmFsIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAndmlkZTExbycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGZpbGVVcmw6IFNldHRpbmcuYXBpQmFzZVVSTCArICcvZmlsZS91cGxvYWQnLAogICAgICB1cGxvYWQ6IHsKICAgICAgICB2aWRlb0luZzogZmFsc2UgLy8g5piv5ZCm5pi+56S66L+b5bqm5p2h77ybCgogICAgICB9LAogICAgICBwcm9ncmVzczogMCwKICAgICAgLy8g6L+b5bqm5p2h6buY6K6kMAogICAgICB2aWRlb0xpbms6ICcnLAogICAgICBmb3JtVmFsaWRhdGU6IHsKICAgICAgICB2aWRlb19saW5rOiAnJwogICAgICB9LAogICAgICB1cGxvYWRfdHlwZTogJycsCiAgICAgIHVwbG9hZERhdGE6IHt9LAogICAgICBoZWFkZXI6IHt9CiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMudXBsb2FkVHlwZSgpOwogICAgdGhpcy5nZXRUb2tlbigpOwogIH0sCiAgbWV0aG9kczogewogICAgdmlkZW9TYXZlVG9Vcmw6IGZ1bmN0aW9uIHZpZGVvU2F2ZVRvVXJsKGZpbGUpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHVwbG9hZEJ5UGllY2VzKHsKICAgICAgICBmaWxlOiBmaWxlLAogICAgICAgIC8vIOinhumikeWunuS9kwogICAgICAgIHBpZWNlU2l6ZTogMywKICAgICAgICAvLyDliIbniYflpKflsI8KICAgICAgICBzdWNjZXNzOiBmdW5jdGlvbiBzdWNjZXNzKGRhdGEpIHsKICAgICAgICAgIF90aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gZGF0YS5maWxlX3BhdGg7CiAgICAgICAgICBfdGhpcy5wcm9ncmVzcyA9IDEwMDsKICAgICAgICB9LAogICAgICAgIGVycm9yOiBmdW5jdGlvbiBlcnJvcihlKSB7CiAgICAgICAgICBfdGhpcy4kTWVzc2FnZS5lcnJvcihlLm1zZyk7CiAgICAgICAgfSwKICAgICAgICB1cGxvYWRpbmc6IGZ1bmN0aW9uIHVwbG9hZGluZyhjaHVuaywgYWxsQ2h1bmspIHsKICAgICAgICAgIF90aGlzLnZpZGVvSW5nID0gdHJ1ZTsKICAgICAgICAgIHZhciBzdCA9IE1hdGguZmxvb3IoY2h1bmsgLyBhbGxDaHVuayAqIDEwMCk7CiAgICAgICAgICBfdGhpcy5wcm9ncmVzcyA9IHN0OwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIHJldHVybiBmYWxzZTsKICAgIH0sCiAgICAvLyDliKDpmaTop4bpopHvvJsKICAgIGRlbFZpZGVvOiBmdW5jdGlvbiBkZWxWaWRlbygpIHsKICAgICAgdmFyIHRoYXQgPSB0aGlzOwogICAgICB0aGF0LiRzZXQodGhhdC5mb3JtVmFsaWRhdGUsICd2aWRlb19saW5rJywgJycpOwogICAgfSwKICAgIC8v6I635Y+W6KeG6aKR5LiK5Lyg57G75Z6LCiAgICB1cGxvYWRUeXBlOiBmdW5jdGlvbiB1cGxvYWRUeXBlKCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIF91cGxvYWRUeXBlKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMyLnVwbG9hZF90eXBlID0gcmVzLmRhdGEudXBsb2FkX3R5cGU7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOS4iuS8oOaIkOWKnwogICAgaGFuZGxlU3VjY2VzczogZnVuY3Rpb24gaGFuZGxlU3VjY2VzcyhyZXMsIGZpbGUsIGZpbGVMaXN0KSB7CiAgICAgIGlmIChyZXMuc3RhdHVzID09PSAyMDApIHsKICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gcmVzLmRhdGEuc3JjOwogICAgICAgIHRoaXMuJE1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRNZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9CiAgICB9LAogICAgZ2V0VG9rZW46IGZ1bmN0aW9uIGdldFRva2VuKCkgewogICAgICB0aGlzLmhlYWRlclsnQXV0aG9yaS16YXRpb24nXSA9ICdCZWFyZXIgJyArIGdldENvb2tpZXMoJ3Rva2VuJyk7CiAgICB9LAogICAgYmVmb3JlVXBsb2FkOiBmdW5jdGlvbiBiZWZvcmVVcGxvYWQoKSB7CiAgICAgIHZhciBfdGhpczMgPSB0aGlzOwoKICAgICAgdGhpcy51cGxvYWREYXRhID0ge307CiAgICAgIHZhciBwcm9taXNlID0gbmV3IFByb21pc2UoZnVuY3Rpb24gKHJlc29sdmUpIHsKICAgICAgICBfdGhpczMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgICAgIHJlc29sdmUodHJ1ZSk7CiAgICAgICAgfSk7CiAgICAgIH0pOwogICAgICByZXR1cm4gcHJvbWlzZTsKICAgIH0sCiAgICB6aF91cGxvYWRGaWxlOiBmdW5jdGlvbiB6aF91cGxvYWRGaWxlKCkgewogICAgICBpZiAodGhpcy52aWRlb0xpbmspIHsKICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gdGhpcy52aWRlb0xpbms7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy4kcmVmcy5yZWZpZC5jbGljaygpOwogICAgICB9CiAgICB9LAogICAgemhfdXBsb2FkRmlsZV9jaGFuZ2U6IGZ1bmN0aW9uIHpoX3VwbG9hZEZpbGVfY2hhbmdlKGV2ZmlsZSkgewogICAgICB2YXIgdGhhdCA9IHRoaXM7CgogICAgICBpZiAoZXZmaWxlLnRhcmdldC5maWxlc1swXS50eXBlICE9PSAndmlkZW8vbXA0JykgewogICAgICAgIHJldHVybiB0aGF0LiRNZXNzYWdlLmVycm9yKCflj6rog73kuIrkvKBtcDTmlofku7YnKTsKICAgICAgfQoKICAgICAgcHJvZHVjdEdldFRlbXBLZXlzQXBpKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgdGhhdC4kdmlkZW9DbG91ZC52aWRlb1VwbG9hZCh7CiAgICAgICAgICB0eXBlOiByZXMuZGF0YS50eXBlLAogICAgICAgICAgZXZmaWxlOiBldmZpbGUsCiAgICAgICAgICByZXM6IHJlcywKICAgICAgICAgIHVwbG9hZGluZzogZnVuY3Rpb24gdXBsb2FkaW5nKHN0YXR1cywgcHJvZ3Jlc3MpIHsKICAgICAgICAgICAgdGhhdC51cGxvYWQudmlkZW9JbmcgPSBzdGF0dXM7CiAgICAgICAgICB9CiAgICAgICAgfSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgICB0aGF0LmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gcmVzLnVybDsKICAgICAgICAgIHRoYXQuJE1lc3NhZ2Uuc3VjY2Vzcygn6KeG6aKR5LiK5Lyg5oiQ5YqfJyk7CiAgICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgdGhhdC4kTWVzc2FnZS5lcnJvcihyZXMpOwogICAgICAgIH0pOwogICAgICB9KTsKICAgIH0sCiAgICB1cGxvYWRzOiBmdW5jdGlvbiB1cGxvYWRzKCkgewogICAgICB0aGlzLiRlbWl0KCdnZXRWaWRlbycsIHRoaXMuZm9ybVZhbGlkYXRlLnZpZGVvX2xpbmspOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,gD,CAAA;;AACA;AACA;AACA,yC,CACA;;AACA;EACAA,eADA;EAEAC,IAFA,kBAEA;IACA;MACAC,4CADA;MAEAC;QACAC,eADA,CACA;;MADA,CAFA;MAKAC,WALA;MAKA;MACAC,aANA;MAOAC;QACAC;MADA,CAPA;MAUAC,eAVA;MAWAC,cAXA;MAYAC;IAZA;EAcA,CAjBA;EAkBAC,OAlBA,qBAkBA;IACA;IACA;EACA,CArBA;EAsBAC;IACAC,cADA,0BACAC,IADA,EACA;MAAA;;MACAC;QACAD,UADA;QACA;QACAE,YAFA;QAEA;QACAC;UACA;UACA;QACA,CANA;QAOAC;UACA;QACA,CATA;QAUAC;UACA;UACA;UACA;QACA;MAdA;MAgBA;IACA,CAnBA;IAoBA;IACAC,QArBA,sBAqBA;MACA;MACAC;IACA,CAxBA;IAyBA;IACAC,UA1BA,wBA0BA;MAAA;;MACAA;QACA;MACA,CAFA;IAGA,CA9BA;IA+BA;IACAC,aAhCA,yBAgCAC,GAhCA,EAgCAV,IAhCA,EAgCAW,QAhCA,EAgCA;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;MACA;IACA,CAvCA;IAwCAC,QAxCA,sBAwCA;MACA;IACA,CA1CA;IA2CAC,YA3CA,0BA2CA;MAAA;;MACA;MACA;QACA;UACAC;QACA,CAFA;MAGA,CAJA;MAKA;IACA,CAnDA;IAoDAC,aApDA,2BAoDA;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CA1DA;IA2DAC,oBA3DA,gCA2DAC,MA3DA,EA2DA;MACA;;MACA;QACA;MACA;;MACAC;QACAX,iBACAY,WADA,CACA;UACAC,mBADA;UAEAH,cAFA;UAGAP,QAHA;UAIAL,SAJA,qBAIAgB,MAJA,EAIA/B,QAJA,EAIA;YACAiB;UACA;QANA,CADA,EASAe,IATA,CASA;UACAf;UACAA;QACA,CAZA,EAaAgB,KAbA,CAaA;UACAhB;QACA,CAfA;MAgBA,CAjBA;IAkBA,CAlFA;IAmFAiB,OAnFA,qBAmFA;MACA;IACA;EArFA;AAtBA","names":["name","data","fileUrl","upload","videoIng","progress","videoLink","formValidate","video_link","upload_type","uploadData","header","created","methods","videoSaveToUrl","file","uploadByPieces","pieceSize","success","error","uploading","delVideo","that","uploadType","handleSuccess","res","fileList","getToken","beforeUpload","resolve","zh_uploadFile","zh_uploadFile_change","evfile","productGetTempKeysApi","videoUpload","type","status","then","catch","uploads"],"sourceRoot":"src/components/uploadVideo2","sources":["index.vue"],"sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"mt20 ml20\">\r\n      <Input class=\"perW35\" v-model=\"videoLink\" placeholder=\"请输入视频链接\" />\r\n      <input type=\"file\" ref=\"refid\" style=\"display: none\" @change=\"zh_uploadFile_change\" />\r\n      <Button\r\n        v-if=\"upload_type !== '1' || videoLink\"\r\n        type=\"primary\"\r\n        icon=\"ios-cloud-upload-outline\"\r\n        class=\"ml10\"\r\n        @click=\"zh_uploadFile\"\r\n        >{{ videoLink ? '确认添加' : '上传视频' }}</Button\r\n      >\r\n      <Upload\r\n        v-if=\"upload_type === '1' && !videoLink\"\r\n        :show-upload-list=\"false\"\r\n        :action=\"fileUrl\"\r\n        class=\"ml10\"\r\n        :before-upload=\"videoSaveToUrl\"\r\n        :data=\"uploadData\"\r\n        :headers=\"header\"\r\n        :multiple=\"true\"\r\n        style=\"display: inline-block\"\r\n      >\r\n        <Button type=\"primary\" icon=\"ios-cloud-upload-outline\">上传视频</Button>\r\n      </Upload>\r\n      <Progress :percent=\"progress\" :stroke-width=\"5\" v-if=\"upload.videoIng\" />\r\n      <div class=\"iview-video-style\" v-if=\"formValidate.video_link\">\r\n        <video\r\n          style=\"width: 100%; height: 100% !important; border-radius: 10px\"\r\n          :src=\"formValidate.video_link\"\r\n          controls=\"controls\"\r\n        >\r\n          您的浏览器不支持 video 标签。\r\n        </video>\r\n        <div class=\"mark\"></div>\r\n        <Icon type=\"ios-trash-outline\" class=\"iconv\" @click=\"delVideo\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"mt50 ml20\">\r\n      <Button type=\"primary\" @click=\"uploads\">确认</Button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { uploadByPieces } from '@/utils/upload'; //引入uploadByPieces方法\r\nimport { productGetTempKeysApi, uploadType } from '@/api/product';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\n// import \"../../../public/UEditor/dialogs/internal\";\r\nexport default {\r\n  name: 'vide11o',\r\n  data() {\r\n    return {\r\n      fileUrl: Setting.apiBaseURL + '/file/upload',\r\n      upload: {\r\n        videoIng: false, // 是否显示进度条；\r\n      },\r\n      progress: 0, // 进度条默认0\r\n      videoLink: '',\r\n      formValidate: {\r\n        video_link: '',\r\n      },\r\n      upload_type: '',\r\n      uploadData: {},\r\n      header: {},\r\n    };\r\n  },\r\n  created() {\r\n    this.uploadType();\r\n    this.getToken();\r\n  },\r\n  methods: {\r\n    videoSaveToUrl(file) {\r\n      uploadByPieces({\r\n        file: file, // 视频实体\r\n        pieceSize: 3, // 分片大小\r\n        success: (data) => {\r\n          this.formValidate.video_link = data.file_path;\r\n          this.progress = 100;\r\n        },\r\n        error: (e) => {\r\n          this.$Message.error(e.msg);\r\n        },\r\n        uploading: (chunk, allChunk) => {\r\n          this.videoIng = true;\r\n          let st = Math.floor((chunk / allChunk) * 100);\r\n          this.progress = st;\r\n        },\r\n      });\r\n      return false;\r\n    },\r\n    // 删除视频；\r\n    delVideo() {\r\n      let that = this;\r\n      that.$set(that.formValidate, 'video_link', '');\r\n    },\r\n    //获取视频上传类型\r\n    uploadType() {\r\n      uploadType().then((res) => {\r\n        this.upload_type = res.data.upload_type;\r\n      });\r\n    },\r\n    // 上传成功\r\n    handleSuccess(res, file, fileList) {\r\n      if (res.status === 200) {\r\n        this.formValidate.video_link = res.data.src;\r\n        this.$Message.success(res.msg);\r\n      } else {\r\n        this.$Message.error(res.msg);\r\n      }\r\n    },\r\n    getToken() {\r\n      this.header['Authori-zation'] = 'Bearer ' + getCookies('token');\r\n    },\r\n    beforeUpload() {\r\n      this.uploadData = {};\r\n      let promise = new Promise((resolve) => {\r\n        this.$nextTick(function () {\r\n          resolve(true);\r\n        });\r\n      });\r\n      return promise;\r\n    },\r\n    zh_uploadFile() {\r\n      if (this.videoLink) {\r\n        this.formValidate.video_link = this.videoLink;\r\n      } else {\r\n        this.$refs.refid.click();\r\n      }\r\n    },\r\n    zh_uploadFile_change(evfile) {\r\n      let that = this;\r\n      if (evfile.target.files[0].type !== 'video/mp4') {\r\n        return that.$Message.error('只能上传mp4文件');\r\n      }\r\n      productGetTempKeysApi().then((res) => {\r\n        that.$videoCloud\r\n          .videoUpload({\r\n            type: res.data.type,\r\n            evfile: evfile,\r\n            res: res,\r\n            uploading(status, progress) {\r\n              that.upload.videoIng = status;\r\n            },\r\n          })\r\n          .then((res) => {\r\n            that.formValidate.video_link = res.url;\r\n            that.$Message.success('视频上传成功');\r\n          })\r\n          .catch((res) => {\r\n            that.$Message.error(res);\r\n          });\r\n      });\r\n    },\r\n    uploads() {\r\n      this.$emit('getVideo', this.formValidate.video_link);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.iview-video-style {\r\n  width: 40%;\r\n  height: 180px;\r\n  border-radius: 10px;\r\n  background-color: #707070;\r\n  margin-top: 10px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.iview-video-style .iconv {\r\n  color: #fff;\r\n  line-height: 180px;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: inherit;\r\n  font-size: 26px;\r\n  position: absolute;\r\n  top: -74px;\r\n  left: 50%;\r\n  margin-left: -25px;\r\n}\r\n.iview-video-style .mark {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 30px;\r\n  top: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  text-align: center;\r\n}\r\n</style>\r\n"]}]}