mirror of
https://github.com/hpd840321/starRiverProperty.git
synced 2026-06-10 00:40:30 +08:00
4f79e10bd6
Former-commit-id: 376f94edd602d3dfed1cbada6e08361ee7b08e73
1 line
5.3 KiB
JavaScript
1 line
5.3 KiB
JavaScript
webpackJsonp([53],{"59tQ":function(n,a,t){(n.exports=t("FZ+f")(!1)).push([n.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-188dc1db] {\n width: 386px;\n}\n.card-box[data-v-188dc1db] {\n width: 386px;\n}\n.avatar[data-v-188dc1db] {\n max-width: 386px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-188dc1db] {\n width: 486px;\n}\n.card-box[data-v-188dc1db] {\n width: 486px;\n}\n.avatar[data-v-188dc1db] {\n max-width: 486px;\n}\n}\n.none-data[data-v-188dc1db] {\n font-size: 16px;\n color: #74777c;\n line-height: 308px;\n}\n.card-box[data-v-188dc1db] {\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-188dc1db] {\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-188dc1db] {\n border: 2px solid #3399ff;\n position: absolute;\n display: none;\n}\n.avatar-uploader .el-upload[data-v-188dc1db] {\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-188dc1db]:hover {\n border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-188dc1db] {\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-188dc1db] {\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-188dc1db] {\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-188dc1db] {\n text-align: left;\n position: relative;\n padding-top: 10px;\n}\n.card-info li[data-v-188dc1db] {\n font-size: 14px;\n}\n.card-info li span[data-v-188dc1db] {\n display: inline-block;\n width: 70px;\n text-align: right;\n}\nli[data-v-188dc1db] {\n list-style: none;\n line-height: 40px;\n}\n.simulator-box[data-v-188dc1db] {\n position: relative;\n min-height: 280px;\n width: 1500px;\n}\n[data-v-188dc1db] .el-upload--picture-card {\n width: 170px;\n height: 170px;\n}\n[data-v-188dc1db] .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-188dc1db] .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-188dc1db] {\n height: 147px;\n width: 110px;\n margin-bottom: 13px;\n margin-right: 24px;\n background: url("+t("gpWv")+") center no-repeat;\n}\n.card-avatar[data-v-188dc1db] {\n display: inline-block;\n position: absolute;\n right: 58px;\n top: 45px;\n}\n.avatar-title[data-v-188dc1db] {\n display: inline-block;\n position: absolute;\n right: 132px;\n top: 10px;\n}\n.card-avatar img[data-v-188dc1db] {\n max-height: 100px;\n max-width: 100px;\n}\n",""])},k35Y:function(n,a,t){var e=t("59tQ");"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);t("rjj0")("88a87dde",e,!0)},kkSG:function(n,a,t){n.exports=t.p+"static/img/default.86cd8ff.jpg"},p0k9:function(n,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var e=t("MZdq"),i=t("COE1"),d=t("kkSG"),o=t.n(d),r=t("9Zzp"),p={data:function(){return{imageUrl:"",responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",boxWidth:"",err:""}},mounted:function(){var n=this;Object(r.c)(o.a).then(function(a){n.$refs.imgUpload.imgSrc=a,n.upload(a.split(";base64,")[1])})},methods:{upload:function(n){var a=this,t={channelCode:"system",image:n};e.b.container(t).then(function(n){a.err=n.message,n.success&&n.data?(a.responseText=n,a.isShowInfo=!0,a.faceInfo={img:n.data}):(a.$refs.frame.style.display="none",a.isShowInfo=!1,a.$message.error(n.message),a.responseText=n)}).catch(function(n){a.$message.error(a.err)})}},components:{responseText:i.a}},s={render:function(){var n=this,a=n.$createElement,t=n._self._c||a;return t("div",{staticClass:"app-container"},[t("el-card",{attrs:{shadow:"hover"}},[t("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[t("span",{staticStyle:{"font-size":"14px"}},[n._v("通过上传的图片,进行图片中的集装箱检索并标识。")])]),n._v(" "),t("div",{staticClass:"simulator-box"},[t("div",{ref:"imgBox",staticClass:"up-box",staticStyle:{position:"relative"}},[t("img-upload",{ref:"imgUpload",on:{upload:n.upload}})],1),n._v(" "),t("div",{staticClass:"card-box"},[n.isShowInfo?t("img",{attrs:{src:"data:image/jpeg;base64,"+n.faceInfo.img,alt:""}}):n._e(),n._v(" "),n.isShowInfo?n._e():t("span",{staticClass:"none-data"},[n._v("暂无数据")]),n._v(" "),t("br"),n._v(" "),t("el-row",{staticStyle:{position:"absolute",top:"-50px",left:"0px"}},[t("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(" "),t("response-text",{attrs:{responseText:n.responseText}})],1)},staticRenderFns:[]};var l=t("VU/8")(p,s,!1,function(n){t("k35Y")},"data-v-188dc1db",null);a.default=l.exports}}); |