starRiverProperty/frontend-source/decompiled/cwos-portal/static/js/15.8570456a812285c2035b.js

webpackJsonp([15],{"1rZt":function(t,e,n){var i=n("mypq");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("2799b5e0",i,!0)},"6P6k":function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n.ocr-result-container[data-v-0d5df6ca] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  height: 360px;\n  background: #fafafa;\n  overflow: hidden;\n  line-height: 20px;\n  padding: 20px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n.ocr-result-container .left-top-corner[data-v-0d5df6ca],\n  .ocr-result-container .left-bottom-corner[data-v-0d5df6ca],\n  .ocr-result-container .right-top-corner[data-v-0d5df6ca],\n  .ocr-result-container .right-bottom-corner[data-v-0d5df6ca] {\n    position: absolute;\n}\n.ocr-result-container .left-top-corner[data-v-0d5df6ca] {\n    top: 0;\n    left: 0;\n}\n.ocr-result-container .left-top-corner .left-line[data-v-0d5df6ca] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n}\n.ocr-result-container .left-top-corner .top-line[data-v-0d5df6ca] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.ocr-result-container .right-top-corner[data-v-0d5df6ca] {\n    top: 0;\n    right: 0;\n}\n.ocr-result-container .right-top-corner .right-line[data-v-0d5df6ca] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.ocr-result-container .right-top-corner .top-line[data-v-0d5df6ca] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n      margin-left: 19px;\n}\n.ocr-result-container .left-bottom-corner[data-v-0d5df6ca] {\n    bottom: 0;\n    left: 0;\n}\n.ocr-result-container .left-bottom-corner .left-line[data-v-0d5df6ca] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n}\n.ocr-result-container .left-bottom-corner .bottom-line[data-v-0d5df6ca] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.ocr-result-container .right-bottom-corner[data-v-0d5df6ca] {\n    bottom: 0;\n    right: 0;\n}\n.ocr-result-container .right-bottom-corner .right-line[data-v-0d5df6ca] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n      margin-left: 19px;\n}\n.ocr-result-container .right-bottom-corner .bottom-line[data-v-0d5df6ca] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.ocr-result-container .ocr-res-infor[data-v-0d5df6ca] {\n    padding: 80px;\n}\n.ocr-result-container .ocr-res-infor li[data-v-0d5df6ca] {\n      list-style: none;\n      line-height: 38px;\n      text-align: left;\n      padding-left: 10px;\n      color: #505050;\n}\n.ocr-result-container .bankcard[data-v-0d5df6ca] {\n    position: absolute;\n    right: 70px;\n    top: 30px;\n}\n.ocr-result-container .id-card-avater[data-v-0d5df6ca] {\n    width: 90px;\n    height: 110px;\n    position: absolute;\n    right: 20px;\n    top: 20px;\n    line-height: 60px;\n    text-align: center;\n    overflow: hidden;\n    padding: 3px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    background: #fff;\n    border: 1px solid #7094ee;\n}\n.ocr-result-container .id-card-avater img[data-v-0d5df6ca] {\n      vertical-align: middle;\n      width: 100%;\n      height: 100%;\n}\n",""])},Cb1u:function(t,e,n){var i=n("jqgM");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("70ce9f7b",i,!0)},"E/e7":function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"",""])},K3s4:function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n.drawLine-container #canvas_background[data-v-2eeb9fa6] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  bottom: 0;\n  right: 0;\n  margin: auto;\n  padding: 0;\n}\n.drawLine-container #canvas_for_mark[data-v-2eeb9fa6] {\n  /* @extend #canvas_background*/\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 999;\n  bottom: 0;\n  right: 0;\n  margin: auto;\n  padding: 0;\n}\n",""])},Ov7V:function(t,e,n){var i=n("TsSI");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("97e145aa",i,!0)},P5Zr:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n("Xxa5"),a=n.n(i),r=n("exGp"),o=n.n(r),s=n("bOdI"),c=n.n(s),d=n("+giH"),l=n("9Zzp"),h={data:function(){return{imgSrc:null}},props:{buttonText:{type:String,default:"上传图片"},tips:{type:String,default:"上传图片"},showFileList:{type:Boolean,default:!1},accept:{type:String,default:"image/*"}},methods:{beforeUpload:function(t){var e=this;return["image/jpeg","image/png","image/bmp","image/gif"].includes(t.type)?t.size/1024/1024>3?(this.$message.error("请上传3M以内的图片"),!1):(this.imgSrc=URL.createObjectURL(t),this.$refs.uploadImg.onload=function(){var n=this;if(this.naturalWidth>4e3||this.naturalHeight>3e3)return e.$message.error("请上传4000像素 * 3000像素以内的图片"),!1;Object(l.b)(t).then(function(t){var n=t.split(";base64,")[1];e.$emit("upload",n)}).catch(function(t){n.$message.error(t.message)})},!1):(this.$message.error("上传文件格式不正确"),!1)}}},p={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("el-upload",{ref:"upload",staticClass:"avatar-uploader",attrs:{"show-file-list":t.showFileList,"before-upload":t.beforeUpload,"http-request":t.ajax,accept:t.accept}},[n("img",{directives:[{name:"show",rawName:"v-show",value:!1,expression:"false"}],ref:"uploadImg",staticClass:"avatar",attrs:{src:t.imgSrc}}),t._v(" "),n("el-button",{staticStyle:{position:"absolute",top:"-50px",left:"0"},attrs:{size:"small",type:"warning"}},[t._v(t._s(t.buttonText))])],1)},staticRenderFns:[]};var g=n("VU/8")(h,p,!1,function(t){n("cpuU")},"data-v-bbef1736",null).exports,u=n("MZdq"),f=n("COE1"),v=(n("E4LH"),n("0xDb")),m=n("irLX"),x={name:"picZoom",props:{src:{type:String,required:!0},bigsrc:{type:String,required:!0},width:{type:String,default:"auto"},height:{type:String,default:"auto"},configs:{type:Object,default:function(){return{width:750,height:450,maskWidth:50,maskHeight:50,maskColor:"#fff",maskOpacity:.5}}},offsetX:{type:[String,Number],required:!0},offsetY:{type:[String,Number],required:!0}},data:function(){return{imgObj:{},bigImg:{},mouseMask:{},imgLayer:{},imgRect:{}}},methods:{handMove:function(t){var e=(t.pageX||t.offsetX)-this.imgRect.left,n=(t.pageY||t.offsetY)-this.imgRect.top,i=e*(Math.ceil(this.bigImg.width/this.imgObj.offsetWidth)/1.5),a=n*(Math.ceil(this.bigImg.height/this.imgObj.offsetHeight)/1.5),r=e-this.mouseMask.offsetHeight/2,o=n-this.mouseMask.offsetWidth/2;o<=0&&(o=0),o+this.mouseMask.offsetHeight>=this.imgRect.height&&(o=this.imgRect.height-this.mouseMask.offsetHeight),r<=0&&(r=0),r+this.mouseMask.offsetWidth>=this.imgRect.width&&(r=this.imgRect.width-this.mouseMask.offsetWidth),this.mouseMask.style.webkitTransform="translate3d("+r+"px, "+o+"px, 0)",a+this.configs.height>=this.bigImg.height&&(a=this.bigImg.height-this.configs.height),i+this.configs.width>=this.bigImg.width&&(i=this.bigImg.width-this.configs.width),this.imgLayer.style.backgroundPositionX="-"+i+"px ",this.imgLayer.style.backgroundPositionY="-"+a+"px "},handOut:function(t){this.imgLayer.remove(),this.mouseMask.remove()},handOver:function(t){if(!document.querySelector("#_magnifier_layer")){this.imgObj=this.$el.getElementsByTagName("img")[0],this.imgRect=this.imgObj.getBoundingClientRect(),this.bigImg=new Image,this.bigImg.src=this.bigsrc,this.mouseMask=document.createElement("div"),this.mouseMask.className="_magnifier_zoom",this.mouseMask.style.background=this.configs.maskColor,this.mouseMask.style.height=this.configs.maskWidth+"px",this.mouseMask.style.width=this.configs.maskHeight+"px",this.mouseMask.style.opacity=this.configs.maskOpacity,this.imgObj.parentNode.appendChild(this.mouseMask);var e=document.createElement("div");this.imgLayer=e;var n=this.configs.height,i=this.configs.width;e.id="_magnifier_layer",e.style.width=i+"px",e.style.height=n+"px",e.style.left=this.imgRect.left+this.imgRect.width+"px",e.style.top=this.imgRect.top+"px",e.style.backgroundImage="url('"+this.bigsrc+"')",e.style.backgroundRepeat="no-repeat",document.body.appendChild(e)}}}},b={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"_magnifier"},[e("img",{attrs:{src:this.src,width:this.width,height:this.height},on:{mouseover:this.handOver,mousemove:this.handMove,mouseout:this.handOut}})])},staticRenderFns:[]};var w=n("VU/8")(x,b,!1,function(t){n("1rZt")},null,null).exports,y=n("Zrlr"),k=n.n(y),_=n("wxAW"),C=n.n(_),R=n("JNKe"),S=function(){function t(e){k()(this,t),this.sufix=e}return C()(t,[{key:"drawLine",value:function(t){t.strokeStyle=R.b,t.lineWidth=R.c;for(var e=0,n=this.sufix.length;e<n;e++){var i=this.sufix[e];0===e?(t.beginPath(),t.moveTo(this.sufix[e].x,this.sufix[e].y)):t.lineTo(i.x,i.y),e===n-1&&(t.lineTo(this.sufix[0].x,this.sufix[0].y),t.stroke())}t.fillStyle=R.a,t.fill()}}]),t}(),P={name:"index",data:function(){return{back_canvas:null,back_context:null,canvas:null,context:null,polygons:[],configs:{width:570,height:360,maskWidth:100,maskHeight:100,maskColor:"#7094ee",maskOpacity:.4},scale:5,point:{},isMouseDown:!0,drawImg:{}}},props:{offsetX:{type:[Number,String],default:0},offsetY:{type:[Number,String],default:0},isRequireScale:{type:Boolean,default:!1},width:{type:[Number,String],default:640},height:{type:[Number,String],default:360},image:{type:String,default:""},initPolygons:{type:Array,default:function(){return[]}}},mounted:function(){this.back_canvas=document.querySelector("#canvas_background"),this.back_context=this.back_canvas.getContext("2d"),this.canvas=document.querySelector("#canvas_for_mark"),this.context=this.canvas.getContext("2d"),this.polygons=this.readFromDataset(this.initPolygons),this.deliverPic(this.image)},watch:{image:function(t){this.deliverPic(t)},height:function(t){this.deliverPic(this.image)},width:function(t){this.deliverPic(this.image)},initPolygons:function(t){this.polygons=this.readFromDataset(t),this.reDrawPolygon()}},computed:{imageStyle:function(){return{width:this.width+"px",height:this.height+"px"}}},methods:{deliverPic:function(t){var e=this,n=this;this.drawImg=new Image,this.drawImg.src=t,this.drawImg.onload=function(){n.back_context.drawImage(e.drawImg,0,0,n.width,n.height),n.context.drawImage(e.drawImg,0,0),n.scale=n.drawImg.width/n.canvas.width,n.polygons=e.readFromDataset(n.initPolygons),n.reDrawPolygon()},this.drawImg.onerror=function(){}},prevent:function(){return!0},clearMark:function(){this.polygons=[],this.reDrawPolygon()},deleteMark:function(){this.reDrawPolygon()},clearCanvas:function(){this.context.clearRect(0,0,this.canvas.width,this.canvas.height)},readFromDataset:function(t){var e=[];return Array.isArray(t)?t.length<=0?[]:new S(t):e},reDrawPolygon:function(){if(this.back_context.drawImage(this.drawImg,0,0,this.canvas.width,this.canvas.height),this.polygons.length<=0)return!1;this.polygons.drawLine(this.back_context)},mousemove:function(t){t.preventDefault(),this.isMouseDown&&(this.point=this.windowToCanvas(t.clientX,t.clientY),this.drawCanvasWithMagnifier(!0,this.point))},drawCanvasWithMagnifier:function(t,e){this.back_context.clearRect(0,0,this.canvas.width,this.canvas.height),this.back_context.drawImage(this.drawImg,0,0,this.canvas.width,this.canvas.height),this.polygons.sufix&&this.polygons.sufix.length>0&&this.polygons.drawLine(this.back_context),t&&this.drawMagnifier(e)},drawMagnifier:function(t){var e=70,n=t.x,i=t.y,a=n*this.scale-e,r=i*this.scale-e;this.back_context.save(),this.back_context.beginPath(),this.back_context.arc(n,i,e,0,2*Math.PI),this.back_context.lineWidth=2,this.back_context.strokeStyle="#069",this.back_context.stroke(),this.back_context.clip(),this.back_context.drawImage(this.drawImg,a,r,140,140,n-e,i-e,140,140),this.back_context.restore()},windowToCanvas:function(t,e){var n=this.back_canvas.getBoundingClientRect();return{x:t-n.left,y:e-n.top}},mouseout:function(t){t.preventDefault(),this.isMouseDown=!0,this.drawCanvasWithMagnifier(!1)}}},M={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"drawLine-container",style:{height:t.height+"px",width:t.width+"px"},on:{contextmenu:function(e){return e.stopPropagation(),e.preventDefault(),t.prevent(e)}}},[n("canvas",{attrs:{id:"canvas_background",width:t.width,height:t.height},on:{mouseout:function(e){return t.mouseout(e)},mousemove:function(e){return t.mousemove(e)}}}),t._v(" "),n("canvas",{attrs:{id:"canvas_for_mark",width:t.width,height:t.height}})])},staticRenderFns:[]};var I={name:"PreviewOCR",components:{DrawLineTicket:n("VU/8")(P,M,!1,function(t){n("tdkl")},"data-v-2eeb9fa6",null).exports,PicZoom:w},props:{data:{type:Object},loading:{type:Boolean,default:!1},loadingText:{type:String,default:"检测中。。。"},loadingDom:{type:String,default:".preview-ocr-container"},loadingBg:{type:String,default:"rgba(0, 0, 0, 0.8)"},charSelector:{type:Array,default:function(){return[]}},Width:{type:[Number,String]},Height:{type:[Number,String]},drawLine:{type:Boolean,default:!1},isRequireScale:{type:Boolean,default:!1},offsetX:{type:[Number,String],default:0},offsetY:{type:[Number,String],default:0},canvasPoint:{type:Array,default:function(){return[]}}},watch:{offsetX:function(t){},offsetY:function(t){}},data:function(){return{configs:{width:420,height:360,maskWidth:100,maskHeight:100,maskColor:"#7094ee",maskOpacity:.4}}}},T={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"preview-ocr-container",attrs:{"element-loading-background":t.loadingBg,"element-loading-target":t.loadingDom,"element-loading-text":t.loadingText}},[t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),t.drawLine?n("DrawLineTicket",{attrs:{width:t.Width,height:t.Height,image:t.data.pic,initPolygons:t.charSelector}}):t._e(),t._v(" "),t.drawLine||t.isRequireScale?t._e():n("img",{staticClass:"preimage",style:{width:t.Width+"px",height:t.Height+"px"},attrs:{src:t.data.pic,alt:"预览图"}})],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-top-corner"},[e("div",{staticClass:"top-line"}),this._v(" "),e("div",{staticClass:"left-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"right-top-corner"},[e("div",{staticClass:"right-line"}),this._v(" "),e("div",{staticClass:"top-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-bottom-corner"},[e("div",{staticClass:"left-line"}),this._v(" "),e("div",{staticClass:"bottom-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"right-bottom-corner"},[e("div",{staticClass:"right-line"}),this._v(" "),e("div",{staticClass:"bottom-line"})])}]};var O=n("VU/8")(I,T,!1,function(t){n("Ov7V")},"data-v-4a652cdf",null).exports,j={name:"index",props:{smallReceiptResult:{type:[Array,Object],required:!0}},methods:{selectChacter:function(t){m.a.$emit("selectTicketChar",t)}}},D={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"ticket-container"},[n("div",{staticClass:"ticket-inner"},t._l(t.smallReceiptResult,function(e,i,a){return n("div",[n("el-row",[n("el-col",{attrs:{span:8}},[n("h6",[t._v(t._s("Amount"===i?"金额":"Date"===i?"日期":"ReceiptNum"===i?"单号":"ShopName"===i?"店名":"Time"===i?"时间":"InMall"===i?"商场":"未知"))])]),t._v(" "),n("el-col",{attrs:{span:16}},[n("p",{on:{click:function(n){return t.selectChacter(e)}}},[t._v(" "+t._s(e.data))])])],1)],1)}),0)])},staticRenderFns:[]};var L={name:"index",components:{SmallReceiptResult:n("VU/8")(j,D,!1,function(t){n("Cb1u")},"data-v-0278d880",null).exports},props:{data:{type:[Object,Array]},ocrType:{type:String,required:!0},loading:{type:Boolean,default:!1},loadingText:{type:String,default:""},loadingDom:{type:String,default:".ocr-result-container"},loadingBg:{type:String,default:"rgba(0, 0, 0, 0.8)"},isDrawLine:{type:Boolean,default:!1}}},$={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"ocr-result-container",attrs:{"element-loading-background":t.loadingBg,"element-loading-target":t.loadingDom,"element-loading-text":t.loadingText}},[t._m(0),t._v(" "),t._m(1),t._v(" "),t._m(2),t._v(" "),t._m(3),t._v(" "),"invoice"===t.ocrType?n("invoice",{attrs:{ticket:t.data}}):t._e(),t._v(" "),"character"===t.ocrType?n("character",{attrs:{character:t.data}}):t._e(),t._v(" "),"bankcard"===t.ocrType?n("bank-card",{attrs:{bankCard:t.data}}):t._e(),t._v(" "),"drivercard"===t.ocrType?n("driver-card",{attrs:{driverCard:t.data}}):t._e(),t._v(" "),"idcard"===t.ocrType?n("id-card",{attrs:{idCard:t.data}}):t._e(),t._v(" "),"businessLicense"===t.ocrType?n("business-license",{attrs:{license:t.data}}):t._e(),t._v(" "),"carLicense"===t.ocrType?n("car-license",{attrs:{license:t.data}}):t._e(),t._v(" "),"smallReceiptResult"===t.ocrType?n("small-receipt-result",{attrs:{smallReceiptResult:t.data}}):t._e()],1)},staticRenderFns:[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-top-corner"},[e("div",{staticClass:"top-line"}),this._v(" "),e("div",{staticClass:"left-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"right-top-corner"},[e("div",{staticClass:"right-line"}),this._v(" "),e("div",{staticClass:"top-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"left-bottom-corner"},[e("div",{staticClass:"left-line"}),this._v(" "),e("div",{staticClass:"bottom-line"})])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"right-bottom-corner"},[e("div",{staticClass:"right-line"}),this._v(" "),e("div",{staticClass:"bottom-line"})])}]};var W=n("VU/8")(L,$,!1,function(t){n("YCbo")},"data-v-0d5df6ca",null).exports,z=n("pQyG"),E=n.n(z),F={name:"smallReceipt",data:function(){var t;return t={imageUrl:"",ajax:d.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:"",experience:{title:"",faceList:[],bodyKeyPoint:[],drawLine:!1,canvasPoint:[]},previewOcr:{pic:"",width:420,height:360,isDrawLine:!0,isRequireScale:!0},resultDatas:[],previewPicWidth:"",previewPicHeight:"",hRatio:0,wRatio:0,Ratio:1,picDistanceX:0,picDistanceY:0,isSavePic:!1,ocrRecogResult:{},smallMarkets:{market:"江苏九方购物中心",marketList:[]},receiptWidth:7},c()(t,"experience",{title:"",ticketList:[]}),c()(t,"charSelector",[]),c()(t,"ocrType","smallReceiptResult"),c()(t,"resultDatas",[]),c()(t,"loading",!1),t},mounted:function(){var t=this;Object(l.c)(E.a).then(function(e){t.$refs.imgUpload.imgSrc=e,t.upload(e.split(";base64,")[1])});m.a.$on("selectTicketChar",function(e){t.selectTicketChar(e)})},beforeDestroy:function(){m.a.$off("selectTicketChar")},methods:{selectTicketChar:function(t){var e=[],n=t.pos;for(var i in n)e.push(n[i]);this.charSelector=this.calcFaceBoxScale(e)},getMarket:function(){var t=this;Object(u.d)().then(function(e){0===e.result&&e.malls.length>0&&(t.smallMarkets.marketList=[],e.malls.forEach(function(e){var n={};n.key=e,n.value=e,t.smallMarkets.marketList.push(n)}),t.smallMarkets.market||(t.smallMarkets.market=e.malls[0]))})},changeMarket:function(t){this.smallMarkets.market=t,this.analyseTicket()},calcFaceBoxScale:function(t){var e=this;return t.map(function(t){var n={};return n.x=t.x*e.Ratio,n.y=t.y*e.Ratio,n})},analyseTicket:function(){var t=this,e=this.previewOcr.pic.split(",")[1];this.loading=!0;var n=this.smallMarkets.market;Object(u.f)(e,n,this.isSavePic).then(function(e){t.isSavePic=!1,t.loading=!1,t.responseText=e,t.isShowInfo=!0,e.success?(e=e.data,t.ocrRecogResult=e.receiptOcrRet):t.$nextTick(function(){t.$message.error(e.message),t.ocrRecogResult={}})}).catch(function(e){t.isSavePic=!1})},calcPicScale:function(t,e,n){var i=this;return o()(a.a.mark(function r(){return a.a.wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,Object(v.d)(t,e,n).then(function(t){i.hRatio=t.hRatio,i.wRatio=t.wRatio,i.Ratio=t.Ratio,i.picDistanceX=t.picDistanceX,i.picDistanceY=t.picDistanceY,i.previewPicHeight=t.previewPicHeight,i.previewPicWidth=t.previewPicWidth});case 2:return a.abrupt("return");case 3:case"end":return a.stop()}},r,i)}))()},upload:function(t){var e=this;return o()(a.a.mark(function n(){var i;return a.a.wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return e.previewPicWidth=0,e.previewPicHeight=0,e.previewOcr.pic="data:image/jpeg;base64,"+t,e.isShowInfo=!0,(i=e).isSavePic=!0,e.charSelector=[],n.next=9,i.calcPicScale(i.previewOcr.pic,e.previewOcr.width,e.previewOcr.height);case 9:i.analyseTicket();case 10:case"end":return n.stop()}},n,e)}))()},change:function(){var t=this,e=new Image;e.src=this.imageUrl,this.boxWidth=this.$refs.imgBox.offsetWidth,e.onload=function(){var n=e.height>=335?335:e.height;e.height<=e.width&&e.height<335||e.height<=e.width&&e.height<335&&document.body.clientWidth<1580&&e.width<420||e.height<=e.width&&e.height<335&&document.body.clientWidth>1580&&e.width<486?t.proportion=1:t.proportion=e.height>e.width?e.height/n:e.width/t.boxWidth,t.$refs.frame.style.display="inline-block",t.$refs.frame.style.width=t.faceInfo.width/t.proportion+"px",t.$refs.frame.style.height=t.faceInfo.height/t.proportion+"px",t.$refs.frame.style.top=t.faceInfo.y/t.proportion+"px",t.$refs.frame.style.left=t.faceInfo.x/t.proportion+"px"}}},watch:{boxWidth:function(t,e){this.change()}},components:{imgUpload:g,responseText:f.a,PreviewOCRTicket:O,OcrResults:W}},q={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"app-container"},[n("el-card",{attrs:{shadow:"hover"}},[n("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[n("span",{staticStyle:{"font-size":"14px"}},[t._v("通过上传的图片，进行图片中的内容检索并标识。")])]),t._v(" "),n("div",{staticClass:"simulator-box"},[n("div",{staticClass:"up-box btn-only",staticStyle:{position:"relative"}},[n("img-upload",{ref:"imgUpload",attrs:{btnOnly:""},on:{upload:t.upload}})],1),t._v(" "),n("div",{staticClass:"card-box"},[t.isShowInfo?n("el-row",{attrs:{gutter:20}},[n("el-col",{attrs:{span:12}},[n("PreviewOCRTicket",{attrs:{data:t.previewOcr,charSelector:t.charSelector,Width:t.previewPicWidth,Height:t.previewPicHeight,drawLine:t.previewOcr.isDrawLine,isRequireScale:t.previewOcr.isRequireScale,loading:t.loading}})],1),t._v(" "),n("el-col",{attrs:{span:12}},[n("ocr-results",{staticClass:"ocrResult",attrs:{data:t.ocrRecogResult,ocrType:t.ocrType,loading:t.loading}})],1)],1):t._e(),t._v(" "),t.isShowInfo?t._e():n("div",{staticStyle:{display:"flex","justify-content":"space-between"}},[n("span",{staticClass:"none-data"},[t._v("暂无数据")]),t._v(" "),n("span",{staticClass:"none-data"},[t._v("暂无数据")])]),t._v(" "),n("br")],1)])]),t._v(" "),n("response-text",{attrs:{responseText:t.responseText}})],1)},staticRenderFns:[]};var H=n("VU/8")(F,q,!1,function(t){n("fgMU")},"data-v-4d3d67da",null);e.default=H.exports},Rzce:function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n.up-box.btn-only[data-v-4d3d67da] {\n  width: 0 !important;\n}\n.up-box.btn-only[data-v-4d3d67da] .el-upload img {\n    display: none;\n}\n@media screen and (max-width: 1590px) {\n.up-box[data-v-4d3d67da] {\n    width: 420px;\n}\n.card-box[data-v-4d3d67da] {\n    width: 860px;\n}\n.avatar[data-v-4d3d67da] {\n    max-width: 420px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-4d3d67da] {\n    width: 486px;\n}\n.card-box[data-v-4d3d67da] {\n    width: 486px;\n}\n.avatar[data-v-4d3d67da] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-4d3d67da] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n  width: 420px;\n  background: #f4f5f9;\n}\n.card-box[data-v-4d3d67da] {\n  width: 860px;\n  height: 335px;\n  display: inline-block;\n  margin-top: 50px;\n  text-align: center;\n  position: relative;\n  /* padding-top: 13px;\n  padding-left: 31px; */\n}\n.imageBox[data-v-4d3d67da] {\n  position: absolute;\n  top: 0;\n  -webkit-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n}\n.frame[data-v-4d3d67da] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-4d3d67da] {\n  border: 1px dashed #aaa;\n  border-radius: 6px;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n}\n.avatar-uploader .el-upload[data-v-4d3d67da]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-4d3d67da] {\n  border: 1px dashed #aaa;\n  font-size: 28px;\n  color: #8c939d;\n  width: 178px;\n  height: 178px;\n  line-height: 178px;\n  text-align: center;\n  display: none;\n}\n.up-box[data-v-4d3d67da] {\n  vertical-align: middle;\n  text-align: center;\n  height: 335px;\n  float: left;\n  margin-right: 80px;\n  margin-top: 50px;\n  margin-bottom: 74px;\n  display: table-cell;\n  background: #f4f5f9;\n}\n.avatar[data-v-4d3d67da] {\n  max-height: 335px;\n  vertical-align: middle;\n  text-align: center;\n  margin-top: -2px;\n  /* position: absolute; */\n}\n.card-info[data-v-4d3d67da] {\n  text-align: left;\n  position: relative;\n  /* padding-top: 10px; */\n}\n.card-info li[data-v-4d3d67da] {\n  font-size: 14px;\n}\n.card-info li span[data-v-4d3d67da] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-4d3d67da] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-4d3d67da] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-4d3d67da] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-4d3d67da] .el-upload-list--picture-card .el-upload-list__item {\n  width: 170px;\n  height: 170px;\n  text-align: center;\n  vertical-align: middle;\n}\n[data-v-4d3d67da] .el-upload-list--picture-card .el-upload-list__item-thumbnail {\n  max-width: 170px;\n  max-height: 170px;\n  width: auto;\n  height: auto;\n}\n.default-frame[data-v-4d3d67da] {\n  height: 147px;\n  width: 110px;\n  margin-bottom: 13px;\n  margin-right: 24px;\n  background: url("+n("gpWv")+") center no-repeat;\n}\n.card-avatar[data-v-4d3d67da] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-4d3d67da] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-4d3d67da] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},TsSI:function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n.preview-ocr-container[data-v-4a652cdf] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  height: 360px;\n  background: #fafafa;\n  overflow: hidden;\n  line-height: 360px;\n  text-align: center;\n}\n.preview-ocr-container .left-top-corner[data-v-4a652cdf],\n  .preview-ocr-container .left-bottom-corner[data-v-4a652cdf],\n  .preview-ocr-container .right-top-corner[data-v-4a652cdf],\n  .preview-ocr-container .right-bottom-corner[data-v-4a652cdf] {\n    position: absolute;\n    z-index: 1001;\n}\n.preview-ocr-container .left-top-corner[data-v-4a652cdf] {\n    top: 0;\n    left: 0;\n}\n.preview-ocr-container .left-top-corner .left-line[data-v-4a652cdf] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n}\n.preview-ocr-container .left-top-corner .top-line[data-v-4a652cdf] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-ocr-container .right-top-corner[data-v-4a652cdf] {\n    top: 0;\n    right: 0;\n}\n.preview-ocr-container .right-top-corner .right-line[data-v-4a652cdf] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-ocr-container .right-top-corner .top-line[data-v-4a652cdf] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n      margin-left: 19px;\n}\n.preview-ocr-container .left-bottom-corner[data-v-4a652cdf] {\n    bottom: 0;\n    left: 0;\n}\n.preview-ocr-container .left-bottom-corner .left-line[data-v-4a652cdf] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n}\n.preview-ocr-container .left-bottom-corner .bottom-line[data-v-4a652cdf] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-ocr-container .right-bottom-corner[data-v-4a652cdf] {\n    bottom: 0;\n    right: 0;\n}\n.preview-ocr-container .right-bottom-corner .right-line[data-v-4a652cdf] {\n      width: 1px;\n      height: 20px;\n      background: #7094ee;\n      margin-left: 19px;\n}\n.preview-ocr-container .right-bottom-corner .bottom-line[data-v-4a652cdf] {\n      width: 20px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-ocr-container .preimage[data-v-4a652cdf] {\n    vertical-align: middle;\n}\n.preview-ocr-container .draw-char-selector[data-v-4a652cdf] {\n    position: absolute;\n    border: 2px solid #7094ee;\n}\n",""])},YCbo:function(t,e,n){var i=n("6P6k");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("55929c3d",i,!0)},cpuU:function(t,e,n){var i=n("E/e7");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("eaa034ea",i,!0)},fgMU:function(t,e,n){var i=n("Rzce");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("3ef51153",i,!0)},jqgM:function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n.ticket-container[data-v-0278d880] {\n  width: 520px;\n  height: 320px;\n  border-radius: 10px;\n  -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.06);\n          box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.06);\n  background: #fff;\n  margin: 0 auto 0 auto;\n  display: block;\n  position: relative;\n  padding: 10px 24px 24px;\n  overflow: hidden;\n}\n.ticket-container .ticket-inner[data-v-0278d880] {\n    width: 100%;\n    height: 260px;\n    overflow: auto;\n    text-align: center;\n    padding-top: 30px;\n}\n.ticket-container .ticket-inner h6[data-v-0278d880] {\n      text-align: right;\n      font-size: 14px;\n      color: #808080;\n      line-height: 2;\n      word-wrap: break-word;\n      display: inline-block;\n}\n.ticket-container .ticket-inner p[data-v-0278d880] {\n      word-wrap: break-word;\n      display: block;\n      text-align: left;\n      font-size: 14px;\n      color: #808080;\n      line-height: 2;\n}\n.ticket-container .ticket-inner p[data-v-0278d880]:hover {\n        cursor: pointer;\n        color: #7094ee;\n}\n.ticket-container h2[data-v-0278d880] {\n    text-align: center;\n    font-size: 18px;\n    color: #637ba5;\n    line-height: 2;\n}\n",""])},mypq:function(t,e,n){(t.exports=n("FZ+f")(!1)).push([t.i,"\n#_magnifier_layer {\n  position: absolute;\n  z-index: 9999;\n  background: #f9f9f9;\n}\n._magnifier {\n  position: relative;\n  display: inline-block;\n}\n._magnifier img {\n  vertical-align: middle;\n}\n._magnifier_zoom {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  pointer-events: none;\n}\n",""])},pQyG:function(t,e,n){t.exports=n.p+"static/img/init.bf10f00.jpg"},tdkl:function(t,e,n){var i=n("K3s4");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);n("rjj0")("3494b744",i,!0)}});