starRiverProperty/frontend/decompiled/cwos-portal/static/js/96.0a414dd5755cbacaae22.js

webpackJsonp([96],{PaoS:function(n,t,a){var e=a("RyG3");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);a("rjj0")("2c066977",e,!0)},RyG3:function(n,t,a){(n.exports=a("FZ+f")(!1)).push([n.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-32891c18] {\n    width: 386px;\n}\n.card-box[data-v-32891c18] {\n    width: 386px;\n}\n.avatar[data-v-32891c18] {\n    max-width: 386px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-32891c18] {\n    width: 486px;\n}\n.card-box[data-v-32891c18] {\n    width: 486px;\n}\n.avatar[data-v-32891c18] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-32891c18] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-32891c18] {\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-32891c18] {\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-32891c18] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-32891c18] {\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-32891c18]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-32891c18] {\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-32891c18] {\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-32891c18] {\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-32891c18] {\n  text-align: left;\n  position: relative;\n  padding-top: 10px;\n}\n.card-info li[data-v-32891c18] {\n  font-size: 14px;\n}\n.card-info li span[data-v-32891c18] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-32891c18] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-32891c18] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-32891c18] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-32891c18] .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-32891c18] .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-32891c18] {\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-32891c18] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-32891c18] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-32891c18] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},ygYD:function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a("+giH"),i=a("MZdq"),o=(a("9Zzp"),{data:function(){return{imageUrl:"",ajax:e.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:""}},mounted:function(){var n=this,t=this;window.onresize=function(){t.boxWidth=n.$refs.imgBox.offsetWidth}},beforeDestroy:function(){window.onresize=null},methods:{upload:function(n){var t=this,a={img:n,sliceFace:1,algorithmSubType:2007};i.b.faceTestInfo(a).then(function(n){t.err=n.message,n.success&&n.data?(t.responseText=n,t.isShowInfo=!0,t.faceInfo=n.data.images[0].pos,t.faceInfo.img=n.data.images[0].image,t.change()):t.$nextTick(function(){t.isShowInfo=!1,t.$message.error(n.message||"人脸检测异常"),t.responseText=n})}).catch(function(n){t.$message.error(t.err||"人脸检测异常")})},change:function(){var n=this,t=new Image;t.src=this.imageUrl,this.boxWidth=this.$refs.imgBox.offsetWidth,t.onload=function(){var a=t.height>=335?335:t.height;t.height<=t.width&&t.height<335||t.height<=t.width&&t.height<335&&document.body.clientWidth<1580&&t.width<386||t.height<=t.width&&t.height<335&&document.body.clientWidth>1580&&t.width<486?n.proportion=1:n.proportion=t.height>t.width?t.height/a:t.width/n.boxWidth,n.$refs.frame.style.display="inline-block",n.$refs.frame.style.width=n.faceInfo.width/n.proportion+"px",n.$refs.frame.style.height=n.faceInfo.height/n.proportion+"px",n.$refs.frame.style.top=n.faceInfo.y/n.proportion+"px",n.$refs.frame.style.left=n.faceInfo.x/n.proportion+"px"}}},watch:{boxWidth:function(n,t){this.change()}},components:{responseText:a("COE1").a}}),r={render:function(){var n=this,t=n.$createElement,a=n._self._c||t;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"}},[n._v("通过检测上传的图片，标识出人脸框坐标，并返回人脸抠图信息")])]),n._v(" "),a("div",{staticClass:"simulator-box"},[a("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[a("img-upload",{on:{upload:n.upload}})],1),n._v(" "),a("div",{staticClass:"card-box"},[n.isShowInfo?a("ul",{staticClass:"card-info"},[a("li",{staticClass:"avatar-title"},[n._v("抠图：")]),n._v(" "),a("li",{staticClass:"card-avatar"},[a("img",{attrs:{src:"data:image/jpeg;base64,"+n.faceInfo.img,alt:""}})]),n._v(" "),a("li",[a("span",[n._v("X轴坐标：")]),n._v("\n            "+n._s(n.faceInfo.x)+"\n          ")]),n._v(" "),a("li",[a("span",[n._v("Y轴坐标：")]),n._v("\n            "+n._s(n.faceInfo.y)+"\n          ")]),n._v(" "),a("li",[a("span",[n._v("W：")]),n._v("\n            "+n._s(n.faceInfo.width)+"\n          ")]),n._v(" "),a("li",[a("span",[n._v("H：")]),n._v("\n            "+n._s(n.faceInfo.height)+"\n          ")])]):n._e(),n._v(" "),n.isShowInfo?n._e():a("span",{staticClass:"none-data"},[n._v("暂无数据")]),n._v(" "),a("br"),n._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"}},[n._v("识别结果")])])],1)])]),n._v(" "),a("response-text",{attrs:{responseText:n.responseText}})],1)},staticRenderFns:[]};var s=a("VU/8")(o,r,!1,function(n){a("PaoS")},"data-v-32891c18",null);t.default=s.exports}});