colexiu-project/dist/assets/index.28cd52fa.js

import {
  d as u,
  a_ as i,
  b as d,
  c as t,
  F as n,
  O as p,
  b1 as h,
  a as m,
  aB as g,
  aC as l
} from './index.1d0cc84f.js'
import { C as r } from './index.b42087f4.js'
import { P as c } from './index.cf4d47ea.js'
import { I as v } from './index.37658c21.js'
import { E as f, a as s } from './index2.07a0e1bf.js'
import './index2.ba9e0a49.js'
import './index2.6b7eb987.js'
const S = '_liveClass_w1fih_1'
var I = { liveClass: S },
  o = u({
    name: 'list',
    props: { auditStatus: { type: String, default: '' } },
    data() {
      return {
        pageInfo: { limit: 9, page: 1, total: 0, page_size: [10, 20, 40, 50] },
        list: [],
        loading: !0,
        dataShow: !1
      }
    },
    mounted() {
      var e
      ;(e = i.user.data) != null && e.entryFlag && this.getList()
    },
    methods: {
      async getList() {
        var e
        this.loading = !0
        try {
          const { data: a } = await d.post(
            '/api-website/videoLessonGroup/page',
            {
              data: {
                auditStatus: this.auditStatus,
                page: this.pageInfo.page,
                rows: this.pageInfo.limit,
                teacherId: (e = i.user.data) == null ? void 0 : e.userId
              }
            }
          )
          ;(this.list = a.rows || []),
            (this.pageInfo.total = a.total),
            a.total <= 0 && (this.dataShow = !0)
        } catch {}
        this.dataShow
          ? (this.loading = !1)
          : setTimeout(() => {
              this.loading = !1
            }, 200)
      },
      onDetail(e) {
        if (this.auditStatus === 'UNPASS') {
          this.$router.push({
            path: '/userInfo/videoOperation',
            query: { type: 'edit', groupId: e.id }
          })
          return
        }
      }
    },
    render() {
      var e
      return t(n, null, [
        (e = i.user.data) != null && e.entryFlag
          ? t(n, null, [
              t('div', { class: 'flex flex-wrap px-10' }, [
                t(
                  f,
                  {
                    loading: this.loading,
                    animated: !0,
                    class: 'flex',
                    count: 3
                  },
                  {
                    default: () => [
                      this.list.map(a =>
                        t(
                          'div',
                          {
                            class: 'w-1/3 pt-8',
                            onClick: () => this.onDetail(a)
                          },
                          [
                            t(
                              v,
                              {
                                item: {
                                  backgroundPic: a.lessonCoverUrl,
                                  courseGroupName: a.lessonName,
                                  studentCount: a.countStudent,
                                  avatar: a.avatar,
                                  teacherName: a.username,
                                  coursePrice: a.lessonPrice,
                                  courseNum: a.lessonCount
                                }
                              },
                              null
                            )
                          ]
                        )
                      )
                    ],
                    template: () =>
                      t('div', { class: 'w-1/3' }, [
                        t(
                          'div',
                          { class: 'flex flex-col pt-8 w-[262px] m-auto' },
                          [
                            t(
                              s,
                              {
                                variant: 'image',
                                style: { width: '100%', height: '175px' }
                              },
                              null
                            ),
                            t(
                              'div',
                              {
                                class:
                                  'mx-2.5 py-3.5 border-b border-b-[#F2F2F2]'
                              },
                              [
                                t(
                                  'div',
                                  {
                                    class:
                                      'text-lg leading-none font-semibold whitespace-nowrap overflow-hidden text-ellipsis'
                                  },
                                  [t(s, { variant: 'h3' }, null)]
                                ),
                                t(
                                  'div',
                                  { class: 'text-sm text-[#999] pt-2.5' },
                                  [
                                    t(
                                      s,
                                      { variant: 'p', style: { width: '50%' } },
                                      null
                                    )
                                  ]
                                )
                              ]
                            ),
                            t(
                              'div',
                              { class: 'mx-2.5 py-4 flex items-center' },
                              [
                                t(
                                  s,
                                  {
                                    variant: 'circle',
                                    style: {
                                      width: '22px',
                                      height: '22px',
                                      marginRight: '5px'
                                    }
                                  },
                                  null
                                ),
                                t(
                                  s,
                                  { variant: 'p', style: { width: '20%' } },
                                  null
                                ),
                                t('p', { style: { width: '45%' } }, null),
                                t(
                                  s,
                                  { variant: 'p', style: { width: '20%' } },
                                  null
                                )
                              ]
                            )
                          ]
                        )
                      ])
                  }
                )
              ]),
              t(
                c,
                {
                  total: this.pageInfo.total,
                  page: this.pageInfo.page,
                  'onUpdate:page': a => (this.pageInfo.page = a),
                  limit: this.pageInfo.limit,
                  'onUpdate:limit': a => (this.pageInfo.limit = a),
                  pageSizes: this.pageInfo.page_size,
                  pagination: this.getList
                },
                null
              ),
              this.dataShow && t(r, null, null)
            ])
          : t(
              r,
              {
                type: 'teacherCert',
                message:
                  '\u60A8\u8FD8\u672A\u5B8C\u6210\u8FBE\u4EBA\u8BA4\u8BC1\uFF0C\u8BA4\u8BC1\u540E\u624D\u53EF\u521B\u5EFA\u89C6\u9891\u8BFE\u54E6~',
                buttonVisibility: !0,
                buttonText: '\u53BB\u8BA4\u8BC1',
                onDetail: () => {
                  this.$router.push('/teacherAuth')
                }
              },
              null
            )
      ])
    }
  }),
  A = u({
    name: 'video-class',
    data() {
      const e = sessionStorage.getItem('videoActiveName')
      return (
        sessionStorage.removeItem('videoActiveName'),
        { activeName: e || 'PASS' }
      )
    },
    render() {
      return t('div', { class: [I.liveClass, 'relative'] }, [
        t(
          p,
          {
            round: !0,
            type: 'primary',
            class: 'absolute right-11 top-4 z-10',
            onClick: () => {
              var e
              if ((e = i.user.data) != null && e.entryFlag)
                this.$router.push('/userInfo/videoOperation')
              else {
                h.error(
                  '\u60A8\u8FD8\u672A\u5B8C\u6210\u8FBE\u4EBA\u8BA4\u8BC1\uFF0C\u8BA4\u8BC1\u540E\u624D\u53EF\u521B\u5EFA\u89C6\u9891\u8BFE'
                )
                return
              }
            }
          },
          { default: () => [m('\u65B0\u5EFA\u89C6\u9891\u8BFE')] }
        ),
        t(
          g,
          {
            modelValue: this.activeName,
            'onUpdate:modelValue': e => (this.activeName = e)
          },
          {
            default: () => [
              t(
                l,
                { label: '\u5DF2\u4E0A\u67B6', name: 'PASS' },
                {
                  default: () => [
                    this.activeName === 'PASS' &&
                      t(o, { auditStatus: 'PASS' }, null)
                  ]
                }
              ),
              t(
                l,
                { label: '\u5BA1\u6838\u4E2D', name: 'DOING' },
                {
                  default: () => [
                    this.activeName === 'DOING' &&
                      t(o, { auditStatus: 'DOING' }, null)
                  ]
                }
              ),
              t(
                l,
                { label: '\u5BA1\u6838\u5931\u8D25', name: 'UNPASS' },
                {
                  default: () => [
                    this.activeName === 'UNPASS' &&
                      t(o, { auditStatus: 'UNPASS' }, null)
                  ]
                }
              )
            ]
          }
        )
      ])
    }
  })
export { A as default }