{"version":3,"sources":["webpack:///./src/views/propagate/Picture_edit.vue?3652","webpack:///./src/views/propagate/Picture_edit.vue","webpack:///src/views/propagate/Picture_edit.vue","webpack:///./src/views/propagate/Picture_edit.vue?b0ca","webpack:///./src/views/propagate/Picture_edit.vue?7188"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","loading","expression","staticClass","attrs","staticStyle","model","MaterialName","callback","$$v","handleChange","handleAvatarSuccess","beforeAvatarUpload","imageUrl","_v","ItemKey","_l","columnList","item","index","key","RoleID","AppPicture","_e","startanend","Label","tagList","_s","on","$event","onSubmit","Croppdialog","closeCroppdialog","ref","cropperHeight","cropperWidth","autoCropWidth","autoCropHeight","picturePreview","slot","staticRenderFns","components","PictureCropper","data","sessionStorage","getItem","materialKey","videopd","videourl","videoFile","imageFile","img","FailureTime","EnablingTime","previews","watch","newval","oldval","mounted","$route","query","$Http_Post","then","res","Code","Data","Global","request_failure","Message","MaterialKey","materialPath","materialName","failureTime","enablingTime","labeles","itemKey","toString","methods","aLink","document","createElement","download","$refs","picture","getBase64","href","click","e","getfile","Math","floor","Date","getTime","type","from","FormData","append","request_successful","$router","go","file","fileList","raw","URL","createObjectURL","$message","message","isLt2M","size","error","videohandleChange","videohandleAvatarSuccess","videobeforeAvatarUpload","uploadVideoProcess","event","component"],"mappings":"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","file":"js/chunk-2cf5d994.182f3d4a.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!./Picture_edit.vue?vue&type=style&index=0&id=402ba52c&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',{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)],1),(_vm.RoleID=='1057')?_c('el-form-item',{attrs:{\"label\":\"APP背景\"}},[_c('el-radio',{attrs:{\"label\":\"2\"},model:{value:(_vm.AppPicture),callback:function ($$v) {_vm.AppPicture=$$v},expression:\"AppPicture\"}},[_vm._v(\"首页\")]),_c('el-radio',{attrs:{\"label\":\"3\"},model:{value:(_vm.AppPicture),callback:function ($$v) {_vm.AppPicture=$$v},expression:\"AppPicture\"}},[_vm._v(\"登录\")])],1):_vm._e(),_c('el-form-item',{attrs:{\"label\":\"起止时间\"}},[_c('el-date-picker',{attrs:{\"type\":\"datetimerange\",\"range-separator\":\"至\",\"start-placeholder\":\"开始日期\",\"end-placeholder\":\"结束日期\",\"value-format\":\"yyyy-MM-dd hh:mm:ss\"},model:{value:(_vm.startanend),callback:function ($$v) {_vm.startanend=$$v},expression:\"startanend\"}})],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=\"上传图片\" 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=\"APP背景\" v-if=\"RoleID=='1057'\">\r\n        <el-radio v-model=\"AppPicture\" label=\"2\">首页</el-radio>\r\n        <el-radio v-model=\"AppPicture\" label=\"3\">登录</el-radio>\r\n      </el-form-item>\r\n\r\n      <el-form-item label=\"起止时间\">\r\n        <el-date-picker\r\n          v-model=\"startanend\"\r\n          type=\"datetimerange\"\r\n          range-separator=\"至\"\r\n          start-placeholder=\"开始日期\"\r\n          end-placeholder=\"结束日期\"\r\n          value-format=\"yyyy-MM-dd hh:mm:ss\"\r\n          >\r\n        </el-date-picker>\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      RoleID:sessionStorage.getItem('RoleID'),\r\n      AppPicture:'',\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      startanend:[],\r\n      FailureTime:'',\r\n      EnablingTime:'',\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  watch:{\r\n    startanend(newval,oldval){\r\n      if(newval==null){\r\n        this.FailureTime=''\r\n        this.EnablingTime=''\r\n      }else{\r\n        this.FailureTime=newval[0]\r\n        this.EnablingTime=newval[1]\r\n      }\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.materialPath;\r\n        this.MaterialName = res.Data.materialName;\r\n        this.startanend=[res.Data.failureTime,res.Data.enablingTime];\r\n        this.FailureTime=res.Data.failureTime;\r\n        this.EnablingTime=res.Data.enablingTime;\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('pictureFile', this.imageFile);\r\n      from.append('MaterialName', this.MaterialName);\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('AppPicture',this.AppPicture);\r\n      from.append('FailureTime',this.FailureTime);\r\n      from.append('EnablingTime',this.EnablingTime);\r\n   \r\n      from.append('RoleID',sessionStorage.getItem('RoleID'));\r\n      this.$Http_Post('management/picturePublishing', from, { 'Content-Type': 'multipart/form-data', })\r\n        .then((res) => {\r\n          if (res.Code == 200 || res.Code == 0) {\r\n            this.videopd = true;\r\n            this.loading = false;\r\n            this.Global.request_successful(res.Message);\r\n            this.$router.go(-1)\r\n            // this.$router.push({\r\n            //   path: '/propagate/index',\r\n            //   // query: { materialKey: materialKey },\r\n            // })\r\n\r\n\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    videohandleChange(file, fileList) {\r\n      if (file.raw.type == 'audio/mpeg' || file.raw.type == 'audio/mp3' || file.raw.type == 'audio/wma' || file.raw.type == 'audio/wav' || file.raw.type == 'audio/amr' || file.raw.type == 'audio/m4a') {\r\n        this.videoFile = file;\r\n      } else {\r\n        this.$message({ type: 'error', message: '文件格式错误，请上传音频' })\r\n      }\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\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!./Picture_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!./Picture_edit.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Picture_edit.vue?vue&type=template&id=402ba52c&style=true\"\nimport script from \"./Picture_edit.vue?vue&type=script&lang=js\"\nexport * from \"./Picture_edit.vue?vue&type=script&lang=js\"\nimport style0 from \"./Picture_edit.vue?vue&type=style&index=0&id=402ba52c&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":""}