webpackJsonp([151],{"7x33":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var a=t("+giH"),i=t("MZdq"),o=(t("9Zzp"),{data:function(){return{uploading:!1,ajax:a.a,responseText:"",faceInfo:{},isShowInfo:!1,result:[],err:""}},beforeDestroy:function(){window.onresize=null},methods:{upload:function(n){var e=this;this.uploading=!0,i.b.videoCharacterRecog(n).then(function(n){if(e.uploading=!1,e.err=n.message,n.success&&n.data){e.responseText=n,e.isShowInfo=!0;for(var t=[],a=0;a<n.data.length;a++){for(var i="",o=0;o<n.data[a].generalCode.length;o++)i+=n.data[a].generalCode[o];t.push(i)}e.result=t}else e.$refs.frame.style.display="none",e.isShowInfo=!1,e.$message.error(n.message),e.responseText=n,e.result=[]}).catch(function(n){e.uploading=!1,e.$message.error(e.err),e.result=[]})}},components:{responseText:t("COE1").a}}),d={render:function(){var n=this,e=n.$createElement,t=n._self._c||e;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("video-upload",{ref:"videoUpload",attrs:{uploading:n.uploading},on:{upload:n.upload}})],1),n._v(" "),t("div",{staticClass:"card-box"},[n.isShowInfo?t("div",{staticClass:"result-box"},n._l(n.result,function(e,a){return t("div",{key:a,staticClass:"result-item"},[n._v(n._s(e))])}),0):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 r=t("VU/8")(o,d,!1,function(n){t("Vb6z")},"data-v-e9de5ff2",null);e.default=r.exports},Vb6z:function(n,e,t){var a=t("oAdr");"string"==typeof a&&(a=[[n.i,a,""]]),a.locals&&(n.exports=a.locals);t("rjj0")("6a206091",a,!0)},oAdr:function(n,e,t){(n.exports=t("FZ+f")(!1)).push([n.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-e9de5ff2] {\n    width: 386px;\n}\n.card-box[data-v-e9de5ff2] {\n    width: 386px;\n}\n.avatar[data-v-e9de5ff2] {\n    max-width: 386px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-e9de5ff2] {\n    width: 486px;\n}\n.card-box[data-v-e9de5ff2] {\n    width: 486px;\n}\n.avatar[data-v-e9de5ff2] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-e9de5ff2] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-e9de5ff2] {\n  height: 335px;\n  display: inline-block;\n  margin-top: 50px;\n  text-align: center;\n  position: relative;\n  background: #f4f5f9;\n  padding: 32px 24px;\n}\n.result-box[data-v-e9de5ff2] {\n  height: 100%;\n  width: 100%;\n  text-align: left;\n  overflow: auto;\n}\n.result-item[data-v-e9de5ff2] {\n  margin-bottom: 10px;\n}\n.imageBox[data-v-e9de5ff2] {\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-e9de5ff2] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-e9de5ff2] {\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-e9de5ff2]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-e9de5ff2] {\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-e9de5ff2] {\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-e9de5ff2] {\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-e9de5ff2] {\n  text-align: left;\n  position: relative;\n  padding-top: 10px;\n}\n.card-info li[data-v-e9de5ff2] {\n  font-size: 14px;\n}\n.card-info li span[data-v-e9de5ff2] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-e9de5ff2] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-e9de5ff2] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-e9de5ff2] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-e9de5ff2] .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-e9de5ff2] .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-e9de5ff2] {\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-e9de5ff2] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-e9de5ff2] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-e9de5ff2] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])}});