|
@@ -14,10 +14,13 @@ import { Button, Popup, Tab, Tabs, Toast } from 'vant'
|
|
import { defineComponent } from 'vue'
|
|
import { defineComponent } from 'vue'
|
|
import styles from './group-detail.module.less'
|
|
import styles from './group-detail.module.less'
|
|
import ColHeader from '@/components/col-header'
|
|
import ColHeader from '@/components/col-header'
|
|
|
|
+import GroupPlanStep from '@/business-components/group-plan-step'
|
|
interface IProps {
|
|
interface IProps {
|
|
courseTime: string
|
|
courseTime: string
|
|
coursePlan: string
|
|
coursePlan: string
|
|
- videoPosterUrl?: string
|
|
|
|
|
|
+ // videoPosterUrl?: string
|
|
|
|
+ teacherName: string
|
|
|
|
+ subjectName: string
|
|
roomUid?: string
|
|
roomUid?: string
|
|
liveState?: number
|
|
liveState?: number
|
|
id?: number | string
|
|
id?: number | string
|
|
@@ -72,6 +75,7 @@ export default defineComponent({
|
|
courseInfo() {
|
|
courseInfo() {
|
|
const tempArr = [] as IProps[]
|
|
const tempArr = [] as IProps[]
|
|
const coursePlanList = this.live.planList || []
|
|
const coursePlanList = this.live.planList || []
|
|
|
|
+ const live = this.live
|
|
coursePlanList.forEach((item: any) => {
|
|
coursePlanList.forEach((item: any) => {
|
|
const startTime = item.startTime || new Date()
|
|
const startTime = item.startTime || new Date()
|
|
const endTime = item.endTime || new Date()
|
|
const endTime = item.endTime || new Date()
|
|
@@ -80,6 +84,8 @@ export default defineComponent({
|
|
startTime
|
|
startTime
|
|
).format('HH:mm')}~${dayjs(endTime).format('HH:mm')}`,
|
|
).format('HH:mm')}~${dayjs(endTime).format('HH:mm')}`,
|
|
coursePlan: item.plan,
|
|
coursePlan: item.plan,
|
|
|
|
+ teacherName: live.teacherName,
|
|
|
|
+ subjectName: live.subjectName,
|
|
roomUid: item.roomUid,
|
|
roomUid: item.roomUid,
|
|
liveState: item.liveState,
|
|
liveState: item.liveState,
|
|
id: item.courseId
|
|
id: item.courseId
|
|
@@ -130,7 +136,6 @@ export default defineComponent({
|
|
}
|
|
}
|
|
)
|
|
)
|
|
this.live = res.data || {}
|
|
this.live = res.data || {}
|
|
-
|
|
|
|
if (state.platformType === 'TEACHER') {
|
|
if (state.platformType === 'TEACHER') {
|
|
this.myself = !res.data.myself
|
|
this.myself = !res.data.myself
|
|
}
|
|
}
|
|
@@ -206,7 +211,9 @@ export default defineComponent({
|
|
<p class={styles.introduction}>{this.userInfo.lessonDesc}</p>
|
|
<p class={styles.introduction}>{this.userInfo.lessonDesc}</p>
|
|
</SectionDetail>
|
|
</SectionDetail>
|
|
|
|
|
|
- {this.myself ? (
|
|
|
|
|
|
+ <GroupPlanStep courseInfo={this.courseInfo}
|
|
|
|
+ courseId={Number(this.courseId) || 0} />
|
|
|
|
+ {/* {this.myself ? (
|
|
<SectionDetail title="课程列表" icon="courseList" border={true}>
|
|
<SectionDetail title="课程列表" icon="courseList" border={true}>
|
|
<CoursePlanStep
|
|
<CoursePlanStep
|
|
courseInfo={this.courseInfo}
|
|
courseInfo={this.courseInfo}
|
|
@@ -249,7 +256,7 @@ export default defineComponent({
|
|
</Tab>
|
|
</Tab>
|
|
</Tabs>
|
|
</Tabs>
|
|
</SectionDetail>
|
|
</SectionDetail>
|
|
- )}
|
|
|
|
|
|
+ )} */}
|
|
|
|
|
|
{this.live.status !== 'OUT_SALE' && (
|
|
{this.live.status !== 'OUT_SALE' && (
|
|
<>
|
|
<>
|
|
@@ -278,7 +285,7 @@ export default defineComponent({
|
|
</ColSticky>
|
|
</ColSticky>
|
|
)}
|
|
)}
|
|
|
|
|
|
- {this.share == '1' && this.courseInfo.length > 0 && (
|
|
|
|
|
|
+ {/* {this.share == '1' && this.courseInfo.length > 0 && (
|
|
<ColSticky position="bottom" background="white">
|
|
<ColSticky position="bottom" background="white">
|
|
<div class={['btnGroup']} style={{ paddingTop: '12px' }}>
|
|
<div class={['btnGroup']} style={{ paddingTop: '12px' }}>
|
|
<Button
|
|
<Button
|
|
@@ -293,7 +300,7 @@ export default defineComponent({
|
|
</Button>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</ColSticky>
|
|
</ColSticky>
|
|
- )}
|
|
|
|
|
|
+ )} */}
|
|
</>
|
|
</>
|
|
)}
|
|
)}
|
|
|
|
|