webpackJsonp([195],{DtOc:function(n,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=a("Dd8w"),i=a.n(t),o=a("+giH"),r=a("MZdq"),s=(a("9Zzp"),{data:function(){return{imageUrl:"",uploading:!1,ajax:o.a,responseText:"",faceInfo:{},isShowInfo:!1,proportion:"",result:"",err:""}},beforeDestroy:function(){window.onresize=null},methods:{upload:function(n){var e=this,a=i()({channelCode:"system"},n);this.uploading=!0,r.b.sceneSeparation(a).then(function(n){if(e.uploading=!1,e.err=n.message,n.success&&n.data){e.responseText=n,e.isShowInfo=!0;for(var a=[],t=0;t<n.data.length;t++)t<n.data.length-1&&n.data[t].end===n.data[t+1].start&&n.data[t].speakerId===n.data[t+1].speakerId?n.data[t+1].start=n.data[t].start:a.push(n.data[t]);e.result=a}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=""})},formateSecond:function(n){var e=n%60<10?"0"+n%60:n%60,a=parseInt(n/60)%60<10?"0"+parseInt(n/60)%60:parseInt(n/60)%60;return(parseInt(a/60)<10?"0"+parseInt(a/60):parseInt(a/60))+":"+a+":"+e}},components:{responseText:a("COE1").a}}),d={render:function(){var n=this,e=n.$createElement,a=n._self._c||e;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("voice-upload",{ref:"voiceUpload",attrs:{uploading:n.uploading},on:{upload:n.upload}})],1),n._v(" "),a("div",{staticClass:"card-box"},[n.isShowInfo?a("div",{staticClass:"result-box"},n._l(n.result,function(e,t){return a("div",{key:t},[n._v("\n            "+n._s(1===e.speakerId?"顾客":"坐席")+"\n            "+n._s(n.formateSecond(e.start))+" - "+n._s(n.formateSecond(e.end))+"\n          ")])}),0):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 l=a("VU/8")(s,d,!1,function(n){a("lvVZ")},"data-v-05ef65e1",null);e.default=l.exports},LE2j:function(n,e,a){(n.exports=a("FZ+f")(!1)).push([n.i,"\n@media screen and (max-width: 1590px) {\n.up-box[data-v-05ef65e1] {\n    width: 386px;\n}\n.card-box[data-v-05ef65e1] {\n    width: 386px;\n}\n.avatar[data-v-05ef65e1] {\n    max-width: 386px;\n}\n}\n@media screen and (min-width: 1590px) {\n.up-box[data-v-05ef65e1] {\n    width: 486px;\n}\n.card-box[data-v-05ef65e1] {\n    width: 486px;\n}\n.avatar[data-v-05ef65e1] {\n    max-width: 486px;\n}\n}\n.none-data[data-v-05ef65e1] {\n  font-size: 16px;\n  color: #74777c;\n  line-height: 308px;\n}\n.card-box[data-v-05ef65e1] {\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-05ef65e1] {\n  text-align: left;\n  height: 100%;\n  overflow: auto;\n}\n.imageBox[data-v-05ef65e1] {\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-05ef65e1] {\n  border: 2px solid #3399ff;\n  position: absolute;\n  display: none;\n}\n.avatar-uploader .el-upload[data-v-05ef65e1] {\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-05ef65e1]:hover {\n  border-color: #409eff;\n}\n.avatar-uploader-icon[data-v-05ef65e1] {\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-05ef65e1] {\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-05ef65e1] {\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-05ef65e1] {\n  text-align: left;\n  position: relative;\n  padding-top: 10px;\n}\n.card-info li[data-v-05ef65e1] {\n  font-size: 14px;\n}\n.card-info li span[data-v-05ef65e1] {\n  display: inline-block;\n  width: 70px;\n  text-align: right;\n}\nli[data-v-05ef65e1] {\n  list-style: none;\n  line-height: 40px;\n}\n.simulator-box[data-v-05ef65e1] {\n  position: relative;\n  min-height: 280px;\n  width: 1500px;\n}\n[data-v-05ef65e1] .el-upload--picture-card {\n  width: 170px;\n  height: 170px;\n}\n[data-v-05ef65e1] .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-05ef65e1] .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-05ef65e1] {\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-05ef65e1] {\n  display: inline-block;\n  position: absolute;\n  right: 58px;\n  top: 45px;\n}\n.avatar-title[data-v-05ef65e1] {\n  display: inline-block;\n  position: absolute;\n  right: 132px;\n  top: 10px;\n}\n.card-avatar img[data-v-05ef65e1] {\n  max-height: 100px;\n  max-width: 100px;\n}\n",""])},lvVZ:function(n,e,a){var t=a("LE2j");"string"==typeof t&&(t=[[n.i,t,""]]),t.locals&&(n.exports=t.locals);a("rjj0")("457ea310",t,!0)}});