h5-colexiu/dist/assets/member-record-legacy.419da85d.js

;(function () {
  function ownKeys(object, enumerableOnly) {
    var keys = Object.keys(object)
    if (Object.getOwnPropertySymbols) {
      var symbols = Object.getOwnPropertySymbols(object)
      enumerableOnly &&
        (symbols = symbols.filter(function (sym) {
          return Object.getOwnPropertyDescriptor(object, sym).enumerable
        })),
        keys.push.apply(keys, symbols)
    }
    return keys
  }
  function _objectSpread(target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = null != arguments[i] ? arguments[i] : {}
      i % 2
        ? ownKeys(Object(source), !0).forEach(function (key) {
            _defineProperty(target, key, source[key])
          })
        : Object.getOwnPropertyDescriptors
        ? Object.defineProperties(
            target,
            Object.getOwnPropertyDescriptors(source)
          )
        : ownKeys(Object(source)).forEach(function (key) {
            Object.defineProperty(
              target,
              key,
              Object.getOwnPropertyDescriptor(source, key)
            )
          })
    }
    return target
  }
  function _defineProperty(obj, key, value) {
    if (key in obj) {
      Object.defineProperty(obj, key, {
        value: value,
        enumerable: true,
        configurable: true,
        writable: true
      })
    } else {
      obj[key] = value
    }
    return obj
  }
  function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
    try {
      var info = gen[key](arg)
      var value = info.value
    } catch (error) {
      reject(error)
      return
    }
    if (info.done) {
      resolve(value)
    } else {
      Promise.resolve(value).then(_next, _throw)
    }
  }
  function _asyncToGenerator(fn) {
    return function () {
      var self = this,
        args = arguments
      return new Promise(function (resolve, reject) {
        var gen = fn.apply(self, args)
        function _next(value) {
          asyncGeneratorStep(gen, resolve, reject, _next, _throw, 'next', value)
        }
        function _throw(err) {
          asyncGeneratorStep(gen, resolve, reject, _next, _throw, 'throw', err)
        }
        _next(undefined)
      })
    }
  }
  var __vite_style__ = document.createElement('style')
  __vite_style__.innerHTML =
    '._member-record_1tcad_1{min-height:100vh;position:relative;overflow:hidden}._member-record_1tcad_1 ._memberHeader_1tcad_6{background:#00d1a1}._member-record_1tcad_1 ._headerContent_1tcad_9{min-height:4.21333rem;margin-bottom:1.33333rem;position:relative}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerImg_1tcad_14{width:100%;max-height:4.21333rem;padding:0 .37333rem}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerCount_1tcad_19{position:absolute;bottom:-1.33333rem;display:flex;align-items:center;margin:0 .37333rem;width:calc(100% - 0.74667rem);background-color:#fff;border-radius:.32rem;height:2.66667rem}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerCount_1tcad_19 ._headerItem_1tcad_30{position:relative;flex-basis:33.33%;display:flex;align-items:center;flex-direction:column;font-size:.32rem;color:#778098;line-height:.45333rem}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerCount_1tcad_19 ._headerItem_1tcad_30 ._num_1tcad_40{font-size:.42667rem;font-weight:500;color:#2dc7aa;line-height:.58667rem;padding-bottom:.21333rem}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerCount_1tcad_19 ._headerItem_1tcad_30:after{content:" ";display:inline-block;position:absolute;right:0;top:.4rem;width:.02667rem;height:.42667rem;background:#ebebeb}._member-record_1tcad_1 ._headerContent_1tcad_9 ._headerCount_1tcad_19 ._headerItem_1tcad_30:last-child:after{display:none}._member-record_1tcad_1 ._memberCell_1tcad_60{margin:.26667rem .37333rem 0;width:auto;border-radius:.26667rem;overflow:hidden}._member-record_1tcad_1 ._memberCell_1tcad_60 ._dataItem_1tcad_66{color:#1a1a1a}._member-record_1tcad_1 ._memberCell_1tcad_60 .van-cell__value{flex:auto 1}._member-record_1tcad_1 ._memberCell_1tcad_60 .iconfont-down{margin-left:.10667rem;transform:scale(.8)}._rTitle_1tcad_76{display:flex;align-items:center}._rTitle_1tcad_76:before{margin-right:.21333rem;content:" ";display:inline-block;width:.10667rem;height:.37333rem;background:#2dc7aa;border-radius:.08rem}._data-content_1tcad_89{margin:.26667rem .37333rem 0;border-radius:.26667rem;overflow:hidden}._data-content_1tcad_89 ._dataTitle_1tcad_94{display:flex;align-items:center}._data-content_1tcad_89 ._dataTitle_1tcad_94 span{padding-right:.21333rem}._data-content_1tcad_89 .van-row-item{display:flex;align-items:center}._data-content_1tcad_89 .van-grid-item__content{padding:.08rem}._data-content_1tcad_89 .van-grid-item__content{background-color:transparent;font-size:.37333rem}._data-content_1tcad_89 .van-grid-item__icon-wrapper{font-size:.37333rem;font-weight:500;color:#000}._data-content_1tcad_89 .van-grid-item__text{padding-top:.16rem;font-size:.32rem;color:gray}\n'
  document.head.appendChild(__vite_style__)
  System.register(
    [
      './tip_bg-legacy.cf4096e5.js',
      './index-legacy.d37bf950.js',
      './vendor-legacy.367a3d55.js',
      './index-legacy.f25f109a2.js',
      './index-legacy.f25f109a.js',
      './index-legacy.f25f109a11.js',
      './index-legacy.637f35564.js',
      './index-legacy.f25f109a4.js',
      './index-legacy.f25f109a6.js',
      './index-legacy.901c4933.js',
      './index-legacy.a7be6226.js',
      './index-legacy.f25f109a8.js'
    ],
    function (exports) {
      'use strict'
      var __glob_20_0,
        __glob_20_1,
        __glob_20_2,
        __glob_20_3,
        __glob_20_4,
        __glob_20_5,
        __glob_20_6,
        __glob_20_7,
        __glob_20_8,
        __glob_20_9,
        __glob_20_10,
        __glob_20_11,
        ColHeader,
        defineComponent,
        dayjs,
        createVNode,
        Image,
        createTextVNode,
        Cell,
        Icon,
        Popup,
        DatetimePicker,
        List,
        CellGroup,
        Grid,
        GridItem,
        isVNode,
        levelMember,
        request,
        formatterDate,
        postMessage,
        ColResult
      return {
        setters: [
          function (module) {
            __glob_20_0 = module._
            __glob_20_1 = module.a
            __glob_20_2 = module.b
            __glob_20_3 = module.c
            __glob_20_4 = module.d
            __glob_20_5 = module.e
            __glob_20_6 = module.f
            __glob_20_7 = module.g
            __glob_20_8 = module.h
            __glob_20_9 = module.i
            __glob_20_10 = module.j
            __glob_20_11 = module.k
          },
          function (module) {
            ColHeader = module.C
          },
          function (module) {
            defineComponent = module.d
            dayjs = module.g
            createVNode = module.a
            Image = module.I
            createTextVNode = module.j
            Cell = module.q
            Icon = module.u
            Popup = module.P
            DatetimePicker = module.J
            List = module.w
            CellGroup = module.C
            Grid = module.K
            GridItem = module.M
            isVNode = module.x
          },
          function () {},
          function () {},
          function () {},
          function () {},
          function () {},
          function () {},
          function (module) {
            levelMember = module.l
          },
          function (module) {
            request = module.r
            formatterDate = module.j
            postMessage = module.p
            ColResult = module.C
          },
          function () {}
        ],
        execute: function execute() {
          var memberHeader = '_memberHeader_1tcad_6'
          var headerContent = '_headerContent_1tcad_9'
          var headerImg = '_headerImg_1tcad_14'
          var headerCount = '_headerCount_1tcad_19'
          var headerItem = '_headerItem_1tcad_30'
          var num = '_num_1tcad_40'
          var memberCell = '_memberCell_1tcad_60'
          var dataItem = '_dataItem_1tcad_66'
          var rTitle = '_rTitle_1tcad_76'
          var dataTitle = '_dataTitle_1tcad_94'
          var styles = {
            'member-record': '_member-record_1tcad_1',
            memberHeader: memberHeader,
            headerContent: headerContent,
            headerImg: headerImg,
            headerCount: headerCount,
            headerItem: headerItem,
            num: num,
            memberCell: memberCell,
            dataItem: dataItem,
            rTitle: rTitle,
            'data-content': '_data-content_1tcad_89',
            dataTitle: dataTitle
          }
          function _isSlot(s) {
            return (
              typeof s === 'function' ||
              (Object.prototype.toString.call(s) === '[object Object]' &&
                !isVNode(s))
            )
          }
          var getAssetsHomeFile = exports(
            'getAssetsHomeFile',
            function (fileName) {
              var path = './images/'.concat(fileName)
              var modules = {
                './images/1.png': __glob_20_0,
                './images/2.png': __glob_20_1,
                './images/3.png': __glob_20_2,
                './images/4.png': __glob_20_3,
                './images/5.png': __glob_20_4,
                './images/6.png': __glob_20_5,
                './images/7.png': __glob_20_6,
                './images/8.png': __glob_20_7,
                './images/icon_video.png': __glob_20_8,
                './images/member_bg.png': __glob_20_9,
                './images/record_bg.png': __glob_20_10,
                './images/tip_bg.png': __glob_20_11
              }
              return modules[path].default
            }
          )
          var memberRecord = exports(
            'default',
            defineComponent({
              name: 'memberRecord',
              data: function data() {
                return {
                  userTrainOverView: {
                    trainDays: 0,
                    trainNum: 0,
                    trainTime: 0
                  },
                  timeStatus: false,
                  currentDate: new Date(),
                  list: [],
                  dataShow: true, // 判断是否有数据
                  loading: false,
                  finished: false,
                  params: { page: 1, rows: 20 }
                }
              },
              mounted: function mounted() {
                var _this = this
                return _asyncToGenerator(
                  /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
                    return regeneratorRuntime.wrap(function _callee$(_context) {
                      while (1) {
                        switch ((_context.prev = _context.next)) {
                          case 0:
                            _this.getList()
                          case 1:
                          case 'end':
                            return _context.stop()
                        }
                      }
                    }, _callee)
                  })
                )()
              },
              methods: {
                onSearch: function onSearch() {
                  this.timeStatus = false
                  this.dataShow = true
                  this.loading = false
                  this.finished = false
                  this.list = []
                  this.params.page = 1
                  this.getList()
                },
                getList: function getList() {
                  var _this2 = this
                  return _asyncToGenerator(
                    /*#__PURE__*/ regeneratorRuntime.mark(function _callee2() {
                      var params, res, result
                      return regeneratorRuntime.wrap(
                        function _callee2$(_context2) {
                          while (1) {
                            switch ((_context2.prev = _context2.next)) {
                              case 0:
                                _context2.prev = 0
                                params = _this2.params
                                _context2.next = 4
                                return request.get(
                                  '/api-student/sysMusicRecord/studentTrainData',
                                  {
                                    params: _objectSpread(
                                      _objectSpread({}, params),
                                      {},
                                      {
                                        startTime: dayjs(
                                          _this2.currentDate
                                        ).format('YYYY-MM')
                                      }
                                    )
                                  }
                                )
                              case 4:
                                res = _context2.sent
                                _this2.loading = false
                                result = res.data || {} // 在第一页的时候才处理数据显示
                                if (result.detail.pageNo === 1) {
                                  _this2.userTrainOverView =
                                    result.userTrainOverView
                                } // 处理重复请求数据
                                if (
                                  !(
                                    _this2.list.length > 0 &&
                                    result.detail.pageNo === 1
                                  )
                                ) {
                                  _context2.next = 10
                                  break
                                }
                                return _context2.abrupt('return')
                              case 10:
                                _this2.list = _this2.list.concat(
                                  result.detail.rows || []
                                )
                                _this2.finished =
                                  result.detail.pageNo >=
                                  result.detail.totalPage
                                _this2.params.page = result.detail.pageNo + 1
                                _this2.dataShow = _this2.list.length > 0
                                _context2.next = 20
                                break
                              case 16:
                                _context2.prev = 16
                                _context2.t0 = _context2['catch'](0)
                                _this2.dataShow = false
                                _this2.finished = true
                              case 20:
                              case 'end':
                                return _context2.stop()
                            }
                          }
                        },
                        _callee2,
                        null,
                        [[0, 16]]
                      )
                    })
                  )()
                }
              },
              render: function render() {
                var _this3 = this
                var _slot
                return createVNode('div', { class: styles['member-record'] }, [
                  createVNode(
                    ColHeader,
                    {
                      class: styles.memberHeader,
                      background: '#00d1a1',
                      backIconColor: 'white',
                      border: false,
                      color: '#fff'
                    },
                    {
                      default: function _default() {
                        return createVNode(
                          'div',
                          { class: styles.headerContent },
                          [
                            createVNode(
                              Image,
                              {
                                class: styles.headerImg,
                                src: getAssetsHomeFile('record_bg.png')
                              },
                              null
                            ),
                            createVNode('div', { class: styles.headerCount }, [
                              createVNode('div', { class: styles.headerItem }, [
                                createVNode('span', { class: styles.num }, [
                                  _this3.userTrainOverView.trainDays,
                                  createTextVNode('\u5929')
                                ]),
                                createVNode('span', null, [
                                  createTextVNode(
                                    '\u7D2F\u8BA1\u8BAD\u7EC3\u5929\u6570'
                                  )
                                ])
                              ]),
                              createVNode('div', { class: styles.headerItem }, [
                                createVNode('span', { class: styles.num }, [
                                  _this3.userTrainOverView.trainTime,
                                  createTextVNode('\u5206\u949F')
                                ]),
                                createVNode('span', null, [
                                  createTextVNode(
                                    '\u7D2F\u8BA1\u8BAD\u7EC3\u65F6\u957F'
                                  )
                                ])
                              ]),
                              createVNode('div', { class: styles.headerItem }, [
                                createVNode('span', { class: styles.num }, [
                                  _this3.userTrainOverView.trainNum,
                                  createTextVNode('\u6B21')
                                ]),
                                createVNode('span', null, [
                                  createTextVNode(
                                    '\u7D2F\u8BA1\u8BAD\u7EC3\u6B21\u6570'
                                  )
                                ])
                              ])
                            ])
                          ]
                        )
                      } //   <div class={[styles.certHeader, this.headStatus ? styles.certWhite : null]}>
                      //     达人认证
                      //   </div>
                    }
                  ),
                  createVNode(
                    'div',
                    { style: { overflow: 'hidden', paddingBottom: '12px' } },
                    [
                      createVNode(
                        Cell,
                        { class: styles.memberCell },
                        {
                          title: function title() {
                            return createVNode(
                              'div',
                              { class: styles.rTitle },
                              [
                                createVNode('span', null, [
                                  createTextVNode('\u8BC4\u6D4B\u8BB0\u5F55')
                                ])
                              ]
                            )
                          },
                          default: function _default() {
                            return createVNode(
                              'div',
                              {
                                class: styles.dataItem,
                                onClick: function onClick() {
                                  return (_this3.timeStatus = true)
                                }
                              },
                              [
                                dayjs(_this3.currentDate).format('YYYY年MM月'),
                                createVNode(
                                  Icon,
                                  {
                                    classPrefix: 'iconfont',
                                    name: 'down',
                                    size: 8,
                                    color: 'var(--van-primary)'
                                  },
                                  null
                                )
                              ]
                            )
                          }
                        }
                      ),
                      createVNode(
                        Popup,
                        {
                          show: this.timeStatus,
                          'onUpdate:show': function onUpdateShow($event) {
                            return (_this3.timeStatus = $event)
                          },
                          position: 'bottom',
                          round: true,
                          closeOnPopstate: true
                        },
                        {
                          default: function _default() {
                            return [
                              createVNode(
                                DatetimePicker,
                                {
                                  type: 'year-month',
                                  modelValue: _this3.currentDate,
                                  'onUpdate:modelValue':
                                    function onUpdateModelValue($event) {
                                      return (_this3.currentDate = $event)
                                    },
                                  formatter: formatterDate,
                                  onCancel: function onCancel() {
                                    _this3.timeStatus = false
                                  },
                                  onConfirm: _this3.onSearch
                                },
                                null
                              )
                            ]
                          }
                        }
                      ),
                      this.dataShow
                        ? createVNode(
                            List,
                            {
                              loading: this.loading,
                              'onUpdate:loading': function onUpdateLoading(
                                $event
                              ) {
                                return (_this3.loading = $event)
                              },
                              finished: this.finished,
                              finishedText: ' ',
                              immediateCheck: false,
                              class: [styles.liveList, 'mb12'],
                              onLoad: this.getList
                            },
                            _isSlot(
                              (_slot = this.list.map(function (item) {
                                return createVNode(
                                  CellGroup,
                                  {
                                    class: styles['data-content'],
                                    border: false,
                                    onClick: function onClick() {
                                      var behaviorId = +new Date() //dev.colexiu.com/accompany/colexiu-report.html?id=817&behaviorId=165699355934918269&Authorization=bearer%20aea0b4c1-423c-4466-902a-17dc7ac8938a#/
                                      postMessage({
                                        api: 'openAccompanyWebView',
                                        content: {
                                          url:
                                            location.origin +
                                            '/accompany/colexiu-report.html?id=' +
                                            item.id +
                                            '&behaviorId=' +
                                            behaviorId,
                                          orientation: 0,
                                          isHideTitle: true,
                                          statusBarTextColor: false,
                                          isOpenLight: true
                                        }
                                      })
                                      return
                                    }
                                  },
                                  {
                                    default: function _default() {
                                      return [
                                        createVNode(
                                          Cell,
                                          { center: true },
                                          {
                                            title: function title() {
                                              return createVNode(
                                                'div',
                                                { class: styles.dataTitle },
                                                [
                                                  createVNode('span', null, [
                                                    item.sysMusicScoreName
                                                  ]),
                                                  item.videoFilePath &&
                                                    createVNode(
                                                      Icon,
                                                      {
                                                        name: getAssetsHomeFile(
                                                          'icon_video.png'
                                                        ),
                                                        size: 20
                                                      },
                                                      null
                                                    )
                                                ]
                                              )
                                            },
                                            default: function _default() {
                                              return createVNode(
                                                'div',
                                                { class: styles.dataItem },
                                                [
                                                  dayjs(item.createTime).format(
                                                    'YYYY/MM/DD HH:mm'
                                                  )
                                                ]
                                              )
                                            }
                                          }
                                        ),
                                        createVNode(
                                          Cell,
                                          {
                                            center: true,
                                            style: {
                                              paddingLeft: '5px',
                                              paddingRight: '5px'
                                            }
                                          },
                                          {
                                            title: function title() {
                                              return createVNode(
                                                Grid,
                                                { border: false, columnNum: 5 },
                                                {
                                                  default: function _default() {
                                                    return [
                                                      createVNode(
                                                        GridItem,
                                                        { text: '评测难度' },
                                                        {
                                                          icon: function icon() {
                                                            return createVNode(
                                                              'span',
                                                              {
                                                                style: {
                                                                  color:
                                                                    '#000000'
                                                                }
                                                              },
                                                              [
                                                                levelMember[
                                                                  item
                                                                    .heardLevel
                                                                ]
                                                              ]
                                                            )
                                                          }
                                                        }
                                                      ),
                                                      createVNode(
                                                        GridItem,
                                                        { text: '评测分数' },
                                                        {
                                                          icon: function icon() {
                                                            return createVNode(
                                                              'span',
                                                              {
                                                                style: {
                                                                  color:
                                                                    '#000000'
                                                                }
                                                              },
                                                              [
                                                                item.score,
                                                                createTextVNode(
                                                                  '\u5206'
                                                                )
                                                              ]
                                                            )
                                                          }
                                                        }
                                                      ),
                                                      createVNode(
                                                        GridItem,
                                                        { text: '音准' },
                                                        {
                                                          icon: function icon() {
                                                            return createVNode(
                                                              'span',
                                                              {
                                                                style: {
                                                                  color:
                                                                    '#01C1B5'
                                                                }
                                                              },
                                                              [
                                                                item.intonation,
                                                                createTextVNode(
                                                                  '\u5206'
                                                                )
                                                              ]
                                                            )
                                                          }
                                                        }
                                                      ),
                                                      createVNode(
                                                        GridItem,
                                                        { text: '节奏' },
                                                        {
                                                          icon: function icon() {
                                                            return createVNode(
                                                              'span',
                                                              {
                                                                style: {
                                                                  color:
                                                                    '#FF802C'
                                                                }
                                                              },
                                                              [
                                                                item.cadence,
                                                                createTextVNode(
                                                                  '\u5206'
                                                                )
                                                              ]
                                                            )
                                                          }
                                                        }
                                                      ),
                                                      createVNode(
                                                        GridItem,
                                                        { text: '完成度' },
                                                        {
                                                          icon: function icon() {
                                                            return createVNode(
                                                              'span',
                                                              {
                                                                style: {
                                                                  color:
                                                                    '#F79C00'
                                                                }
                                                              },
                                                              [
                                                                item.integrity,
                                                                createTextVNode(
                                                                  '\u5206'
                                                                )
                                                              ]
                                                            )
                                                          }
                                                        }
                                                      )
                                                    ]
                                                  }
                                                }
                                              )
                                            }
                                          }
                                        )
                                      ]
                                    }
                                  }
                                )
                              }))
                            )
                              ? _slot
                              : {
                                  default: function _default() {
                                    return [_slot]
                                  }
                                }
                          )
                        : createVNode(
                            ColResult,
                            {
                              btnStatus: false,
                              classImgSize: 'SMALL',
                              tips: '暂无记录'
                            },
                            null
                          )
                    ]
                  )
                ])
              }
            })
          )
        }
      }
    }
  )
})()