import { C as s } from './index.b42087f4.js'
import { P as l } from './index.cf4d47ea.js'
import { d as i, b as o, c as t, a as n, bw as p } from './index.1d0cc84f.js'
import { E as r, a as e } from './index2.07a0e1bf.js'
import { E as d } from './index2.6b7eb987.js'
import './index2.ba9e0a49.js'
var x = i({
  name: 'MyFans',
  data() {
    return {
      pageInfo: { limit: 12, page: 1, total: 0, page_size: [12, 24, 48, 60] },
      list: [],
      loading: !1,
      dataShow: !1
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
    async getList() {
      this.loading = !0
      try {
        const { data: a } = await o.post('/api-website/teacher/queryMyFans', {
          requestType: 'json',
          data: { page: this.pageInfo.page, rows: this.pageInfo.limit }
        })
        ;(this.list = a.rows || []),
          console.log(this.list),
          (this.pageInfo.total = a.total),
          a.total <= 0 && (this.dataShow = !0)
      } catch {}
      this.dataShow
        ? (this.loading = !1)
        : setTimeout(() => {
            this.loading = !1
          }, 200)
    }
  },
  render() {
    return t(
      'div',
      { class: 'h-full bg-[#FAFAFA] rounded-md overflow-hidden' },
      [
        t(
          'div',
          {
            class:
              'text-sm text-[#333] bg-white leading-none px-6 py-5 border-b border-b-[#E5E5E5]'
          },
          [n('\u6211\u7684\u7C89\u4E1D')]
        ),
        t('div', { class: ' pt-4' }, [
          t(
            r,
            {
              loading: this.loading,
              animated: !0,
              class: ' w-full m-auto px-[14px] flex',
              count: 3
            },
            {
              default: () => [
                t('div', { class: 'flex flex-wrap px-3' }, [
                  this.list.map(a =>
                    t('div', { class: 'basis-1/3 ' }, [
                      t(
                        'div',
                        {
                          class:
                            'w-[296px] rounded-md bg-white py-4 px-[14px] mb-4 m-auto flex items-center hover:drop-shadow-lg transition-all'
                        },
                        [
                          t(
                            p,
                            { src: a.avatar, class: 'w-14 h-14 rounded-full' },
                            null
                          ),
                          t('div', { class: 'pl-2.5' }, [
                            t(
                              'p',
                              {
                                class:
                                  'text-base text-[#333] font-semibold leading-tight pb-1.5'
                              },
                              [a.userName]
                            ),
                            t('p', null, [
                              t(
                                d,
                                {
                                  effect: 'dark',
                                  size: 'small',
                                  color: '#FFF1DE',
                                  style: {
                                    borderColor: '#FFF1DE',
                                    color: '#FF8C00',
                                    marginRight: '5px'
                                  }
                                },
                                { default: () => [a.subjectName] }
                              )
                            ])
                          ])
                        ]
                      )
                    ])
                  )
                ])
              ],
              template: () =>
                t(
                  'div',
                  {
                    class:
                      'w-[296px] rounded-md bg-white py-4 px-[14px] mb-4 m-auto flex items-center hover:drop-shadow-lg transition-all'
                  },
                  [
                    t(
                      e,
                      {
                        variant: 'circle',
                        style: { width: '56px', height: '56px' }
                      },
                      null
                    ),
                    t('div', { class: 'flex w-32 flex-col pl-2.5' }, [
                      t(e, { variant: 'h3' }, null),
                      t(
                        e,
                        {
                          variant: 'p',
                          style: { width: '60%', marginTop: '6px' }
                        },
                        null
                      )
                    ])
                  ]
                )
            }
          )
        ]),
        t(
          l,
          {
            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(s, null, null)
      ]
    )
  }
})
export { x as default }