fix:创建企微直播

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

@@ -17,6 +17,8 @@ export default function AddLiveClassInfoWorkWX(props) {
 
 
     const [teacherQuery, setTeacherQuery] = useState(defaultTeacherQuery)
     const [teacherQuery, setTeacherQuery] = useState(defaultTeacherQuery)
     const [teacherList, setTeacherList] = useState([])
     const [teacherList, setTeacherList] = useState([])
+    const [hasNext, setHasNext] = useState(false)
+
     const [introduce, setIntroduce] = useState({content:props.introduce})
     const [introduce, setIntroduce] = useState({content:props.introduce})
     const [duration, setDuration] = useState(props.data.duration)
     const [duration, setDuration] = useState(props.data.duration)
     const [cusTime, setCusTime] = useState(false)
     const [cusTime, setCusTime] = useState(false)
@@ -25,14 +27,10 @@ export default function AddLiveClassInfoWorkWX(props) {
     const [beginTime, setBeginTime] = useState(0)
     const [beginTime, setBeginTime] = useState(0)
     const [endDate, setEndDate] = useState(0)
     const [endDate, setEndDate] = useState(0)
     const [endTime, setEndTime] = useState(0)
     const [endTime, setEndTime] = useState(0)
-    const [teacherId, setTeacherId] = useState()
+    const [teacherId, setTeacherId] = useState("")
     const [remindTime, setRemindTime] = useState(0)
     const [remindTime, setRemindTime] = useState(0)
 
 
     useEffect(()=> {
     useEffect(()=> {
-        getTeacherList()
-    },[])
-
-    useEffect(()=> {
         setBeginTime(props.data.startTime)
         setBeginTime(props.data.startTime)
         setBeginDate(moment(props.data.startTime).startOf('day').valueOf())
         setBeginDate(moment(props.data.startTime).startOf('day').valueOf())
         setEndTime(props.data.startTime+Number(props.data.duration))
         setEndTime(props.data.startTime+Number(props.data.duration))
@@ -127,18 +125,33 @@ export default function AddLiveClassInfoWorkWX(props) {
 
 
     function getTeacherList(current = 1) {
     function getTeacherList(current = 1) {
         const _query = {
         const _query = {
-          ...teacherQuery,
-          current,
-          size:15
+          ...teacherQuery
         };
         };
-        StoreService.getStoreUserBasicPage( _query).then((res) => {
+        StoreService.getStoreUserBasicPage(_query).then((res) => {
             const { result = {} } = res;
             const { result = {} } = res;
             const { records = [], total = 0, hasNext } = result;
             const { records = [], total = 0, hasNext } = result;
-            const list = current > 1 ? teacherList.concat(records) : records;
+            const list = _query.current > 1 ? teacherList.concat(records) : records;
+            console.log(list)
             setTeacherList(list)
             setTeacherList(list)
-            setTeacherQuery({..._query,hasNext})
+            setHasNext(hasNext)
         });
         });
     }
     }
+    useEffect(()=> {
+        getTeacherList()
+    },[teacherQuery])
+
+       // 滑动加载更多讲师列表
+    function handleScrollTeacherList(e) {
+        const container = e.target;
+
+        //判定元素是否滚动到底部
+        const scrollToBottom = container &&  container.scrollHeight <= container.clientHeight + container.scrollTop;
+        if (scrollToBottom && hasNext) {
+            let _teacherQuery = teacherQuery;
+            _teacherQuery.current = _teacherQuery.current + 1
+            setTeacherQuery({..._teacherQuery})
+        }
+    }
 
 
     // console.log(moment(beginDate).format("YYYY-MM-DD HH:mm"))
     // console.log(moment(beginDate).format("YYYY-MM-DD HH:mm"))
     // console.log(moment(endDate).format("YYYY-MM-DD HH:mm"))
     // console.log(moment(endDate).format("YYYY-MM-DD HH:mm"))
@@ -147,7 +160,7 @@ export default function AddLiveClassInfoWorkWX(props) {
             <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>
                 <DatePicker  
                 <DatePicker  
-                value={beginTime===0?undefined:moment(beginTime)}
+                value={moment(beginDate)}
                 onChange={onBeginDateChange} 
                 onChange={onBeginDateChange} 
                 onOk={onBeginDateOK} 
                 onOk={onBeginDateOK} 
                 />
                 />
@@ -163,7 +176,7 @@ export default function AddLiveClassInfoWorkWX(props) {
                         <>
                         <>
                         <span className="label"><span className="require">*</span>结束时间：</span>
                         <span className="label"><span className="require">*</span>结束时间：</span>
                         <DatePicker 
                         <DatePicker 
-                        value={endTime === 0?undefined:moment(endTime)}
+                        value={moment(endDate)}
                         onChange={onEndDateChange} 
                         onChange={onEndDateChange} 
                         onOk={onEndDateOK} 
                         onOk={onEndDateOK} 
                         />
                         />
@@ -195,9 +208,27 @@ export default function AddLiveClassInfoWorkWX(props) {
                 onChange={onTeacherChange} 
                 onChange={onTeacherChange} 
                 style={{width:"240px"}} 
                 style={{width:"240px"}} 
                 placeholder="请选择讲师"
                 placeholder="请选择讲师"
+                disabled={!props.isEdit ? true: false}
+                filterOption={(input, option) => option}
+                showSearch
+                allowClear
+                onPopupScroll={handleScrollTeacherList}
+                onSearch={(value)=> {
+                    let query = {...teacherQuery}
+                    query.nickName = value
+                    query.current = 1
+                    setTeacherQuery(query)
+                }}
+                onClear={()=> {
+                    setTeacherQuery({
+                        current: 1,
+                        nickName: null,
+                        size: 15
+                    })
+                }}
                 >
                 >
                     {
                     {
-                    _.map(teacherList, (item, index) => {
+                    teacherList.map((item, index) => {
                         return (
                         return (
                         <Select.Option value={item.id} key={item.id}>{item.nickName}</Select.Option>
                         <Select.Option value={item.id} key={item.id}>{item.nickName}</Select.Option>
                         );
                         );

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

@@ -15,8 +15,6 @@ import Breadcrumbs from '@/components/Breadcrumbs';
 import Bus from '@/core/tbus';
 import Bus from '@/core/tbus';
 
 
 import AddLiveBasic from './AddLiveBasic';
 import AddLiveBasic from './AddLiveBasic';
-import AddLiveClass from './AddLiveClass';
-import AddLiveIntro from './AddLiveIntro';
 import AddLiveClassInfoWorkWX from './AddLiveClassInfoWorkWX';
 import AddLiveClassInfoWorkWX from './AddLiveClassInfoWorkWX';
 import { randomString } from '@/domains/basic-domain/utils';
 import { randomString } from '@/domains/basic-domain/utils';
 import Upload from '@/core/upload';
 import Upload from '@/core/upload';
@@ -434,7 +432,7 @@ function CreateWorkWXCourse() {
             <div className='class-info__wrap'>
             <div className='class-info__wrap'>
               <div className='title'>上课信息</div>
               <div className='title'>上课信息</div>
               {/* <AddLiveClass isEdit={isEdit} pageType={type} data={{ ...addLiveClassInfo, id }} onChange={handleChangeClassInfo} /> */}
               {/* <AddLiveClass isEdit={isEdit} pageType={type} data={{ ...addLiveClassInfo, id }} onChange={handleChangeClassInfo} /> */}
-              <AddLiveClassInfoWorkWX type={type} data={classInfo} introduce={introduce} onChange={onClassInfoChange}/>
+              <AddLiveClassInfoWorkWX type={type} data={classInfo} isEdit={isEdit} introduce={introduce} onChange={onClassInfoChange}/>
             </div>
             </div>
 
 
           </div>
           </div>