fix:新建直播添加异常提示

src/modules/course-manage/components/AddLiveBasic.jsx

@@ -94,6 +94,12 @@ class AddLiveBasic extends React.Component {
       this.props.onChange('coverId', coverId)
     }, 1000)
   }
+  exItem = (id)=> {
+    const item = _.find(this.props.exItems,(item)=> {return item.id === id})
+    return (
+        item ? <div style={{position:"absolute",color:"#FF4F4F"}}>{item.msg}</div> : ""
+    )
+  }
   render() {
     const { imageFile, showSelectFileModal, visible } = this.state
     const { data } = this.props
@@ -108,7 +114,7 @@ class AddLiveBasic extends React.Component {
           </span>
           <div id="courseName" style={{display:"inline-block"}}>
           <Input
-          className={_.find(this.props.exItems,(item)=>{return item === "courseName"})?"err":""}
+          className={_.find(this.props.exItems,(item)=>{return item.id === "courseName"})?"err":""}
             value={courseName}
             placeholder={`请输入直播名称(${this.state.courseNameLimit}字以内)`}
             maxLength={this.state.courseNameLimit}
@@ -117,6 +123,7 @@ class AddLiveBasic extends React.Component {
               this.props.onChange('courseName', e.target.value)
             }}
           />
+          {this.exItem("courseName")}
           </div>
         </div>
         <div className='course-cover'>
@@ -150,12 +157,13 @@ class AddLiveBasic extends React.Component {
           </span>
           <div id="categoryId" style={{display:"inline-block"}}>
           <CourseCatalogSelect
-            className={_.find(this.props.exItems,(item)=>{return item === "categoryId"})?"err":""}
+            className={_.find(this.props.exItems,(item)=>{return item.id === "categoryId"})?"err":""}
             value={categoryId}
             onChange={(value, label) => {
               this.handleChangeCatalogList(value, label)
             }}
           />
+          {this.exItem("categoryId")}
           </div>
         </div>
         {showSelectFileModal && (

src/modules/course-manage/components/AddLiveClassInfoWorkWX.jsx

@@ -205,13 +205,20 @@ export default function AddLiveClassInfoWorkWX(props) {
         }
     }
 
+    function exItem(id) {
+        const item = _.find(props.exItems,(item)=> {return item.id === id})
+        return (
+            item ? <div style={{position:"absolute",color:"#FF4F4F"}}>{item.msg}</div> : ""
+        )
+    }
+
     return (
         <div className="AddLiveClassInfoWorkWX">
             <div className="begin-time item">
                 <span className="label"><span className="require">*</span>开始时间：</span>
                 <div id="startTime" style={{display:"inline-block"}}>
                 <DatePicker 
-                className={_.find(props.exItems,(item)=>{return item === "startTime"})?"err":""}
+                className={_.find(props.exItems,(item)=>{return item.id === "startTime"})?"err":""}
                  placeholder="请选择开始日期"
                 value={beginDate===0?undefined:moment(beginDate)}
                 onChange={onBeginDateChange} 
@@ -220,7 +227,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                 style={{width:"180px"}}
                 />
                 <TimePicker 
-                className={_.find(props.exItems,(item)=>{return item === "startTime"})?"err":""}
+                className={_.find(props.exItems,(item)=>{return item.id === "startTime"})?"err":""}
                 value={beginTime===0?undefined:moment(beginTime)}
                 onChange={onBeginTimeChange} 
                 onOk={onBeginTimeOK} 
@@ -228,7 +235,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                 format="HH:mm" 
                 style={{width:"120px"}}
                 />
-                <div style={{position:"absolute"}}></div>
+                {exItem("startTime")}
                 </div>
             </div>
 
@@ -239,7 +246,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                         <span className="label"><span className="require">*</span>结束时间：</span>
                         <div id="endTime" style={{display:"inline-block"}}>
                         <DatePicker 
-                        className={_.find(props.exItems,(item)=>{return item === "endTime"})?"err":""}
+                        className={_.find(props.exItems,(item)=>{return item.id === "endTime"})?"err":""}
                         placeholder="请选择结束日期"
                         value={endDate===0?undefined:moment(endDate)}
                         onChange={onEndDateChange} 
@@ -250,7 +257,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                         style={{width:"180px"}}
                         />
                         <TimePicker 
-                        className={_.find(props.exItems,(item)=>{return item === "endTime"})?"err":""}
+                        className={_.find(props.exItems,(item)=>{return item.id === "endTime"})?"err":""}
                         value={endTime === 0?moment().add(5,'minutes'):moment(endTime)}
                         onChange={onEndTimeChange} 
                         onOk={onEndTimeOK} 
@@ -258,6 +265,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                         format="HH:mm" 
                         style={{width:"120px"}}
                         />
+                        {exItem("endTime")}
                         </div>
                         </>
                     ) : (
@@ -281,7 +289,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                 <Select 
                 value={teacherId}
                 onChange={onTeacherChange} 
-                className={_.find(props.exItems,(item)=>{return item === "teacherId"})?"err":""}
+                className={_.find(props.exItems,(item)=>{return item.id === "teacherId"})?"err":""}
                 
                 placeholder="请选择讲师"
                 disabled={!props.isEdit ? true: false}
@@ -321,6 +329,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                     })
                     }
                 </Select>
+                {exItem("teacherId")}
                 </div>
             </div>
             <div className="remind-time item" id="jfjfiemc">

src/modules/course-manage/components/CreateWorkWXCourse.jsx

@@ -305,25 +305,25 @@ function CreateWorkWXCourse() {
     return new Promise((resolve) => {
       let _exitem = []
       if (_.isEmpty(basicInfo.courseName)) {
-        _exitem.push("courseName")
+        _exitem.push({id:"courseName",msg:"课程名称不能为空"})
       }
       if (_.isEmpty(basicInfo.categoryId)) {
-        _exitem.push("categoryId")
+        _exitem.push({id:"categoryId",msg:"课程分类未选择"})
       }
       if (!classInfo.startTime) {
-        _exitem.push("startTime")
+        _exitem.push({id:"startTime",msg:"未设置开始时间"})
       }
       if (classInfo.startTime < new Date().getTime()) {
-        _exitem.push("startTime")
+        _exitem.push({id:"startTime",msg:"开始时间不能早于现在"})
       }
       if (endTime !== 0 && (endTime < classInfo.startTime)) {
-        _exitem.push("endTime")
+        _exitem.push({id:"endTime",msg:"结束时间不能早于开始时间"})
       }
       if (_.isEmpty(classInfo.teacherId)) {
-        _exitem.push("teacherId")
+        _exitem.push({id:"teacherId",msg:"未设置讲师"})
       }
       if (editorTextLength > 1000) {
-        _exitem.push("intro")
+        _exitem.push({id:"intro",msg:"直播简介超过1000个字"})
       }
       setExItems(_exitem)