| 1 |
- webpackJsonp([31],{eK7J:function(t,i){},gnO4:function(t,i){},h6Qz:function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var a=e("Dd8w"),s=e.n(a),n=(e("cOrn"),e("77gS")),o=(e("LlGJ"),e("Wtz3")),h=e("7+uW"),r=e("NYxO"),c=e("lv/p");h.a.use(n.a).use(o.a);var d={data:function(){return{title:"企业信息",show:!1,action_sheet_show:!1,actions:[{name:"选项",color:"#07c160"},{name:"禁用选项",disabled:!0}],user_info:this.$userInfo(),click_count:0,edit_com_name:"",company_info:{}}},components:{VueImgCropper:c.a},computed:s()({},Object(r.b)(["site_info"])),methods:{select_img:function(){var t=this;0==this.click_count&&(t.$refs.cropper.getImg(),setTimeout(function(){t.click_count=0},20))},showCutImg:function(t){var i=this;this.$toast.loading({mask:!0,message:"正在处理"}),this.$axiosUser("post","/api/pro/site/update",{logo_url:t.url}).then(function(t){i.$store.dispatch("get_site_info",!0).then(function(t){})})},showLoading:function(){this.$toast.loading({mask:!0,message:"正在处理"})},hideLoading:function(){this.$toast.clear()},showError:function(t){},save_btn:function(){var t=this;this.$validator.validate().then(function(i){i?(t.showLoading(),t.$axiosUser("post","/api/pro/site/update",{name:t.edit_com_name}).then(function(i){t.company_info=i.data.data,t.$store.dispatch("get_site_info",!0).then(function(t){}),t.$toast.clear(),t.$toast("修改成功")})):Object(n.a)({type:"danger",message:t.$validator.errors.items[0].msg})})},showPopup:function(){var t=this;this.edit_com_name=this.site_info.name,this.show=!0,this.$nextTick(function(){t.$refs.input.focus()})}}},g={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",[e("van-nav-bar",{attrs:{title:t.title,"left-text":"返回","left-arrow":""},on:{"click-left":t.$route_back}}),t._v(" "),e("div",{staticClass:"body_com has_header"},[e("scroller",[e("van-cell-group",[e("van-cell",{staticClass:"company_info",attrs:{title:"公司LOGO","is-link":""}},[e("template",{slot:"default"},[e("img",{staticClass:"needsclick company_img",attrs:{src:t.site_info.logo_url?t.site_info.logo_url:"static/images/default_company_logo.png"},on:{click:function(i){return i.stopPropagation(),t.select_img.apply(null,arguments)}}})])],2)],1),t._v(" "),e("van-cell-group",{staticClass:"company_name"},[e("van-cell",{attrs:{title:"公司名称","is-link":"",value:t.site_info.name},on:{click:t.showPopup}})],1)],1),t._v(" "),e("vue-img-cropper",{ref:"cropper",attrs:{height:400,width:400,maxScale:6,compressionRatio:.5},on:{cutImg:t.showCutImg,showLoading:t.showLoading,hideLoading:t.hideLoading,showError:t.showError}}),t._v(" "),e("van-dialog",{staticClass:"edit_com_popup",attrs:{title:"修改公司名称","show-cancel-button":""},on:{confirm:t.save_btn},model:{value:t.show,callback:function(i){t.show=i},expression:"show"}},[e("van-cell-group",[e("input",{directives:[{name:"model",rawName:"v-model",value:t.edit_com_name,expression:"edit_com_name"},{name:"validate",rawName:"v-validate",value:"required",expression:"'required'"}],ref:"input",staticClass:"edit_com_input",staticStyle:{"box-sizing":"border-box",width:"100%"},attrs:{type:"text",name:"公司名称",placeholder:"请填写公司名称"},domProps:{value:t.edit_com_name},on:{input:function(i){i.target.composing||(t.edit_com_name=i.target.value)}}})])],1)],1)],1)},staticRenderFns:[]};var m=e("VU/8")(d,g,!1,function(t){e("eK7J")},"data-v-74bef44c",null);i.default=m.exports},"lv/p":function(t,i,e){"use strict";var a=e("sbrb"),s=e.n(a),n=e("mtWM"),o=e.n(n),h=e("PJh5"),r=e.n(h),c={name:"vueImgCropper",props:{width:{type:Number,default:500},height:{type:Number,default:500},maxScale:{type:Number,default:4},footerHeight:{type:Number,default:window.innerWidth/6.4*.88},compressionRatio:{type:Number,default:.92}},data:function(){return{config:{},show:!1,touch:!1,touchmoveTime:0,ratio:1,nativeWindowHeight:window.innerHeight,windowHeight:window.innerHeight-this.$props.footerHeight,windowWidth:window.innerWidth,singlePoint:null,speedX:0,speedY:0,scale:1,d:0,dx:0,dy:0,boxWidth:0,boxHeight:0,boxTop:0,boxLeft:0,naturalWidth:0,naturalHeight:0,startWidth:0,startHeight:0,imgTop:0,imgLeft:0,fileType:"",minScale:1,maskWidth:0,maskHeight:0,info:"",duration:0,timingFunction:"ease-in-out",easingTime:2e3,ouOfRangeEasing:300,remainingTime:0}},methods:{judgeBrand:function(t){var i="iphone"==t.match(/iphone/i),e="huawei"==t.match(/huawei/i),a="honor"==t.match(/honor/i),s="oppo"==t.match(/oppo/i),n="pacm00"==t.match(/pacm00/i),o="vivo"==t.match(/vivo/i),h="mi "==t.match(/mi\s/i),r="mix "==t.match(/mix\s/i),c="redmi"==t.match(/redmi/i),d="sm-"==t.match(/sm-/i);return i?"iphone":e||a?"huawei":s||n?"oppo":o?"vivo":h||c||r?"xiaomi":d?"samsung":"default"},getImg:function(){this.$refs.fileInput.click()},showLoading:function(){this.$emit("showLoading")},hideLoading:function(){this.$emit("hideLoading")},changeFun:function(t){var i=this,e=t.target.files[0];if(i.fileType=e.type,!/image\/\w+/.test(e.type))return this.$emit("showError","文件必须为图片！"),!1;if(this.showLoading(),"undefined"==typeof FileReader)return this.hideLoading(),void this.$emit("showError","抱歉，你的浏览器不支持 FileReader");var a=new FileReader;a.readAsDataURL(e),a.onload=function(t){var a=this.result;s.a.getData(e,function(){s.a.getAllTags(this);var t=s.a.getTag(this,"Orientation"),e=new Image;e.onload=function(){var e,a,s=0,n=void 0,o=void 0;n=this.naturalWidth,o=this.naturalHeight;var h=document.createElement("canvas");h.width=e=n,h.height=a=o;var r=h.getContext("2d"),c=i.judgeBrand(navigator.userAgent.toLowerCase());if(("xiaomi"==c||"samsung"==c)&&t)switch(t){case 3:s=180,n=-e,o=-a;break;case 6:h.width=a,h.height=e,s=90,n=e,o=-a;break;case 8:h.width=a,h.height=e,s=270,n=-e,o=a}r.rotate(s*Math.PI/180),r.drawImage(this,0,0,n,o);var d=new Image;d.onload=function(){var t=this.naturalWidth,e=this.naturalHeight;i.naturalWidth=this.naturalWidth,i.naturalHeight=this.naturalHeight;var a=i.$refs.img;i.windowHeight/i.windowWidth>=i.height/i.width?(i.startWidth=i.windowWidth,i.startHeight=e/t*i.windowWidth,i.imgTop=(i.windowHeight-i.startHeight)/2,i.imgLeft=0,i.boxWidth=i.startWidth,i.boxHeight=i.boxWidth*i.ratio,i.boxTop=(i.windowHeight-i.boxHeight)/2,i.boxLeft=0,i.maskHeight=(i.windowHeight-i.boxHeight)/2,i.maskWidth=0):(i.startHeight=i.windowHeight,i.startWidth=t/e*i.windowHeight,i.imgLeft=(i.windowWidth-i.startWidth)/2,i.imgTop=0,i.boxHeight=i.startHeight,i.boxWidth=i.boxHeight/i.ratio,i.boxLeft=(i.windowWidth-i.boxWidth)/2,i.boxTop=0),a.setAttribute("src",d.src),i.scale=1,i.dx=0,i.dy=0,i.hideLoading(),i.show=!0},d.src=h.toDataURL(i.fileType)},e.src=a})}},hidePage:function(){this.$parent.showImgPage=!1,this.show=!1,this.cleanInput()},touchstart:function(t){this.touch=!0},mouseWheel:function(t){var i=this,e=.1;t.deltaY>0?(this.scale<this.minScale&&(e/=3),this.scale=this.scale-e):(this.scale>this.maxScale&&(e/=3),this.scale=this.scale+e),setTimeout(function(){i.resetImg()},0)},touchmove:function(t){if(this.touch=!0,t.preventDefault(),t.targetTouches.length>=2||t.touches.length>=2){var i="",e="",a=[],s=[];t.targetTouches.length>=2?(a=[(i=t.targetTouches[0]).pageX,i.pageY],s=[(e=t.targetTouches[1]).pageX,e.pageY]):(a=[(i=t.touches[0]).pageX,i.pageY],s=[(e=t.touches[1]).pageX,e.pageY]);var n=Math.sqrt((a[0]-s[0])*(a[0]-s[0])+(a[1]-s[1])*(a[1]-s[1]));if(0===this.d)return void(this.d=n);var o=(n-this.d)/this.d;(this.scale>this.maxScale&&o>0||this.scale<.8&&o<0)&&(o/=3),this.scale=this.scale+o,this.d=n}else if(1===t.targetTouches.length){var h=t.targetTouches[0],r={x:h.pageX,y:h.pageY},c=Date.now();if(!this.singlePoint)return this.singlePoint=r,this.speedX=0,this.speedY=0,void(this.touchmoveTime=c);var d=this.dx+r.x-this.singlePoint.x,g=this.dy+r.y-this.singlePoint.y,m=c-this.touchmoveTime;this.speedX=(r.x-this.singlePoint.x)/m,this.speedY=(r.y-this.singlePoint.y)/m;var l=this.getRange();d>l.maxDx||d<l.minDx?this.dx+=(r.x-this.singlePoint.x)/3:this.dx+=r.x-this.singlePoint.x,g>l.maxDy||g<l.minDy?this.dy+=(r.y-this.singlePoint.y)/3:this.dy+=r.y-this.singlePoint.y,this.touchmoveTime=Date.now(),this.singlePoint=r}},touchend:function(){this.touch=!1,this.d=0,this.singlePoint=null,this.inertiaMoving()},inertiaMoving:function(){var t=this,i=Date.now(),e=this.easingTime,a=this.getRange();if(this.dx<a.minDx||this.dx>a.maxDx||this.dy<a.minDy||this.dy>a.maxDy)this.speedX=0,this.speedY=0,this.resetImg();else if(i-this.touchmoveTime>40||Math.abs(this.speedX)<.2&&Math.abs(this.speedY)<.2)this.speedX=0,this.speedY=0,this.resetImg();else{var s=-this.speedX/this.easingTime,n=-this.speedY/this.easingTime,o=this.dx,h=this.dy,r=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},c=0,d=0,g=0,m=0,l=0,u=0,p=0,f=0;!function v(){var x=Date.now()-i;if(!t.touch&&x<=e){var w=t.speedX*x+.5*s*x*x,y=t.speedY*x+.5*n*x*x,b=o+w/2,_=h+y/2;if(0!==c)if(x<=c){var D=x-c+t.ouOfRangeEasing;t.dx=g+(p*D+l*D*D)}else t.dx=g;else if(0===c){var H=t.easingTime-x;(b>a.maxDx||b<a.minDx)&&(g=b>a.maxDx?a.maxDx:a.minDx,l=-(p=-s*H/2)/t.ouOfRangeEasing,c=x+t.ouOfRangeEasing,e=c>e?c:e),t.dx=b}if(0!==d)if(x<=d){var W=x-d+t.ouOfRangeEasing;t.dy=m+(f*W+u*W*W)}else t.dy=m;else if(0===d){var k=t.easingTime-x;(_>a.maxDy||_<a.minDy)&&(m=_>a.maxDy?a.maxDy:a.minDy,u=-(f=-n*k/2)/t.ouOfRangeEasing,d=x+t.ouOfRangeEasing,e=d>e?d:e),t.dy=_}r(v)}}()}},resetImg:function(){var t,i,e,a,s,n=this,o=this.getRange(),h=this.dx,r=this.dy,c=this.scale,d=0,g=0,m=0;if(this.dx<o.minDx?d=o.minDx-this.dx:this.dx>o.maxDx&&(d=o.maxDx-this.dx),this.dy<o.minDy?g=o.minDy-this.dy:this.dy>o.maxDy&&(g=o.maxDy-this.dy),this.scale<this.minScale?m=this.minScale-this.scale:this.scale>this.maxScale&&(m=this.maxScale-this.scale),0!==d||0!==g||0!==m){t=-2*d/(this.ouOfRangeEasing*this.ouOfRangeEasing),e=-t*this.ouOfRangeEasing,i=-2*g/(this.ouOfRangeEasing*this.ouOfRangeEasing),a=-i*this.ouOfRangeEasing,s=m/this.ouOfRangeEasing;var l=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},u=Date.now();!function o(){var p=Date.now()-u;if(!n.touch)if(p<=n.ouOfRangeEasing){var f=e*p+.5*t*p*p,v=a*p+.5*i*p*p,x=s*p;n.dx=h+f,n.dy=r+v,n.scale=c+x,l(o)}else n.dx=h+d,n.dy=r+g,n.scale=c+m}()}},getRange:function(){var t=this.scale,i=this.scale;t<this.minScale&&(t=this.minScale),i>this.maxScale&&(i=this.maxScale);var e=-(this.startWidth*t-this.boxWidth)/2,a=-(this.startHeight*t-this.boxHeight)/2,s=(this.startWidth*t-this.boxWidth)/2,n=(this.startHeight*t-this.boxHeight)/2;return e>s&&(e=0,s=0),a>n&&(a=0,n=0),{minDx:e,minDy:a,maxDx:s,maxDy:n}},cutImg:function(){var t=this.$refs.canvas,i=t.getContext("2d"),e=this.$refs.img,a=this.getRange(),s=this.startWidth*this.scale,n=this.startHeight*this.scale,o=(-this.dx-a.minDx)/s*this.naturalWidth,h=(-this.dy-a.minDy)/n*this.naturalHeight,r=this.boxWidth/s*this.naturalWidth,c=this.boxHeight/n*this.naturalHeight;if(0==a.maxDx&&0==a.maxDy&&0==a.minDx&&0==a.minDy&&this.startHeight<this.boxHeight){var d=this.boxHeight/(this.startHeight*this.scale);o=(-this.dx+this.boxWidth*d-this.boxWidth)/2/(this.boxWidth*d)*this.naturalWidth,h=0,r=r*this.startHeight/this.boxHeight,c=c*this.startHeight/this.boxHeight}i.drawImage(e,o,h,r,c,0,0,this.width,this.height),i.save();var g=t.toDataURL(this.fileType,this.compressionRatio);this.getSign({file:this.dataURLtoFile(g,this.random_string(32))},g),this.cleanInput(),this.show=!1},dataURLtoFile:function(t,i){for(var e=t.split(","),a=e[0].match(/:(.*?);/)[1],s=atob(e[1]),n=s.length,o=new Uint8Array(n);n--;)o[n]=s.charCodeAt(n);return new File([o],i,{type:a})},maskToucmove:function(t){t.preventDefault()},cleanInput:function(){this.$refs.fileForm.reset()},getBlobBydataURI:function(t,i){for(var e=atob(t.split(",")[1]),a=[],s=0;s<e.length;s++)a.push(e.charCodeAt(s));return new Blob([new Uint8Array(a)],{type:i})},random_string:function(t){t=t||32;for(var i="ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678",e=i.length,a="",s=0;s<t;s++)a+=i.charAt(Math.floor(Math.random()*e));return a},upload:function(t,i){var e=this,a=t.file,s=t.file.name,n=(r()().format("YYYY/MM/DD"),new FormData),h=(this.random_string(32),this.config.key);n.append("Filename",s),n.append("key",h),n.append("policy",this.config.policy),n.append("OSSAccessKeyId",this.config.id),n.append("success_action_status","200"),n.append("callback",this.config.callback),n.append("signature",this.config.signature),n.append("file",a),o.a.post("https://integralsys.oss-cn-shenzhen.aliyuncs.com",n,{headers:{"Content-Type":"multipart/form-data"}}).then(function(t){200==t.status&&"OK"==t.statusText&&e.$emit("cutImg",{url:"https://integralsys.oss-cn-shenzhen.aliyuncs.com/"+h,data:i}),e.$toast.clear()}).catch(function(t){e.$toast.clear()})},getSign:function(t,i){var e=this;this.$toast.loading({mask:!0,message:"正在上传"});o.a.post("https://intesys.cms.g107.com/integral.php/Api/get_signature",{md5:this.random_string(32),name:t.file.name}).then(function(a){e.config={callback:"",expire:a.data.data.expire,key:"intesys/gdy/"+e.$userInfo().site_id+"/"+r()().format("YYYY-MM-DD")+"/"+e.random_string(32)+".jpg",id:a.data.data.accessid,signature:a.data.data.signature,policy:a.data.data.policy},e.upload(t,i)})}},created:function(){0===this.height||0===this.width?this.ratio=1:this.ratio=this.height/this.width}},d={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"vue-img-cropper"},[e("canvas",{ref:"canvas",staticClass:"page-canvas",attrs:{height:t.height,width:t.width}}),t._v(" "),e("div",{staticStyle:{position:"relative"}},[e("form",{ref:"fileForm",staticClass:"form"},[e("label",{staticStyle:{position:"absolute",top:"0",left:"0",bottom:"0",right:"0","z-index":"2"}},[e("input",{ref:"fileInput",staticStyle:{opacity:"0"},attrs:{type:"file",accept:"image/*"},on:{change:t.changeFun}})])]),t._v(" "),t._t("default")],2),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.show,expression:"show"}],staticClass:"img-page",style:{height:t.nativeWindowHeight+"px",width:t.windowWidth+"px"}},[e("div",{staticClass:"page-body",style:{height:t.windowHeight+"px"}},[e("img",{ref:"img",staticClass:"main-img",style:{top:t.imgTop+"px",left:t.imgLeft+"px",transition:"transform "+t.duration+"s "+t.timingFunction,transform:"translateX("+t.dx+"px) translateY("+t.dy+"px) translateZ(0) scale("+t.scale+")"},attrs:{width:t.startWidth,height:t.startHeight}}),t._v(" "),e("div",{staticClass:"img-mask top",style:{height:t.maskHeight+"px"},on:{touchmove:t.maskToucmove}}),t._v(" "),e("div",{staticClass:"img-mask bottom",style:{height:t.maskHeight+"px"},on:{touchmove:t.maskToucmove}}),t._v(" "),e("div",{staticClass:"img-mask left",style:{width:t.maskWidth+"px"},on:{touchmove:t.maskToucmove}}),t._v(" "),e("div",{staticClass:"img-mask right",style:{width:t.maskWidth+"px"},on:{touchmove:t.maskToucmove}}),t._v(" "),e("div",{ref:"box",staticClass:"cut-box",style:{height:t.boxHeight+"px",width:t.boxWidth+"px",top:t.boxTop+"px",left:t.boxLeft+"px"},on:{wheel:t.mouseWheel,touchstart:t.touchstart,touchmove:t.touchmove,touchend:t.touchend}})]),t._v(" "),e("div",{staticClass:"page-footer",style:{height:t.footerHeight+"px","line-height":t.footerHeight+"px"}},[e("div",{staticClass:"page-footer-btn",on:{click:t.hidePage}},[t._v("取消")]),t._v(" "),e("div",{staticClass:"page-footer-btn",on:{click:t.cutImg}},[t._v("选取")])])])])},staticRenderFns:[]};var g=e("VU/8")(c,d,!1,function(t){e("gnO4")},null,null);i.a=g.exports}});
|
