feat:处理用户进度的限制

src/modules/plan-manage/components/BasicInfo.jsx

@@ -2,7 +2,7 @@
  * @Author: zhangleyuan
  * @Author: zhangleyuan
  * @Date: 2021-02-20 16:45:51
  * @Date: 2021-02-20 16:45:51
  * @LastEditors: zhangleyuan
  * @LastEditors: zhangleyuan
- * @LastEditTime: 2021-03-09 13:55:00
+ * @LastEditTime: 2021-03-09 17:09:39
  * @Description: 描述一下
  * @Description: 描述一下
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
  */
  */
@@ -179,7 +179,22 @@ class BasicInfo extends React.Component{
     }
     }
     return new Blob([ab], { type: "image/png" });
     return new Blob([ab], { type: "image/png" });
   };
   };
-  render() {
+  percentCompleteBlur = (e,field) =>{
+    let _percentCompleteLive;
+    const { value } = e.target;
+    if(value > 100){
+      _percentCompleteLive = 100;
+    }else{
+      if(value < 0){
+        _percentCompleteLive = 0;
+      }else{
+        _percentCompleteLive = value;
+      }
+    }
+    this.props.onChange(field,_percentCompleteLive) 
+  }
+  
+  render(){
     const { operatorModalVisible ,showSelectFileModal,visible,hasImgReady,cutImageBlob} = this.state;
     const { operatorModalVisible ,showSelectFileModal,visible,hasImgReady,cutImageBlob} = this.state;
     const { data} = this.props;
     const { data} = this.props;
     const { planName,coverUrl,instro,enableState,operateType,selectOperatorList,percentCompleteLive,percentCompleteVideo} = data;
     const { planName,coverUrl,instro,enableState,operateType,selectOperatorList,percentCompleteLive,percentCompleteVideo} = data;
@@ -277,11 +292,11 @@ class BasicInfo extends React.Component{
               <div>
               <div>
                 <div className="live-standard-info">
                 <div className="live-standard-info">
                   <span className="icon iconfont">&#xe865;</span>
                   <span className="icon iconfont">&#xe865;</span>
-                  <span>直播课单个课程，用户学习进度达到<Input type="number" width="40" value={percentCompleteLive} onChange={(e) => { this.props.onChange('percentCompleteLive', e.target.value) }}/>% 即视为“已完成”学习</span>
+                  <span>直播课单个课程，用户学习进度达到<Input type="number" width="40" value={percentCompleteLive} onChange={(e) => { this.props.onChange('percentCompleteLive', e.target.value) }} onBlur={(e)=>this.percentCompleteBlur(e,'percentCompleteLive')}/>% 即视为“已完成”学习</span>
                 </div>
                 </div>
                 <div className="video-standard-info">
                 <div className="video-standard-info">
                   <span className="icon iconfont">&#xe864;</span>
                   <span className="icon iconfont">&#xe864;</span>
-                  <span>视频课单个课程，用户学习进度达到<Input type="number"  width="40" value={percentCompleteVideo} onChange={(e) => { this.props.onChange('percentCompleteVideo', e.target.value) }} />%即视为“已完成”学习</span>
+                  <span>视频课单个课程，用户学习进度达到<Input type="number"  width="40" value={percentCompleteVideo} onChange={(e) => { this.props.onChange('percentCompleteVideo', e.target.value) }}  onBlur={(e)=>this.percentCompleteBlur(e,'percentCompleteVideo')}/>%即视为“已完成”学习</span>
                 </div>
                 </div>
               </div>  
               </div>  
           </div>
           </div>