Skip to content

X
xiaomai-cloud-class-web
Commit c078731a by maolipeng
Options

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

parent 10accb70
Showing with 32 additions and 15 deletions
src/modules/course-manage/components/AddLiveBasic.jsx
...@@ -94,6 +94,12 @@ class AddLiveBasic extends React.Component { ...@@ -94,6 +94,12 @@ class AddLiveBasic extends React.Component {
this.props.onChange('coverId', coverId) this.props.onChange('coverId', coverId)
}, 1000) }, 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() { render() {
const { imageFile, showSelectFileModal, visible } = this.state const { imageFile, showSelectFileModal, visible } = this.state
const { data } = this.props const { data } = this.props
...@@ -108,7 +114,7 @@ class AddLiveBasic extends React.Component { ...@@ -108,7 +114,7 @@ class AddLiveBasic extends React.Component {
</span> </span>
<div id="courseName" style={{display:"inline-block"}}> <div id="courseName" style={{display:"inline-block"}}>
<Input <Input
className={_.find(this.props.exItems,(item)=>{return item === "courseName"})?"err":""} className={_.find(this.props.exItems,(item)=>{return item.id === "courseName"})?"err":""}
value={courseName} value={courseName}
placeholder={`请输入直播名称(${this.state.courseNameLimit}字以内)`} placeholder={`请输入直播名称(${this.state.courseNameLimit}字以内)`}
maxLength={this.state.courseNameLimit} maxLength={this.state.courseNameLimit}
...@@ -117,6 +123,7 @@ class AddLiveBasic extends React.Component { ...@@ -117,6 +123,7 @@ class AddLiveBasic extends React.Component {
this.props.onChange('courseName', e.target.value) this.props.onChange('courseName', e.target.value)
}} }}
/> />
{this.exItem("courseName")}
</div> </div>
</div> </div>
<div className='course-cover'> <div className='course-cover'>
...@@ -150,12 +157,13 @@ class AddLiveBasic extends React.Component { ...@@ -150,12 +157,13 @@ class AddLiveBasic extends React.Component {
</span> </span>
<div id="categoryId" style={{display:"inline-block"}}> <div id="categoryId" style={{display:"inline-block"}}>
<CourseCatalogSelect <CourseCatalogSelect
className={_.find(this.props.exItems,(item)=>{return item === "categoryId"})?"err":""} className={_.find(this.props.exItems,(item)=>{return item.id === "categoryId"})?"err":""}
value={categoryId} value={categoryId}
onChange={(value, label) => { onChange={(value, label) => {
this.handleChangeCatalogList(value, label) this.handleChangeCatalogList(value, label)
}} }}
/> />
{this.exItem("categoryId")}
</div> </div>
</div> </div>
{showSelectFileModal && ( {showSelectFileModal && (
......
src/modules/course-manage/components/AddLiveClassInfoWorkWX.jsx
...@@ -205,13 +205,20 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -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 ( return (
<div className="AddLiveClassInfoWorkWX"> <div className="AddLiveClassInfoWorkWX">
<div className="begin-time item"> <div className="begin-time item">
<span className="label"><span className="require">*</span>开始时间：</span> <span className="label"><span className="require">*</span>开始时间：</span>
<div id="startTime" style={{display:"inline-block"}}> <div id="startTime" style={{display:"inline-block"}}>
<DatePicker <DatePicker
className={_.find(props.exItems,(item)=>{return item === "startTime"})?"err":""} className={_.find(props.exItems,(item)=>{return item.id === "startTime"})?"err":""}
placeholder="请选择开始日期" placeholder="请选择开始日期"
value={beginDate===0?undefined:moment(beginDate)} value={beginDate===0?undefined:moment(beginDate)}
onChange={onBeginDateChange} onChange={onBeginDateChange}
...@@ -220,7 +227,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -220,7 +227,7 @@ export default function AddLiveClassInfoWorkWX(props) {
style={{width:"180px"}} style={{width:"180px"}}
/> />
<TimePicker <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)} value={beginTime===0?undefined:moment(beginTime)}
onChange={onBeginTimeChange} onChange={onBeginTimeChange}
onOk={onBeginTimeOK} onOk={onBeginTimeOK}
...@@ -228,7 +235,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -228,7 +235,7 @@ export default function AddLiveClassInfoWorkWX(props) {
format="HH:mm" format="HH:mm"
style={{width:"120px"}} style={{width:"120px"}}
/> />
<div style={{position:"absolute"}}></div> {exItem("startTime")}
</div> </div>
</div> </div>
...@@ -239,7 +246,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -239,7 +246,7 @@ export default function AddLiveClassInfoWorkWX(props) {
<span className="label"><span className="require">*</span>结束时间：</span> <span className="label"><span className="require">*</span>结束时间：</span>
<div id="endTime" style={{display:"inline-block"}}> <div id="endTime" style={{display:"inline-block"}}>
<DatePicker <DatePicker
className={_.find(props.exItems,(item)=>{return item === "endTime"})?"err":""} className={_.find(props.exItems,(item)=>{return item.id === "endTime"})?"err":""}
placeholder="请选择结束日期" placeholder="请选择结束日期"
value={endDate===0?undefined:moment(endDate)} value={endDate===0?undefined:moment(endDate)}
onChange={onEndDateChange} onChange={onEndDateChange}
...@@ -250,7 +257,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -250,7 +257,7 @@ export default function AddLiveClassInfoWorkWX(props) {
style={{width:"180px"}} style={{width:"180px"}}
/> />
<TimePicker <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)} value={endTime === 0?moment().add(5,'minutes'):moment(endTime)}
onChange={onEndTimeChange} onChange={onEndTimeChange}
onOk={onEndTimeOK} onOk={onEndTimeOK}
...@@ -258,6 +265,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -258,6 +265,7 @@ export default function AddLiveClassInfoWorkWX(props) {
format="HH:mm" format="HH:mm"
style={{width:"120px"}} style={{width:"120px"}}
/> />
{exItem("endTime")}
</div> </div>
</> </>
) : ( ) : (
...@@ -281,7 +289,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -281,7 +289,7 @@ export default function AddLiveClassInfoWorkWX(props) {
<Select <Select
value={teacherId} value={teacherId}
onChange={onTeacherChange} onChange={onTeacherChange}
className={_.find(props.exItems,(item)=>{return item === "teacherId"})?"err":""} className={_.find(props.exItems,(item)=>{return item.id === "teacherId"})?"err":""}
placeholder="请选择讲师" placeholder="请选择讲师"
disabled={!props.isEdit ? true: false} disabled={!props.isEdit ? true: false}
...@@ -321,6 +329,7 @@ export default function AddLiveClassInfoWorkWX(props) { ...@@ -321,6 +329,7 @@ export default function AddLiveClassInfoWorkWX(props) {
}) })
} }
</Select> </Select>
{exItem("teacherId")}
</div> </div>
</div> </div>
<div className="remind-time item" id="jfjfiemc"> <div className="remind-time item" id="jfjfiemc">
......
src/modules/course-manage/components/CreateWorkWXCourse.jsx
...@@ -305,25 +305,25 @@ function CreateWorkWXCourse() { ...@@ -305,25 +305,25 @@ function CreateWorkWXCourse() {
return new Promise((resolve) => { return new Promise((resolve) => {
let _exitem = [] let _exitem = []
if (_.isEmpty(basicInfo.courseName)) { if (_.isEmpty(basicInfo.courseName)) {
_exitem.push("courseName") _exitem.push({id:"courseName",msg:"课程名称不能为空"})
} }
if (_.isEmpty(basicInfo.categoryId)) { if (_.isEmpty(basicInfo.categoryId)) {
_exitem.push("categoryId") _exitem.push({id:"categoryId",msg:"课程分类未选择"})
} }
if (!classInfo.startTime) { if (!classInfo.startTime) {
_exitem.push("startTime") _exitem.push({id:"startTime",msg:"未设置开始时间"})
} }
if (classInfo.startTime < new Date().getTime()) { if (classInfo.startTime < new Date().getTime()) {
_exitem.push("startTime") _exitem.push({id:"startTime",msg:"开始时间不能早于现在"})
} }
if (endTime !== 0 && (endTime < classInfo.startTime)) { if (endTime !== 0 && (endTime < classInfo.startTime)) {
_exitem.push("endTime") _exitem.push({id:"endTime",msg:"结束时间不能早于开始时间"})
} }
if (_.isEmpty(classInfo.teacherId)) { if (_.isEmpty(classInfo.teacherId)) {
_exitem.push("teacherId") _exitem.push({id:"teacherId",msg:"未设置讲师"})
} }
if (editorTextLength > 1000) { if (editorTextLength > 1000) {
_exitem.push("intro") _exitem.push({id:"intro",msg:"直播简介超过1000个字"})
} }
setExItems(_exitem) setExItems(_exitem)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment