starRiverProperty/frontend/decompiled/cwos-portal/static/js/55.c024bf930640effa49b1.js

webpackJsonp([55],{"J2H/":function(t,e,i){var s=i("REnB");"string"==typeof s&&(s=[[t.i,s,""]]),s.locals&&(t.exports=s.locals);i("rjj0")("56a9019c",s,!0)},REnB:function(t,e,i){(t.exports=i("FZ+f")(!1)).push([t.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-043ea168] {\n    width: 496px;\n}\n.up-box video[data-v-043ea168] {\n    width: 496px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-043ea168] {\n    width: 596px;\n}\n.up-box video[data-v-043ea168] {\n    width: 596px;\n}\n}\n.up-box[data-v-043ea168] {\n  vertical-align: middle;\n  height: 335px;\n  display: inline-block;\n  position: relative;\n  margin-top: 50px;\n  margin-bottom: 74px;\n  display: table-cell;\n  background: #f4f5f9;\n  font-size: 14px;\n}\n.info-box[data-v-043ea168] {\n  vertical-align: middle;\n  /* height: 335px; */\n  display: inline-block;\n  position: relative;\n  margin-top: -5px;\n  margin-bottom: 74px;\n  font-size: 14px;\n}\n.info-box p[data-v-043ea168] {\n    line-height: 25px;\n}\nli[data-v-043ea168] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-043ea168] {\n  position: relative;\n  min-height: 280px;\n}\n.result span[data-v-043ea168] {\n  color: #74777C;\n}\n.red-icon[data-v-043ea168] {\n  background: #E4071E;\n  height: 32px;\n  width: 32px;\n  display: inline-block;\n  text-align: center;\n  line-height: 32px;\n  color: #fff !important;\n  border-radius: 50%;\n  margin-right: 4px;\n}\n.gray-icon[data-v-043ea168] {\n  border: 1px solid #BCC0C5;\n  height: 32px;\n  width: 32px;\n  display: inline-block;\n  text-align: center;\n  line-height: 32px;\n  color: #BCC0C5;\n  border-radius: 50%;\n  margin-right: 4px;\n}\n.lable-info[data-v-043ea168] {\n  margin-left: 24px;\n  background: #F4F5F6;\n  width: 200px;\n  height: 31px;\n  display: inline-block;\n  position: relative;\n  /* top: 10px; */\n  text-align: center;\n  line-height: 31px;\n}\n",""])},Tzm3:function(t,e,i){t.exports=i.p+"static/media/lipreadingLiveness.34f511f.mp4"},Wynu:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s=i("+giH"),a=i("MZdq"),n=i("9Zzp"),o={data:function(){return{ajax:s.a,responseText:"",lipLable:"",token:"",oneStep:!0,twoStep:!0,twoStepCur:!1,twoStepSuccess:!1,threeStep:!0,threeStepCur:!1,threeStepSuccess:!1,isDiscern:!1,lipPass:!1,lipNotPass:!1,resultImg:""}},created:function(){},methods:{getLipLable:function(){var t=this;a.b.fetchLipLable({channelCode:"system",len:4}).then(function(e){t.lipLable=e.data.label,t.token=e.data.token,t.oneStep=!1,t.twoStep=!1,t.twoStepCur=!0,t.twoStepSuccess=!1,t.threeStepSuccess=!1,t.threeStep=!0,t.threeStepCur=!1,t.isDiscern=!1,t.lipPass=!1,t.lipNotPass=!1,t.resultImg="",t.$refs.upload.clearFiles()}).catch(function(e){t.$message.error(e.message)})},handleChange:function(t){var e=this;this.isDiscern=!1,this.lipPass=!1,this.lipNotPass=!1,this.resultImg="";var i=t.raw;return i.size/1024/1024>10?(this.$message.warning("请上传不超过10M的视频"),void this.$refs.upload.clearFiles()):"video/mp4"!=i.type?(this.$message.error("请上传.mp4格式的视频"),this.$refs.upload.clearFiles(),!1):this.lipLable&&this.token?void Object(n.b)(i).then(function(t){e.twoStepCur=!1,e.threeStep=!1,e.twoStepSuccess=!0,e.threeStepCur=!0,e.threeStepSuccess=!1;var i=t.split(";base64,")[1],s={channelCode:"system",label:e.lipLable,video:i,token:e.token,type:"mp4"};e.isDiscern=!0,a.b.lipreadingRes(s).then(function(t){t.data&&t.success?(e.threeStepCur=!1,e.threeStepSuccess=!0,e.resultImg="data:image/jpeg;base64,"+t.data.faceImage,e.isDiscern=!1,0==t.data.code?e.lipPass=!0:e.lipNotPass=!0,e.responseText=t,e.$refs.upload.clearFiles()):(e.$refs.upload.clearFiles(),e.responseText=t,e.isDiscern=!1,e.lipNotPass=!0)})}).catch(function(t){e.$refs.upload.clearFiles(),e.$message.error(t.message)}):(this.$message.warning("请先获取唇语lable"),void this.$refs.upload.clearFiles())},fileError:function(t,e,i){this.$message.error(t)}},components:{responseText:i("COE1").a}},l={render:function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"app-container"},[s("el-card",{attrs:{shadow:"hover"}},[s("div",{staticClass:"clearfix",attrs:{slot:"header"},slot:"header"},[s("span",{staticStyle:{"font-size":"14px"}},[t._v("录制读取数字的唇语视频，上传后判断是否为活体")])]),t._v(" "),s("div",{staticClass:"simulator-box"},[s("div",{staticClass:"up-box",staticStyle:{float:"left","margin-right":"80px"}},[s("video",{attrs:{src:i("Tzm3"),controls:"controls",height:"335px;"}})]),t._v(" "),s("div",{staticClass:"info-box",staticStyle:{top:"50px"}},[s("div",[s("p",{staticStyle:{"margin-bottom":"20px"}},[t.oneStep?s("span",{staticClass:"red-icon"},[t._v("1")]):s("svg-icon",{staticClass:"icon",staticStyle:{width:"32px",height:"32px",position:"relative",top:"10px"},attrs:{"icon-class":"icon_step_sucess"}}),t._v("\n             点击“获取唇语lable”按钮，获取唇语活体识别随机数。")],1),t._v(" "),s("el-button",{staticStyle:{width:"116px","margin-left":"40px",float:"left"},attrs:{type:"primary",size:"small"},on:{click:t.getLipLable}},[t._v("获取唇语lable")]),t._v(" "),s("span",{staticClass:"lable-info"},[t._v(t._s(t.lipLable))])],1),t._v(" "),s("div",{staticStyle:{"margin-top":"30px"}},[s("p",[t.twoStep?s("span",{staticClass:"gray-icon"},[t._v("2")]):t._e(),t._v(" "),t.twoStepCur?s("span",{staticClass:"red-icon"},[t._v("2")]):t._e(),t._v(" "),t.twoStepSuccess?s("svg-icon",{staticClass:"icon",staticStyle:{width:"32px",height:"32px",position:"relative",top:"10px"},attrs:{"icon-class":"icon_step_sucess"}}):t._e(),t._v("\n             请上传读取随机数的视频，视频大小不超过10M")],1),t._v(" "),s("el-upload",{ref:"upload",staticClass:"upload-demo",staticStyle:{"padding-left":"40px"},attrs:{"before-remove":t.beforeRemove,limit:1,"file-list":t.fileList,"on-error":t.fileError,"on-change":t.handleChange,name:"file",accept:".mp4","auto-upload":!1}},[s("el-button",{staticStyle:{float:"left",width:"116px","margin-top":"20px"},attrs:{size:"small"}},[t._v("上传视频")]),t._v(" "),s("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[t._v("支持扩展名：.mp4")])],1)],1),t._v(" "),s("div",{staticStyle:{"margin-top":"30px"}},[s("p",{staticClass:"result"},[t.threeStep?s("span",{staticClass:"gray-icon"},[t._v("3")]):t._e(),t._v(" "),t.threeStepCur?s("span",{staticClass:"red-icon"},[t._v("3")]):t._e(),t._v(" "),t.threeStepSuccess?s("svg-icon",{staticClass:"icon",staticStyle:{width:"32px",height:"32px",position:"relative",top:"10px"},attrs:{"icon-class":"icon_step_sucess"}}):t._e(),t._v("\n             识别结果：\n              "),t.isDiscern?s("span",[s("el-icon",{staticClass:"el-icon-loading"}),t._v("  正在识别中")],1):t._e(),t._v(" "),t.lipPass?s("span",{staticStyle:{color:"#67DAC1"}},[s("svg-icon",{staticClass:"icon",staticStyle:{width:"32px",height:"32px",position:"relative",top:"10px","margin-right":"7px","margin-left":"10px"},attrs:{"icon-class":"icon_sucess"}}),t._v("唇语识别通过")],1):t._e(),t._v(" "),t.lipNotPass?s("span",{staticStyle:{color:"#FA5555"}},[s("svg-icon",{staticClass:"icon",staticStyle:{width:"32px",height:"32px",position:"relative",top:"10px","margin-right":"7px","margin-left":"10px"},attrs:{"icon-class":"icon_default"}}),t._v("唇语识别不通过")],1):t._e()],1),t._v(" "),s("img",{staticStyle:{"max-height":"77px","max-width":"115px","margin-top":"15px","margin-left":"40px"},attrs:{src:t.resultImg,alt:""}})])])])]),t._v(" "),s("response-text",{attrs:{responseText:t.responseText}})],1)},staticRenderFns:[]};var p=i("VU/8")(o,l,!1,function(t){i("J2H/")},"data-v-043ea168",null);e.default=p.exports}});