import { O as S } from './index.00e2f453.js'
import { O as R } from './index.4f243ca1.js'
import {
  d as F,
  k as t,
  a2 as y,
  l as s,
  F as C,
  aQ as w,
  b8 as V,
  R as T,
  ac as D,
  S as c,
  X as W,
  be as L,
  P as N,
  bh as q,
  ad as z,
  g as _,
  j as A
} from './index.879f7421.js'
import { d as k, P, D as Q } from './default-icon.0f7747b4.js'
import { L as Y } from './index.9f8069d8.js'
import './index.ea988859.js'
import './index.58ad42d7.js'
import './use-tab-status.fe36a003.js'
import './index.3c962eae.js'
import './index.e17cc929.js'
const H = '_itemWrap_13uyz_1',
  O = '_itemTop_13uyz_7',
  Z = '_itemTopLeft_13uyz_15',
  U = '_itemTopMain_13uyz_15',
  G = '_itemTopSub_13uyz_23',
  X = '_itemTopRight_13uyz_28',
  K = '_imgWrap_13uyz_33',
  j = '_imgIcon_13uyz_43',
  J = '_itemBottom_13uyz_48',
  $ = '_itemBottomDot_13uyz_56',
  tt = '_dotMain_13uyz_59',
  et = '_dotSub_13uyz_72'
var a = {
    itemWrap: H,
    itemTop: O,
    itemTopLeft: Z,
    itemTopMain: U,
    itemTopSub: G,
    itemTopRight: X,
    imgWrap: K,
    imgIcon: j,
    itemBottom: J,
    itemBottomDot: $,
    dotMain: tt,
    dotSub: et
  },
  at = './assets/Image1.cbe96dac.png',
  ot = './assets/Image2.0b12593f.png',
  st = './assets/Image3.d7139ab6.png',
  ut = './assets/Image4.079c8ee3.png',
  it = './assets/Image5.150ad63a.png'
const nt = {
  1: {
    img: at,
    tips: '\u4F60\u7684\u6F14\u594F\u4E0D\u592A\u597D\uFF0C\u97F3\u51C6\u548C\u5B8C\u6574\u6027\u8FD8\u9700\u52A0\u5F3A\uFF0C\u518D\u7EC3\u4E00\u7EC3\u5427\uFF5E',
    mome: '\u6562\u4E8E\u5C1D\u8BD5'
  },
  2: {
    img: ot,
    tips: '\u4F60\u7684\u6F14\u594F\u8FD8\u4E0D\u719F\u7EC3\uFF0C\u97F3\u51C6\u548C\u5B8C\u6574\u6027\u8FD8\u9700\u52A0\u5F3A\uFF0C\u52A0\u7D27\u8BAD\u7EC3\u624D\u80FD\u6709\u597D\u6210\u7EE9\u54E6\uFF5E',
    mome: '\u8FD8\u8981\u52A0\u6CB9\u54E6\uFF5E'
  },
  3: {
    img: st,
    tips: '\u4F60\u7684\u6F14\u594F\u8FD8\u4E0D\u6D41\u7545\uFF0C\u97F3\u51C6\u548C\u8282\u594F\u8FD8\u9700\u52A0\u5F3A\uFF0C\u79D1\u5B66\u7684\u7EC3\u4E60\u624D\u80FD\u66F4\u5B8C\u7F8E\u54E6\uFF5E',
    mome: '\u7A81\u7834\u81EA\u6211'
  },
  4: {
    img: ut,
    tips: '\u4F60\u7684\u6F14\u594F\u8FD8\u4E0D\u9519\uFF0C\u7EE7\u7EED\u52A0\u6CB9\u5427\uFF0C\u52A0\u5F3A\u97F3\u51C6\uFF0C\u79BB\u5B8C\u7F8E\u5C31\u5DEE\u4E00\u6B65\u5566\uFF5E',
    mome: '\u5D2D\u9732\u5934\u89D2'
  },
  5: {
    img: it,
    tips: '\u4F60\u7684\u6F14\u594F\u975E\u5E38\u4E0D\u9519\uFF0C\u97F3\u51C6\u7684\u628A\u63E1\u548C\u8282\u594F\u7A0D\u6709\u7455\u75B5\uFF0C\u5B8C\u6574\u6027\u628A\u63E1\u7684\u5F88\u597D~',
    mome: '\u4F60\u5F88\u68D2'
  }
}
var lt = F({
  props: ['item'],
  name: 'detail-item',
  setup(o) {
    const n = (i) => {
      if (!i && typeof i != 'number') return {}
      let r = 1
      return (
        i > 20 && i <= 40
          ? (r = 2)
          : i > 40 && i <= 60
          ? (r = 3)
          : i > 60 && i <= 80
          ? (r = 4)
          : i > 80 && (r = 5),
        r
      )
    }
    return () =>
      t(C, null, [
        t('div', null, [
          t('div', { class: a.itemWrap }, [
            t('div', { class: a.itemTop }, [
              t('div', { class: a.itemTopLeft }, [
                t('p', { class: a.itemTopMain }, [o.item.musicSheetName]),
                t('p', { class: a.itemTopSub }, [o.item.createTime])
              ]),
              t('div', { class: a.itemTopRight }, [
                t('div', { class: a.imgWrap }, [
                  t('img', { src: nt[n(o.item.score)].img, alt: '' }, null)
                ]),
                t(y, { name: 'arrow', class: a.imgIcon }, null)
              ])
            ]),
            t('div', { class: a.itemBottom }, [
              t('div', { class: a.itemBottomDot }, [
                t('p', { class: a.dotMain, style: { color: '#F67146' } }, [
                  o.item.score,
                  s(' '),
                  t('span', null, [s('\u5206')]),
                  ' '
                ]),
                t('p', { class: a.dotSub }, [s(' \u7EFC\u5408\u5F97\u5206')])
              ]),
              t('div', { class: a.itemBottomDot }, [
                t('p', { class: a.dotMain }, [
                  o.item.intonation,
                  t('span', null, [s('\u5206')]),
                  ' '
                ]),
                t('p', { class: a.dotSub }, [s('\u97F3\u51C6 ')])
              ]),
              t('div', { class: a.itemBottomDot }, [
                t('p', { class: a.dotMain }, [
                  o.item.cadence,
                  s(' '),
                  t('span', null, [s('\u5206')]),
                  ' '
                ]),
                t('p', { class: a.dotSub }, [s('\u8282\u594F ')])
              ]),
              t('div', { class: a.itemBottomDot }, [
                t('p', { class: a.dotMain }, [
                  o.item.integrity,
                  s(' '),
                  t('span', null, [s('\u5206')]),
                  ' '
                ]),
                t('p', { class: a.dotSub }, [s('\u5B8C\u6210\u5EA6 ')])
              ])
            ])
          ])
        ])
      ])
  }
})
const ct = '_topWrap_x0t7x_1',
  rt = '_topInfo_x0t7x_6',
  mt = '_topInfoLeft_x0t7x_13',
  pt = '_headWrap_x0t7x_19',
  dt = '_infoMsg_x0t7x_31',
  ft = '_tag_x0t7x_38',
  gt = '_topInfoRight_x0t7x_50',
  vt = '_infoDay_x0t7x_57',
  Dt = '_infoDayMain_x0t7x_60',
  ht = '_infoDaysub_x0t7x_73',
  yt = '_chioseWrap_x0t7x_79',
  Tt = '_DialogTitle_x0t7x_85',
  _t = '_DialogConent_x0t7x_105'
var u = {
    topWrap: ct,
    topInfo: rt,
    topInfoLeft: mt,
    headWrap: pt,
    infoMsg: dt,
    tag: ft,
    topInfoRight: gt,
    infoDay: vt,
    infoDayMain: Dt,
    infoDaysub: ht,
    chioseWrap: yt,
    DialogTitle: Tt,
    DialogConent: _t
  },
  At =
    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAABKBJREFUWEfVmXtsVEUUh7/Z1opN0WpVTMAGDQZsRSMxhkTBtiYSNT4CbNuNCiGAqMT6TC0Y7N34wnfAR5ZACVFL3RKjKBJaUiAivjD4FqOmCUS0qGAFrDayO2b27nJ3t3d370xXyc6/c37nfDs7M+fMuYJhDGnhA/8ERPENyMho4HwQlcBZcbd9IPcCuxFF+5BH18O6b4VF1DSsMBFKK3AhROYCs0CU6/mQ/cDLUNQmrI4v9LSgBSxbA5cjokuAq3QDZbDvRvoeFsGO97z68wQsLf9pCN9yJDd5daxlJ2hHRpuEte5gLl1OYGk11oDsSNqXuXyazveBCAjrtW3ZHGQFllbDPGClKYGhbr6wwqsyaTMCy9aGFgSPGwYdnkyySATDS92cuAIfp5VN53Nd6SHA8T271WiJTiyFMefByHIoGQF/D8CBPvi5F6IRA5eiNn1PpwDHbgN8X2sfsMoJMHU6nHMB+HxDwRT4rh549w0YHNAB74NodfLtkQocbHhV++qqmQlTZ4DIeeFA/y/Q/gT8ts87tKBdtIZvTgiORYknhe3ePQFTboS6RvcVjRyF0pFDf8ihg7CiBQYOeQ8lfVMSycUBthq6tDLYqEpYsBRE0hb4uAs+2AD9v9owJ5XBpCuh1g9FxQ7gzm7YuNo7MHQLKzxNCWLAdm0Q/VzHA9PvhImXOZL334bN7e4uLq6D62915tSefmq+5kH0XaRqjzhw/TIQTZ6B1ao2r4IRpbZk8C945jb4Z9Ddhdrf94ag7BRnPvQA7N/jOSTI5cLqvEvYJWL9Aa2q64wxcMfTTrDvdkHHk9mD3/IgnDvRsXnlUej9Uge4HzorhLT8VfGrzLt4bDXMVkVbfHy0CTatya6f/RCMrXJs1gRhz27vMWOW0Wohg4FFyOhjWkqVICoSNTpwpB/U6c801OG75yU4ocSxePZ2OPy7VliEb7GQVv0LIBbqKTWtr1sAk2od0f69EGrWdKLM5YsKuAdEnYHam+SKGVDjT7V9/Xn4aoc3fYqV3CKk1fA9MM5AnVsybRZMvibV7tNt8FYot9bd4gcFfBgoM/WQUXf1HLg0dtc7Y2cXbFSHU5qGO/LfAKvaQmW3xJAStoZh+5umoAldDDi/W+Ls8TDHcmoIBavS8Cebhwur9GpL5PnQNd4P4y9x4BToO235gFVbSR26PF5rxSXQstopdFTR/txC+57Oy1DXmkniyBT81FHQtMyZ/akXVi7OC2rMiZ04DFJzJoTR42DeI86slxpD6+eo1GxS/GQLklz3yihEjdtoaVFUi6uzwqy81FqVfBnHy0vlzqiAd+MoPRmunWuXkX/+AVvC8M2HeSJOKuBtaM0nkhuG/26omuzMRCJ2kaPz6HT/ealPpBiw3ZnUe4SmO79PvSrSuq/rQ/BZ1nZZ7n/A7REagzZ55ieHSy/S1VzbEvhRJVPDkemZb28Lw0ZKguXMSgg0Q/npoG6IHRugZ60haUyWvZFiQ8faq2atKuVAXWvqzaey27AzXI5WVWIpCqoZeAy6kNqtx3mlzRraDnQBfTJwoAvoo0zynVQwn73SL9KC+bA4FPz//3T7L2Hfu8iaz0DCAAAAAElFTkSuQmCC'
function Ft(o) {
  return (
    typeof o == 'function' || (Object.prototype.toString.call(o) === '[object Object]' && !z(o))
  )
}
var Vt = F({
  name: 'exercis-detail',
  setup() {
    w()
    const o = V(),
      n = T({
        showPopoverTime: !1,
        showPopoverOrchestra: !1,
        currentDate: [D().format('YYYY'), D().format('MM')],
        actions: [
          { text: '\u5168\u90E8\u4E50\u56E2', color: 'var(--van-primary-color)' },
          { text: '\u4EA4\u4ED8\u56E2' },
          { text: '\u664B\u5347\u56E2' }
        ],
        id: o.query.id
      })
    console.log(o.query)
    const i = T({
        practiceMonth: o.query.practiceMonth
          ? o.query.practiceMonth
          : n.currentDate[0] + '' + n.currentDate[1],
        practiceMonthName: o.query.practiceMonthName
          ? o.query.practiceMonthName
          : n.currentDate[0] + '\u5E74' + n.currentDate[1] + '\u6708',
        orchestraId: '',
        orchestraName: '',
        page: 1,
        rows: 20,
        userId: o.query.id,
        clientType: 'STUDENT'
      }),
      r = c(!1),
      M = c(new Date(D().subtract(5, 'year').format('YYYY-MM-DD'))),
      B = c(new Date(D().add(5, 'year').format('YYYY-MM-DD'))),
      b = c(['year', 'month']),
      d = c(!1),
      f = c(!1),
      g = c(!1),
      h = c(!1),
      m = c({}),
      p = c([]),
      v = async () => {
        ;(f.value = !0), d.value && ((p.value = []), (i.page = 1), (d.value = !1))
        try {
          const e = await _.post('/api-school/musicPracticeRecord/page', { data: { ...i } })
          if (p.value.length > 0 && e.data.current === 1) return
          ;(i.page = e.data.current + 1),
            (p.value = p.value.concat(e.data.rows || [])),
            (h.value = p.value.length > 0),
            (f.value = !1),
            (g.value = e.data.current >= e.data.pages)
        } catch (e) {
          const l = e.message
          A(l), (h.value = !1), (g.value = !0)
        }
      },
      E = async () => {
        try {
          const e = await _.get(`/api-backend/student/detail/${n.id}`)
          console.log(e), (m.value = { ...e.data })
        } catch (e) {
          const l = e.message
          A(l)
        }
      }
    W(() => {
      v(), E()
    })
    const x = (e) => {
        ;(i.practiceMonth = e.selectedValues[0] + e.selectedValues[1]),
          (i.practiceMonthName = e.selectedValues[0] + '\u5E74' + e.selectedValues[1] + '\u6708'),
          (n.showPopoverTime = !1),
          (d.value = !0),
          v()
      },
      I = () => {
        ;(g.value = !1), (f.value = !0), v()
      }
    return () => {
      let e
      return t(C, null, [
        t(
          R,
          { position: 'top', background: '#F8F8F8' },
          {
            default: () => [
              t('div', { class: u.topWrap }, [
                t(
                  S,
                  { isBack: !0, border: !1, background: 'transparent' },
                  {
                    right: () =>
                      t(
                        y,
                        {
                          name: At,
                          size: 22,
                          color: '#333',
                          onClick: () => {
                            r.value = !0
                          }
                        },
                        null
                      )
                  }
                ),
                t('div', { class: u.topInfo }, [
                  t('div', { class: u.topInfoLeft }, [
                    t('div', { class: u.headWrap }, [
                      t('img', { src: m.value.avatar ? m.value.avatar : k, alt: '' }, null)
                    ]),
                    t('div', { class: u.infoMsg }, [
                      t('p', null, [m.value.nickname]),
                      t('div', { class: u.tag }, [m.value.subjectNames])
                    ])
                  ]),
                  t('div', { class: u.topInfoRight }, [
                    t('div', { class: u.infoDay }, [
                      t('p', { class: u.infoDayMain }, [
                        m.value.practiceDays ? m.value.practiceDays : 0,
                        ' ',
                        t('span', null, [s('\u5929')])
                      ]),
                      t('p', { class: u.infoDaysub }, [s('\u7EC3\u4E60\u5929\u6570')])
                    ]),
                    t('div', { class: u.infoTime }, [
                      t('p', { class: u.infoDayMain }, [
                        m.value.practiceTimes ? m.value.practiceTimes : 0,
                        ' ',
                        t('span', null, [s('\u5206\u949F')])
                      ]),
                      t('p', { class: u.infoDaysub }, [s('\u7EC3\u4E60\u5929\u6570')])
                    ])
                  ])
                ]),
                t('div', { class: u.chioseWrap }, [
                  t('div', { style: { padding: '12px 13px', background: 'transparent' } }, [
                    t(
                      'div',
                      {
                        class: u.searchBand,
                        onClick: () => {
                          n.showPopoverTime = !0
                        }
                      },
                      [
                        i.practiceMonthName,
                        t(y, { name: n.showPopoverTime ? 'arrow-up' : 'arrow-down' }, null)
                      ]
                    )
                  ])
                ])
              ])
            ]
          }
        ),
        h.value
          ? t(
              P,
              { modelValue: d.value, 'onUpdate:modelValue': (l) => (d.value = l), onRefresh: I },
              {
                default: () => [
                  t(
                    Y,
                    {
                      loading: f.value,
                      'onUpdate:loading': (l) => (f.value = l),
                      finished: g.value,
                      'finished-text': '\u6CA1\u6709\u66F4\u591A\u4E86',
                      onLoad: v
                    },
                    Ft((e = p.value.map((l) => t(lt, { item: l }, null))))
                      ? e
                      : { default: () => [e] }
                  )
                ]
              }
            )
          : t(L, null, null),
        t(
          N,
          {
            show: n.showPopoverTime,
            'onUpdate:show': (l) => (n.showPopoverTime = l),
            position: 'bottom',
            style: "{ height: '30%' }"
          },
          {
            default: () => [
              t(
                Q,
                {
                  onCancel: () => {
                    n.showPopoverTime = !1
                  },
                  onConfirm: x,
                  modelValue: n.currentDate,
                  'onUpdate:modelValue': (l) => (n.currentDate = l),
                  title: '\u9009\u62E9\u5E74\u6708',
                  minDate: M.value,
                  maxDate: B.value,
                  columnsType: b.value
                },
                null
              )
            ]
          }
        ),
        t(
          q,
          {
            class: 'exercisDetailDialog',
            show: r.value,
            'onUpdate:show': (l) => (r.value = l),
            title: '\u63D0\u793A\u6846',
            confirmButtonText: '\u6211\u77E5\u9053\u4E86'
          },
          {
            title: () =>
              t('div', { class: u.DialogTitle }, [
                t('span', null, null),
                t('p', null, [s('\u4EC0\u4E48\u662F\u7EC3\u4E60\u6570\u636E')])
              ]),
            default: () =>
              t('div', { class: u.DialogConent }, [
                t('p', null, [
                  s(
                    '\u7EC3\u4E60\u6570\u636E\u662F\u5B66\u751F\u901A\u8FC7\u4E91\u6559\u7EC3\u81EA\u4E3B\u7EC3\u4E60\u7684\u6570\u636E\u7EDF\u8BA1\uFF0C\u53EF\u6839\u636E\u65F6\u95F4\u6BB5\u67E5\u8BE2\u5B66\u751F\u7684\u7EC3\u4E60\u5929\u6570\u548C\u7EC3\u4E60\u65F6\u957F'
                  ),
                  ' '
                ]),
                t('p', null, [
                  s(
                    '\u7EC3\u4E60\u5929\u6570\uFF1A\u5F53\u5929\u53C8\u66F2\u76EE\u64AD\u653E\u6216\u6D4B\u8BC4\u8BB0\u5F55\u5373\u7B97\u7EC3\u4E60'
                  )
                ]),
                t('p', null, [
                  s(
                    '\u7EC3\u4E60\u65F6\u957F\uFF1A\u66F2\u76EE\u64AD\u653E\u548C\u66F2\u76EE\u6D4B\u8BC4\u7684\u65F6\u957F\u603B\u548C'
                  )
                ])
              ])
          }
        )
      ])
    }
  }
})
export { Vt as default }
