{"version":3,"sources":["webpack:///./src/views/propagate/Video_edit.vue?bc07","webpack:///./src/views/propagate/Video_edit.vue","webpack:///src/views/propagate/Video_edit.vue","webpack:///./src/views/propagate/Video_edit.vue?0d3d","webpack:///./src/views/propagate/Video_edit.vue?23b9"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","loading","expression","staticClass","attrs","staticStyle","model","MaterialName","callback","$$v","videohandleChange","videohandleAvatarSuccess","uploadVideoProcess","videobeforeAvatarUpload","_v","videopd","videourl","_e","handleChange","handleAvatarSuccess","beforeAvatarUpload","imageUrl","ItemKey","_l","columnList","item","index","key","Label","tagList","_s","on","$event","onSubmit","Croppdialog","closeCroppdialog","ref","cropperHeight","cropperWidth","autoCropWidth","autoCropHeight","picturePreview","slot","staticRenderFns","components","PictureCropper","data","materialKey","videoFile","imageFile","img","previews","mounted","$route","query","$Http_Post","then","res","Code","Data","Global","request_failure","Message","MaterialKey","materialCover","materialPath","materialName","labeles","itemKey","toString","methods","aLink","document","createElement","download","$refs","picture","getBase64","href","click","e","getfile","Math","floor","Date","getTime","type","from","FormData","append","raw","sessionStorage","getItem","request_successful","$router","go","file","fileList","URL","createObjectURL","$message","message","isLt2M","size","error","event","component"],"mappings":"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","file":"js/chunk-3c67ae0e.ab90e98b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video_edit.vue?vue&type=style&index=0&id=fffd09b2&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"Video_release\",attrs:{\"element-loading-text\":\"上传中...\",\"element-loading-spinner\":\"el-icon-loading\",\"element-loading-background\":\"rgba(0, 0, 0, 0.8)\"}},[_c('el-form',{staticStyle:{\"padding-top\":\"20px\"},attrs:{\"label-width\":\"80px\"}},[_c('el-form-item',{attrs:{\"label\":\"视频标题\"}},[_c('el-input',{staticStyle:{\"width\":\"300px\"},attrs:{\"placeholder\":\"请输入视频标题（5-30个汉字）\"},model:{value:(_vm.MaterialName),callback:function ($$v) {_vm.MaterialName=$$v},expression:\"MaterialName\"}})],1),_c('el-form-item',{attrs:{\"label\":\"上传视频\"}},[_c('el-upload',{staticClass:\"avatar-uploader\",staticStyle:{\"background-color\":\"rgba(0, 136, 255, 1)\",\"height\":\"42px\",\"padding\":\"0px 20px\",\"color\":\"aliceblue\"},attrs:{\"on-change\":_vm.videohandleChange,\"auto-upload\":false,\"action\":\"\",\"show-file-list\":false,\"on-success\":_vm.videohandleAvatarSuccess,\"on-progress\":_vm.uploadVideoProcess,\"before-upload\":_vm.videobeforeAvatarUpload,\"accept\":\".mp4, .avi, .mov\"}},[_vm._v(\" 上传视频 \")]),_c('p',{staticStyle:{\"margin-left\":\"120px\",\"color\":\"#606266\"}},[_vm._v(\"请发布与网站主题相关的视频，文件大小不超过1000M，视频时长不超过2小时。文件格式请用.mp4 .avi .mov\")])],1),(_vm.videopd)?_c('el-form-item',{attrs:{\"label\":\"视频预览\"}},[_c('video',{attrs:{\"width\":\"520\",\"height\":\"340\",\"controls\":\"\"}},[_c('source',{attrs:{\"src\":_vm.videourl,\"type\":\"video/mp4\"}}),_c('source',{attrs:{\"src\":_vm.videourl,\"type\":\"video/avi\"}}),_c('source',{attrs:{\"src\":_vm.videourl,\"type\":\"video/mov\"}})])]):_vm._e(),_c('el-form-item',{staticStyle:{\"height\":\"180px\"},attrs:{\"label\":\"上传封面\"}},[_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"on-change\":_vm.handleChange,\"auto-upload\":false,\"action\":\"\",\"show-file-list\":false,\"on-success\":_vm.handleAvatarSuccess,\"before-upload\":_vm.beforeAvatarUpload,\"accept\":\".jpg, .jpeg, .png\"}},[(_vm.imageUrl)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.imageUrl}}):_c('i',{staticClass:\"el-icon-plus avatar-uploader-icon\"},[_c('span',{staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\"点击选择文件\")])])]),_c('p',{staticStyle:{\"margin-left\":\"240px\",\"color\":\"#606266\"}},[_vm._v(\"请发布与网站主题相关的图片，图片大小需控制在500K以内 文件格式请用.jpg .png .jpeg 图片尺寸建议：300px*450px\")])],1),_c('el-form-item',{attrs:{\"label\":\"栏目\"}},[_c('el-select',{attrs:{\"placeholder\":\"\"},model:{value:(_vm.ItemKey),callback:function ($$v) {_vm.ItemKey=$$v},expression:\"ItemKey\"}},_vm._l((_vm.columnList),function(item,index){return _c('el-option',{key:index,attrs:{\"label\":item.value,\"value\":item.key}})}),1),_vm._v(\"请选择栏目 \")],1),_c('el-form-item',{attrs:{\"label\":\"标签\"}},[_c('el-checkbox-group',{model:{value:(_vm.Label),callback:function ($$v) {_vm.Label=$$v},expression:\"Label\"}},_vm._l((_vm.tagList),function(item,index){return _c('el-checkbox',{key:index,attrs:{\"label\":item.key}},[_vm._v(_vm._s(item.value))])}),1)],1),_c('el-form-item',[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.onSubmit(1)}}},[_vm._v(\"立即修改\")])],1)],1),_c('el-dialog',{attrs:{\"title\":\"封面裁剪\",\"visible\":_vm.Croppdialog,\"close-on-click-modal\":false,\"close-on-press-escape\":false,\"before-close\":_vm.closeCroppdialog,\"width\":\"640px\"},on:{\"update:visible\":function($event){_vm.Croppdialog=$event}}},[_c('PictureCropper',{ref:\"picture\",attrs:{\"initialImg\":_vm.imageUrl,\"cropperHeight\":_vm.cropperHeight,\"cropperWidth\":_vm.cropperWidth,\"autoCropWidth\":_vm.autoCropWidth,\"autoCropHeight\":_vm.autoCropHeight},on:{\"picturePreview\":_vm.picturePreview}}),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.Croppdialog=false;}}},[_vm._v(\"取 消\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.closeCroppdialog(2)}}},[_vm._v(\"确 定\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template style=\"\">\r\n  <div class=\"Video_release\"  v-loading=\"loading\" element-loading-text=\"上传中...\" element-loading-spinner=\"el-icon-loading\" element-loading-background=\"rgba(0, 0, 0, 0.8)\">\r\n\r\n    <el-form label-width=\"80px\" style=\"padding-top: 20px;\">\r\n      <el-form-item label=\"视频标题\">\r\n        <el-input style=\"width: 300px;\" v-model=\"MaterialName\" placeholder=\"请输入视频标题（5-30个汉字）\"></el-input>\r\n      </el-form-item>\r\n\r\n      <el-form-item label=\"上传视频\">\r\n\r\n        <el-upload style=\"background-color: rgba(0, 136, 255, 1);height: 42px;padding: 0px 20px;color: aliceblue;\" :on-change=\"videohandleChange\" :auto-upload=\"false\" class=\"avatar-uploader\" action=\"\" :show-file-list=\"false\" :on-success=\"videohandleAvatarSuccess\" \r\n        v-bind:on-progress=\"uploadVideoProcess\" :before-upload=\"videobeforeAvatarUpload\"  accept=\".mp4, .avi, .mov\">\r\n           上传视频\r\n        </el-upload>\r\n\r\n        <p style=\"margin-left: 120px;color: #606266;\">请发布与网站主题相关的视频，文件大小不超过1000M，视频时长不超过2小时。文件格式请用.mp4 .avi .mov</p>\r\n      </el-form-item>\r\n\r\n      <el-form-item v-if=\"videopd\" label=\"视频预览\">\r\n        <video width=\"520\" height=\"340\" controls>\r\n          <source :src=\"videourl\" type=\"video/mp4\" />\r\n          <source :src=\"videourl\" type=\"video/avi\" />\r\n          <source :src=\"videourl\" type=\"video/mov\" />\r\n        </video>\r\n      </el-form-item>\r\n\r\n      <el-form-item label=\"上传封面\" style=\"height: 180px;\">\r\n        <el-upload :on-change=\"handleChange\" :auto-upload=\"false\" class=\"avatar-uploader\" action=\"\" :show-file-list=\"false\" :on-success=\"handleAvatarSuccess\" :before-upload=\"beforeAvatarUpload\"  accept=\".jpg, .jpeg, .png\">\r\n          <img v-if=\"imageUrl\" :src=\"imageUrl\" class=\"avatar\" />\r\n          <i v-else class=\"el-icon-plus avatar-uploader-icon\">\r\n            <span style=\"font-size: 16px;\">点击选择文件</span>\r\n          </i>\r\n        </el-upload>\r\n        <p style=\"margin-left: 240px;color: #606266;\">请发布与网站主题相关的图片，图片大小需控制在500K以内 文件格式请用.jpg .png .jpeg  图片尺寸建议：300px*450px</p>\r\n      </el-form-item>\r\n\r\n      <el-form-item label=\"栏目\">\r\n        <el-select v-model=\"ItemKey\" placeholder=\"\">\r\n          <el-option v-for=\"(item,index) in columnList\" :key=\"index\" :label=\"item.value\" :value=\"item.key\"></el-option>\r\n        </el-select>请选择栏目\r\n      </el-form-item>\r\n\r\n      <el-form-item label=\"标签\">\r\n        <el-checkbox-group v-model=\"Label\">\r\n          <el-checkbox v-for=\"(item,index) in tagList\" :key=\"index\" :label=\"item.key\">{{ item.value }}</el-checkbox>\r\n        </el-checkbox-group>\r\n      </el-form-item>\r\n\r\n      <el-form-item>\r\n        <el-button type=\"primary\" @click=\"onSubmit(1)\">立即修改</el-button>\r\n      </el-form-item>\r\n\r\n    </el-form>\r\n    <el-dialog\r\n      title=\"封面裁剪\"\r\n      :visible.sync=\"Croppdialog\"\r\n      :close-on-click-modal=\"false\"\r\n      :close-on-press-escape=\"false\"\r\n      :before-close=\"closeCroppdialog\"\r\n      width=\"640px\">\r\n      <PictureCropper\r\n          ref=\"picture\"\r\n          :initialImg=\"imageUrl\"\r\n          :cropperHeight=\"cropperHeight\"\r\n          :cropperWidth=\"cropperWidth\"\r\n          :autoCropWidth=\"autoCropWidth\"\r\n          :autoCropHeight=\"autoCropHeight\"\r\n          @picturePreview=\"picturePreview\"\r\n        />\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"Croppdialog=false;\">取 消</el-button>\r\n        <el-button type=\"primary\" @click=\"closeCroppdialog(2)\">确 定</el-button>\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<script>\r\nimport PictureCropper from '@/components/pictureCropper.vue'\r\nexport default {\r\n  components: { PictureCropper},\r\n  data() {\r\n    return {\r\n      materialKey: '',\r\n      loading:false,\r\n      videopd:false,\r\n      videourl: '',\r\n      videoFile:\"\",//视频文件\r\n      imageFile:\"\",//图片文件\r\n      MaterialName: \"\",//视频标题\r\n      Label: [],//标签\r\n      ItemKey: \"1\",//栏目\r\n      img: \"\",\r\n      imageUrl: '',\r\n      tagList:[],//标签列表\r\n      columnList: [],//栏目列表\r\n\r\n      // 裁剪\r\n      Croppdialog:false,\r\n      previews: {},\r\n      cropperHeight: '600px',  // 裁剪图片容器高度\r\n      cropperWidth: '600px',   // 裁剪图片容器宽度\r\n      autoCropWidth: 200,\r\n      autoCropHeight: 200\r\n    }\r\n  },\r\n  mounted() {\r\n    this.materialKey = [this.$route.query.materialKey][0];\r\n    this.$Http_Post('management/tagList',).then((res) => {\r\n      if (res.Code == 200 || res.Code == 0) {\r\n        this.tagList = res.Data;\r\n      } else {\r\n        this.Global.request_failure(res.Message);\r\n      }\r\n    })\r\n\r\n    this.$Http_Post('management/columnList',).then((res) => {\r\n      if (res.Code == 200 || res.Code == 0) {\r\n        this.columnList = res.Data;\r\n      } else {\r\n        this.Global.request_failure(res.Message);\r\n      }\r\n    })\r\n\r\n    this.$Http_Post('management/getContentDetails', { MaterialKey: this.materialKey }).then((res) => {\r\n      if (res.Code == 200 || res.Code == 0) {\r\n        this.videopd = true;\r\n        this.imageUrl = res.Data.materialCover;\r\n        this.videourl = res.Data.materialPath;\r\n        this.MaterialName = res.Data.materialName;\r\n        this.Label = res.Data.labeles;\r\n        this.ItemKey = res.Data.itemKey.toString();\r\n      } else {\r\n        this.Global.request_failure(res.Message);\r\n      }\r\n    })\r\n\r\n  },\r\n  methods: {\r\n    picturePreview(data){\r\n      this.previews = data\r\n    },\r\n    async download(){\r\n      let aLink = document.createElement('a')\r\n      aLink.download = '下载裁剪图片'\r\n      let data = await this.$refs.picture.getBase64()\r\n      aLink.href = data\r\n      aLink.click()\r\n    },\r\n\r\n    // 确认裁剪并关闭弹窗\r\n    async closeCroppdialog(e){\r\n      this.Croppdialog=false;\r\n      if(e==2){//确认裁剪并关闭\r\n        this.imageUrl=await this.$refs.picture.getBase64();\r\n        this.imageFile=await this.$refs.picture.getfile(this.imageUrl,Math.floor(new Date().getTime())+'.png');\r\n      }\r\n    },\r\n    onSubmit(type) {//创建\r\n      this.loading = true\r\n      var from = new FormData();\r\n      from.append('MaterialName', this.MaterialName);\r\n\r\n      if (this.videoFile.raw) {\r\n        from.append('videoFile', this.videoFile.raw);\r\n      } else {\r\n        from.append('videoFile', this.videourl);\r\n      }\r\n      from.append('imageFile', this.imageFile.raw);\r\n      from.append('Label', this.Label);\r\n      from.append('ItemKey', this.ItemKey);\r\n      from.append('Type', type);\r\n      from.append('MaterialKey', this.materialKey);\r\n      from.append('RoleID',sessionStorage.getItem('RoleID'));\r\n      this.$Http_Post('management/videoPublishing', from, { 'Content-Type': 'multipart/form-data', }).then((res) => {\r\n        if (res.Code == 200 || res.Code == 0) {\r\n          this.videopd = true;\r\n          this.loading = false\r\n          this.videourl = res.Data;\r\n          this.Global.request_successful(res.Message);\r\n          this.$router.go(-1)\r\n        } else {\r\n          this.loading = false\r\n          this.Global.request_failure(res.Message);\r\n        }\r\n      })\r\n    },\r\n    handleChange(file, fileList) {\r\n      if (file.raw.type == 'image/jpeg' || file.raw.type == 'image/gif' || file.raw.type == 'image/png') {\r\n        this.imageUrl = URL.createObjectURL(file.raw);\r\n        this.imageFile = file;\r\n        this.Croppdialog=true;\r\n      } else {\r\n        this.$message({ type: 'error', message: '文件格式错误，请上传图片' })\r\n      }\r\n    },\r\n    handleAvatarSuccess(res, file) {\r\n      this.imageUrl = URL.createObjectURL(file.raw);\r\n    },\r\n    beforeAvatarUpload(file) {\r\n      const isLt2M = file.size / 1024 / 1024 < 8\r\n      if (!isLt2M) {\r\n        this.$message.error('上传头像图片大小不能超过 2MB!')\r\n      }\r\n      return isLt2M\r\n    },\r\n\r\n    videohandleChange(file, fileList) {\r\n      if (file.raw.type == 'video/mp4' || file.raw.type == 'video/avi' || file.raw.type == 'video/mov') {\r\n        this.videoFile = file;\r\n      } else {\r\n        this.$message({ type: 'error', message: '文件格式错误，请上传视频' })\r\n      }\r\n    },\r\n    videohandleAvatarSuccess(res, file) {\r\n      // this.imageUrl = URL.createObjectURL(file.raw);\r\n    },\r\n\r\n    videobeforeAvatarUpload(file) {\r\n      // const isLt2M = file.size / 1024 / 1024 < 8\r\n      // if (!isLt2M) {\r\n      //   this.$message.error('上传头像图片大小不能超过 2MB!')\r\n      // }\r\n      // return isLt2M\r\n    },\r\n\r\n    //进度条\r\n    uploadVideoProcess(event, file, fileList) {\r\n      // this.videoFlag = true;\r\n      // this.videoUploadPercent = file.percentage.toFixed(0) * 1;\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style>\r\n  .Video_release{background-color: #fff;height: 100%;width: 100%;\r\n  }\r\n  /* .avatar-uploader .el-upload {border: 1px dashed #d9d9d9;border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;} */\r\n.avatar-uploader .el-upload:hover {border-color: #409eff;}\r\n.avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 215px;height: 148px;line-height: 148px;text-align: center;border: 1px solid #d1d1d1;}\r\n  .avatar {width: 215px;height: 148px;display: block;}\r\n.cover {margin-left: 10px;font-size: 14px;vertical-align: middle;box-sizing: border-box;position: relative;color: #606266;height: 175px;}\r\n.avatar-uploader {position: absolute;top: 0px;left: 0px;}\r\n.cover p {font-size: 14px;color: rgba(158, 158, 158, 1);position: absolute;top: 0px;left: 330px;width: 350px;}\r\n.scale {margin-top: 30px;max-height: 333px;overflow: overlay;}\r\n.scale,.scale0 {margin-left: 10px;font-size: 14px;vertical-align: middle;box-sizing: border-box;position: relative;color: #606266;max-height: 333px;overflow: overlay;}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video_edit.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Video_edit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Video_edit.vue?vue&type=template&id=fffd09b2&style=true\"\nimport script from \"./Video_edit.vue?vue&type=script&lang=js\"\nexport * from \"./Video_edit.vue?vue&type=script&lang=js\"\nimport style0 from \"./Video_edit.vue?vue&type=style&index=0&id=fffd09b2&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}