mirror of
https://github.com/hpd840321/starRiverProperty.git
synced 2026-06-10 00:40:30 +08:00
0c56a3e599
Made-with: Cursor Former-commit-id: 571c9a99ee26d90505e550c287eb8ad8d743ff8d
1 line
9.9 KiB
JavaScript
1 line
9.9 KiB
JavaScript
webpackJsonp([46],{"/Jx0":function(i,t,e){(i.exports=e("FZ+f")(!1)).push([i.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-4bfe3ea8] {\n width: 420px;\n}\n.card-box[data-v-4bfe3ea8] {\n width: 420px;\n}\n.avatar[data-v-4bfe3ea8] {\n max-width: 420px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-4bfe3ea8] {\n width: 486px;\n}\n.card-box[data-v-4bfe3ea8] {\n width: 486px;\n}\n.avatar[data-v-4bfe3ea8] {\n max-width: 486px;\n}\n}\n.none-data[data-v-4bfe3ea8] {\n font-size: 16px;\n color: #74777c;\n line-height: 308px;\n}\n.card-box[data-v-4bfe3ea8] {\n width: 420px;\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-4bfe3ea8] {\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-4bfe3ea8] {\n border: 2px solid #3399ff;\n position: absolute;\n display: none;\n}\n.avatar-uploader .el-upload[data-v-4bfe3ea8] {\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-4bfe3ea8]:hover {\n border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-4bfe3ea8] {\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-4bfe3ea8] {\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-4bfe3ea8] {\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-4bfe3ea8] {\n text-align: left;\n position: relative;\n /* padding-top: 10px; */\n}\n.card-info li[data-v-4bfe3ea8] {\n font-size: 14px;\n}\n.card-info li span[data-v-4bfe3ea8] {\n display: inline-block;\n width: 70px;\n text-align: right;\n}\nli[data-v-4bfe3ea8] {\n list-style: none;\n line-height: 40px;\n}\n.simulator-box[data-v-4bfe3ea8] {\n position: relative;\n min-height: 280px;\n width: 1500px;\n}\n[data-v-4bfe3ea8] .el-upload--picture-card {\n width: 170px;\n height: 170px;\n}\n[data-v-4bfe3ea8] .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-4bfe3ea8] .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-4bfe3ea8] {\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-4bfe3ea8] {\n display: inline-block;\n position: absolute;\n right: 58px;\n top: 45px;\n}\n.avatar-title[data-v-4bfe3ea8] {\n display: inline-block;\n position: absolute;\n right: 132px;\n top: 10px;\n}\n.card-avatar img[data-v-4bfe3ea8] {\n max-height: 100px;\n max-width: 100px;\n}\n",""])},"/UQH":function(i,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=e("bOdI"),n=e.n(a),o=e("btQV"),r=e("+giH"),p=e("MZdq"),c=e("9Zzp"),s=e("COE1"),l=(e("E4LH"),e("0xDb")),h=e("irLX"),d=e("ev9I"),x=e.n(d),f={data:function(){var i;return i={imageUrl:"",ajax:r.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:"",experience:{title:"",faceList:[],bodyKeyPoint:[],drawLine:!1,canvasPoint:[]},previewFace:{pic:"",width:420,height:355,scanning:!1},resultDatas:[],previewPicWidth:"",previewPicHeight:"",hRatio:0,wRatio:0,Ratio:1,picDistanceX:0,picDistanceY:0,isSavePic:!1},n()(i,"experience",{title:"",faceList:[]}),n()(i,"details",{picWidth:"",picHeight:"",marginTop:150,bigPic:"",attr:{},piclist:[]}),n()(i,"resultDatas",[]),n()(i,"loading",!1),i},mounted:function(){var i=this;Object(c.c)(x.a).then(function(t){i.$refs.imgUpload.imgSrc=t,i.upload(t.split(";base64,")[1])}),h.a.$on("changeThumb",function(t){t.isOriginal?(i.details.bigPic="",i.details.attr={}):(i.details.bigPic=t.img,i.details.attr=t.attr,i.details.picWidth=t.width,i.details.picHeight=t.height)})},beforeDestroy:function(){h.a.$off("changeThumb")},methods:{analysePassengerAttr:function(){var i=this,t=this.previewFace.pic.split(",")[1];this.loading=!0,Object(p.g)(t,this.isSavePic).then(function(t){if(i.isSavePic=!1,i.experience.bodyKeyPoint=[],i.experience.canvasPoint=[],i.details.piclist=[],i.resultDatas=[],i.loading=!1,i.responseText=t,t.success){var e=(t=t.data).lists;if(i.details.piclist.push({selectedPic:!0,img:i.previewFace.pic,attr:{age:0,gender:0},isOriginal:!0,thumbWidth:88,thumbHeight:80}),e.length>0)e.forEach(function(t){Object(l.a)(i.previewFace.pic,t.width,t.height,t.x,t.y).then(function(e){var a={selectedPic:!1,img:e,attr:{gender:0===t.gender?"男":1===t.gender?"女":"未知",ageGroup:0===t.ageGroup?"未成年人":1===t.ageGroup?"成年人":2===t.ageGroup?"老年人":"未知",direction:0===t.direction?"背对":1===t.direction?"右后":2===t.direction?"向右":3===t.direction?"右前":4===t.direction?"正前":5===t.direction?"左前":6===t.direction?"向左":7===t.direction?"左后":"未知",upperColor:0===t.upperColor?"白色":1===t.upperColor?"灰色":2===t.upperColor?"黑色":3===t.upperColor?"红色":4===t.upperColor?"橙色":5===t.upperColor?"蓝色":6===t.upperColor?"黄色":7===t.upperColor?"粉色":8===t.upperColor?"绿色":9===t.upperColor?"紫色":10===t.upperColor?"棕色":"未知",lowerColor:0===t.lowerColor?"白色":1===t.lowerColor?"灰色":2===t.lowerColor?"黑色":3===t.lowerColor?"红色":4===t.lowerColor?"橙色":5===t.lowerColor?"蓝色":6===t.lowerColor?"黄色":7===t.lowerColor?"粉色":8===t.lowerColor?"绿色":9===t.lowerColor?"紫色":10===t.lowerColor?"棕色":"未知"},isOriginal:!1,thumbWidth:88,thumbHeight:t.height/2,width:t.width,height:t.height};i.details.piclist.push(a)})}),i.calcFaceBoxScale(e).forEach(function(t){var e={};e.width=t.width,e.height=t.height,e.x=t.x,e.y=t.y,i.resultDatas.push(e)})}}).catch(function(t){i.isSavePic=!1})},calcPicScale:function(i,t,e){var a=this;Object(l.d)(i,t,e).then(function(i){a.hRatio=i.hRatio,a.wRatio=i.wRatio,a.Ratio=i.Ratio,a.picDistanceX=i.picDistanceX,a.picDistanceY=i.picDistanceY,a.previewPicHeight=i.previewPicHeight,a.previewPicWidth=i.previewPicWidth})},calcFaceBoxScale:function(i){var t=this,e=[];return i.forEach(function(i){var a={};a.height=i.height*t.Ratio,a.width=i.width*t.Ratio,t.hRatio>1&&t.wRatio>1?(a.x=t.picDistanceX+i.x,a.y=t.picDistanceY+i.y):t.hRatio<1&&t.wRatio<1?t.hRatio<t.wRatio?(a.y=i.y*t.Ratio,a.x=t.picDistanceX+i.x*t.Ratio):t.hRatio>t.wRatio?(a.x=i.x*t.Ratio,a.y=t.picDistanceY+i.y*t.Ratio):(a.x=i.x*t.Ratio,a.y=i.y*t.Ratio):t.hRatio>1&&t.wRatio<1?(a.x=i.x*t.Ratio,a.y=i.y*t.Ratio+t.picDistanceY):t.hRatio<1&&t.wRatio>1?(a.y=i.y*t.Ratio,a.x=i.x*t.Ratio+t.picDistanceX):1===t.wRatio&&t.hRatio>1?(a.y=i.y*t.Ratio+t.picDistanceY,a.x=i.x*t.Ratio):1===t.wRatio&&t.hRatio<1?(a.y=i.y*t.Ratio,a.x=i.x*t.Ratio+t.picDistanceX):t.wRatio>1&&1===t.hRatio?(a.y=i.y*t.Ratio,a.x=i.x*t.Ratio+t.picDistanceX):t.wRatio<1&&1===t.hRatio?(a.y=i.y*t.Ratio+t.picDistanceY,a.x=i.x*t.Ratio):(a.y=i.y*t.Ratio,a.x=i.x*t.Ratio),e.push(a)}),e},upload:function(i,t){this.previewPicWidth=0,this.previewPicHeight=0,this.previewFace.pic="data:image/jpeg;base64,"+i,this.isShowInfo=!0;this.calcPicScale(this.previewFace.pic,this.previewFace.width,this.previewFace.height),this.isSavePic=!0,this.analysePassengerAttr()},change:function(){var i=this,t=new Image;t.src=this.imageUrl,this.boxWidth=this.$refs.imgBox.offsetWidth,t.onload=function(){var e=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<420||t.height<=t.width&&t.height<335&&document.body.clientWidth>1580&&t.width<486?i.proportion=1:i.proportion=t.height>t.width?t.height/e:t.width/i.boxWidth,i.$refs.frame.style.display="inline-block",i.$refs.frame.style.width=i.faceInfo.width/i.proportion+"px",i.$refs.frame.style.height=i.faceInfo.height/i.proportion+"px",i.$refs.frame.style.top=i.faceInfo.y/i.proportion+"px",i.$refs.frame.style.left=i.faceInfo.x/i.proportion+"px"}}},watch:{boxWidth:function(i,t){this.change()}},components:{responseText:s.a,PreviewPic:o.a}},g={render:function(){var i=this,t=i.$createElement,e=i._self._c||t;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"}},[i._v("通过上传的图片,对图片中的人体进行检索及识别。")])]),i._v(" "),e("div",{staticClass:"simulator-box"},[e("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[e("img-upload",{ref:"imgUpload",on:{upload:i.upload}})],1),i._v(" "),e("div",{staticClass:"card-box"},[i.isShowInfo?e("ul",{staticClass:"card-info"},[e("PreviewPic",{attrs:{resultPic:i.previewFace.pic,faceResData:i.resultDatas,Width:i.previewPicWidth,Height:i.previewPicHeight,containerHeight:i.previewFace.height,loading:i.loading}})],1):i._e(),i._v(" "),i.isShowInfo?i._e():e("span",{staticClass:"none-data"},[i._v("暂无数据")]),i._v(" "),e("br"),i._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"}},[i._v("识别结果")])])],1)])]),i._v(" "),e("response-text",{attrs:{responseText:i.responseText}})],1)},staticRenderFns:[]};var u=e("VU/8")(f,g,!1,function(i){e("BuXs")},"data-v-4bfe3ea8",null);t.default=u.exports},BuXs:function(i,t,e){var a=e("/Jx0");"string"==typeof a&&(a=[[i.i,a,""]]),a.locals&&(i.exports=a.locals);e("rjj0")("720120fa",a,!0)},ev9I:function(i,t,e){i.exports=e.p+"static/img/init.452d400.jpg"}}); |