https://frontend.momodel.cn/back_b/2827.5696776a.chunk.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[2827],{571065:(e,t,a)=>{a.r(t),a.d(t,{default:()=>n});const n={center:"index__center--BEdfi",modalBtnCancel:"index__modalBtnCancel--tlqBS",modalBtnDanger:"index__modalBtnDanger--nyLcz",modalBtnReset:"index__modalBtnReset--uHXIX",modalBtnDisabled:"index__modalBtnDisabled--V0lm0",tableFilterDiv:"index__tableFilterDiv--lH1Ku",filterCheckbox:"index__filterCheckbox--xez0U",filterFooter:"index__filterFooter--qph0T",numberInput:"index__numberInput--U4IJD",filterTitle:"index__filterTitle--WeNDb",modalBtnOk:"index__modalBtnOk--v5eyU",tableBtn:"index__tableBtn--rgz2T",flex:"index__flex--fBEoX",splitLine:"index__splitLine--bpc9O",flexEnd:"index__flexEnd--m5z0X",flexStart:"index__flexStart--fcRte",detailNavName:"index__detailNavName--ljh0s",copyLinkURL:"index__copyLinkURL--2EJ6B",copyLink:"index__copyLink--JnfkM",copyIcon:"index__copyIcon--JeIV_",flexCenter:"index__flexCenter--X43MM",flexColumnCenter:"index__flexColumnCenter--PgkyZ",flexColumnStart:"index__flexColumnStart--iWdF3",flexBetween:"index__flexBetween--YsOOZ",blueText:"index__blueText--gGCkX",bluePlainText:"index__bluePlainText--SSw1M",blueTextPlain:"index__blueTextPlain--xLRZR",antInput:"index__antInput--k3gdd",mr16:"index__mr16--yq7H6",ml8:"index__ml8--uHfc4",mr8:"index__mr8--MpaVz",mb16:"index__mb16--P48kQ",moTag:"index__moTag--PVS6y",moUserAvatarSpan:"index__moUserAvatarSpan--eBbnP",moUserAvatar:"index__moUserAvatar--AdfRt",moUsername:"index__moUsername--N8Kgd",navOverlay:"index__navOverlay--F4vEO",homeworkTableStyle:"index__homeworkTableStyle--AhyWu",subTitle:"index__subTitle--zX8nL",modalHeader:"index__modalHeader--Sbs9k",modalHeaderNew:"index__modalHeaderNew--fMSDD",modalHeaderBefore:"index__modalHeaderBefore--PnTkG",font14gray:"index__font14gray--o5arr",ml16:"index__ml16--Xckbj","phone-modal":"index__phone-modal--aHYAV",medalSrc:"index__medalSrc--D8M09",medalMove:"index__medalMove--QJ2Xy",tabStyle:"index__tabStyle--X6I7W",unLoginAvatar:"index__unLoginAvatar--KZOX4",spin:"index__spin--ki4uG","ant-spin-container":"index__ant-spin-container--T42rM",confirmBtns:"index__confirmBtns--WWoSZ",tableTitle:"index__tableTitle--ScrGK",studentNum:"index__studentNum--vKiOg",modalMethodOverwrite:"index__modalMethodOverwrite--XdaBU",largeRoundBtn:"index__largeRoundBtn--jbRva",outerBox:"index__outerBox--JfNSM",innerBox:"index__innerBox--IFO3H",inputchepai:"index__inputchepai--SpamG",outputchepai:"index__outputchepai--YYLGJ",kaifazhong:"index__kaifazhong--HS7WA",banner:"index__banner--hkhm4",partTwo:"index__partTwo--NhCbl",des:"index__des--eCXtx",useTitle:"index__useTitle--QJA_w",useHint:"index__useHint--NUPYG",learnTitle:"index__learnTitle--RIMu0",useNowHead:"index__useNowHead--byjAf",cropModalTitle:"index__cropModalTitle--nuJ_M",cropModalFooter:"index__cropModalFooter--gWKrc",cropModalHint:"index__cropModalHint--Vn020",ImageContainer:"index__ImageContainer--sCKrG",imgIcon:"index__imgIcon--ebXVd",form:"index__form--Ucx6L",item:"index__item--XkABw",row:"index__row--Wjvp7"}},122827:(e,t,a)=>{var n=a(496763),r=a(124994),i=a(373738);function l(){var e=r(a(354756));return l=function(){return e},e}function o(){var e=r(a(94634));return o=function(){return e},e}function d(){var e=r(a(29293));return d=function(){return e},e}function u(){var e=r(a(517383));return u=function(){return e},e}function s(){var e=r(a(334579));return s=function(){return e},e}function c(){var e=r(a(728452));return c=function(){return e},e}function f(){var e=r(a(863072));return f=function(){return e},e}function p(){var e=r(a(829511));return p=function(){return e},e}function m(){var e=r(a(443693));return m=function(){return e},e}function _(){var e=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var a=E(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var o=r?Object.getOwnPropertyDescriptor(e,l):null;o&&(o.get||o.set)?Object.defineProperty(n,l,o):n[l]=e[l]}return n.default=e,a&&a.set(e,n),n}

1(a(296540));return _=function(){return e},e}function g(){var e=a(113622);return g=function(){return e},e}function h(){var e=a(508341);return h=function(){return e},e}function x(){var e=r(a(598093));return x=function(){return e},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var v=r(a(571065));function y(){var e=a(941376);return y=function(){return e},e}function w(){var e=a(374601);return w=function(){return e},e}function b(){var e=r(a(709936));return b=function(){return e},e}function C(){var e=a(117252);return C=function(){return e},e}function E(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(E=function(e){return e?a:t})(e)}function k(e,t,a){return t=(0,f().default)(t),(0,c().default)(e,N()?Reflect.construct(t,a||[],(0,f().default)(e).constructor):t.apply(e,a))}function N(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(N=function(){return!!e})()}a(957044);var B=h().Form.Item,M={labelCol:{span:24},wrapperCol:{span:24}},T={x:0,y:0,unit:"px",width:100,height:100},I=function(e){function t(){var e;(0,u().default)(this,t);for(var a=arguments.length,n=new Array(a),r=0;r<a;r++)n[r]=arguments[r];return e=k(this,t,[].concat(n)),(0,m().default)(e,"state",{loading:!1,previewVisible:!1,previewImage:"",fileList:[],src:null,showCrop:!1,croppedImage:null,crop:T}),(0,m().default)(e,"handleCancel",(function(){return e.setState({previewVisible:!1,previewImage:""})})),(0,m().default)(e,"handlePreview",function(){var t=(0,d().default)(l().default.mark((function t(a){return l().default.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a.url||a.preview){t.next=5;break}return t.next=3,e.getBase64(a.originFileObj,(function(t){a.preview=t,e.setState({previewImage:a.url||a.preview,previewVisible:!0})}));case 3:t.next=6;break;case 5:e.setState({previewImage:a.url||a.preview,previewVisible:!0});case 6:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()),(0,m().default)(e,"getBase64",(function(e,t){var a=new FileReader;e.originFileObj?a.readAsDataURL(e.originFileObj):a.readAsDataURL(e),a.addEventListener("load",(function(){return t(a.result)}))})),(0,m().default)(e,"handleChange",(function(t){var a=t.fileList[0];e.getBase64(a,(function(t){e.setState({src:t,showCrop:!0})}))})),(0,m().default)(e,"onImageLoaded",(function(t){e.setState({imageRef:t},(function(){return e.makeClientCrop(e.state.crop)}))})),(0,m().default)(e,"onCropComplete",(function(t){e.makeClientCrop(t)})),(0,m().default)(e,"onCropChange",(function(t,a){e.setState({crop:t})})),(0,m().default)(e,"modalCancel",(function(){e.setState({showCrop:!1,croppedImage:null,fileList:[],crop:T})})),(0,m().default)(e,"modalConfirm",(function(){var t=e.state.croppedImage,a=new File([t],"image.jpg",{type:t.type});a.uid="-1",a.status="done",e.getBase64(a,(function(t){a.preview=t,a.thumbUrl=t;var n={name:a.name,originFileObj:a,uid:a.uid,size:a.size,type:a.type,thumbUrl:t};e.setState({showCrop:!1,fileList:[n]}),(0,w().uploadImgToTempFile)({file:a,onJson:function(t){!0===t.success?e.props.setCroppedImageTempFileName(t.temp_file_name):(0,C().error)("图片上传失败，请稍后再试")}})}))})),e}return(0,p().default)(t,e),(0,s().default)(t,[{key:"getCroppedImg",value:function(e,t,a){var r=document.createElement("canvas"),i=e.naturalWidth/e.width,l=e.naturalHeight/e.height;return r.width=t.width,r.height=t.height,r.getContext("2d").drawImage(e,t.x*i,t.y*l,t.width*i,t.height*l,0,0,t.width,t.height),new Promise((function(e,t){r.toBlob((function(t){t?(t.name=a,e(t)):n.error("Canvas is empty")}),"text/html")}))}},{key:"makeClientCrop",value:(a=(0,d().default)(l().default.mark((function e(t){var a;return l().default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(this.state.imageRef&&t.width&&t.height)){e.next=5;break}return e.next=3,this.getCroppedImg(this.state.imageRef,t,"newFile.blob");case 3:a=e.sent,this.setState({croppedImage:a});case 5:case"end":return e.stop()}}),e,this)}))),function(e){return a.apply(this,arguments)})},{key:"render",value:function(){var e=this,t=_().default.createElement("div",{className:v.default.imgIcon},this.state.loading?_().default.createElement(h().Icon,{type:"loading"}):_().default.createElement("i",{className:"icon-icon_pic iconfont",style:{fontSize:50,color:"#BFBFBF"}}),_().default.createElement("div",{className:"ant-upload-text"},this.props.baseArg&&this.props.baseArg.description||_().default.createElement(y().FormattedMessage,{id:"projectExample.btn.select",defaultMessage:"Upload"}))),a={onRemove:function(t){e.props.setFieldsValue((0,m().default)({},e.props.keyName,"")),e.setState({fileList:[],croppedImage:null,crop:T})},beforeUpload:function(e){return["image/jpeg","image/png","image/jpg"].includes(e.type)||(0,C().error)(window.intl.formatMessage({id:"setting.avatar.type"})),e.size/1024/1024<5||(0,C().error)(window.intl.formatMessage({id:"setting.avatar.size"})),!1},fileList:this.state.fileList};return _().default.createElement("div",{className:v.default.ImageContainer}

1,_().default.createElement(h().Modal,{width:620,visible:this.state.showCrop,onCancel:this.modalCancel,footer:null},_().default.createElement("div",{className:v.default.cropModalTitle},"选定车牌区域"),_().default.createElement(x().default,{minWidth:50,minHeight:50,keepSelection:!0,src:this.state.src,crop:this.state.crop,onImageLoaded:this.onImageLoaded,onComplete:this.onCropComplete,onChange:this.onCropChange}),_().default.createElement("div",{className:v.default.cropModalFooter},_().default.createElement("div",{className:v.default.cropModalHint},"提示: 请通过拖拽、缩放选择框选定图片中的车牌区域"),_().default.createElement("div",null,_().default.createElement(h().Button,{onClick:this.modalCancel,className:v.default.modalBtnCancel},window.intl.formatMessage({id:"btn.cancel"})),_().default.createElement(h().Button,{onClick:this.modalConfirm,type:"primary",htmlType:"submit"},window.intl.formatMessage({id:"btn.ok"}))))),_().default.createElement("div",null,_().default.createElement(h().Upload,(0,o().default)({},a,{className:"upload-pic",action:"/pyapi/file/temp_api_file",listType:"picture-card",onPreview:this.handlePreview,onChange:this.handleChange,accept:"image/png,image/jpeg"}),this.state.fileList.length>=1?"":t),_().default.createElement(h().Modal,{visible:this.state.previewVisible,footer:null,onCancel:this.handleCancel},_().default.createElement("img",{alt:"example",style:{width:"100%"},src:this.state.previewImage}))))}}]);var a}(_().default.Component),F=function(e){function t(e){var a;return(0,u().default)(this,t),a=k(this,t,[e]),(0,m().default)(a,"startPredict",(function(){var e=a.props.login.user&&a.props.login.user.api_key,t={input:{img:{val:a.state.croppedImageTempFileName,type:"img"}},output:{lp:{type:"str"}}};a.setState({loading:!0}),(0,w().runApi)({app_id:"5ef05cdbaed17286c7fd682c",apiKey:e,app:t,version:"dev"}).then((function(e){a.setState({loading:!1}),a.props.getPredictResult(e)}))})),a.state={args:[],croppedImageTempFileName:"",loading:!1},a}return(0,p().default)(t,e),(0,s().default)(t,[{key:"render",value:function(){var e=this,t=this.props.form,a=t.getFieldDecorator,n=t.setFieldsValue,r=this.state,i=r.croppedImageTempFileName,l=r.loading,d="输入车牌图片";return _().default.createElement("div",{className:v.default.form},_().default.createElement(h().Form,{layout:"horizontal",key:"params-form-chepai"},_().default.createElement(B,(0,o().default)({key:d,className:"example-form-item",label:d},M),_().default.createElement("div",{className:v.default.row},a(d,{rules:[{required:!0,message:window.intl.formatMessage({id:"app.run.paramTypeValidate.image"})}]})(_().default.createElement(I,{setFieldsValue:n,keyName:d,setCroppedImageTempFileName:function(t){return e.setState({croppedImageTempFileName:t})}})))),_().default.createElement(B,{style:{display:"flex",justifyContent:"flex-end",paddingRight:115}},_().default.createElement(h().Button,{loading:l,id:"example-submit",type:"primary",htmlType:"submit",disabled:""===i,onClick:this.startPredict},_().default.createElement(y().FormattedMessage,{id:"projectExample.btn.submit"})))))}}])}(_().Component),S=function(e){function t(e){var a;return(0,u().default)(this,t),a=k(this,t,[e]),(0,m().default)(a,"onClick",(function(){a.forkCourse()})),(0,m().default)(a,"forkCourse",(function(){a.props.dispatch({type:"project/forkTemplate",payload:{type:"app",new_display_name:"车牌识别",is_template:!0,course_ID:"5eff4179c96a881a7b39090e"},display_name_cn:"车牌识别"}),a.props.dispatch({type:"project/sendEnroll",payload:{course_id:"5eff4179c96a881a7b39090e",course_section_id:"5eff4073c96a881a7b39090d",course_unit_id:"5eff4003c96a881a7b39090c"}})})),(0,m().default)(a,"handlePredictResult",(function(e){200===e.status?a.setState({res:e.data.lp,error:!1}):a.setState({res:"",error:!0})})),a.state={args:[],error:!1,res:""},a}

1return(0,p().default)(t,e),(0,s().default)(t,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this,t=this.state,a=t.error,n=t.res;return _().default.createElement("div",{className:v.default.outerBox},_().default.createElement("div",{className:v.default.innerBox},_().default.createElement("div",{className:v.default.banner},_().default.createElement("img",{src:"https://imgbed.momodel.cn//20200610154602.png",alt:"image",width:1e3})),_().default.createElement("div",{className:v.default.partTwo},_().default.createElement("div",{className:v.default.des},"计算机视觉是人工智能的一个重要分支，它可以赋予计算机看懂图片中内容的能力，比如辨别一张图片里宠物是一只猫还是一只狗。 文字识别是计算机视觉中的一项重要任务，本实验，你将基于神经网络技术，对车牌进行自动识别。对于学有余力的同学， 还可以学习相关的源代码，一窥其背后的奥秘。"),_().default.createElement("div",{className:v.default.useTitle},_().default.createElement(y().FormattedMessage,{id:"appDetail.use"})),_().default.createElement("div",null,_().default.createElement(h().Row,{gutter:24,type:"flex",justify:"center"},_().default.createElement(h().Col,{span:12,style:{padding:0}},_().default.createElement("div",{className:v.default.useNowHead},_().default.createElement(y().FormattedMessage,{id:"projectExample.input"})),_().default.createElement("div",null,_().default.createElement(j,{dispatch:this.props.dispatch,login:this.props.login,getPredictResult:function(t){return e.handlePredictResult(t)}}))),a?_().default.createElement(h().Col,{span:11,className:v.default.useCol},_().default.createElement("div",null,_().default.createElement("div",{className:v.default.useNowHead},_().default.createElement(y().FormattedMessage,{id:"projectExample.error",defaultMessage:"ERROR"})),_().default.createElement("div",{style:{padding:"20px",paddingLeft:10}},_().default.createElement("div",{style:{whiteSpace:"pre-line"}},_().default.createElement(y().FormattedMessage,{id:"projectExample.opps"}))))):_().default.createElement(h().Col,{span:11,className:v.default.useCol},_().default.createElement("div",{className:v.default.useNowHead},_().default.createElement(y().FormattedMessage,{id:"projectExample.output"})),_().default.createElement("div",null,_().default.createElement("div",{className:v.default.inputchepai},"车牌识别结果:"),_().default.createElement("span",{className:v.default.outputchepai},n))))),_().default.createElement("div",{className:v.default.learnTitle},"算法学习"),_().default.createElement(b().default,{onClick:this.onClick},_().default.createElement(h().Button,{type:"primary",shape:"round",actionFrom:"license_project_start"},"启动项目")))))}}])}(_().Component),j=h().Form.create()(F);t.default=(0,g().connect)((function(e){return{login:e.login}}))(S);e.exports=t.default}}]);
2//# sourceMappingURL=2827.5696776a.chunk.js.map