webpackJsonp([23],{"0MMF":function(t,n,i){var e=i("ZOgg");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);i("rjj0")("0baa4c20",e,!0)},"4IfJ":function(t,n,i){var e=i("xnlt");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);i("rjj0")("7e4b582f",e,!0)},"8yQh":function(t,n,i){t.exports=i.p+"static/img/default.ee4aba9.jpeg"},"90ft":function(t,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var e=i("+giH"),a=i("MZdq"),o=i("9Zzp"),r=i("COE1"),s=i("c/Tr"),c=i.n(s),h=i("Dd8w"),l=i.n(h),d=i("Zrlr"),p=i.n(d),g=i("wxAW"),u=i.n(g),f={INACTIVE:1,ACTIVE:2},v="#d51423",m="#1f4ac5",x={DRAWING:1,COMPLETE:2,DELETE:3},y={normal:{NORMAL:"#aaaaaa",ACTIVE:"#dddddd"},white:{NORMAL:"#aaaaaa",ACTIVE:"#dddddd"},red:{NORMAL:"#d51423",ACTIVE:"#dddddd"},green:{NORMAL:"#21a358",ACTIVE:"#dddddd"},blue:{NORMAL:"#1f4ac5",ACTIVE:"#dddddd"},purple:{NORMAL:"#9025c7",ACTIVE:"#dddddd"},cyan:{NORMAL:"#1f4ac5",ACTIVE:"#d03737"}},w="#FFFFFF",b=function(){function t(n,i){p()(this,t),this.x=n,this.y=i,this.status=f.INACTIVE}return u()(t,[{key:"distance",value:function(t){return Math.sqrt(Math.pow(this.x-t.x,2)+Math.pow(this.y-t.y,2))}},{key:"readFromPoint",value:function(n){n&&n instanceof t&&(this.x=n.x,this.y=n.y)}},{key:"readFromDataset",value:function(t){t.hasOwnProperty("x")&&(this.x=t.x),t.hasOwnProperty("y")&&(this.y=t.y),this.status=f.INACTIVE}},{key:"toDataset",value:function(){return{X:this.x,Y:this.y}}}]),t}(),P=function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";p()(this,t),this.points=[],this.text=n,this.fontSize=14,this.isActive=!1,this.status=x.DRAWING}return u()(t,[{key:"add",value:function(t){this.points.push(t)}},{key:"draw",value:function(t,n,i,e,a){if(i&&+i>0&&(this.fontSize=i),this.drawWriteDot(t),this.status===x.DRAWING){this.drawLine(t,this.points,e,a,this.status===x.COMPLETE);var o=this.points[this.points.length-1];t.setLineDash([2,2]),t.lineDashOffset=0,t.beginPath(),t.moveTo(o.x,o.y),t.lineTo(n.x,n.y),t.stroke()}this.status===x.COMPLETE&&this.dragTrack(t,e,a)}},{key:"drawLine",value:function(t,n,i,e){var a=arguments.length>4&&void 0!==arguments[4]&&arguments[4],o=i&&y[i]?y[i]:y.normal;t.strokeStyle=o.NORMAL,this.isActive&&(t.strokeStyle=o.ACTIVE),t.setLineDash([1,0]),t.beginPath(),t.lineWidth=e;for(var r=0,s=n.length;r<s;r++){var c=n[r];0===r?t.moveTo(c.x,c.y):t.lineTo(c.x,c.y)}a&&t.closePath(),t.stroke(),a&&this.drawText(t)}},{key:"drawWriteDot",value:function(t){for(var n=0,i=this.points.length;n<i;n++){t.beginPath(),t.fillStyle=v;var e=this.points[n];e.status===f.ACTIVE&&(t.fillStyle=m),t.arc(e.x,e.y,4,0,2*Math.PI,!0),t.fill()}}},{key:"dragTrack",value:function(t,n,i){var e=n&&y[n]?y[n]:y.normal,a=this.points.findIndex(function(t){return t.status===f.ACTIVE});if(-1===a)return this.drawLine(t,this.points,n,i,!0);t.beginPath(),t.strokeStyle=e.ACTIVE,t.lineWidth=i,t.setLineDash([2,2]),t.setDashOffset=0,0===a?(t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[1].x,this.points[1].y),t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[this.points.length-1].x,this.points[this.points.length-1].y)):a===this.points.length-1?(t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[0].x,this.points[0].y),t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[a-1].x,this.points[a-1].y)):(t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[a-1].x,this.points[a-1].y),t.moveTo(this.points[a].x,this.points[a].y),t.lineTo(this.points[a+1].x,this.points[a+1].y)),t.stroke();var o=this.points.slice(a+1),r=this.points.slice(0,a),s=o.concat(r);t.beginPath(),t.strokeStyle=e.ACTIVE,t.setLineDash([2,0]),t.setDashOffset=0,this.drawLine(t,s,n,i,!1)}},{key:"drawText",value:function(t){if(this.text){var n=this.findStartPoint();t.textBaseline="top",t.font=this.fontSize+"px monospace";var i=t.measureText(this.text);t.fillStyle="rgba(0,0,0,0.6)",t.fillRect(n.x,n.y,i.width+10,this.fontSize+10),t.strokeStyle=w,t.lineWidth=.5,t.strokeText(this.text,n.x+5,n.y+5)}}},{key:"findStartPoint",value:function(){var t=new b(0,0),n=new b(0,0);return this.points.forEach(function(i){i.x>t.x&&t.readFromPoint(i),i.y>n.y&&n.readFromPoint(i)}),new b((t.x+n.x)/2,(t.y+n.y)/2)}},{key:"readFromDataset",value:function(t){if(t.hasOwnProperty("text")&&(this.text=t.text),t.hasOwnProperty("points")){var n=[];t.points.forEach(function(t){var i=new b;i.readFromDataset(t),n.push(i)}),this.points=n}this.isActive=!1,this.status=x.COMPLETE}},{key:"toDataset",value:function(){var t={points:[]};return t.text=this.text||"",this.points.forEach(function(n){t.points.push(n.toDataset())}),t}}]),t}(),D=i("irLX"),k={name:"index",data:function(){return{back_canvas:null,back_context:null,canvas:null,context:null,polygons:[],isLeftBtnDown:!1}},props:{limitDrawNum:{type:Number,default:1},width:{type:Number,default:640},height:{type:Number,default:360},lineColor:{type:String,default:"red"},lineWidth:{type:Number,default:2},fontSize:{type:Number,default:12},image:{type:String,default:""},markState:{type:Boolean,required:!0},initPolygons:{type:Array,required:!0,default:function(){return[]}},description:{type:String,default:"绘制结束"},emitCursorPosition:{type:Boolean,default:!1}},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:{markState:function(t){t||(this.polygons.forEach(function(t){t.status==x.DRAWING&&(t.status=x.DELETE),t.isActive=!1}),this.reDrawPolygon())},image:function(t){this.deliverPic(t)},height:function(t){var n=this,i=this,e=new Image;e.src=this.image,e.onload=function(){D.a.$emit("picSize",{width:e.width,height:e.height}),i.back_context.drawImage(e,0,0,i.width,i.height),n.polygons=n.readFromDataset(n.initPolygons),n.reDrawPolygon()},e.onerror=function(){}},width:function(t){var n=this,i=this,e=new Image;e.src=this.image,e.onload=function(){D.a.$emit("picSize",{width:e.width,height:e.height}),i.back_context.drawImage(e,0,0,i.width,i.height),n.polygons=n.readFromDataset(n.initPolygons),n.reDrawPolygon()},e.onerror=function(){}},initPolygons:function(t){this.polygons=this.readFromDataset(t),this.reDrawPolygon()},description:function(t){this.description=t},fontSize:function(t){this.fontSize=t},lineColor:function(t){this.lineColor=t},lineWidth:function(t){this.lineWidth=t}},computed:{imageStyle:function(){return{width:this.width+"px",height:this.height+"px"}}},methods:{deliverPic:function(t){var n=this,i=new Image;i.src=t,i.onload=function(){D.a.$emit("picSize",{width:i.width,height:i.height}),n.back_context.drawImage(i,0,0,n.width,n.height)},i.onerror=function(){}},prevent:function(){return!0},clearMark:function(){this.polygons=[],this.reDrawPolygon(),this.$emit("markClosed",this.polygons.length)},deleteMark:function(){!this.getActivePolygon()&&this.polygons.length>0?this.$message.info("请选中需要删除的多边形！"):(this.polygons.forEach(function(t){t.isActive&&(t.status=x.DELETE)}),this.reDrawPolygon())},mousedown:function(t){this.isLeftBtnDown=!0;var n=new b(this.x,this.y);if(this.hasDrawingStatusPolygon()){var i=this.getDrawingStatusPolygon();return 0!==t.button?(i.status=x.DELETE,void this.reDrawPolygon()):(i.add(n),i.points.length>=3&&i.points[0].distance(n)<=20&&(i.status=x.COMPLETE,this.$emit("markClosed",this.polygons.length),this.reDrawPolygon(),this.polygons.length>=this.limitDrawNum)?void this.$emit("stopDraw",!0):void 0)}if(!(t.button>=1)){var e=this.findActivePoint(n);if(this.polygons.map(function(t){t.points.includes(e)||(t.isActive=!1,t.points.map(function(t){return t.status=f.INACTIVE}))}),!e)if(!this.findActivePolygon(n)&&this.markState){var a=new P(this.description);a.add(new b(this.x,this.y)),a.isActive=!0,a.status=x.DRAWING,this.polygons.push(a)}}},mousemove:function(t){this.emitCursorPosition&&this.$emit("cursorPosition",this.getCurrentCursorPosition());this.getCompleteActivePolygon();if(this.x=t.offsetX,this.y=t.offsetY,this.needTracking())return this.reDrawPolygon();var n=this.getActivePoint();return n&&0===t.button?(n.x=this.x,n.y=this.y,this.$emit("draggingDot"),this.reDrawPolygon()):void 0},mouseup:function(t){this.isLeftBtnDown=!1;var n=this.getActivePoint();n&&(n.status=f.INACTIVE,this.$emit("markClosed",this.polygons.length))},dot:function(t){this.reDrawPolygon()},clearCanvas:function(){this.context.clearRect(0,0,this.canvas.width,this.canvas.height)},reDrawPolygon:function(){var t=this;this.clearCanvas(),this.polygons=this.polygons.filter(function(t){return t.status!==x.DELETE}),this.polygons.forEach(function(n){n.draw(t.context,new b(t.x,t.y),t.fontSize,t.lineColor,t.lineWidth)})},getActivePolygon:function(){return this.polygons.find(function(t){return!!t.isActive})},getCompleteActivePolygon:function(){var t=this.getActivePolygon();return t&&t.status===x.COMPLETE?t:null},checkIfOverBoundary:function(t,n,i){var e=this;return t.points.some(function(t){if(t.x+n<0||t.x+n>e.width||t.y+i<0||t.y+i>e.height)return!0})},hasActivePolygon:function(){return this.polygons.some(function(t){return t.isActive})},findActivePoint:function(t){var n=null;return this.polygons.some(function(i){var e;return(e=i.points.some(function(i){if(i.distance(t)<=3)return(n=i).status=f.ACTIVE,!0}))&&(i.isActive=!0),e}),n},findActivePolygon:function(t){var n=this,i=null;return this.clearCanvas(),this.polygons.forEach(function(e){e.draw(n.context,new b(n.x,n.y),n.fontSize,n.lineColor,n.lineWidth),n.context.isPointInPath(t.x,t.y)&&((i=e).isActive=!0)}),i},getActivePoint:function(){for(var t=null,n=0,i=this.polygons.length;n<i;n++){if(this.polygons[n].points.some(function(n){if(n.status===f.ACTIVE)return t=n,!0}))return t}return t},shouldNewPolygon:function(t){return!!this.markState&&(!(t.button>0)&&!this.findActivePoint(new b(t.offsetX,t.offsetY)))},hasDrawingStatusPolygon:function(){return!!this.hasActivePolygon()&&this.getActivePolygon().status===x.DRAWING},getDrawingStatusPolygon:function(){return this.polygons.find(function(t){return!(!t.isActive||t.status!==x.DRAWING)})},needTracking:function(){return!!this.markState&&!!this.hasDrawingStatusPolygon()},getCurrentCursorPosition:function(){return{x:this.x,y:this.y}},readFromDataset:function(t){var n=[];return Array.isArray(t)?(t.forEach(function(t){var i=new P;i.readFromDataset(t),n.push(i)}),n):n},toDataset:function(){var t=[];return this.polygons.forEach(function(n){n.status===x.COMPLETE&&t.push(n.toDataset())}),t}}},C={render:function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("div",{staticClass:"canvasDraw-container",style:{height:t.height+"px",width:t.width+"px"},on:{contextmenu:function(n){return n.stopPropagation(),n.preventDefault(),t.prevent(n)}}},[i("canvas",{attrs:{id:"canvas_background",width:t.width,height:t.height}}),t._v(" "),i("canvas",{attrs:{id:"canvas_for_mark",width:t.width,height:t.height},on:{mousedown:function(n){return t.mousedown(n)},mousemove:function(n){return t.mousemove(n)},mouseup:function(n){return t.mouseup(n)},click:function(n){return t.dot(n)}}})])},staticRenderFns:[]};var _=i("VU/8")(k,C,!1,function(t){i("4IfJ")},"data-v-08f3c232",null).exports,R=i("NYxO"),S=i("6w0h"),E={name:"index",components:{CanvasDraw:_},data:function(){return{noticeWordSize:12,initPolygons:[],description:"",cursor:{},hasDrawedPolygonNum:0,delPermission:""}},computed:l()({},Object(R.d)({markState:function(t){return t.drawPolygon.markState}}),Object(R.b)([])),props:{limitDrawPolygonNum:{type:Number,default:1,required:!0},emitCursorPosition:{type:Boolean,default:!0,required:!0},lineWidth:{type:Number,default:1,required:!0},lineColor:{type:String,default:"cyan",required:!0},canvasImg:{type:String,default:""},containerWidth:{type:[Number,String],default:640},containerHeight:{type:[Number,String],default:360},containerLineHeight:{type:[Number,String],default:360},canvasWidth:{type:[Number],default:640},canvasHeight:{type:[Number],default:360},faceResData:{type:Array,default:function(){return[]}},headNumber:{type:Number},loading:{type:Boolean,default:!1},loadingText:{type:String,default:"检测中。。。"},loadingDom:{type:String,default:".preview-polygon-container"},loadingBg:{type:String,default:"rgba(0, 0, 0, 0.8)"}},methods:l()({},Object(R.c)({changeMarkState:S.a}),{modifyMarkState:function(t){this.delPermission=t},stopDraw:function(t){this.toggleMarkState()},clearCanvasPoint:function(){this.$refs.myCanvas.clearMark(),this.initPolygons=c()(this.$refs.myCanvas.toDataset())},toggleMarkState:function(){if(this.hasDrawedPolygonNum>=this.limitDrawPolygonNum&&!this.markState)return this.$message.error("只能绘制"+this.limitDrawPolygonNum+"个多边形"),!1;this.hasDrawedPolygonNum<this.limitDrawPolygonNum?this.changeMarkState(!0):this.changeMarkState(!1)},deleteMark:function(){this.hasDrawedPolygonNum&&(this.hasDrawedPolygonNum=0,this.toggleMarkState()),this.changeMarkState(!0),this.$refs.myCanvas.deleteMark(),this.initPolygons=c()(this.$refs.myCanvas.toDataset())},saveMark:function(){var t=this.$refs.myCanvas.toDataset();this.dataset=t,this.$emit("getPoints",t)},recoverMark:function(){this.initPolygons=c()(this.dataset)},cursorPosition:function(t){this.cursor=t},markClose:function(t){this.hasDrawedPolygonNum=t,t&&this.saveMark()},draggingDot:function(){}})},A={render:function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"preview-polygon-container",style:{width:t.containerWidth+"px",height:t.containerHeight+"px",lineHeight:t.containerLineHeight+"px"},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._l(t.faceResData,function(n,e){return t.faceResData.length>0?i("div",{key:e,staticClass:"face-frame",style:{top:n.y+"px",left:n.x+"px",width:n.width+"px",height:n.height+"px"}},[t._m(4,!0),t._v(" "),t._m(5,!0),t._v(" "),t._m(6,!0),t._v(" "),t._m(7,!0),t._v(" "),void 0!==n.faceAttrs&&null!==n.faceAttrs?i("div",{staticClass:"face-attrs"},t._l(n.faceAttrs,function(n,e,a){return i("p",{key:a+100},[t._v(t._s(n))])}),0):t._e()]):t._e()}),t._v(" "),t.headNumber>=0?i("div",{staticClass:"head-number"},[i("p",[t._v(t._s(t.headNumber))])]):t._e(),t._v(" "),i("canvas-draw",{ref:"myCanvas",attrs:{width:t.canvasWidth,height:t.canvasHeight,lineColor:t.lineColor,lineWidth:t.lineWidth,fontSize:t.noticeWordSize,image:t.canvasImg,markState:t.markState,initPolygons:t.initPolygons,emitCursorPosition:t.emitCursorPosition,description:t.description,limitDrawNum:t.limitDrawPolygonNum},on:{cursorPosition:t.cursorPosition,markClosed:t.markClose,stopDraw:t.stopDraw,modifyMarkState:t.modifyMarkState,draggingDot:t.draggingDot}})],2)},staticRenderFns:[function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"left-top-corner"},[n("div",{staticClass:"top-line"}),this._v(" "),n("div",{staticClass:"left-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"right-top-corner"},[n("div",{staticClass:"right-line"}),this._v(" "),n("div",{staticClass:"top-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"left-bottom-corner"},[n("div",{staticClass:"left-line"}),this._v(" "),n("div",{staticClass:"bottom-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"right-bottom-corner"},[n("div",{staticClass:"right-line"}),this._v(" "),n("div",{staticClass:"bottom-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"left-top-corner"},[n("div",{staticClass:"top-line"}),this._v(" "),n("div",{staticClass:"left-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"right-top-corner"},[n("div",{staticClass:"right-line"}),this._v(" "),n("div",{staticClass:"top-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"left-bottom-corner"},[n("div",{staticClass:"left-line"}),this._v(" "),n("div",{staticClass:"bottom-line"})])},function(){var t=this.$createElement,n=this._self._c||t;return n("div",{staticClass:"right-bottom-corner"},[n("div",{staticClass:"right-line"}),this._v(" "),n("div",{staticClass:"bottom-line"})])}]};var T=i("VU/8")(E,A,!1,function(t){i("ChEr")},"data-v-110e820a",null).exports,N=i("0xDb"),I=i("8yQh"),M=i.n(I),F={components:{PreviewPassenger:T,responseText:r.a},data:function(){return{imageUrl:"",ajax:e.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:"",previewFace:{pic:"",width:486,height:335},headNumber:0,config:{limitDrawPolygonNum:21,lineWidth:4,lineColor:"cyan",isEmitCursorPosition:!0},picHeight:100,name:"",loading:!1,resultDatas:[],getRoiPoints:[],previewPicWidth:0,previewPicHeight:0}},mounted:function(){var t=this;Object(o.c)(M.a).then(function(n){t.$refs.imgUpload.imgSrc=n,t.upload(n.split(";base64,")[1])})},methods:{upload:function(t){this.previewFace.pic="data:image/jpg;base64,"+t,this.calcPicScale(this.previewFace.pic,this.previewFace.width,this.previewFace.height),this.analysisVolume()},calcPicScale:function(t,n,i){var e=this;Object(N.d)(t,n,i).then(function(t){e.hRatio=t.hRatio,e.wRatio=t.wRatio,e.Ratio=t.Ratio,e.picDistanceX=t.picDistanceX,e.picDistanceY=t.picDistanceY,e.previewPicHeight=t.previewPicHeight,e.previewPicWidth=t.previewPicWidth})},getPoints:function(t){t&&(this.getRoiPoints=t,this.analysisVolume())},calcFaceBoxScale:function(t){var n=this,i=[];return t.forEach(function(t){var e={};e.height=t.height*n.Ratio,e.width=t.width*n.Ratio,n.hRatio>1&&n.wRatio>1?(e.x=n.picDistanceX+t.x,e.y=n.picDistanceY+t.y):n.hRatio<1&&n.wRatio<1?n.hRatio<n.wRatio?(e.y=t.y*n.Ratio,e.x=n.picDistanceX+t.x*n.Ratio):n.hRatio>n.wRatio?(e.x=t.x*n.Ratio,e.y=n.picDistanceY+t.y*n.Ratio):(e.x=t.x*n.Ratio,e.y=t.y*n.Ratio):n.hRatio>1&&n.wRatio<1?(e.x=t.x*n.Ratio,e.y=t.y*n.Ratio+n.picDistanceY):n.hRatio<1&&n.wRatio>1?(e.y=t.y*n.Ratio,e.x=t.x*n.Ratio+n.picDistanceX):1===n.wRatio&&n.hRatio>1?(e.y=t.y*n.Ratio+n.picDistanceY,e.x=t.x*n.Ratio):1===n.wRatio&&n.hRatio<1?(e.y=t.y*n.Ratio,e.x=t.x*n.Ratio+n.picDistanceX):n.wRatio>1&&1===n.hRatio?(e.y=t.y*n.Ratio,e.x=t.x*n.Ratio+n.picDistanceX):n.wRatio<1&&1===n.hRatio?(e.y=t.y*n.Ratio+n.picDistanceY,e.x=t.x*n.Ratio):(e.y=t.y*n.Ratio,e.x=t.x*n.Ratio),i.push(e)}),i},analysisVolume:function(){var t=this,n={channelCode:"system",image:this.previewFace.pic.split("base64,")[1]};this.loading=!0;var i={};if(this.getRoiPoints.length>0){for(var e=[],o=0;o<this.getRoiPoints.length;o++){var r={};r.Count=this.getRoiPoints[o].points.length,this.getRoiPoints[o].points.length>0&&(this.getRoiPoints[o].points.map(function(n){t.Ratio<1&&(n.X=n.X/t.Ratio,n.Y=n.Y/t.Ratio)}),r.Points=this.getRoiPoints[o].points),e.push(r)}i.Count=this.getRoiPoints.length,i.Data=e}else i={};a.b.headshoulder(n).then(function(n){t.err=n.message;var i=n.data;if(t.resultDatas=[],t.loading=!1,n.success){var e=i.data.detinfo;t.headNumber=i.data.headNum,e&&e.length>0&&(t.resultDatas=t.calcFaceBoxScale(e)),t.responseText=n,t.isShowInfo=!0}else t.headNumber=0,t.$refs.frame.style.display="none",t.isShowInfo=!1,t.$message.error(n.message),t.responseText=n}).catch(function(n){t.headNumber=0,t.$message.error(t.err)})}},watch:{boxWidth:function(t,n){this.change()}}},W={render:function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("div",{staticClass:"app-container"},[i("el-card",{attrs:{shadow:"hover"}},[i("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[i("span",{staticStyle:{"font-size":"14px"}},[t._v("通过上传的图片，进行图片中的头肩检索并标识。")])]),t._v(" "),i("div",{staticClass:"simulator-box"},[i("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[i("img-upload",{ref:"imgUpload",on:{upload:t.upload}})],1),t._v(" "),i("div",{staticClass:"card-box"},[i("div",{staticStyle:{position:"relative",top:"-13px",left:"-31px"}},[i("PreviewPassenger",{ref:"headShoulder",attrs:{canvasImg:t.previewFace.pic,containerWidth:t.previewFace.width,containerHeight:t.previewFace.height,containerLineHeight:t.previewFace.height,canvasWidth:t.previewPicWidth,canvasHeight:t.previewPicHeight,faceResData:t.resultDatas,loading:t.loading,headNumber:t.headNumber,limitDrawPolygonNum:t.config.limitDrawPolygonNum,lineWidth:t.config.lineWidth,lineColor:t.config.lineColor,emitCursorPosition:t.config.isEmitCursorPosition},on:{getPoints:t.getPoints}})],1),t._v(" "),t.isShowInfo?t._e():i("span",{staticClass:"none-data"},[t._v("暂无数据")]),t._v(" "),i("br"),t._v(" "),i("el-row",{staticStyle:{position:"absolute",top:"-50px",left:"0px"}},[i("span",{staticStyle:{"padding-left":"5px","border-left":"4px solid #3399FF",display:"inline-block",height:"18px","line-height":"18px","font-size":"14px"}},[t._v("识别结果")])])],1)])]),t._v(" "),i("response-text",{attrs:{responseText:t.responseText}})],1)},staticRenderFns:[]};var L=i("VU/8")(F,W,!1,function(t){i("0MMF")},"data-v-00499cbc",null);n.default=L.exports},ChEr:function(t,n,i){var e=i("S2PY");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);i("rjj0")("67ab7fe8",e,!0)},S2PY:function(t,n,i){(t.exports=i("FZ+f")(!1)).push([t.i,"\n.preview-polygon-container[data-v-110e820a] {\n  position: relative;\n  background: #fff;\n  overflow: hidden;\n  text-align: center;\n}\n.preview-polygon-container .left-top-corner[data-v-110e820a],\n  .preview-polygon-container .left-bottom-corner[data-v-110e820a],\n  .preview-polygon-container .right-top-corner[data-v-110e820a],\n  .preview-polygon-container .right-bottom-corner[data-v-110e820a] {\n    position: absolute;\n    z-index: 1001;\n}\n.preview-polygon-container .left-top-corner[data-v-110e820a] {\n    top: 0;\n    left: 0;\n}\n.preview-polygon-container .left-top-corner .left-line[data-v-110e820a] {\n      width: 1px;\n      height: 16px;\n      background: #7094ee;\n}\n.preview-polygon-container .left-top-corner .top-line[data-v-110e820a] {\n      width: 16px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-polygon-container .right-top-corner[data-v-110e820a] {\n    top: 0;\n    right: 0;\n}\n.preview-polygon-container .right-top-corner .right-line[data-v-110e820a] {\n      width: 16px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-polygon-container .right-top-corner .top-line[data-v-110e820a] {\n      width: 1px;\n      height: 16px;\n      background: #7094ee;\n      margin-left: 15px;\n}\n.preview-polygon-container .left-bottom-corner[data-v-110e820a] {\n    bottom: 0;\n    left: 0;\n}\n.preview-polygon-container .left-bottom-corner .left-line[data-v-110e820a] {\n      width: 1px;\n      height: 16px;\n      background: #7094ee;\n}\n.preview-polygon-container .left-bottom-corner .bottom-line[data-v-110e820a] {\n      width: 16px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-polygon-container .right-bottom-corner[data-v-110e820a] {\n    bottom: 0;\n    right: 0;\n}\n.preview-polygon-container .right-bottom-corner .right-line[data-v-110e820a] {\n      width: 1px;\n      height: 16px;\n      background: #7094ee;\n      margin-left: 15px;\n}\n.preview-polygon-container .right-bottom-corner .bottom-line[data-v-110e820a] {\n      width: 16px;\n      height: 1px;\n      background: #7094ee;\n}\n.preview-polygon-container .face-frame[data-v-110e820a] {\n    position: absolute;\n    border: 2px solid rgba(255, 255, 255, 0.6);\n    z-index: 1002;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n}\n.preview-polygon-container .face-frame .left-top-corner[data-v-110e820a],\n    .preview-polygon-container .face-frame .left-bottom-corner[data-v-110e820a],\n    .preview-polygon-container .face-frame .right-top-corner[data-v-110e820a],\n    .preview-polygon-container .face-frame .right-bottom-corner[data-v-110e820a] {\n      position: absolute;\n      z-index: 1001;\n}\n.preview-polygon-container .face-frame .left-top-corner[data-v-110e820a] {\n      top: -2px;\n      left: -2px;\n}\n.preview-polygon-container .face-frame .left-top-corner .left-line[data-v-110e820a] {\n        width: 2px;\n        height: 4px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .left-top-corner .top-line[data-v-110e820a] {\n        width: 4px;\n        height: 2px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .right-top-corner[data-v-110e820a] {\n      top: -2px;\n      right: -2px;\n}\n.preview-polygon-container .face-frame .right-top-corner .right-line[data-v-110e820a] {\n        width: 4px;\n        height: 2px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .right-top-corner .top-line[data-v-110e820a] {\n        width: 2px;\n        height: 4px;\n        background: #7094ee;\n        margin-left: 2px;\n}\n.preview-polygon-container .face-frame .left-bottom-corner[data-v-110e820a] {\n      bottom: -2px;\n      left: -2px;\n}\n.preview-polygon-container .face-frame .left-bottom-corner .left-line[data-v-110e820a] {\n        width: 2px;\n        height: 4px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .left-bottom-corner .bottom-line[data-v-110e820a] {\n        width: 4px;\n        height: 2px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .right-bottom-corner[data-v-110e820a] {\n      bottom: -2px;\n      right: -2px;\n}\n.preview-polygon-container .face-frame .right-bottom-corner .right-line[data-v-110e820a] {\n        width: 2px;\n        height: 4px;\n        background: #7094ee;\n        margin-left: 2px;\n}\n.preview-polygon-container .face-frame .right-bottom-corner .bottom-line[data-v-110e820a] {\n        width: 4px;\n        height: 2px;\n        background: #7094ee;\n}\n.preview-polygon-container .face-frame .face-attrs[data-v-110e820a] {\n      position: absolute;\n      right: 1%;\n      bottom: -50px;\n      margin: 0;\n      min-width: 70px;\n}\n.preview-polygon-container .face-frame .face-attrs p[data-v-110e820a] {\n        background: #7094ee;\n        line-height: 16px;\n        font-size: 14px;\n        color: #fff;\n        margin: 2px 0;\n        padding: 2px 6px;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: block;\n}\n.preview-polygon-container .head-number[data-v-110e820a] {\n    position: absolute;\n    right: 0;\n    top: 0;\n    z-index: 1002;\n    background: rgba(0, 0, 0, 0.6);\n}\n.preview-polygon-container .head-number p[data-v-110e820a] {\n      text-align: center;\n      font-size: 16px;\n      color: #fff;\n      line-height: 1.8;\n      padding: 2px 8px;\n}\n",""])},ZOgg:function(t,n,i){(t.exports=i("FZ+f")(!1)).push([t.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-00499cbc] {\n    width: 486px;\n}\n.card-box[data-v-00499cbc] {\n    width: 486px;\n}\n.avatar[data-v-00499cbc] {\n    max-width: 486px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-00499cbc] {\n    width: 486px;\n}\n.card-box[data-v-00499cbc] {\n    width: 486px;\n}\n.avatar[data-v-00499cbc] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-00499cbc] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-00499cbc] {\n  height: 335px;\n  display: inline-block;\n  margin-top: 50px;\n  text-align: center;\n  position: relative;\n  background: #f4f5f9;\n  padding-top: 13px;\n  padding-left: 31px;\n  left: -40px;\n}\n.imageBox[data-v-00499cbc] {\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-00499cbc] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-00499cbc] {\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-00499cbc]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-00499cbc] {\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-00499cbc] {\n  vertical-align: middle;\n  text-align: center;\n  height: 335px;\n  display: inline-block;\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-00499cbc] {\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-00499cbc] {\n  text-align: left;\n  position: relative;\n  padding-top: 10px;\n}\n.card-info li[data-v-00499cbc] {\n  font-size: 14px;\n}\n.card-info li span[data-v-00499cbc] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-00499cbc] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-00499cbc] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-00499cbc] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-00499cbc] .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-00499cbc] .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-00499cbc] {\n  height: 147px;\n  width: 110px;\n  margin-bottom: 13px;\n  margin-right: 24px;\n  background: url("+i("gpWv")+") center no-repeat;\n}\n.card-avatar[data-v-00499cbc] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-00499cbc] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-00499cbc] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},xnlt:function(t,n,i){(t.exports=i("FZ+f")(!1)).push([t.i,"\n.canvasDraw-container #canvas_background[data-v-08f3c232], .canvasDraw-container #canvas_for_mark[data-v-08f3c232] {\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",""])}});