starRiverProperty/frontend-source/decompiled/cwos-portal/static/js/44.1326c0ca72a70f14635d.js

webpackJsonp([44],{LPOm:function(t,i,a){var e=a("blwK");"string"==typeof e&&(e=[[t.i,e,""]]),e.locals&&(t.exports=e.locals);a("rjj0")("f9f52a74",e,!0)},MUyq:function(t,i,a){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var e=a("bOdI"),n=a.n(e),o=a("btQV"),c=a("+giH"),s=a("MZdq"),d=a("9Zzp"),p=a("COE1"),r=(a("E4LH"),a("0xDb")),h=a("irLX"),l=a("qxAQ"),x=a.n(l),g={data:function(){var t;return t={tips:"请上传行驶证图片",formatTips:"图片支持jpg、jpeg、png、bmp、jfif 格式，像素4000*3000以内，最大支持3MB",imageUrl:"",ajax:c.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:"",experience:{title:"",faceList:[],bodyKeyPoint:[],drawLine:!1,canvasPoint:[]},previewFace:{pic:"",width:486,height:355,scanning:!1},resultDatas:[],previewPicWidth:"",previewPicHeight:"",hRatio:0,wRatio:0,Ratio:1,picDistanceX:0,picDistanceY:0,isSavePic:!1},n()(t,"experience",{title:"",faceList:[]}),n()(t,"details",{picWidth:"",picHeight:"",marginTop:150,bigPic:"",attr:{},piclist:[]}),n()(t,"resultDatas",[]),n()(t,"loading",!1),t},mounted:function(){var t=this;Object(d.c)(x.a).then(function(i){t.$refs.imgUpload.imgSrc=i,t.upload(i.split(";base64,")[1])}),h.a.$on("changeThumb",function(i){i.isOriginal?(t.details.bigPic="",t.details.attr={}):(t.details.bigPic=i.img,t.details.attr=i.attr,t.details.picWidth=295,t.details.picHeight=295)})},beforeDestroy:function(){h.a.$off("changeThumb")},methods:{analysefaceAttribute:function(){var t=this,i=this.previewFace.pic.split(",")[1];this.loading=!0,this.details.bigPic="",this.details.attr={};var a={img:i,algorithmSubType:2052,algorithmType:1001};Object(s.c)(a).then(function(i){if(t.isSavePic=!1,t.experience.bodyKeyPoint=[],t.experience.canvasPoint=[],t.loading=!1,t.responseText=i,i.success){if(i=i.data,t.loading=!1,t.resultDatas=[],t.details.piclist=[],i.faces.length>0){var a=i.faces;t.details.piclist.push({selectedPic:!0,img:t.previewFace.pic,attr:{age:0,gender:0},isOriginal:!0,thumbWidth:88,thumbHeight:80}),a.length>0&&a.forEach(function(i){Object(r.a)(t.previewFace.pic,i.width,i.height,i.x,i.y).then(function(a){var e={selectedPic:!1,img:a,attr:{age:i.age,gender:-1===i.gender?"女":"男"},isOriginal:!1,width:i.width,height:i.height,thumbWidth:88,thumbHeight:80};t.details.piclist.push(e)})}),t.calcFaceBoxScale(a).forEach(function(i){var a={};a.width=i.width,a.height=i.height,a.x=i.x,a.y=i.y,t.resultDatas.push(a)})}}else t.$nextTick(function(){t.previewFace={pic:"",width:486,height:355,scanning:!1},t.details={picWidth:"",picHeight:"",marginTop:150,bigPic:"",attr:{},piclist:[]},t.$message.error(i.message)})}).catch(function(i){t.isSavePic=!1})},calcPicScale:function(t,i,a){var e=this;Object(r.d)(t,i,a).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})},calcFaceBoxScale:function(t){var i=this,a=[];return t.forEach(function(t){var e={};e.height=t.height*i.Ratio,e.width=t.width*i.Ratio,i.hRatio>1&&i.wRatio>1?(e.x=i.picDistanceX+t.x,e.y=i.picDistanceY+t.y):i.hRatio<1&&i.wRatio<1?i.hRatio<i.wRatio?(e.y=t.y*i.Ratio,e.x=i.picDistanceX+t.x*i.Ratio):i.hRatio>i.wRatio?(e.x=t.x*i.Ratio,e.y=i.picDistanceY+t.y*i.Ratio):(e.x=t.x*i.Ratio,e.y=t.y*i.Ratio):i.hRatio>1&&i.wRatio<1?(e.x=t.x*i.Ratio,e.y=t.y*i.Ratio+i.picDistanceY):i.hRatio<1&&i.wRatio>1?(e.y=t.y*i.Ratio,e.x=t.x*i.Ratio+i.picDistanceX):1===i.wRatio&&i.hRatio>1?(e.y=t.y*i.Ratio+i.picDistanceY,e.x=t.x*i.Ratio):1===i.wRatio&&i.hRatio<1?(e.y=t.y*i.Ratio,e.x=t.x*i.Ratio+i.picDistanceX):i.wRatio>1&&1===i.hRatio?(e.y=t.y*i.Ratio,e.x=t.x*i.Ratio+i.picDistanceX):i.wRatio<1&&1===i.hRatio?(e.y=t.y*i.Ratio+i.picDistanceY,e.x=t.x*i.Ratio):(e.y=t.y*i.Ratio,e.x=t.x*i.Ratio),a.push(e)}),a},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.analysefaceAttribute()},change:function(){var t=this,i=new Image;i.src=this.imageUrl,this.boxWidth=this.$refs.imgBox.offsetWidth,i.onload=function(){var a=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<486||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/a: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:p.a,PreviewPic:o.a}},f={render:function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("div",{staticClass:"app-container"},[a("el-card",{attrs:{shadow:"hover"}},[a("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[a("span",{staticStyle:{"font-size":"14px"}},[t._v("通过上传的图片，对图片人脸进行属性分析，可实现精准的人脸检测和人脸识别，并给出该人的性别、年龄估计")])]),t._v(" "),a("div",{staticClass:"simulator-box"},[a("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[a("img-upload",{ref:"imgUpload",attrs:{buttonText:t.上传图片,tips:t.tips,formatTip:t.formatTips,types:t.types,fileSize:3},on:{upload:t.upload}})],1),t._v(" "),a("div",{staticClass:"card-box",staticStyle:{width:"486px"}},[t.isShowInfo?a("ul",{staticClass:"card-info"},[a("PreviewPic",{staticStyle:{width:"486px"},attrs:{resultPic:t.previewFace.pic,faceResData:t.resultDatas,Width:t.previewPicWidth,Height:t.previewPicHeight,attr:t.details,containerHeight:t.previewFace.height,loading:t.loading}})],1):t._e(),t._v(" "),t.isShowInfo?t._e():a("span",{staticClass:"none-data"},[t._v("暂无数据")]),t._v(" "),a("br"),t._v(" "),a("el-row",{staticStyle:{position:"absolute",top:"-50px",left:"0px"}},[a("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(" "),a("response-text",{attrs:{responseText:t.responseText}})],1)},staticRenderFns:[]};var v=a("VU/8")(g,f,!1,function(t){a("LPOm")},"data-v-d89375ca",null);i.default=v.exports},blwK:function(t,i,a){(t.exports=a("FZ+f")(!1)).push([t.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-d89375ca] {\n    width: 486px;\n}\n.card-box[data-v-d89375ca] {\n    width: 486px;\n}\n.avatar[data-v-d89375ca] {\n    max-width: 486px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-d89375ca] {\n    width: 486px;\n}\n.card-box[data-v-d89375ca] {\n    width: 486px;\n}\n.avatar[data-v-d89375ca] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-d89375ca] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-d89375ca] {\n  height: 335px;\n  display: inline-block;\n  margin-top: 80px;\n  text-align: center;\n  position: relative;\n  background: #f4f5f9;\n  /* padding-top: 13px;\n  padding-left: 31px; */\n}\n.imageBox[data-v-d89375ca] {\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-d89375ca] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-d89375ca] {\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-d89375ca]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-d89375ca] {\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-d89375ca] {\n  vertical-align: middle;\n  text-align: center;\n  height: 335px;\n  float: left;\n  margin-right: 80px;\n  margin-top: 80px;\n  margin-bottom: 74px;\n  display: table-cell;\n  background: #f4f5f9;\n}\n.avatar[data-v-d89375ca] {\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-d89375ca] {\n  text-align: left;\n  position: relative;\n  /* padding-top: 10px; */\n}\n.card-info li[data-v-d89375ca] {\n  font-size: 14px;\n}\n.card-info li span[data-v-d89375ca] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-d89375ca] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-d89375ca] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-d89375ca] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-d89375ca] .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-d89375ca] .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-d89375ca] {\n  height: 147px;\n  width: 110px;\n  margin-bottom: 13px;\n  margin-right: 24px;\n  background: url("+a("gpWv")+") center no-repeat;\n}\n.card-avatar[data-v-d89375ca] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-d89375ca] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-d89375ca] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},qxAQ:function(t,i,a){t.exports=a.p+"static/img/init.81dd547.jpg"}});