{"version":3,"file":"rating.c1e74960.mjs","sources":["../../../../pages/contest/rating.vue"],"sourcesContent":["<template>\r\n  <NuxtLayout>\r\n    <div v-loading=\"ctrl.loading\" class=\"app_container w detail_content\">\r\n      <div v-if=\"opts.info.id\" class=\"course_info\">\r\n        <div ref=\"head\" class=\"course_info_header\">\r\n          <div class=\"course_info_content\">\r\n            <div class=\"course_message\">\r\n              <div class=\"course_msg_content\">\r\n                <div class=\"course_price_content\">\r\n                  <div class=\"course_name\">\r\n                    <span>{{ opts.info.pageName }}</span>\r\n                  </div>\r\n                  <div class=\"course_int\">\r\n                    <div class=\"course_int_text tx-ov\">比赛时间：{{ opts.info.beginTime }} ~ {{ opts.info.endTime }}</div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"course_bottom\">\r\n                  <div class=\"course_btn_info\">\r\n                    <div class=\"course_btn\">\r\n                      <el-button class=\"buy_btn\" :disabled=\"(ctrl.entryOver || ctrl.isEnter) ? true : false\" type=\"primary\" @click=\"goEntry()\">\r\n                        {{ ctrl.isEnter ? '已报名' : '立即报名' }}\r\n                      </el-button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"nav_tabs\">\r\n            <template v-for=\"(item,index) in opts.tabEnum\">\r\n                <div :class=\"{active:map.tabs === index}\" class=\"nav_tabs_item\" @click=\"handleChangeType(item, index)\">\r\n                  {{ item.menuTitle }}\r\n                </div>\r\n              </template>\r\n          </div>\r\n        </div>\r\n        <div v-show=\"map.tabs === 0\" class=\"detail_tab_pane\">\r\n          <div class=\"detail_desc_content\" v-html=\"opts.info.eventDesc\"></div>\r\n        </div>\r\n        <div v-if=\"ctrl.fixed\" class=\"fixed_header\">\r\n          <div class=\"fixed_content\">\r\n            <a class=\"nav_logo\" href=\"/\">\r\n              <img v-if=\"componentInfo.websiteLogo\" :src=\"componentInfo.websiteLogo\" alt=\"\"/>\r\n            </a>\r\n            <div class=\"nav_tabs_header\">\r\n              <template v-for=\"(item,index) in opts.tabEnum\">\r\n                <div :class=\"{active:map.tabs === index}\" class=\"nav_tabs_item\" @click=\"handleChangeType(item, index)\">\r\n                {{ item.menuTitle }}\r\n                </div>\r\n              </template>\r\n            </div>\r\n            <div class=\"course_btn\">\r\n              <el-button class=\"buy_btn\" :disabled=\"(ctrl.entryOver || ctrl.isEnter) ? true : false\" type=\"primary\" @click=\"goEntry()\">\r\n                {{ ctrl.isEnter ? '已报名' : '立即报名' }}\r\n              </el-button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </NuxtLayout>\r\n</template>\r\n\r\n<script setup>\r\nimport {useUserStore} from \"../../stores/user\";\r\nimport { ratingView, ratingVerify } from '@/api/event'\r\nimport {forbidCopy} from '../../utils'\r\nimport {getHearder} from \"@/api/layouts\";\r\nimport { setSession } from '@/utils/storage'\r\nconst route = useRoute()\r\nconst {data: componentInfo} = await useAsyncData(\"header\", async (ctx) => {\r\n  return getHearder();\r\n});\r\n\r\nconst store = useUserStore()\r\nconst { getToken, userView} = store\r\nconst router = useRouter()\r\nconst head = ref(null)\r\nconst userInfo = computed(()=>store.userView)\r\nconst token = computed(() => {\r\n  return getToken()\r\n})\r\nconst map = reactive({\r\n  id: '1612329015769296897',\r\n  tabs: 0\r\n})\r\nconst opts = reactive({\r\n  errorNum: 0,\r\n  info: {\r\n    eventDesc: ``\r\n  },\r\n  style: {\r\n    width: '1100px'\r\n  },\r\n  tabEnum: [{menuTitle: '赛事简介', menuType: 0}]\r\n})\r\nconst notePage = reactive({\r\n  pageCurrent: 1,\r\n  pageSize: 10,\r\n  totalPage: 1,\r\n  totalCount: 0\r\n})\r\nconst ctrl = reactive({\r\n  loading: false,\r\n  courseware: false,\r\n  fixed: false,\r\n  isEnter: false,\r\n  entryOver: false\r\n})\r\nconst goEntry = () => {\r\n    if (!token.value) {\r\n      router.push({\r\n        path: '/login',\r\n        query: {\r\n          redirect: encodeURIComponent(route.fullPath)\r\n        }\r\n      })\r\n      return false\r\n    }\r\n    router.push({\r\n      path: '/contest/entry',\r\n      query: {\r\n        id: opts.info.id,\r\n        proveId: opts.info.proveId,\r\n        type: 'pingbi'\r\n      }\r\n    })\r\n}\r\nuseHead({\r\n  title: computed(() => `赛事详情`),\r\n  meta:[{\r\n    hid: 'keywords',\r\n    name: 'keywords',\r\n    content: '赛事详情'\r\n  },\r\n    {\r\n      hid: 'description',\r\n      name: 'description',\r\n      content: '赛事详情'\r\n    }]\r\n})\r\n\r\n// 获取详情\r\nconst getInfo = () => {\r\n  ctrl.loading = true\r\n  ratingView(map.id).then(res => {\r\n    ctrl.loading = false\r\n    opts.info = res\r\n    setSession('areaName', opts.info.pageName)\r\n    route.meta.title = opts.info.pageName\r\n    opts.info.eventDesc = opts.info.eventDesc.replace(/<a style=\"position: relative; width: 144px; height: 80px; margin:  10px; display: inline-block;/, '<a style=\"position: relative; width: 144px; height: auto; margin:  10px; display: inline-block;').replace(/<img/g, '<img style=\"width:100%\"')\r\n  }).catch(() => {\r\n    ctrl.loading = false\r\n  })\r\n}\r\n// tabs切换\r\nconst handleChangeType = (item, index) => {\r\n  map.tabs = index\r\n  if (map.tabs !== 0) {\r\n    getMenuFile(item)\r\n  }\r\n}\r\n\r\nconst handleScrollBody = () => {\r\n  const app = document.querySelector('#app')\r\n  let top = Math.floor(app.scrollTop || window.pageYOffset)\r\n  if (top >= head.value.clientHeight - 10) {\r\n    ctrl.fixed = true\r\n  } else {\r\n    ctrl.fixed = false\r\n  }\r\n}\r\nconst getEnterVerify = () => {\r\n  const p = {\r\n    eventId: route.query.id,\r\n    userId: userInfo.value.id\r\n  }\r\n  ratingVerify(p).then(res => {\r\n    if (res.isEnter) {\r\n      ctrl.isEnter = true\r\n    }\r\n  })\r\n}\r\nonMounted(() => {\r\n  window.addEventListener('scroll', handleScrollBody, true)\r\n  if (opts.info && opts.info.enableForbidContentCopy) {\r\n    forbidCopy('.detail_desc_content')\r\n  }\r\n  if (token.value) {\r\n    getEnterVerify()\r\n  }\r\n  map.id = route.query.id\r\n  // map.type = route.query.type\r\n  getInfo()\r\n})\r\nonUnmounted(() => {\r\n  // if(!token.value) {\r\n  window.removeEventListener('scroll', handleScrollBody, true)\r\n  // }\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.homework_wrap_list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-wrap: wrap;\r\n}\r\n.homework_wrap_item {\r\n  display: flex;\r\n  flex: 1;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 10px;\r\n  margin-bottom: 10px;\r\n  background: #fff;\r\n  border-bottom: 1px solid #ccc;\r\n  .mater_name {\r\n    color: #666;\r\n    font-size: 14px;\r\n    margin-left: 8px;\r\n    cursor: pointer;\r\n    &:hover {\r\n      color: #3D7FFF;\r\n    }\r\n  }\r\n}\r\n.have_scroll_x {\r\n  overflow-x: auto;\r\n  display: inline-flex;\r\n\r\n  &::-webkit-scrollbar {\r\n    display: none\r\n  }\r\n\r\n  &:hover::-webkit-scrollbar {\r\n    display: block\r\n  }\r\n}\r\n\r\n.course_info_content {\r\n  background-color: #FFFFFF;\r\n  border-top: 1px solid #EBEEF5;\r\n}\r\n\r\n.nav_tabs_header {\r\n  background-color: #FFFFFF;\r\n  display: flex;\r\n  flex: 1;\r\n  padding-left: 60px;\r\n\r\n  .nav_tabs_item {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-right: 50px;\r\n    font-size: 16px;\r\n    line-height: 65px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .nav_tabs_item:hover {\r\n    cursor: pointer;\r\n    position: relative;\r\n    color: var(--el-color-primary);\r\n  }\r\n\r\n  .nav_tabs_item:hover::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translate(-50%);\r\n    bottom: 0;\r\n    width: 64px;\r\n    height: 3px;\r\n    border-radius: 1.5px;\r\n    background-color: var(--el-color-primary);\r\n  }\r\n\r\n  .active {\r\n    position: relative;\r\n    color: var(--el-color-primary);\r\n  }\r\n\r\n  .active::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translate(-50%);\r\n    bottom: 0;\r\n    width: 64px;\r\n    height: 3px;\r\n    border-radius: 1.5px;\r\n    background-color: var(--el-color-primary);\r\n  }\r\n}\r\n\r\n.nav_tabs {\r\n  padding: 20px;\r\n  padding-bottom: 0;\r\n  background-color: #FFFFFF;\r\n  display: flex;\r\n  align-items: center;\r\n  border-bottom: 1px solid #ccc;\r\n\r\n  .nav_tabs_item {\r\n    margin-right: 60px;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 16px;\r\n    padding-bottom: 20px;\r\n    color: #333333;\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .nav_tabs_item.active, .nav_tabs_item:hover {\r\n    color: #2256F6;\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      background: #2256F6;\r\n      width: 64px;\r\n      padding-top: 3px;\r\n      left: 50%;\r\n      transform: translate(-50%);\r\n      border-radius: 10px;\r\n    }\r\n  }\r\n\r\n  .nav_tabs_item:last-child {\r\n    margin-right: 0;\r\n  }\r\n}\r\n\r\n\r\n.nav_course_title {\r\n  color: #999;\r\n  font-weight: 400;\r\n  max-width: 150px;\r\n}\r\n\r\n.course_name_tag {\r\n  padding: 5px 3px;\r\n  border-radius: 5px 0;\r\n  background: rgba(61, 127, 255, 0.1);\r\n  display: inline-block;\r\n  font-style: normal;\r\n  width: 46px;\r\n  position: relative;\r\n  top: -2px;\r\n  text-align: center;\r\n  font-weight: normal;\r\n  font-size: 10px;\r\n  color: #3D7FFF;\r\n  margin-right: 4px;\r\n}\r\n\r\n.course_cover_img {\r\n  width: 576px;\r\n  height: 320px;\r\n  object-fit: cover;\r\n  border-radius: 5px;\r\n  position: relative;\r\n}\r\n\r\n.course_cover {\r\n  position: relative;\r\n}\r\n\r\n.course_cover_btn {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  background: rgba(21, 21, 21, 0.8);\r\n  width: 100%;\r\n  color: #FFFFFF;\r\n  padding-top: 11px;\r\n  padding-bottom: 11px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 0 0 6px 6px;\r\n\r\n  .iconfont {\r\n    margin-right: 6px;\r\n  }\r\n}\r\n\r\n.course_name {\r\n  display: flex;\r\n  align-items: center;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 20px;\r\n  color: #333333;\r\n}\r\n\r\n.course_price_content {\r\n  width: 100%;\r\n}\r\n\r\n.course_msg_content {\r\n  margin: 30px;\r\n  padding-bottom: 30px;\r\n  position: relative;\r\n}\r\n\r\n.course_message {\r\n  position: relative;\r\n}\r\n\r\n.course_int {\r\n  margin-top: 10px;\r\n  display: flex;\r\n\r\n  .course_in_icon {\r\n    min-width: 28px;\r\n    margin-left: 8px;\r\n    color: #666666;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .course_int_text {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    color: #999999;\r\n    width: 570px;\r\n  }\r\n  .loadmore {\r\n    font-size: 14px;\r\n    color: #666;\r\n  }\r\n}\r\n\r\n.course_cell {\r\n  overflow: hidden;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  & + .course_cell {\r\n    margin-top: 12px;\r\n  }\r\n\r\n  .course_cell_item {\r\n    white-space: nowrap;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    color: #333333;\r\n    display: flex;\r\n    align-items: center;\r\n    &.cu{\r\n      cursor: pointer;\r\n      &:hover{\r\n        color: #2256F6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .course_cell_item + .course_cell_item {\r\n    padding-left: 24px;\r\n    position: relative;\r\n  }\r\n}\r\n\r\n.mgl3 {\r\n  margin-left: 3px;\r\n}\r\n\r\n.price_old {\r\n  color: #999999;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 12px;\r\n  text-decoration-line: line-through;\r\n  margin-left: 5px;\r\n}\r\n\r\n.price_now {\r\n  font-style: normal;\r\n  font-weight: bold;\r\n  font-size: 20px;\r\n  color: #F61818;\r\n}\r\n\r\n.price_now .price_icon {\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 18px;\r\n}\r\n\r\n.course_btn_info {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-top: 5px;\r\n}\r\n\r\n.buy_btn {\r\n  width: 154px;\r\n  height: 40px;\r\n  font-size: 16px;\r\n}\r\n\r\n.course_learn_msg {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.learn_item {\r\n  padding-right: 20px;\r\n  position: relative;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 14px;\r\n  color: #999999;\r\n\r\n  & + .learn_item {\r\n    padding-left: 20px;\r\n\r\n    &:before {\r\n      content: '';\r\n      height: 12px;\r\n      padding-left: 1px;\r\n      background-color: #EBEEF5;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 30%;\r\n    }\r\n  }\r\n}\r\n\r\n.icon_text_name {\r\n  margin-left: 3px;\r\n}\r\n\r\n.icon_btn {\r\n  cursor: pointer;\r\n\r\n  .iconfont {\r\n    //margin-right: 5px;\r\n  }\r\n}\r\n\r\n.detail_tab_pane {\r\n  padding: 30px;\r\n  background-color: #FFFFFF;\r\n  border-radius: 5px;\r\n  width: 1200px;\r\n}\r\n\r\n.have_detail_list {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.have_detail_title {\r\n  font-style: normal;\r\n  font-weight: 550;\r\n  font-size: 16px;\r\n  color: #333333;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.have_scroll_view {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.have_scroll_left {\r\n  margin-right: 10px;\r\n}\r\n\r\n.have_scroll_right {\r\n  margin-left: 10px;\r\n}\r\n\r\n.have_scroll_left, .have_scroll_right {\r\n  background: #F6F8FB;\r\n  border-radius: 5px;\r\n  padding: 27px 7px;\r\n  cursor: pointer;\r\n}\r\n\r\n.course_have_item {\r\n  cursor: pointer;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 10px;\r\n  width: 317px;\r\n  max-width: 317px;\r\n  min-width: 317px;\r\n  border-radius: 10px;\r\n  background-color: #F6F8FB;\r\n  position: relative;\r\n\r\n  .course_have_img {\r\n    width: 90px;\r\n    height: 50px;\r\n    border-radius: 10px;\r\n    object-fit: cover;\r\n  }\r\n\r\n  & + .course_have_item {\r\n    margin-left: 10px;\r\n  }\r\n\r\n  .course_have_msg {\r\n    margin-left: 10px;\r\n    width: calc(100% - 20px - 90px - 10px);\r\n  }\r\n\r\n  .course_item_courseware {\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 12px;\r\n    color: #999999;\r\n  }\r\n\r\n  .course_item_title {\r\n    width: 100%;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    color: #333333;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &:before {\r\n    content: '>';\r\n    position: absolute;\r\n    right: 13.5px;\r\n    color: #BECADB;\r\n\r\n  }\r\n}\r\n\r\n.slide-forward-leave-active {\r\n  transition: all 1s;\r\n  transform: translate(-100%);\r\n}\r\n\r\n// router2\r\n.v-enter {\r\n  transform: translateX(100%);\r\n}\r\n\r\n.v-enter-active {\r\n  transition: all 3s;\r\n}\r\n\r\n.single_item_title {\r\n  max-width: 550px;\r\n}\r\n\r\n.single_item_name .video_icon {\r\n  font-size: 24px;\r\n}\r\n\r\n.single_item_name {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.down_menu_item {\r\n  display: flex;\r\n  padding: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 14px;\r\n  color: #999999;\r\n  border-bottom: 1px solid #EBEEF5;\r\n\r\n  .down_item_name {\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .iconfont {\r\n    color: #333333;\r\n    font-size: 24px;\r\n  }\r\n}\r\n\r\n.single_menu_item {\r\n  display: flex;\r\n  padding: 20px;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 14px;\r\n  color: #999999;\r\n  border-bottom: 1px solid #EBEEF5;\r\n\r\n  &:hover {\r\n    background: rgba(34, 86, 246, 0.05);\r\n  }\r\n}\r\n\r\n.all_txt {\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 16px;\r\n  color: #333333;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.note_pane {\r\n  padding-top: 20px;\r\n}\r\n\r\n.note_item {\r\n  display: flex;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid #EBEEF5;\r\n\r\n  & + .note_item {\r\n    padding-top: 20px;\r\n  }\r\n}\r\n\r\n.note_cover {\r\n  margin-right: 20px;\r\n}\r\n\r\n.note_info {\r\n  width: calc(100% - 68px);\r\n}\r\n.pic {\r\n  margin: 10px 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  .el-image {\r\n    width: 144px;\r\n    height: 80px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n  }\r\n}\r\n\r\n.flex_note_img {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  width: 100%;\r\n}\r\n\r\n.note_bg_img {\r\n  width: 144px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.note_info_header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .note_info_name {\r\n    font-style: normal;\r\n    font-weight: 550;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .note_info_time {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    color: #999999;\r\n  }\r\n}\r\n\r\n.loading_btn {\r\n  text-align: center;\r\n  padding-top: 11px;\r\n  padding-bottom: 11px;\r\n  margin-top: 20px;\r\n\r\n  .loading_text {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    color: #999999;\r\n  }\r\n}\r\n\r\n.comment_add_box {\r\n  margin-bottom: 30px;\r\n  :deep(.el-textarea__inner){\r\n    padding: 10px 11px;\r\n  }\r\n}\r\n\r\n.comment_add_btn {\r\n  margin-top: 15px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .iconfont {\r\n    font-size: 24px;\r\n    color: #BECADB;\r\n  }\r\n\r\n  .comment_btn {\r\n    width: 100px;\r\n    height: 40px;\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n.limit_count_box {\r\n  background: var(--el-fill-color-blank);\r\n  bottom: 5px;\r\n  color: var(--el-color-info);\r\n  font-size: 12px;\r\n  line-height: 14px;\r\n  position: absolute;\r\n  right: 10px;\r\n}\r\n\r\n.course_comment_item {\r\n  display: flex;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid #EBEEF5;\r\n\r\n  &.hide {\r\n    display: none;\r\n  }\r\n\r\n  & + .course_comment_item {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .course_comment_cover {\r\n    margin-right: 20px;\r\n  }\r\n\r\n  .course_comment_content {\r\n    width: calc(100% - 68px);\r\n  }\r\n\r\n  .course_comment_btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n  }\r\n\r\n  .course_comment_btn.has {\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  .course_child_comment .course_comment_btn {\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .course_comment_time {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    color: #999999;\r\n  }\r\n\r\n  .comment_btn_list {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .btn_icons {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 12px;\r\n    color: #999999;\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn_icons.active, .btn_icons.hover {\r\n    color: #FF9D00;\r\n  }\r\n\r\n  .btn_icons:hover {\r\n    color: #FF9D00;\r\n  }\r\n\r\n  .btn_icons + .btn_icons {\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .btn_icons .iconfont {\r\n    font-size: 16px;\r\n    margin-right: 3px;\r\n  }\r\n\r\n  .course_comment_user {\r\n    font-style: normal;\r\n    font-weight: 550;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .course_comment_int {\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 14px;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    color: #999999;\r\n  }\r\n}\r\n\r\n.warning_color {\r\n  color: #FF9D00;\r\n}\r\n\r\n.course_child_comment {\r\n  padding: 20px;\r\n  background: #F6F8FB;\r\n  border-radius: 5px;\r\n  position: relative;\r\n\r\n  &:before {\r\n    content: '';\r\n    width: 15px;\r\n    height: 15px;\r\n    position: absolute;\r\n    top: -7.5px;\r\n    transform: rotate(45deg);\r\n    background: #F6F8FB;\r\n  }\r\n}\r\n\r\n.course_bottom {\r\n  margin-top: 29px;\r\n  width: 100%;\r\n}\r\n\r\n.fixed_header {\r\n  position: fixed;\r\n  top: 0;\r\n  height: 66px;\r\n  background-color: #FFFFFF;\r\n  width: 100%;\r\n  z-index: 10000;\r\n\r\n  .fixed_content {\r\n    width: 1200px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n  }\r\n\r\n  .nav_logo {\r\n    width: 170px;\r\n    height: 36px;\r\n\r\n    img {\r\n      width: 170px;\r\n      height: 36px;\r\n      object-fit: cover;\r\n    }\r\n  }\r\n}\r\n\r\n.detail_content {\r\n  padding-top: 40px;\r\n  min-height: 100%;\r\n}\r\n\r\n.icon-live {\r\n  color: #FE2C55;\r\n  font-size: 24px;\r\n}\r\n\r\n.course_cell_valid {\r\n  margin-top: 5px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n}\r\n\r\n.tag_status.success {\r\n  color: #FFFFFF;\r\n}\r\n\r\n.tag_status.success .iconfont {\r\n  color: #2256F6;\r\n}\r\n\r\n.cover_teacher {\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n\r\n  & + .cover_teacher {\r\n\r\n    transition: all 0.3s;\r\n    margin-left: 3px;\r\n  }\r\n\r\n  &.hover {\r\n    transform: scale(1.5);\r\n    // border: 1px solid #2256F6;\r\n    // box-shadow: 0px 5px 15px rgba(54, 41, 183, 0.06);\r\n  }\r\n}\r\n\r\n.course_price_info {\r\n  margin-top: 20px;\r\n  display: flex;\r\n  color: #666;\r\n  background: rgba(242, 243, 245, 0.5);\r\n  padding: 15px 20px;\r\n\r\n  .course_tip {\r\n    margin-right: 40px;\r\n  }\r\n}\r\n\r\n.course_tip {\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #666;\r\n}\r\n\r\n.teacher_warp_item {\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n  height: 40px;\r\n  & + .teacher_warp_item {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .teacher_name {\r\n\r\n    margin-left: 4px;\r\n  }\r\n\r\n  &:hover .teacher_name {\r\n    color: #3D7FFF;\r\n  }\r\n}\r\n\r\n.flex_teacher {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: calc(100% - 70px);\r\n\r\n  .course_in_icon {\r\n    width: 29px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .course_cell_item.teacher_wrap {\r\n    padding-right: 10px;\r\n  }\r\n\r\n}\r\n\r\n.course_cell_item {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  word-break: break-all;\r\n  overflow: auto;\r\n}\r\n\r\n.course_cell_item.teacher_wrap {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n  text-overflow: clip;\r\n  overflow: hidden;\r\n}\r\n\r\n.valid_text {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #F01414;\r\n}\r\n</style>\r\n"],"names":["route","useRoute","data","componentInfo","__temp","__restore","_withAsyncContext","useAsyncData","async","ctx","getHearder","store","useUserStore","getToken","userView","router","useRouter","head","ref","userInfo","computed","token","map","reactive","id","tabs","opts","errorNum","info","eventDesc","style","width","tabEnum","menuTitle","menuType","pageCurrent","pageSize","totalPage","totalCount","ctrl","loading","courseware","fixed","isEnter","entryOver","goEntry","value","push","path","query","redirect","encodeURIComponent","fullPath","proveId","type","useHead","title","meta","hid","name","content","handleChangeType","item","index","getMenuFile","handleScrollBody","app","document","querySelector","Math","floor","scrollTop","window","pageYOffset","clientHeight","onMounted","addEventListener","enableForbidContentCopy","forbidCopy","p","eventId","userId","ratingVerify","then","res","getEnterVerify","ratingView","setSession","pageName","replace","catch","onUnmounted","removeEventListener"],"mappings":"26BAqEA,MAAAA,GAAAC,KACAC,KAAAC,MAAoCC,GAAAC,IAAAC,GAAA,IAAAC,EAAA,UAAAC,MAAAC,GACpCC,KACA,sCAEAC,GAAAC,KACAC,SAAAA,GAAAC,SAAAA,IAAAH,GACAI,GAAAC,IACAC,GAAAC,EAAA,MACAC,GAAAC,GAAA,IAAAT,GAAAG,WACAO,GAAAD,GAAA,IACAP,OAEAS,GAAAC,EAAA,CACAC,GAAA,sBACAC,KAAA,IAEAC,GAAAH,EAAA,CACAI,SAAA,EACAC,KAAA,CACAC,UAAA,IAEAC,MAAA,CACAC,MAAA,UAEAC,QAAA,CAAA,CAAAC,UAAA,OAAAC,SAAA,MAEAX,EAAA,CACAY,YAAA,EACAC,SAAA,GACAC,UAAA,EACAC,WAAA,IAEA,MAAAC,GAAAhB,EAAA,CACAiB,SAAA,EACAC,YAAA,EACAC,OAAA,EACAC,SAAA,EACAC,WAAA,IAEAC,GAAA,KACA,IAAAxB,GAAAyB,MAOA,OANA/B,GAAAgC,KAAA,CACAC,KAAA,SACAC,MAAA,CACAC,SAAAC,mBAAAnD,GAAAoD,cAGA,EAEArC,GAAAgC,KAAA,CACAC,KAAA,iBACAC,MAAA,CACAzB,GAAAE,GAAAE,KAAAJ,GACA6B,QAAA3B,GAAAE,KAAAyB,QACAC,KAAA,WAEA,EAEAC,EAAA,CACAC,MAAApC,GAAA,IAAA,SACAqC,KAAA,CAAA,CACAC,IAAA,WACAC,KAAA,WACAC,QAAA,QAEA,CACAF,IAAA,cACAC,KAAA,cACAC,QAAA,WAKA,MAaAC,GAAA,CAAAC,EAAAC,KACAzC,GAAAG,KAAAsC,EACA,IAAAzC,GAAAG,MACAuC,YAAAF,EACA,EAGAG,GAAA,KACA,MAAAC,EAAAC,SAAAC,cAAA,QACAC,KAAAC,MAAAJ,EAAAK,WAAAC,OAAAC,cACAxD,GAAA6B,MAAA4B,aAAA,GACAnC,GAAAG,OAAA,EAEAH,GAAAG,OAAA,CACA,SAaAiC,GAAA,KACAH,OAAAI,iBAAA,SAAAX,IAAA,GACAvC,GAAAE,MAAAF,GAAAE,KAAAiD,yBACAC,EAAA,wBAEAzD,GAAAyB,OAhBA,MACA,MAAAiC,EAAA,CACAC,QAAAhF,GAAAiD,MAAAzB,GACAyD,OAAA9D,GAAA2B,MAAAtB,IAEA0D,EAAAH,GAAAI,MAAAC,IACAA,EAAAzC,UACAJ,GAAAI,SAAA,EACA,GACA,EAQA0C,GAEA/D,GAAAE,GAAAxB,GAAAiD,MAAAzB,GA/CAe,GAAAC,SAAA,EACA8C,EAAAhE,GAAAE,IAAA2D,MAAAC,IACA7C,GAAAC,SAAA,EACAd,GAAAE,KAAAwD,EACAG,EAAA,WAAA7D,GAAAE,KAAA4D,UACAxF,GAAAyD,KAAAD,MAAA9B,GAAAE,KAAA4D,SACA9D,GAAAE,KAAAC,UAAAH,GAAAE,KAAAC,UAAA4D,QAAA,kGAAA,mGAAAA,QAAA,QAAA,0BAAA,IACAC,OAAA,KACAnD,GAAAC,SAAA,CAAA,GAyCA,IAEAmD,GAAA,KAEAnB,OAAAoB,oBAAA,SAAA3B,IAAA,EAAA"}