1 line
46 KiB
JavaScript
1 line
46 KiB
JavaScript
|
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-380ee27f"],{"0e88":function(t,e,i){"use strict";var o=function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.IEVisible?i("div",{staticClass:"clip-upload"},[i("span",{staticClass:"error-tips"},[t._v("检测到当前浏览器版本较低")]),i("br"),t._v("\n\t请使用"),i("span",{staticClass:"error-tips"},[t._v("360浏览器极速模式")]),t._v("或使用"),i("span",{staticClass:"error-tips"},[t._v("chrome")]),t._v("浏览器等其它高级浏览器\n")]):i("div",{staticClass:"clip-upload"},[i("el-button",{directives:[{name:"show",rawName:"v-show",value:!t.viewUrl,expression:"!viewUrl"}],staticClass:"upload-btn",attrs:{icon:"el-icon-plus"}},[i("input",{ref:"uploadInput",staticClass:"upload-input",attrs:{type:"file",accept:"image/jpg"},on:{change:function(e){return t.chooseImg(e)}}})]),i("div",{directives:[{name:"show",rawName:"v-show",value:t.viewUrl,expression:"viewUrl"},{name:"loading",rawName:"v-loading",value:t.uploadLoading,expression:"uploadLoading"}],staticClass:"upload-preview"},[t.viewUrl?i("img",{attrs:{src:t.$ImgServerUrl+t.viewUrl,alt:"预览地址"}}):t._e(),i("p",[i("i",{staticClass:"el-icon-delete",on:{click:t.deleteUpload}})])]),i("el-dialog",{staticClass:"clip-dialog",attrs:{title:"图片裁剪",visible:t.clipVisible,width:"644px",modal:!1,"show-close":!1},on:{"update:visible":function(e){t.clipVisible=e}}},[i("div",{staticClass:"vue-cropper-content",style:{width:"600px",height:"400px"}},[i("div",{staticClass:"alt-button"},[i("el-button",{attrs:{type:"text",icon:"el-icon-refresh-left"},on:{click:t.rotateLeft}}),i("el-button",{attrs:{type:"text",icon:"el-icon-refresh-right"},on:{click:t.rotateRight}})],1),i("vueCropper",{ref:"cropper",attrs:{img:t.option.img,autoCrop:t.option.autoCrop,autoCropWidth:t.clipWidth,autoCropHeight:t.clipHeight,outputSize:t.option.outputSize,outputType:"jpeg",fixed:t.option.fixed,fixedNumber:t.fixedNumber,fixedBox:t.option.fixedBox}})],1),i("div",{staticClass:"alt-button"},[i("br"),i("el-button",{on:{click:t.cancelClip}},[t._v("取消")]),i("el-button",{attrs:{type:"primary"},on:{click:t.clipImg}},[t._v("确认")])],1)])],1)},n=[],r=(i("34ef"),i("4917"),i("28a5"),i("7f7f"),i("6762"),i("2fdb"),i("c5f6"),i("7e79")),s={components:{VueCropper:r["VueCropper"]},props:{folderName:{type:String,default:"student"},clipWidth:{type:Number,default:400},clipHeight:{type:Number,default:600},size:{type:Number,default:.4},value:{type:String,default:""},fixedNumber:{type:Array,default:function(){return[2,3]}}},watch:{value:function(t){this.viewUrl=t||""}},data:function(){return{IEVisible:!1,previewVisible:!1,uploadLoading:!1,viewUrl:null,clipVisible:!1,option:{img:"",outputType:"jpg",outputSize:1,autoCrop:!0,fixed:!0,fixedBox:!0},fileName:"",uploadInfo:""}},created:function(){this.IEVersion()},methods:{init:function(t){this.viewUrl=t},chooseImg:function(t){var e=this,i=(t.target.files,t.target.files[0]);if(!i.name.includes(".jpg"))return this.$message.warning("仅支持.jpg格式的图片"),!1;if(i.size>20971520)return this.$message.warning("请上传小于20MB的图片"),!1;var o=new FormData;o.append("file",i),o.append("folderName",this.folderName),this.$http({url:window.SITE_CONFIG["apiURL"]+"/system/upload",method:"post",data:o}).then((function(t){var o=t.data;o&&0===o.code?(e.$message.success("原图上传成功"),sessionStorage.setItem("eightPic",o.data.path),e.setOutputSize(i.size),e.fileName=i.name,e.option.img=e.getObjectURL(i),e.clipVisible=!0,e.viewUrl=null,e.$refs.uploadInput.value=null):o.msg&&(e.$message.error(o.msg),e.deleteUpload())})).catch((function(t){e.deleteUpload()})).finally((function(){e.uploadLoading=!1}))},clipImg:function(){var t=this;this.$refs.cropper.getCropData((function(e){t.viewUrl=e,t.clipVisible=!1,t.uploadImg(e)}))},rotateLeft:function(){this.$refs.cropper.rotateLeft()},rotateRight:function(){this.$refs.cropper.rotateRight()},deleteUpload:function(){this.fileName="",this.uploadInfo="",this.$emit("input",""),this.viewUrl=null},dataURLtoFile:function(t,e){var i=t.split(","),o=i[0].match
|