starRiverProperty/frontend/decompiled/cwos-portal/static/js/54.92dc761e50c44ed9a6bc.js

webpackJsonp([54],{"7G70":function(t,i,e){var n=e("AP0+");"string"==typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);e("rjj0")("16f2ac46",n,!0)},"AP0+":function(t,i,e){(t.exports=e("FZ+f")(!1)).push([t.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-17f5f517] {\n    width: 386px;\n}\n.card-box[data-v-17f5f517] {\n    width: 386px;\n}\n.avatar[data-v-17f5f517] {\n    max-width: 386px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-17f5f517] {\n    width: 486px;\n}\n.card-box[data-v-17f5f517] {\n    width: 486px;\n}\n.avatar[data-v-17f5f517] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-17f5f517] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-17f5f517] {\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}\n.imageBox[data-v-17f5f517] {\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-17f5f517] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-17f5f517] {\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-17f5f517]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-17f5f517] {\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-17f5f517] {\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-17f5f517] {\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-17f5f517] {\n  text-align: left;\n  position: relative;\n  /* padding-top: 10px; */\n}\n.card-info li[data-v-17f5f517] {\n  font-size: 14px;\n}\n.card-info li span[data-v-17f5f517] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-17f5f517] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-17f5f517] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-17f5f517] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-17f5f517] .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-17f5f517] .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-17f5f517] {\n  height: 147px;\n  width: 110px;\n  margin-bottom: 13px;\n  margin-right: 24px;\n  background: url("+e("gpWv")+") center no-repeat;\n}\n.card-avatar[data-v-17f5f517] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-17f5f517] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-17f5f517] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},ZeiZ:function(t,i,e){t.exports=e.p+"static/img/init.d496cf8.jpg"},"cW4+":function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var n=e("bOdI"),a=e.n(n),o=e("btQV"),r=e("+giH"),p=e("MZdq"),c=e("9Zzp"),s=e("COE1"),d=(e("E4LH"),e("0xDb")),l=e("ZeiZ"),h=e.n(l),f={data:function(){var t;return t={imageUrl:"",ajax:r.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:"",experience:{title:"",faceList:[],bodyKeyPoint:[],drawLine:!1,canvasPoint:[]},previewFace:{pic:"",width:386,height:355,scanning:!1},resultDatas:[],previewPicWidth:"",previewPicHeight:""},a()(t,"experience",{title:"",faceList:[],bodyKeyPoint:[],drawLine:!1,canvasPoint:[]}),a()(t,"loading",!1),t},mounted:function(){var t=this;Object(c.c)(h.a).then(function(i){t.$refs.imgUpload.imgSrc=i,t.upload(i.split(";base64,")[1])});var i=this;window.onresize=function(){i.boxWidth=t.$refs.imgBox.offsetWidth}},beforeDestroy:function(){window.onresize=null},methods:{analyseKeyPointDetect:function(){var t=this,i=this.previewFace.pic.split(",")[1];this.loading=!0,Object(p.a)(i,this.isSavePic).then(function(i){if(t.isSavePic=!1,t.experience.bodyKeyPoint=[],t.experience.canvasPoint=[],t.loading=!1,t.responseText=i,i.success){i=i.data,t.loading=!1;var e=i.data.BodyPose;e.length>0&&e.forEach(function(i){var e={};e.keyPoint=t.calcFacePointScale(i.KeyPoint),t.experience.drawLine=!0,e.suffix=t.calcFaceLineScale(i.Lines),t.experience.canvasPoint.push(e)})}}).catch(function(i){t.isSavePic=!1})},calcPicScale:function(t,i,e){var n=this;Object(d.d)(t,i,e).then(function(t){n.hRatio=t.hRatio,n.wRatio=t.wRatio,n.Ratio=t.Ratio,n.picDistanceX=t.picDistanceX,n.picDistanceY=t.picDistanceY,n.previewPicHeight=t.previewPicHeight,n.previewPicWidth=t.previewPicWidth})},calcFacePointScale:function(t){var i=this,e=[];return t.forEach(function(t){var n={height:6,width:6};n.y=t.y*i.Ratio,n.x=t.x*i.Ratio,e.push(n)}),e},calcFaceLineScale:function(t){var i=this,e=[];return t.forEach(function(t){var n={p0:{},p1:{}};n.p0.x=t.p0.x*i.Ratio,n.p0.y=t.p0.y*i.Ratio,n.p1.x=t.p1.x*i.Ratio,n.p1.y=t.p1.y*i.Ratio,e.push(n)}),e},upload:function(t){this.previewPicWidth=0,this.previewPicHeight=0,this.previewFace.pic="data:image/jpeg;base64,"+t,this.isShowInfo=!0;this.calcPicScale(this.previewFace.pic,this.previewFace.width,this.previewFace.height),this.isSavePic=!0,this.analyseKeyPointDetect()},change:function(){var t=this,i=new Image;i.src=this.imageUrl,this.boxWidth=this.$refs.imgBox.offsetWidth,i.onload=function(){var e=i.height>=335?335:i.height;i.height<=i.width&&i.height<335||i.height<=i.width&&i.height<335&&document.body.clientWidth<1580&&i.width<386||i.height<=i.width&&i.height<335&&document.body.clientWidth>1580&&i.width<486?t.proportion=1:t.proportion=i.height>i.width?i.height/e:i.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,i){this.change()}},components:{responseText:s.a,PreviewPic:o.a}},x={render:function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"app-container"},[e("el-card",{attrs:{shadow:"hover"}},[e("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[e("span",{staticStyle:{"font-size":"14px"}},[t._v("通过上传的图片，进行检测并得到该图的所有人的人体关键点以及每个人体的几何结构")])]),t._v(" "),e("div",{staticClass:"simulator-box"},[e("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[e("img-upload",{ref:"imgUpload",on:{upload:t.upload}})],1),t._v(" "),e("div",{staticClass:"card-box"},[t.isShowInfo?e("ul",{staticClass:"card-info"},[e("PreviewPic",{attrs:{resultPic:t.previewFace.pic,faceResData:t.resultDatas,Width:t.previewPicWidth,Height:t.previewPicHeight,bodyKeyPoint:t.experience.bodyKeyPoint,drawLine:t.experience.drawLine,canvasPoint:t.experience.canvasPoint,containerHeight:t.previewFace.height,loading:t.loading}})],1):t._e(),t._v(" "),t.isShowInfo?t._e():e("span",{staticClass:"none-data"},[t._v("暂无数据")]),t._v(" "),e("br"),t._v(" "),e("el-row",{staticStyle:{position:"absolute",top:"-50px",left:"0px"}},[e("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(" "),e("response-text",{attrs:{responseText:t.responseText}})],1)},staticRenderFns:[]};var v=e("VU/8")(f,x,!1,function(t){e("7G70")},"data-v-17f5f517",null);i.default=v.exports}});