|
|
@@ -0,0 +1,7353 @@
|
|
|
+<template>
|
|
|
+ <div class="course-detail">
|
|
|
+ <Header></Header>
|
|
|
+ <section class="section">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section__header">
|
|
|
+ <div class="container">
|
|
|
+ <el-breadcrumb separator="/">
|
|
|
+ <el-breadcrumb-item :to="{ path: '/index' }"
|
|
|
+ >首页</el-breadcrumb-item
|
|
|
+ >
|
|
|
+ <el-breadcrumb-item>课程详情</el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="section__body">
|
|
|
+ <div class="container">
|
|
|
+ <div class="course-info">
|
|
|
+ <div class="course-info__header clearfix">
|
|
|
+ <div
|
|
|
+ class="left-box"
|
|
|
+ :style="{
|
|
|
+ backgroundImage: `url(${$tools.splitImgHost(
|
|
|
+ goodsData.coverUrl,
|
|
|
+ false
|
|
|
+ )})`,
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <div v-show="vid" id="player"></div>
|
|
|
+ <div v-show="vidzb" id="playerzb"></div>
|
|
|
+ <div class="recordStyle" v-if="showRecordStatus">
|
|
|
+ 您上次看到{{
|
|
|
+ $tools.secondToTime(recordObj.videoCurrentTime)
|
|
|
+ }},正在自动续播<span
|
|
|
+ style="
|
|
|
+ display: inline-block;
|
|
|
+ width: 50px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >|</span
|
|
|
+ >
|
|
|
+ <span class="btn_sty" @click="backLI">从头播放</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-box">
|
|
|
+ <div class="right-box__header">
|
|
|
+ <div class="title">
|
|
|
+ <el-select
|
|
|
+ class="select"
|
|
|
+ v-model="courseId"
|
|
|
+ @change="courseChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.courseName"
|
|
|
+ :value="item.courseId"
|
|
|
+ v-for="(item, index) in courseList"
|
|
|
+ :key="index"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="tabs">
|
|
|
+ <el-tabs v-model="courseTabIndex">
|
|
|
+ <el-tab-pane
|
|
|
+ :name="tab.name"
|
|
|
+ v-for="(tab, index) in menuTab"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div slot="label">
|
|
|
+ <span class="label">{{ tab.label }}</span>
|
|
|
+ </div>
|
|
|
+ <template v-if="tab.name == '1'">
|
|
|
+ <div class="right-box__body">
|
|
|
+ <div
|
|
|
+ class="item"
|
|
|
+ v-for="(menu, index) in menuList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <template v-if="menu.type == 1">
|
|
|
+ <div
|
|
|
+ class="item__title"
|
|
|
+ @click="openModule(menu)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right': !menu.showList,
|
|
|
+ 'el-icon-caret-bottom': menu.showList,
|
|
|
+ }"
|
|
|
+ ></i>
|
|
|
+ {{ menu.menuName }}
|
|
|
+ </div>
|
|
|
+ <div class="item__content">
|
|
|
+ <div
|
|
|
+ class="bank-chapter"
|
|
|
+ v-if="menu.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item"
|
|
|
+ v-for="(
|
|
|
+ chapter, chapterIndex
|
|
|
+ ) in menu.list"
|
|
|
+ :key="chapterIndex"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="openChapter(chapter)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right':
|
|
|
+ !chapter.showList,
|
|
|
+ 'el-icon-caret-bottom':
|
|
|
+ chapter.showList,
|
|
|
+ }"
|
|
|
+ ></i
|
|
|
+ >{{ chapter.name }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="bank-section"
|
|
|
+ v-if="chapter.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(section),
|
|
|
+ }"
|
|
|
+ v-for="(
|
|
|
+ section, sectionIndex
|
|
|
+ ) in chapter.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ @click="getResource(section)"
|
|
|
+ >
|
|
|
+ <template v-if="section.type != 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 2
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ bank-section__item__text
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="section.durationTime > 0"
|
|
|
+ >
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ section.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime &&
|
|
|
+ section.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--blue
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--yellow
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime <=
|
|
|
+ nowTime &&
|
|
|
+ section.liveEndTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="
|
|
|
+ section.liveEndTime <
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="section.type == 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType == 1"
|
|
|
+ >
|
|
|
+ 练习
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType != 1"
|
|
|
+ >
|
|
|
+ 考试
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--red"
|
|
|
+ v-if="section.learning == 0"
|
|
|
+ >
|
|
|
+ 不合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重测
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.type == 2">
|
|
|
+ <div class="item__content">
|
|
|
+ <div class="bank-chapter">
|
|
|
+ <div class="bank-chapter__item">
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="openChapter(menu)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right':
|
|
|
+ !menu.showList,
|
|
|
+ 'el-icon-caret-bottom':
|
|
|
+ menu.showList,
|
|
|
+ }"
|
|
|
+ ></i
|
|
|
+ >{{ menu.menuName }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="bank-section"
|
|
|
+ v-if="menu.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(section),
|
|
|
+ }"
|
|
|
+ v-for="(
|
|
|
+ section, sectionIndex
|
|
|
+ ) in menu.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ @click="getResource(section)"
|
|
|
+ >
|
|
|
+ <template v-if="section.type != 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 2
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="section.durationTime > 0"
|
|
|
+ >
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ section.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime &&
|
|
|
+ section.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--blue
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--yellow
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime <=
|
|
|
+ nowTime &&
|
|
|
+ section.liveEndTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="
|
|
|
+ section.liveEndTime <
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="section.type == 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType == 1"
|
|
|
+ >
|
|
|
+ 练习
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType != 1"
|
|
|
+ >
|
|
|
+ 考试
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--red"
|
|
|
+ v-if="section.learning == 0"
|
|
|
+ >
|
|
|
+ 不合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重测
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.type == 3">
|
|
|
+ <div class="item__content">
|
|
|
+ <div class="bank-section">
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(menu),
|
|
|
+ }"
|
|
|
+ @click="getResource(menu)"
|
|
|
+ >
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="menu.sectionType == 1"
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="menu.sectionType == 2"
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="menu.sectionType == 3"
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ <div class="bank-section__item__text">
|
|
|
+ {{ menu.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime > nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ menu.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ menu.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.durationTime > 0">
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ menu.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="menu.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="menu.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime &&
|
|
|
+ menu.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="live-btn live-btn--blue"
|
|
|
+ v-if="menu.liveStartTime > nowTime"
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn live-btn--yellow"
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime <= nowTime &&
|
|
|
+ menu.liveEndTime > nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="menu.liveEndTime < nowTime"
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-if="tab.name == '2'">
|
|
|
+ <div class="right-box__body">
|
|
|
+ <div
|
|
|
+ class="item"
|
|
|
+ v-for="(menu, index) in reMenuList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <template v-if="menu.type == 1">
|
|
|
+ <div
|
|
|
+ class="item__title"
|
|
|
+ @click="openModule(menu)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right': !menu.showList,
|
|
|
+ 'el-icon-caret-bottom': menu.showList,
|
|
|
+ }"
|
|
|
+ ></i>
|
|
|
+ {{ menu.menuName }}
|
|
|
+ </div>
|
|
|
+ <div class="item__content">
|
|
|
+ <div
|
|
|
+ class="bank-chapter"
|
|
|
+ v-if="menu.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item"
|
|
|
+ v-for="(
|
|
|
+ chapter, chapterIndex
|
|
|
+ ) in menu.list"
|
|
|
+ :key="chapterIndex"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="openChapter(chapter)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right':
|
|
|
+ !chapter.showList,
|
|
|
+ 'el-icon-caret-bottom':
|
|
|
+ chapter.showList,
|
|
|
+ }"
|
|
|
+ ></i
|
|
|
+ >{{ chapter.name }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="bank-section"
|
|
|
+ v-if="chapter.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(section),
|
|
|
+ }"
|
|
|
+ v-for="(
|
|
|
+ section, sectionIndex
|
|
|
+ ) in chapter.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ @click="getResource(section)"
|
|
|
+ >
|
|
|
+ <template v-if="section.type != 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 2
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ bank-section__item__text
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="section.durationTime > 0"
|
|
|
+ >
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ section.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime &&
|
|
|
+ section.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--blue
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--yellow
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime <=
|
|
|
+ nowTime &&
|
|
|
+ section.liveEndTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="
|
|
|
+ section.liveEndTime <
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="section.type == 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType == 1"
|
|
|
+ >
|
|
|
+ 练习
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType != 1"
|
|
|
+ >
|
|
|
+ 考试
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--red"
|
|
|
+ v-if="section.learning == 0"
|
|
|
+ >
|
|
|
+ 不合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重测
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.type == 2">
|
|
|
+ <div class="item__content">
|
|
|
+ <div class="bank-chapter">
|
|
|
+ <div class="bank-chapter__item">
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="openChapter(menu)"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ :class="{
|
|
|
+ 'el-icon-caret-right':
|
|
|
+ !menu.showList,
|
|
|
+ 'el-icon-caret-bottom':
|
|
|
+ menu.showList,
|
|
|
+ }"
|
|
|
+ ></i
|
|
|
+ >{{ menu.menuName }}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="bank-section"
|
|
|
+ v-if="menu.showList"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(section),
|
|
|
+ }"
|
|
|
+ v-for="(
|
|
|
+ section, sectionIndex
|
|
|
+ ) in menu.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ @click="getResource(section)"
|
|
|
+ >
|
|
|
+ <template v-if="section.type != 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 1
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 2
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="
|
|
|
+ section.sectionType == 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ section.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <template
|
|
|
+ v-if="section.durationTime > 0"
|
|
|
+ >
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ section.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime &&
|
|
|
+ section.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--blue
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="
|
|
|
+ live-btn live-btn--yellow
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ section.liveStartTime <=
|
|
|
+ nowTime &&
|
|
|
+ section.liveEndTime >
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="
|
|
|
+ section.liveEndTime <
|
|
|
+ nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="section.type == 2">
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType == 1"
|
|
|
+ >
|
|
|
+ 练习
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="test-btn"
|
|
|
+ v-if="section.doType != 1"
|
|
|
+ >
|
|
|
+ 考试
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div
|
|
|
+ class="bank-section__item__text"
|
|
|
+ >
|
|
|
+ {{ section.name }}
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.learning == 1"
|
|
|
+ >
|
|
|
+ 合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--red"
|
|
|
+ v-if="section.learning == 0"
|
|
|
+ >
|
|
|
+ 不合格
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="section.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重测
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.type == 3">
|
|
|
+ <div class="item__content">
|
|
|
+ <div class="bank-section">
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ :class="{
|
|
|
+ active: isActive(menu),
|
|
|
+ }"
|
|
|
+ @click="getResource(menu)"
|
|
|
+ >
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="note note--blue"
|
|
|
+ v-if="menu.sectionType == 1"
|
|
|
+ >
|
|
|
+ 视频
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note"
|
|
|
+ v-if="menu.sectionType == 2"
|
|
|
+ >
|
|
|
+ 直播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note note--yellow"
|
|
|
+ v-if="menu.sectionType == 3"
|
|
|
+ >
|
|
|
+ 回放
|
|
|
+ </div>
|
|
|
+ <div class="bank-section__item__text">
|
|
|
+ {{ menu.name }}
|
|
|
+ <div
|
|
|
+ style="font-size: 12px"
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime > nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ menu.liveStartTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span
|
|
|
+ >-
|
|
|
+ <span>{{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ menu.liveEndTime,
|
|
|
+ (isDay = false)
|
|
|
+ )
|
|
|
+ }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="menu.durationTime > 0">
|
|
|
+ <div class="during">
|
|
|
+ {{
|
|
|
+ $tools.secondToDate(
|
|
|
+ menu.durationTime
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template>
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ v-if="menu.rebuild > 0"
|
|
|
+ >
|
|
|
+ 待重修
|
|
|
+ </div>
|
|
|
+ <template v-else>
|
|
|
+ <div
|
|
|
+ class="btn btn--green"
|
|
|
+ v-if="menu.learning == 1"
|
|
|
+ >
|
|
|
+ 已学完
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime &&
|
|
|
+ menu.sectionType != 3
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="live-btn live-btn--blue"
|
|
|
+ v-if="menu.liveStartTime > nowTime"
|
|
|
+ >
|
|
|
+ 待开播
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn live-btn--yellow"
|
|
|
+ v-if="
|
|
|
+ menu.liveStartTime <= nowTime &&
|
|
|
+ menu.liveEndTime > nowTime
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 直播中
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="live-btn"
|
|
|
+ v-if="menu.liveEndTime < nowTime"
|
|
|
+ >
|
|
|
+ 已结束
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="course-info__body">
|
|
|
+ <el-tabs v-model="activeName">
|
|
|
+ <el-tab-pane
|
|
|
+ v-for="(item, index) in tabList"
|
|
|
+ :key="index"
|
|
|
+ :name="item.name"
|
|
|
+ :label="item.label"
|
|
|
+ >
|
|
|
+ <template v-if="item.label == '学员须知'">
|
|
|
+ <div class="course-menu clearfix">
|
|
|
+ <div class="left-box">
|
|
|
+ <div class="left-box__body">
|
|
|
+ <div
|
|
|
+ class="buy-note"
|
|
|
+ v-html="
|
|
|
+ goodsData.buyNote &&
|
|
|
+ goodsData.buyNote.replace(/\n|\r\n/g, '<br>')
|
|
|
+ "
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-box">
|
|
|
+ <div class="title">
|
|
|
+ 推荐课程
|
|
|
+ <a class="more" @click="go('/course-list')"
|
|
|
+ >更多></a
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <ul class="list">
|
|
|
+ <li
|
|
|
+ class="course-item"
|
|
|
+ v-for="(itemy, index) in compyRecommend(
|
|
|
+ recommendList.goodsList
|
|
|
+ )"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <GoodsItem :item="itemy"></GoodsItem>
|
|
|
+ <!-- <div
|
|
|
+ class="course-item__img"
|
|
|
+ :style="`background-image:url(${$tools.splitImgHost(
|
|
|
+ itemy.coverUrl,
|
|
|
+ true
|
|
|
+ )})`"
|
|
|
+ @click="toGoodsDetail(itemy)"
|
|
|
+ >
|
|
|
+ <div class="note" v-if="itemy.year">
|
|
|
+ {{ itemy.year }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="course-item__title">
|
|
|
+ {{ itemy.goodsName }}
|
|
|
+ </div>
|
|
|
+ <div class="course-item__desc">
|
|
|
+ <div class="price">
|
|
|
+ ￥{{ itemy.standPrice }}
|
|
|
+ </div>
|
|
|
+ <a
|
|
|
+ class="add"
|
|
|
+ @click.stop="addCart(true, itemy.goodsId)"
|
|
|
+ >加购物车</a
|
|
|
+ >
|
|
|
+ </div> -->
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="item.label == '课程答疑'">
|
|
|
+ <div class="answer-question">
|
|
|
+ <div class="answer-question__header clearfix">
|
|
|
+ <div class="textarea-wrap">
|
|
|
+ <el-input
|
|
|
+ class="textarea"
|
|
|
+ v-model="textarea"
|
|
|
+ rows="3"
|
|
|
+ type="textarea"
|
|
|
+ placeholder=""
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="submit"
|
|
|
+ @click="addAnswer"
|
|
|
+ >提出疑问</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="answer-question__body">
|
|
|
+ <div class="question-list">
|
|
|
+ <div
|
|
|
+ v-if="answerList.length == 0"
|
|
|
+ style="text-align: center"
|
|
|
+ >
|
|
|
+ 暂无记录
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="question-list__item"
|
|
|
+ v-for="(item, index) in answerList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div class="question-list__item__avatar">
|
|
|
+ <img
|
|
|
+ v-if="item.assignRealname"
|
|
|
+ :src="$tools.splitImgHost(item.assignAvatar)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-else
|
|
|
+ :src="$tools.splitImgHost(item.avatar)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="question-list__item__content">
|
|
|
+ <div class="nickname">
|
|
|
+ {{ item.realname }}
|
|
|
+ </div>
|
|
|
+ <div class="desc">
|
|
|
+ {{ item.answerText }}
|
|
|
+ </div>
|
|
|
+ <div class="time">
|
|
|
+ {{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ item.createTime,
|
|
|
+ false
|
|
|
+ )
|
|
|
+ }}
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="del"
|
|
|
+ v-if="item.userId !== userInfo.userId"
|
|
|
+ @click="answerBack(item)"
|
|
|
+ >
|
|
|
+ <el-button type="text">回复</el-button>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="del"
|
|
|
+ @click="del(item)"
|
|
|
+ v-if="item.userId === userInfo.userId"
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="reply-list"
|
|
|
+ v-if="
|
|
|
+ item.newArraysAnswerList &&
|
|
|
+ item.newArraysAnswerList.length
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="reply-list__item"
|
|
|
+ v-for="(
|
|
|
+ items, indexs
|
|
|
+ ) in item.newArraysAnswerList"
|
|
|
+ :key="indexs"
|
|
|
+ >
|
|
|
+ <div class="reply-list__item__avatar">
|
|
|
+ <img
|
|
|
+ :src="$tools.splitImgHost(items.avatar)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="reply-list__item__content">
|
|
|
+ <div class="nickname">
|
|
|
+ {{ items.realname }}
|
|
|
+ </div>
|
|
|
+ <div class="desc">
|
|
|
+ 回复
|
|
|
+ <span
|
|
|
+ style="
|
|
|
+ margin: 0px 4px;
|
|
|
+ color: #409eff;
|
|
|
+ "
|
|
|
+ >@{{ items.assignRealname }}</span
|
|
|
+ >
|
|
|
+ {{ items.answerText }}
|
|
|
+ </div>
|
|
|
+ <div class="time">
|
|
|
+ {{
|
|
|
+ $tools.timestampToTime(
|
|
|
+ items.createTime,
|
|
|
+ false
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ <div
|
|
|
+ class="del"
|
|
|
+ @click="del(items)"
|
|
|
+ v-if="
|
|
|
+ items.userId === userInfo.userId
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 删除
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="reply"
|
|
|
+ v-if="
|
|
|
+ items.userId !== userInfo.userId
|
|
|
+ "
|
|
|
+ @click="answerBack(items)"
|
|
|
+ >
|
|
|
+ 回复
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <template v-if="item.label == '笔记讲义'">
|
|
|
+ <div class="lecture-notes">
|
|
|
+ <div class="lecture-notes__content clearfix">
|
|
|
+ <div class="left-box">
|
|
|
+ <div
|
|
|
+ class="textarea clearfix"
|
|
|
+ v-if="!(isPlayRebuild > 0) && !vidzb"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ resize="none"
|
|
|
+ rows="3"
|
|
|
+ v-model="textareaNote"
|
|
|
+ type="textarea"
|
|
|
+ placeholder="觉得重要的就记下来吧~"
|
|
|
+ ></el-input>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ class="submit"
|
|
|
+ @click="noteSubmit"
|
|
|
+ >
|
|
|
+ 提交笔记
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="note-list">
|
|
|
+ <div
|
|
|
+ v-if="noteList.length == 0"
|
|
|
+ style="text-align: center"
|
|
|
+ >
|
|
|
+ 暂无笔记
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="note-list__content"
|
|
|
+ v-for="(item, index) in noteList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div class="note-list__content__title">
|
|
|
+ {{ $tools.timestampToTime(item.dateNote) }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="note-list__item"
|
|
|
+ v-for="(note, index) in item.userNotes"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ class="el-icon-video-play"
|
|
|
+ @click="noteClick(note)"
|
|
|
+ ></i>
|
|
|
+ <div class="note-list__item__content">
|
|
|
+ <div class="title" @click="noteClick(note)">
|
|
|
+ {{ $tools.secondToDate(note.noteSecond) }}
|
|
|
+ </div>
|
|
|
+ <div class="desc">
|
|
|
+ {{ note.sectionName }}
|
|
|
+ </div>
|
|
|
+ <div class="time">{{ note.noteText }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="prev, pager, next"
|
|
|
+ :total="noteTotal"
|
|
|
+ :page-size="noteParams.pageSize"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-box" v-if="courseHandoutsData">
|
|
|
+ <div class="lecture-list">
|
|
|
+ <div class="lecture-list__header">
|
|
|
+ 讲义
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="slide-btn"
|
|
|
+ @click="lectureShow = !lectureShow"
|
|
|
+ >
|
|
|
+ 收起
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="lecture-list__body"
|
|
|
+ v-if="lectureShow"
|
|
|
+ >
|
|
|
+ <div class="list">
|
|
|
+ <div class="list__item">
|
|
|
+ <div class="title">
|
|
|
+ {{ courseHandoutsData.handoutsName }}
|
|
|
+ </div>
|
|
|
+ <div class="btns">
|
|
|
+ <div
|
|
|
+ class="btn"
|
|
|
+ @click="
|
|
|
+ previvew(
|
|
|
+ $tools.splitImgHost(
|
|
|
+ courseHandoutsData.handoutsUrl
|
|
|
+ )
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 预览
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="
|
|
|
+ courseHandoutsData.canDownload == 1
|
|
|
+ ? true
|
|
|
+ : false
|
|
|
+ "
|
|
|
+ class="btn"
|
|
|
+ @click="
|
|
|
+ printView(
|
|
|
+ $tools.splitImgHost(
|
|
|
+ courseHandoutsData.handoutsUrl
|
|
|
+ )
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 打印
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="
|
|
|
+ courseHandoutsData.canDownload == 1
|
|
|
+ ? true
|
|
|
+ : false
|
|
|
+ "
|
|
|
+ class="btn"
|
|
|
+ @click="
|
|
|
+ download(
|
|
|
+ $tools.splitImgHost(
|
|
|
+ courseHandoutsData.handoutsUrl
|
|
|
+ ),
|
|
|
+ courseHandoutsData.urlName
|
|
|
+ )
|
|
|
+ "
|
|
|
+ >
|
|
|
+ 下载
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="lecture-list__footer" v-if="showPdf">
|
|
|
+ <div class="lecture-scan">
|
|
|
+ <div class="lecture-scan__header">
|
|
|
+ {{ courseHandoutsData.urlName }}
|
|
|
+ </div>
|
|
|
+ <div class="lecture-scan__body">
|
|
|
+ <pdf
|
|
|
+ class="iframe"
|
|
|
+ :src="
|
|
|
+ $tools.splitImgHost(
|
|
|
+ courseHandoutsData.handoutsUrl
|
|
|
+ )
|
|
|
+ "
|
|
|
+ v-for="i in numPages"
|
|
|
+ :key="i"
|
|
|
+ :page="i"
|
|
|
+ ref="pdf"
|
|
|
+ ></pdf>
|
|
|
+ <iframe
|
|
|
+ id="printIframe"
|
|
|
+ :src="
|
|
|
+ $tools.splitImgHost(
|
|
|
+ courseHandoutsData.handoutsUrl
|
|
|
+ )
|
|
|
+ "
|
|
|
+ frameborder="0"
|
|
|
+ style="display: none"
|
|
|
+ ></iframe>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ width="800px"
|
|
|
+ class="take-photo"
|
|
|
+ :visible.sync="takePhotoModal"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :show-close="false"
|
|
|
+ >
|
|
|
+ <div class="take-photo__content">
|
|
|
+ <!-- <div class="take-photo__close" @click="takePhotoModal = false">X</div> -->
|
|
|
+ <div class="take-photo__header">人脸验证</div>
|
|
|
+ <div class="take-photo__body clearfix">
|
|
|
+ <div class="left-box">
|
|
|
+ <div class="title">重要提示：</div>
|
|
|
+ <div class="content">
|
|
|
+ <p>1、请保证摄像头正对自己，避免头像偏左或者偏右。</p>
|
|
|
+ <p>
|
|
|
+ 2、请保证拍照环境光线充足（照片太暗或曝光会降低验证通过率）。
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 3、请保证整个头像在人脸识别区域内，脸部无遮挡装饰物（佩戴眼镜会降低通过率）。
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 4、如果下面视频中出现黑屏，摄像头可能被其他进程占用，请关闭其他调用摄像头的程序，重新刷新当前页面重新拍照识别。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right-box">
|
|
|
+ <img v-show="!isTaking" :src="faceUrl" alt="" />
|
|
|
+ <video v-show="isTaking" id="video" :src="stream"></video>
|
|
|
+ <div class="mask"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="take-photo__footer">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-if="isTaking"
|
|
|
+ class="take"
|
|
|
+ @click="onPhoto"
|
|
|
+ >拍照</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-if="!isTaking"
|
|
|
+ class="take"
|
|
|
+ :loading="loading"
|
|
|
+ @click="reTake"
|
|
|
+ >重拍</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ v-if="!isTaking"
|
|
|
+ :loading="loading"
|
|
|
+ class="take"
|
|
|
+ @click="takeOk"
|
|
|
+ >确认</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ width="996px"
|
|
|
+ height="600px"
|
|
|
+ class="info"
|
|
|
+ :visible.sync="showInfoDetailModal"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :show-close="false"
|
|
|
+ title="资料填写"
|
|
|
+ >
|
|
|
+ <div class="info__content">
|
|
|
+ <el-form
|
|
|
+ :model="infoForm"
|
|
|
+ ref="infoForm"
|
|
|
+ :rules="rules"
|
|
|
+ :error-type="errorType"
|
|
|
+ >
|
|
|
+ <template v-for="(item, index) in listData">
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'name'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :disabled="true"
|
|
|
+ v-model="infoForm.name"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'idcard'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :disabled="true"
|
|
|
+ v-model="infoForm.idcard"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'telphone'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :disabled="true"
|
|
|
+ v-model="infoForm.telphone"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'school'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="infoForm.school"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'work_unit'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="infoForm.work_unit"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'unit_contact'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="infoForm.unit_contact"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'unit_tel'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="infoForm.unit_tel"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'apply_post'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ :disabled="apply_post_disabled"
|
|
|
+ v-model="infoForm.apply_post"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.fieldKey == 'major'"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="infoForm.major"
|
|
|
+ :placeholder="`请输入${item.fieldName}`"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.inputType == 2"
|
|
|
+ :label="item.fieldName"
|
|
|
+ label-width="120px"
|
|
|
+ :required="item.required"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-select v-model="infoForm[item.fieldKey]" placeholder="">
|
|
|
+ <el-option
|
|
|
+ v-for="(option, optionIndex) in getarrays(item.fieldKey)"
|
|
|
+ :key="optionIndex"
|
|
|
+ :label="option"
|
|
|
+ :value="optionIndex + ''"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.inputType == 5"
|
|
|
+ :label="item.fieldName"
|
|
|
+ label-width="120px"
|
|
|
+ :required="item.required"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-date-picker
|
|
|
+ v-model="infoForm[item.fieldKey]"
|
|
|
+ align="right"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="
|
|
|
+ item.inputType == 3 &&
|
|
|
+ item.fieldKey !== 'commitment_electr_signature'
|
|
|
+ "
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="top"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-upload
|
|
|
+ action=""
|
|
|
+ :max-size="2097152"
|
|
|
+ accept="image/jpeg, image/jpg, image/png"
|
|
|
+ :show-file-list="false"
|
|
|
+ list-type="picture"
|
|
|
+ :auto-upload="false"
|
|
|
+ :ref="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? 'recent_photos'
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? 'idcard_face_photo'
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? 'idcard_national_photo'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ :on-change="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? changePhotoListHeader1
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? changePhotoListHeader2
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? changePhotoListHeader3
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ :file-list="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? fileList1
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? fileList2
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? fileList3
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="upload-box">
|
|
|
+ <div
|
|
|
+ :style="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? 'width: 120px; height: 169px;background:url(' +
|
|
|
+ require('@/assets/info_1.png') +
|
|
|
+ ') no-repeat center;background-size:cover;position:relative;'
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? 'width: 120px; height: 82px;background:url(' +
|
|
|
+ require('@/assets/info_2.png') +
|
|
|
+ ') no-repeat center;background-size:cover;position:relative;'
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? 'width: 120px; height: 82px;background:url(' +
|
|
|
+ require('@/assets/info_3.png') +
|
|
|
+ ') no-repeat center;background-size:cover;position:relative;'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ @click="deleteImg(item)"
|
|
|
+ class="el-icon-error"
|
|
|
+ v-if="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? fileList1[0]
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? fileList2[0]
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? fileList3[0]
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ ></i>
|
|
|
+ <el-image
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? $tools.splitImgHost(fileList1[0].url)
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? $tools.splitImgHost(fileList2[0].url)
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? $tools.splitImgHost(fileList3[0].url)
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ v-if="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? fileList1[0]
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? fileList2[0]
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? fileList3[0]
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ :preview-src-list="
|
|
|
+ item.fieldKey === 'recent_photos'
|
|
|
+ ? [$tools.splitImgHost(fileList1[0].url)]
|
|
|
+ : item.fieldKey === 'idcard_face_photo'
|
|
|
+ ? [$tools.splitImgHost(fileList2[0].url)]
|
|
|
+ : item.fieldKey === 'idcard_national_photo'
|
|
|
+ ? [$tools.splitImgHost(fileList3[0].url)]
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ >
|
|
|
+ </el-image>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <span
|
|
|
+ v-if="item.fieldKey === 'recent_photos'"
|
|
|
+ style="color: #999999"
|
|
|
+ >竖向白底证件照 文件大小≤2M</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="
|
|
|
+ item.fieldKey === 'idcard_face_photo' ||
|
|
|
+ item.fieldKey === 'idcard_national_photo'
|
|
|
+ "
|
|
|
+ style="color: #999999"
|
|
|
+ >
|
|
|
+ 文件大小≤2M
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display: inline-block" slot="trigger">
|
|
|
+ <el-button type="primary" size="small" round
|
|
|
+ >浏览文件</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ <div
|
|
|
+ :key="index"
|
|
|
+ v-if="
|
|
|
+ item.inputType == 3 &&
|
|
|
+ item.fieldKey === 'commitment_electr_signature'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ v-if="
|
|
|
+ item.inputType == 3 &&
|
|
|
+ item.fieldKey === 'commitment_electr_signature'
|
|
|
+ "
|
|
|
+ label="承诺书"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="top"
|
|
|
+ >
|
|
|
+ <div style="line-height: 40px; text-indent: 2em">
|
|
|
+ <span>
|
|
|
+ 本人自愿做出如下承诺：本人己仔细阅读《广东省住房和城乡建设厅关于推进住房和城乡建设领域施工现场专业人员职业培训工作的通知》
|
|
|
+ 全部内容并知晓和理解，本人的学历证书、身份证、工作年限、相片等所有资料完全真实、符合报名条件、资格审查要求和相关规定，本人在报名、审查、培训、测试等有关的事项中会严格道守相关规定和要求，如有虛假或与实际规定不符等情况造成的一切后果由本人承担。
|
|
|
+ </span>
|
|
|
+ <div style="line-height: 40px; text-indent: 2em">
|
|
|
+ <span>特此承诺！</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ v-if="
|
|
|
+ item.inputType == 3 &&
|
|
|
+ item.fieldKey === 'commitment_electr_signature'
|
|
|
+ "
|
|
|
+ label="签名板"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="top"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <div class="dis_stys">
|
|
|
+ <span style="color: #999999">请在下方签名区进行签名</span>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="retDraw"
|
|
|
+ mode=""
|
|
|
+ >清空</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="handCenter">
|
|
|
+ <vue-esign
|
|
|
+ v-if="!infoForm[item.fieldKey]"
|
|
|
+ ref="esign"
|
|
|
+ :width="600"
|
|
|
+ :height="300"
|
|
|
+ :isCrop="false"
|
|
|
+ :lineWidth="5"
|
|
|
+ :lineColor="'#333'"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ style="width: 100%; height: 100%; position: relative"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="$tools.splitImgHost(infoForm[item.fieldKey])"
|
|
|
+ mode=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.inputType == 4"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="top"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ round
|
|
|
+ @click="downloadStamp(item)"
|
|
|
+ >下载模板</el-button
|
|
|
+ >
|
|
|
+ <el-upload
|
|
|
+ action=""
|
|
|
+ :max-size="2097152"
|
|
|
+ accept="image/jpeg, image/jpg, image/png"
|
|
|
+ :show-file-list="false"
|
|
|
+ list-type="picture"
|
|
|
+ :auto-upload="false"
|
|
|
+ ref="stamp"
|
|
|
+ :on-change="changePhotoListStamp"
|
|
|
+ :file-list="fileListStamp"
|
|
|
+ >
|
|
|
+ <div style="display: inline-block; vertical-align: top">
|
|
|
+ <div
|
|
|
+ :style="
|
|
|
+ 'width: 120px; height: 120px;background:url(' +
|
|
|
+ require('@/assets/info_4.png') +
|
|
|
+ ') no-repeat center;background-size:cover;position:relative;'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-image
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="$tools.splitImgHost(fileListStamp[0].url)"
|
|
|
+ v-if="fileListStamp[0]"
|
|
|
+ :preview-src-list="[
|
|
|
+ $tools.splitImgHost(fileListStamp[0].url),
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ </el-image>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <span style="color: #999999">文件大小≤2M</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display: inline-block" slot="trigger">
|
|
|
+ <el-button type="primary" size="small" round
|
|
|
+ >浏览文件</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button
|
|
|
+ @click="
|
|
|
+ showInfoDetailModal = false;
|
|
|
+ $router.back(-1);
|
|
|
+ "
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" :loading="uploading" @click="submit"
|
|
|
+ >确 定</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ width="996px"
|
|
|
+ height="600px"
|
|
|
+ class="info"
|
|
|
+ :visible.sync="showStampDetailModail"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :show-close="false"
|
|
|
+ title="资料填写"
|
|
|
+ >
|
|
|
+ <div class="info__content">
|
|
|
+ <el-form
|
|
|
+ :model="stampForm"
|
|
|
+ ref="stampForm"
|
|
|
+ :rules="stampRules"
|
|
|
+ :error-type="errorType"
|
|
|
+ >
|
|
|
+ <template v-for="(item, index) in listDataStamp">
|
|
|
+ <el-form-item
|
|
|
+ :key="index"
|
|
|
+ v-if="item.inputType == 4"
|
|
|
+ :label="item.fieldName"
|
|
|
+ :required="item.required"
|
|
|
+ label-width="120px"
|
|
|
+ label-position="top"
|
|
|
+ :prop="item.required ? item.fieldKey : ''"
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ round
|
|
|
+ @click="downloadStamp(item)"
|
|
|
+ >下载模板</el-button
|
|
|
+ >
|
|
|
+ <el-upload
|
|
|
+ action=""
|
|
|
+ :max-size="2097152"
|
|
|
+ accept="image/jpeg, image/jpg, image/png"
|
|
|
+ :show-file-list="false"
|
|
|
+ list-type="picture"
|
|
|
+ :auto-upload="false"
|
|
|
+ ref="stamp"
|
|
|
+ :on-change="changePhotoListStamp"
|
|
|
+ :file-list="fileListStamp"
|
|
|
+ >
|
|
|
+ <div style="display: inline-block; vertical-align: top">
|
|
|
+ <div
|
|
|
+ :style="
|
|
|
+ 'width: 120px; height: 120px;background:url(' +
|
|
|
+ require('@/assets/info_4.png') +
|
|
|
+ ') no-repeat center;background-size:cover;position:relative;'
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-image
|
|
|
+ style="width: 100%; height: 100%"
|
|
|
+ :src="$tools.splitImgHost(fileListStamp[0].url)"
|
|
|
+ v-if="fileListStamp[0]"
|
|
|
+ :preview-src-list="[
|
|
|
+ $tools.splitImgHost(fileListStamp[0].url),
|
|
|
+ ]"
|
|
|
+ >
|
|
|
+ </el-image>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <span style="color: #999999">文件大小≤2M</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display: inline-block" slot="trigger">
|
|
|
+ <el-button type="primary" size="small" round
|
|
|
+ >浏览文件</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </template>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button
|
|
|
+ @click="
|
|
|
+ showStampDetailModail = false;
|
|
|
+ $router.back(-1);
|
|
|
+ "
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" :loading="uploading" @click="stampSubmit"
|
|
|
+ >确 定</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ width="996px"
|
|
|
+ height="600px"
|
|
|
+ class="info"
|
|
|
+ :visible.sync="showAgreementModal"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :show-close="false"
|
|
|
+ title="提示"
|
|
|
+ >
|
|
|
+ <div class="">
|
|
|
+ <div>
|
|
|
+ 本产品（或服务）提供【{{
|
|
|
+ goodsData.goodsName
|
|
|
+ }}】课程的在线学习功能，为使用这些功能，我们需要使用您设备上的摄像头，并收集以下个人信息：
|
|
|
+ <span v-for="(item, listIndex) in listData" :key="listIndex"
|
|
|
+ >{{ item.fieldName }}、</span
|
|
|
+ >
|
|
|
+ <!-- 姓名、性别、身份证号码、移动电话号码、身份证照片、一寸照、证书名称/岗位、证书编号、有效期、人脸照片（每节课随机拍摄三张）、 -->
|
|
|
+ 学习详细记录。
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ 我们会将上述信息提供至广东省建设执业注册管理中心等第三方组织使用，用于继续教育备案等。如果您拒绝，将导致这些功能无法实现，但不影响您使用本产品（或服务）的其他业务功能。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="$router.back(-1)">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="showInfoDetailModal = true"
|
|
|
+ >同意并继续</el-button
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+ <div id="printTable"></div>
|
|
|
+ <!-- 修改 -->
|
|
|
+ <!-- <ToolBar></ToolBar> -->
|
|
|
+ <Footer></Footer>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Footer from "@/components/footer/index";
|
|
|
+import Header from "@/components/header/index";
|
|
|
+import ToolBar from "@/components/toolbar/index";
|
|
|
+import GoodsItem from "@/components/goodsItem/index";
|
|
|
+
|
|
|
+import { mapGetters, mapMutations, mapActions } from "vuex";
|
|
|
+import * as baseUrls from "@/axios.js";
|
|
|
+import pdf from "vue-pdf";
|
|
|
+import print from "print-js";
|
|
|
+export default {
|
|
|
+ name: "CourseDetail",
|
|
|
+ components: {
|
|
|
+ Footer,
|
|
|
+ Header,
|
|
|
+ ToolBar,
|
|
|
+ pdf,
|
|
|
+ GoodsItem,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ liveDuration: 0,
|
|
|
+ numPages: 0,
|
|
|
+ showPdf: false,
|
|
|
+ // 总页数
|
|
|
+ pdfPages: 10,
|
|
|
+ // 当前页数
|
|
|
+ pageNum: 1,
|
|
|
+ // 加载进度
|
|
|
+ loadedRatio: 10,
|
|
|
+ // 页面加载完成
|
|
|
+ curPageNum: 0,
|
|
|
+ // 放大系数 默认百分百
|
|
|
+ scale: 100,
|
|
|
+ // 旋转角度 ‘90’的倍数才有效
|
|
|
+ pageRotate: 0,
|
|
|
+ // 单击内部链接时触发 (目前我没有遇到使用场景)
|
|
|
+ page: 0,
|
|
|
+ bgColor: "#ccc",
|
|
|
+ answerTimer: null,
|
|
|
+ recordObj: {},
|
|
|
+ showAgreementModal: false,
|
|
|
+ showInfoDetailModal: false,
|
|
|
+ showStampDetailModail: false,
|
|
|
+ isTaking: true, //是否正在拍照
|
|
|
+ photoConfig: false,
|
|
|
+ stream: null,
|
|
|
+ photoNum: 0,
|
|
|
+ playSectionId: 0,
|
|
|
+ photoIndex: 0, //当前位于拍照的区间下标 从0开始
|
|
|
+ photoHistoryList: [], //已拍照历史的下标点
|
|
|
+ moduleId: 0,
|
|
|
+ chapterId: 0,
|
|
|
+ menuTab: [],
|
|
|
+ lectureShow: true,
|
|
|
+ textarea: "",
|
|
|
+ textareaNote: "",
|
|
|
+ takePhotoModal: false,
|
|
|
+ activeName: "1",
|
|
|
+ courseId: "",
|
|
|
+ courseTabIndex: "1",
|
|
|
+ goodsId: "",
|
|
|
+ gradeId: "",
|
|
|
+ livingTimer: null,
|
|
|
+ sectionItem: {},
|
|
|
+ gradeDetail: {},
|
|
|
+ autoplay: false,
|
|
|
+ isAllowSeek: "on",
|
|
|
+ playbackRate: false,
|
|
|
+ goodsPlayConfig: null,
|
|
|
+ playTime: 0, //页面播放时长，不含暂停
|
|
|
+ param: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 100,
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
+ postTimer: null, //提交视频观看记录定时器
|
|
|
+ lockTimer: null,
|
|
|
+ courseList: [],
|
|
|
+ businessData: {},
|
|
|
+ courseHandoutsData: "",
|
|
|
+ menuList: [],
|
|
|
+ goodsData: {},
|
|
|
+ tabList: [],
|
|
|
+ historyChatMsgList: [],
|
|
|
+ vid: "",
|
|
|
+ vidzb: "",
|
|
|
+ player: "",
|
|
|
+ playerzb: "",
|
|
|
+ activeId: "", //当前选中ID
|
|
|
+ vodPlayerJs: "https://player.polyv.net/script/player.js",
|
|
|
+ playerJs:
|
|
|
+ "https://player.polyv.net/resp/live-h5-player/latest/liveplayer.min.js",
|
|
|
+ uidzb: "egsxlptzdq",
|
|
|
+ menuList: [],
|
|
|
+ reMenuList: [],
|
|
|
+ answerList: [{ newArraysAnswerList: [] }],
|
|
|
+ noteList: [],
|
|
|
+ photoList: [],
|
|
|
+ noteTotal: 0,
|
|
|
+ duration: 0,
|
|
|
+ answerTimer: null,
|
|
|
+ noteParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ // pageSize: 4,
|
|
|
+ },
|
|
|
+ ossAvatarUrl: "", //照片地址
|
|
|
+ nowTime: 0,
|
|
|
+ faceUrl: "",
|
|
|
+ loading: null,
|
|
|
+ listData: [],
|
|
|
+ listDataStamp: [],
|
|
|
+ remark: "",
|
|
|
+ remarkStatus: false,
|
|
|
+ remarkStamp: "",
|
|
|
+ remarkStatusStamp: false,
|
|
|
+ errorType: ["message"],
|
|
|
+ stampForm: {
|
|
|
+ commitment_seal: "",
|
|
|
+ },
|
|
|
+ infoForm: {
|
|
|
+ name: "",
|
|
|
+ sex: "",
|
|
|
+ idcard: "",
|
|
|
+ telphone: "",
|
|
|
+ education: "",
|
|
|
+ school: "",
|
|
|
+ graduation_time: "",
|
|
|
+ work_unit: "",
|
|
|
+ unit_contact: "",
|
|
|
+ unit_tel: "",
|
|
|
+ apply_post: "",
|
|
|
+ major: "",
|
|
|
+ working_years: "",
|
|
|
+ recent_photos: "",
|
|
|
+ idcard_face_photo: "",
|
|
|
+ idcard_national_photo: "",
|
|
|
+ commitment_electr_signature: "",
|
|
|
+ commitment_seal: "",
|
|
|
+ },
|
|
|
+ recommendList: [],
|
|
|
+ rules: {
|
|
|
+ name: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入姓名",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ sex: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择性别",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ idcard: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入身份证号",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // validator: (rule, value, callback) => {
|
|
|
+ // let IDRe18 =
|
|
|
+ // /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
|
|
|
+ // let IDre15 =
|
|
|
+ // /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
|
|
|
+
|
|
|
+ // if (!IDRe18.test(value) && !IDre15.test(value)) {
|
|
|
+ // return callback(new Error("请输入格式正确的身份证号"));
|
|
|
+ // } else {
|
|
|
+ // return callback();
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // message: "请输入格式正确的身份证号",
|
|
|
+ // trigger: ["change", "blur"],
|
|
|
+ // },
|
|
|
+ ],
|
|
|
+ telphone: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入手机号码",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // validator: (rule, value, callback) => {
|
|
|
+ // var reg_tel =
|
|
|
+ // /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
|
|
+ // if (reg_tel.test(value)) {
|
|
|
+ // return callback();
|
|
|
+ // } else {
|
|
|
+ // return callback(new Error("手机号码不正确"));
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // trigger: ["change", "blur"],
|
|
|
+ // },
|
|
|
+ ],
|
|
|
+ education: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择学历",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ school: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入毕业院校",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ graduation_time: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择毕业时间",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ work_unit: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入工作单位",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ unit_contact: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入单位联系人",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ unit_tel: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入单位联系电话",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: (rule, value, callback) => {
|
|
|
+ var reg_tel =
|
|
|
+ /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
|
|
+ var vartest = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
|
|
|
+ var vartest1 = /^([0-9]{3,4})?[0-9]{7,8}$/;
|
|
|
+ if (
|
|
|
+ reg_tel.test(value) ||
|
|
|
+ vartest.test(value) ||
|
|
|
+ vartest1.test(value)
|
|
|
+ ) {
|
|
|
+ return callback();
|
|
|
+ } else {
|
|
|
+ return callback(new Error("单位联系电话不正确"));
|
|
|
+ }
|
|
|
+ },
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ apply_post: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入报名岗位",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ major: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请输入所学专业",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ working_years: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择工作年限",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ recent_photos: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请上传证件照",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ idcard_face_photo: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请上传身份证人像面",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ idcard_national_photo: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请上传身份证国徽面",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ commitment_electr_signature: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请签写承诺书电子签",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ commitment_seal: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请上传承诺书盖章",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+ stampRules: {
|
|
|
+ commitment_seal: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请上传承诺书盖章",
|
|
|
+ trigger: ["change", "blur"],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+
|
|
|
+ fileList1: [], //证件照
|
|
|
+ fileList2: [], //人像
|
|
|
+ fileList3: [], //国徽
|
|
|
+ fileListStamp: [], //印章
|
|
|
+ dictObj: null,
|
|
|
+ isRequired: false,
|
|
|
+ uploading: false,
|
|
|
+ veryIdCard: "",
|
|
|
+ veryIdName: "",
|
|
|
+ isPlayRebuild: false,
|
|
|
+ showRecordStatus: false,
|
|
|
+ hasStart: false,
|
|
|
+ needOpen: true, //是否需要展开第一章节
|
|
|
+ menuIndex: [],
|
|
|
+ clickLock: false,
|
|
|
+ liveLast: null,
|
|
|
+ apply_post_disabled: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["userInfo"]),
|
|
|
+
|
|
|
+ compyRecommend: function () {
|
|
|
+ return function (array) {
|
|
|
+ let ary = [];
|
|
|
+ if (array) {
|
|
|
+ for (let i = 0; i < array.length; i++) {
|
|
|
+ if (i >= 5) {
|
|
|
+ break;
|
|
|
+ } else {
|
|
|
+ ary.push(array[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return ary;
|
|
|
+ };
|
|
|
+ },
|
|
|
+ },
|
|
|
+ async mounted() {
|
|
|
+ this.courseId = +this.$route.query.courseId || "";
|
|
|
+ this.nowTime = Number(new Date().getTime() / 1000).toFixed(0);
|
|
|
+ this.goodsId = this.$route.params.goodsId;
|
|
|
+ this.orderGoodsId = this.$route.query.orderGoodsId;
|
|
|
+ this.gradeId = this.$route.query.gradeId;
|
|
|
+ this.sectionItem = this.$route.query;
|
|
|
+
|
|
|
+ let isOther = this.$route.query.isOther || "";
|
|
|
+
|
|
|
+ if (isOther) {
|
|
|
+ const confirmText = [
|
|
|
+ "您的学习账号已经开通，请按照步骤操作，进行学习。",
|
|
|
+ "1.点击【跳转学习网址】按钮",
|
|
|
+ "2.打开学习网址后，选择【个人用户】进行登录",
|
|
|
+ "(1)账号：您个人的身份证号码",
|
|
|
+ "(2)密码：身份证号码，再加111111",
|
|
|
+ ];
|
|
|
+ const newDatas = [];
|
|
|
+ const h = this.$createElement;
|
|
|
+ for (const i in confirmText) {
|
|
|
+ newDatas.push(h("p", null, confirmText[i]));
|
|
|
+ }
|
|
|
+ this.$confirm(h("div", null, newDatas), "温馨提示", {
|
|
|
+ beforeClose: (type) => {
|
|
|
+ if (type == "confirm") {
|
|
|
+ window.open("http://admin.zhujianpeixun.com/", "_blank");
|
|
|
+ } else if (type == "cancel") {
|
|
|
+ this.$router.back(-1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ confirmButtonText: "跳转学习网址",
|
|
|
+ cancelButtonText: "关闭",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.$route.query.rebuild) {
|
|
|
+ this.courseTabIndex = "2";
|
|
|
+ }
|
|
|
+
|
|
|
+ await this.getGoodsDetail(); //商品详情
|
|
|
+ this.dictList();
|
|
|
+
|
|
|
+ // this.userConfirmInfoDetail().then((res) => {
|
|
|
+ this.getbaseprofiletplists().then(async (res) => {
|
|
|
+ // let allMenuList = await this.studyRecordMenuAllList();
|
|
|
+ // let nowTime = Number(new Date().getTime() / 1000).toFixed(0);
|
|
|
+ // let liveMenu = allMenuList.filter((item) => {
|
|
|
+ // //获取直播中的视频
|
|
|
+ // if (
|
|
|
+ // item.type == 3 &&
|
|
|
+ // item.liveStartTime <= nowTime &&
|
|
|
+ // item.liveEndTime > nowTime
|
|
|
+ // ) {
|
|
|
+ // return true;
|
|
|
+ // } else {
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ // let earlyTime = 0;
|
|
|
+
|
|
|
+ // if (liveMenu && liveMenu.length) {
|
|
|
+ // earlyTime = liveMenu[0].liveStartTime;
|
|
|
+ // }
|
|
|
+
|
|
|
+ await this.courseCourseList();
|
|
|
+ if (this.sectionItem.recordingUrl) {
|
|
|
+ let noteSecond = this.$route.query.noteSecond;
|
|
|
+ if (noteSecond > 0) {
|
|
|
+ let item = {
|
|
|
+ sectionId: this.$route.query.sectionId,
|
|
|
+ recordingUrl: this.$route.query.recordingUrl,
|
|
|
+ noteSecond: noteSecond,
|
|
|
+ studyDuration: noteSecond,
|
|
|
+ moduleId: this.$route.query.moduleId,
|
|
|
+ chapterId: this.$route.query.chapterId,
|
|
|
+ };
|
|
|
+
|
|
|
+ this.playSectionId = this.$route.query.sectionId;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.noteClick(item);
|
|
|
+ }, 1000);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.studyRecordQueryLiveLast();
|
|
|
+ }
|
|
|
+ // let noteSecond = this.$route.query.noteSecond;
|
|
|
+ // if (noteSecond > 0) {
|
|
|
+ // let item = {
|
|
|
+ // sectionId: this.$route.query.sectionId,
|
|
|
+ // recordingUrl: this.$route.query.recordingUrl,
|
|
|
+ // noteSecond: noteSecond,
|
|
|
+ // studyDuration: noteSecond,
|
|
|
+ // moduleId: this.$route.query.moduleId,
|
|
|
+ // chapterId: this.$route.query.chapterId,
|
|
|
+ // };
|
|
|
+
|
|
|
+ // this.sectionItem = item;
|
|
|
+ // this.playSectionId = this.$route.query.sectionId;
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.noteClick(item);
|
|
|
+ // }, 1000);
|
|
|
+ // }
|
|
|
+ });
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ try {
|
|
|
+ this.$msgbox.close();
|
|
|
+ } catch (err) {}
|
|
|
+ if (this.playSectionId && this.hasStart) {
|
|
|
+ this.postStudyRecord();
|
|
|
+ }
|
|
|
+ // if (this.lockTimer) {
|
|
|
+ // clearInterval(this.lockTimer);
|
|
|
+ // this.$request
|
|
|
+ // .lockDelLock({
|
|
|
+ // action: "jxjy",
|
|
|
+ // })
|
|
|
+ // .then((res) => {});
|
|
|
+ // }
|
|
|
+ this.clears();
|
|
|
+ clearInterval(this.answerTimer);
|
|
|
+ clearInterval(this.postTimer);
|
|
|
+ clearInterval(this.livingTimer);
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapMutations(["getCartCount"]),
|
|
|
+ ...mapActions(["getUserInfo"]),
|
|
|
+ isLast(item) {
|
|
|
+ if (this.liveLast) {
|
|
|
+ let sectionASame =
|
|
|
+ this.liveLast.sectionId == (item.sectionId || item.menuId);
|
|
|
+ let chapterSame = this.liveLast.chapterId == (item.chapterId || 0);
|
|
|
+ let moduleSame = this.liveLast.moduleId == (item.moduleId || 0);
|
|
|
+
|
|
|
+ return sectionASame && chapterSame && moduleSame;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取上次观看的直播
|
|
|
+ */
|
|
|
+ studyRecordGetLastLive() {
|
|
|
+ this.$request
|
|
|
+ .studyRecordGetLastLive({
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.liveLast = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取观看记录
|
|
|
+ */
|
|
|
+ studyRecordQueryLiveLast() {
|
|
|
+ this.$request
|
|
|
+ .studyRecordQueryLiveLast({
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res, "couse");
|
|
|
+ if (res.data) {
|
|
|
+ if (res.data.sectionType == 1) {
|
|
|
+ //视频
|
|
|
+ this.chapterId = res.data.chapterId;
|
|
|
+ this.moduleId = res.data.moduleId;
|
|
|
+ this.playSectionId = res.data.sectionId;
|
|
|
+ this.vid = res.data.recordingUrl;
|
|
|
+ this.sectionItem = res.data;
|
|
|
+ this.playVideo(res.data);
|
|
|
+ } else if (res.data.sectionType == 2) {
|
|
|
+ //直播
|
|
|
+ this.studyRecordGetLastLive();
|
|
|
+ } else if (res.data.sectionType == 3) {
|
|
|
+ //回放
|
|
|
+ this.chapterId = res.data.chapterId;
|
|
|
+ this.moduleId = res.data.moduleId;
|
|
|
+ this.playSectionId = res.data.sectionId;
|
|
|
+ this.vid = res.data.recordingUrl;
|
|
|
+ this.sectionItem = res.data;
|
|
|
+ this.playVideo(res.data);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ *
|
|
|
+ 获取推荐列表
|
|
|
+ */
|
|
|
+ getRecommend() {
|
|
|
+ this.$request
|
|
|
+ .appCommonActivityRecommendList({
|
|
|
+ businessId: this.goodsData.businessId,
|
|
|
+ type: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.rows.length) {
|
|
|
+ this.recommendList = res.rows[0];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ addCart(status, goodsId) {
|
|
|
+ this.$request
|
|
|
+ .addCart({ goodsId: status ? goodsId : this.goodsId })
|
|
|
+ .then((res) => {
|
|
|
+ this.getCartCount();
|
|
|
+ this.$message({
|
|
|
+ message: "加入购物车成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ if (err.code == 500) {
|
|
|
+ this.$message({
|
|
|
+ message: err.msg,
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ toGoodsDetail(item) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-detail/" + item.goodsId,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async takeOk() {
|
|
|
+ this.loading = true;
|
|
|
+ let compareFaceData = await this.faceRecognition();
|
|
|
+
|
|
|
+ if (compareFaceData >= 80) {
|
|
|
+ const waitYS = await this.imageInfos();
|
|
|
+ this.postCoursePhotoRecord()
|
|
|
+ .then((res) => {
|
|
|
+ this.photoHistoryList.push(this.photoIndex);
|
|
|
+ this.postStudyRecord(); //提交记录
|
|
|
+ //恢复播放
|
|
|
+
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "拍照成功",
|
|
|
+ });
|
|
|
+ this.takePhotoModal = false;
|
|
|
+ this.isTaking = false;
|
|
|
+ this.loading = false;
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ polyvPlayerContext.j2s_resumeVideo();
|
|
|
+ }
|
|
|
+ var polyvPlayerContext = this.playerzb;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ polyvPlayerContext.j2s_resumeVideo();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.loading = false;
|
|
|
+ console.log(err, "err");
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "上传接口报错，请重新拍照上传",
|
|
|
+ });
|
|
|
+ this.reTake();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "人脸匹配不通过，请重新拍照上传",
|
|
|
+ });
|
|
|
+
|
|
|
+ setTimeout(() => {
|
|
|
+ this.loading = false;
|
|
|
+ this.reTake();
|
|
|
+ }, 2000);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ changePhotoListStamp(params, fileList) {
|
|
|
+ const file = params.raw;
|
|
|
+ const fileType = file.type;
|
|
|
+ const isImage = fileType.indexOf("image") != -1;
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ // 这里常规检验，看项目需求而定
|
|
|
+ if (!isImage) {
|
|
|
+ this.$message.error("只能上传图片格式png、jpg、gif!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("只能上传图片大小小于2M");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (fileList.length == 1) {
|
|
|
+ fileList.splice(0, 1);
|
|
|
+ }
|
|
|
+ this.$refs.stamp[0].clearFiles();
|
|
|
+ this.$upload
|
|
|
+ .upload(file, 0)
|
|
|
+ .then((res) => {
|
|
|
+ this.$set(this.infoForm, "commitment_seal", res);
|
|
|
+ this.fileListStamp = [
|
|
|
+ {
|
|
|
+ name: res,
|
|
|
+ url: res,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.$refs.stamp[0].clearFiles();
|
|
|
+ console.log(res);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$refs.stamp[0].clearFiles();
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 页面加载成功 当前页数
|
|
|
+ pageLoaded(e) {
|
|
|
+ this.$emit("current", e);
|
|
|
+ this.curPageNum = e;
|
|
|
+ },
|
|
|
+
|
|
|
+ changePhotoListHeader1(params, fileList) {
|
|
|
+ console.log(params);
|
|
|
+ const file = params.raw;
|
|
|
+ const fileType = file.type;
|
|
|
+ const isImage = fileType.indexOf("image") != -1;
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ // 这里常规检验，看项目需求而定
|
|
|
+ if (!isImage) {
|
|
|
+ this.$message.error("只能上传图片格式png、jpg、gif!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("只能上传图片大小小于2M");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (fileList.length == 1) {
|
|
|
+ fileList.splice(0, 1);
|
|
|
+ }
|
|
|
+ this.$refs.recent_photos[0].clearFiles();
|
|
|
+ this.$upload
|
|
|
+ .upload(file, 0)
|
|
|
+ .then((res) => {
|
|
|
+ this.$set(this.infoForm, "recent_photos", res);
|
|
|
+ this.fileList1 = [
|
|
|
+ {
|
|
|
+ name: res,
|
|
|
+ url: res,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.$refs.recent_photos[0].clearFiles();
|
|
|
+ console.log(res);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$refs.recent_photos[0].clearFiles();
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async changePhotoListHeader2(params, fileList) {
|
|
|
+ const file = params.raw;
|
|
|
+ const fileType = file.type;
|
|
|
+ const isImage = fileType.indexOf("image") != -1;
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ // 这里常规检验，看项目需求而定
|
|
|
+ if (!isImage) {
|
|
|
+ this.$message.error("只能上传图片格式png、jpg、gif!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("只能上传图片大小小于2M");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (fileList.length == 1) {
|
|
|
+ fileList.splice(0, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ let res = await this.faceCertificationIDCardOCR(1, file);
|
|
|
+
|
|
|
+ console.log(res.data.IdImgPath, "res.data.IdImgPath");
|
|
|
+
|
|
|
+ if (res.code == 500) {
|
|
|
+ this.$message.warning("请上传正确清晰的身份证人像面照片");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$refs.idcard_face_photo[0].clearFiles();
|
|
|
+ this.$set(this.infoForm, "idcard_face_photo", res.data.IdImgPath);
|
|
|
+ this.fileList2 = [
|
|
|
+ {
|
|
|
+ name: res.data.IdImgPath,
|
|
|
+ url: res.data.IdImgPath,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ // this.$upload
|
|
|
+ // .upload(file, 0)
|
|
|
+ // .then((res) => {
|
|
|
+ // console.log(res, "res");
|
|
|
+ // this.$set(this.infoForm, "idcard_face_photo", res);
|
|
|
+ // this.fileList2 = [
|
|
|
+ // {
|
|
|
+ // name: res,
|
|
|
+ // url: res,
|
|
|
+ // },
|
|
|
+ // ];
|
|
|
+ // this.$refs.idcard_face_photo[0].clearFiles();
|
|
|
+ // console.log(res);
|
|
|
+ // })
|
|
|
+ // .catch((err) => {
|
|
|
+ // this.$refs.idcard_face_photo[0].clearFiles();
|
|
|
+ // });
|
|
|
+ },
|
|
|
+
|
|
|
+ async changePhotoListHeader3(params, fileList) {
|
|
|
+ const file = params.raw;
|
|
|
+ const fileType = file.type;
|
|
|
+ const isImage = fileType.indexOf("image") != -1;
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ // 这里常规检验，看项目需求而定
|
|
|
+ if (!isImage) {
|
|
|
+ this.$message.error("只能上传图片格式png、jpg、gif!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error("只能上传图片大小小于2M");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (fileList.length == 1) {
|
|
|
+ fileList.splice(0, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ let res = await this.faceCertificationIDCardOCR(2, file);
|
|
|
+ if (res.code == 500) {
|
|
|
+ this.$message.warning("请上传正确清晰的身份证国徽面照片");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$refs.idcard_national_photo[0].clearFiles();
|
|
|
+ this.$set(this.infoForm, "idcard_national_photo", res.data.IdImgPath);
|
|
|
+ this.fileList3 = [
|
|
|
+ {
|
|
|
+ name: res.data.IdImgPath,
|
|
|
+ url: res.data.IdImgPath,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ // this.$upload
|
|
|
+ // .upload(file, 0)
|
|
|
+ // .then((res) => {
|
|
|
+ // this.$set(this.infoForm, "idcard_national_photo", res);
|
|
|
+ // this.fileList3 = [
|
|
|
+ // {
|
|
|
+ // name: res,
|
|
|
+ // url: res,
|
|
|
+ // },
|
|
|
+ // ];
|
|
|
+ // this.$refs.idcard_national_photo[0].clearFiles();
|
|
|
+ // console.log(res);
|
|
|
+ // })
|
|
|
+ // .catch((err) => {
|
|
|
+ // this.$refs.idcard_national_photo[0].clearFiles();
|
|
|
+ // });
|
|
|
+ },
|
|
|
+
|
|
|
+ faceCertificationIDCardOCR(cardSide, file) {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ var reader = new FileReader();
|
|
|
+ // 将文件加载进入
|
|
|
+ reader.readAsDataURL(file);
|
|
|
+ reader.onload = (e) => {
|
|
|
+ // 转换完成输出该文件base64编码
|
|
|
+ let base64 = e.target.result;
|
|
|
+
|
|
|
+ this.$request
|
|
|
+ .faceCertificationIDCardOCR({
|
|
|
+ cardSide: cardSide, //1人像 2 国徽
|
|
|
+ cardImageBase64: base64,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ resolve(err);
|
|
|
+ });
|
|
|
+ };
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async submit() {
|
|
|
+ if (this.uploading) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.uploading = true;
|
|
|
+
|
|
|
+ var ast = this.listData.some((item) => {
|
|
|
+ return item.fieldKey === "commitment_electr_signature";
|
|
|
+ });
|
|
|
+ if (ast) {
|
|
|
+ await this.subCanvas();
|
|
|
+ }
|
|
|
+
|
|
|
+ this.resultForm();
|
|
|
+ },
|
|
|
+
|
|
|
+ stampSubmit() {
|
|
|
+ if (this.uploading) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.uploading = true;
|
|
|
+ this.stampResultForm();
|
|
|
+ },
|
|
|
+ backLI() {
|
|
|
+ this.player.j2s_seekVideo(0);
|
|
|
+ this.showRecordStatus = false;
|
|
|
+ },
|
|
|
+ //验证表单
|
|
|
+ stampResultForm() {
|
|
|
+ for (let i = 0; i < this.listDataStamp.length; i++) {
|
|
|
+ if (
|
|
|
+ this.listDataStamp[i].fieldKey === "commitment_seal" &&
|
|
|
+ !this.listDataStamp[i].required
|
|
|
+ ) {
|
|
|
+ this.submitApi();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$refs.stampForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.submitApiStamp();
|
|
|
+ } else {
|
|
|
+ this.uploading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ async submitApiStamp() {
|
|
|
+ var data = JSON.parse(JSON.stringify(this.stampForm));
|
|
|
+ if (data["commitment_seal"]) {
|
|
|
+ data.commitment_seal = await this.$upload.upload(
|
|
|
+ data.commitment_seal,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ this.optionChanges(data);
|
|
|
+ },
|
|
|
+
|
|
|
+ optionChanges(data) {
|
|
|
+ var self = this;
|
|
|
+ var objs = {};
|
|
|
+ for (let k in data) {
|
|
|
+ objs[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listDataStamp.length; i++) {
|
|
|
+ if (self.listDataStamp[i].fieldKey == k) {
|
|
|
+ return self.listDataStamp[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: self.remarkStatusStamp ? 1 : 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ keyValue: JSON.stringify(objs),
|
|
|
+ };
|
|
|
+ if (self.remarkStatus) {
|
|
|
+ datas.id = self.id;
|
|
|
+ self.$request.editbaseprofileStamp(datas).then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.getUserInfo();
|
|
|
+ this.showStampDetailModail = false;
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ self.$request.addbaseprofileStamp(datas).then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.getUserInfo();
|
|
|
+ this.showStampDetailModail = false;
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ resultForm() {
|
|
|
+ console.log(1);
|
|
|
+ if (this.isRequired) {
|
|
|
+ this.submitApi();
|
|
|
+ } else {
|
|
|
+ console.log(1);
|
|
|
+ this.$refs.infoForm.validate((valid) => {
|
|
|
+ console.log(1);
|
|
|
+ if (valid) {
|
|
|
+ this.submitApi();
|
|
|
+ } else {
|
|
|
+ this.uploading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // if (int === 1) {
|
|
|
+ // this.errorType = ["toast"];
|
|
|
+ // } else {
|
|
|
+ // this.errorType = ["message"];
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ async submitApi() {
|
|
|
+ console.log(this.infoForm, "999");
|
|
|
+ var data = JSON.parse(JSON.stringify(this.infoForm));
|
|
|
+ if (data["sex"]) {
|
|
|
+ data.sex = this.dictObj["sys_user_sex"][Number(data.sex)];
|
|
|
+ }
|
|
|
+ if (data["education"]) {
|
|
|
+ data.education = this.dictObj["edu_level"][Number(data.education)];
|
|
|
+ }
|
|
|
+ if (data["working_years"]) {
|
|
|
+ data.working_years =
|
|
|
+ this.dictObj["working_years"][Number(data.working_years)];
|
|
|
+ }
|
|
|
+ if (data["recent_photos"]) {
|
|
|
+ data.recent_photos = await this.$upload.upload(data.recent_photos, 0);
|
|
|
+ }
|
|
|
+ if (data["idcard_face_photo"]) {
|
|
|
+ data.idcard_face_photo = await this.$upload.upload(
|
|
|
+ data.idcard_face_photo,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (data["idcard_national_photo"]) {
|
|
|
+ data.idcard_national_photo = await this.$upload.upload(
|
|
|
+ data.idcard_national_photo,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+ if (data["commitment_electr_signature"]) {
|
|
|
+ data.commitment_electr_signature = await this.$upload.upload(
|
|
|
+ data.commitment_electr_signature,
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ this.uploadDatas(data);
|
|
|
+ },
|
|
|
+
|
|
|
+ async downloadStamp(item) {
|
|
|
+ let self = this;
|
|
|
+
|
|
|
+ var ast = this.listData.some((item) => {
|
|
|
+ return item.fieldKey === "commitment_electr_signature";
|
|
|
+ });
|
|
|
+ if (ast) {
|
|
|
+ await this.subCanvas();
|
|
|
+ }
|
|
|
+
|
|
|
+ let data = JSON.parse(JSON.stringify(this.infoForm));
|
|
|
+ if (data["sex"]) {
|
|
|
+ data.sex = this.dictObj["sys_user_sex"][Number(data.sex)];
|
|
|
+ }
|
|
|
+ if (data["education"]) {
|
|
|
+ data.education = this.dictObj["edu_level"][Number(data.education)];
|
|
|
+ }
|
|
|
+ if (data["working_years"]) {
|
|
|
+ data.working_years =
|
|
|
+ this.dictObj["working_years"][Number(data.working_years)];
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(data, "data");
|
|
|
+
|
|
|
+ if (this.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(arsty, "arsty");
|
|
|
+
|
|
|
+ this.$request
|
|
|
+ .baseProfileStampV2AddWord({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let url = this.$tools.splitImgHost(res.msg);
|
|
|
+ let name = res.msg.substring(res.msg.lastIndexOf("/") + 1);
|
|
|
+ let image = new Image();
|
|
|
+ // 解决跨域 Canvas 污染问题,
|
|
|
+ image.setAttribute("crossorigin", "anonymous");
|
|
|
+ image.onload = function () {
|
|
|
+ var canvas = document.createElement("canvas");
|
|
|
+ canvas.width = image.width;
|
|
|
+ canvas.height = image.height;
|
|
|
+ var context = canvas.getContext("2d");
|
|
|
+ context.drawImage(image, 0, 0, image.width, image.height);
|
|
|
+ var base64 = canvas.toDataURL("image/jpg"); //将图片格式转为base64
|
|
|
+ var a = document.createElement("a"); // 生成一个a元素
|
|
|
+ var event = new MouseEvent("click"); // 创建一个单击事件
|
|
|
+ a.download = name; // 设置图片名称
|
|
|
+ console.log(base64);
|
|
|
+ a.href = base64; // 将生成的URL设置为a.href属性
|
|
|
+ a.dispatchEvent(event); // 触发a的单击事件
|
|
|
+ };
|
|
|
+ image.src = url + "?time=" + Date.now(); //注意，这里是灵魂，否则依旧会产生跨域问题
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ convertBase64UrlToBlob(urlData) {
|
|
|
+ var localData = urlData; //dataUrl为base64位
|
|
|
+ let base = atob(localData.substring(localData.indexOf(",") + 1)); // base是将base64编码解码，去掉data:image/png;base64部分
|
|
|
+ let length = base.length;
|
|
|
+ let url = new Uint8Array(length);
|
|
|
+ while (length--) {
|
|
|
+ url[length] = base.charCodeAt(length);
|
|
|
+ }
|
|
|
+ let file = new File([url], "a.jpg", {
|
|
|
+ type: "image/jpg",
|
|
|
+ });
|
|
|
+ //最后将file，通过ajax请求做为参数传给服务器就可以了
|
|
|
+ return file;
|
|
|
+ },
|
|
|
+
|
|
|
+ async uploadDatas(data) {
|
|
|
+ let self = this;
|
|
|
+ if (this.infoForm.recent_photos && this.infoForm.idcard_face_photo) {
|
|
|
+ let base = await this.$tools.imageToBase64(
|
|
|
+ this.$tools.splitImgHost(this.infoForm.idcard_face_photo)
|
|
|
+ );
|
|
|
+ console.log(base);
|
|
|
+ console.log(this.$tools.splitImgHost(this.infoForm.idcard_face_photo));
|
|
|
+
|
|
|
+ let resData = {};
|
|
|
+ try {
|
|
|
+ resData = await this.$request.faceCertificationIDCardOCR({
|
|
|
+ cardSide: 1, //1人像 2 国徽
|
|
|
+ cardImageBase64: base,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ });
|
|
|
+ } catch (err) {
|
|
|
+ self.$message.warning("身份证人像面照片异常，请重新上传");
|
|
|
+ self.uploading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!resData.data) {
|
|
|
+ this.$message.warning("身份证人像面照片异常，请重新上传");
|
|
|
+ this.uploading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.veryIdCard = resData.data.IdNum;
|
|
|
+ this.veryIdName = resData.data.IdName;
|
|
|
+
|
|
|
+ // if (this.infoForm.idcard) {
|
|
|
+ // if (this.infoForm.idcard != this.veryIdCard) {
|
|
|
+ // this.$message.warning(
|
|
|
+ // "输入的身份证号和身份证人像面照片身份证号不匹配"
|
|
|
+ // );
|
|
|
+ // this.uploading = false;
|
|
|
+ // return;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+
|
|
|
+ let base64 = await this.$tools.imageToBase64(
|
|
|
+ this.$tools.splitImgHost(this.infoForm.recent_photos)
|
|
|
+ );
|
|
|
+
|
|
|
+ let newData = {
|
|
|
+ urlA: this.infoForm.idcard_face_photo,
|
|
|
+ oneInchPhotos: base64,
|
|
|
+ };
|
|
|
+
|
|
|
+ this.$request
|
|
|
+ .faceCertificationIdCardCompareFace(newData)
|
|
|
+ .then((res1) => {
|
|
|
+ if (res1.data >= 70) {
|
|
|
+ var self = this;
|
|
|
+ if (self.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ id: this.id,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ };
|
|
|
+ this.$request
|
|
|
+ .editbaseprofiletp(datas)
|
|
|
+ .then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.courseCourseList();
|
|
|
+ this.getUserInfo();
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ this.showInfoDetailModal = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.warning(err.msg);
|
|
|
+ this.uploading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var objs = {};
|
|
|
+ for (let k in data) {
|
|
|
+ objs[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ profileTpId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(objs),
|
|
|
+ };
|
|
|
+ this.$request
|
|
|
+ .addbaseprofiletp(datas)
|
|
|
+ .then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.courseCourseList();
|
|
|
+ this.getUserInfo();
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ this.showInfoDetailModal = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.warning(err.msg);
|
|
|
+ this.uploading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.uploading = false;
|
|
|
+ this.$message.warning("证件照和身份证人像面照片不匹配");
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.$message.warning(err.msg);
|
|
|
+ });
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (self.remarkStatus) {
|
|
|
+ var arsty = {};
|
|
|
+ for (let k in data) {
|
|
|
+ for (let j in self.copyData) {
|
|
|
+ if (k === j) {
|
|
|
+ if (self.copyData[j].value === data[k]) {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ } else {
|
|
|
+ arsty[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ id: this.id,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(arsty),
|
|
|
+ };
|
|
|
+ this.$request
|
|
|
+ .editbaseprofiletp(datas)
|
|
|
+ .then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.courseCourseList();
|
|
|
+ this.getUserInfo();
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ this.showInfoDetailModal = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.warning(err.msg);
|
|
|
+ this.uploading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ var objs = {};
|
|
|
+ for (let k in data) {
|
|
|
+ objs[k] = {
|
|
|
+ fieldKey: k,
|
|
|
+ value: data[k],
|
|
|
+ fieldName: (function () {
|
|
|
+ for (let i = 0; i < self.listData.length; i++) {
|
|
|
+ if (self.listData[i].fieldKey == k) {
|
|
|
+ return self.listData[i].fieldName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })(),
|
|
|
+ status: 0,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ var datas = {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ profileTpId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ keyValue: JSON.stringify(objs),
|
|
|
+ };
|
|
|
+ this.$request
|
|
|
+ .addbaseprofiletp(datas)
|
|
|
+ .then((res) => {
|
|
|
+ this.uploading = false;
|
|
|
+ this.courseCourseList();
|
|
|
+ this.getUserInfo();
|
|
|
+ this.$message.success("提交成功");
|
|
|
+ this.showInfoDetailModal = false;
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.warning(err.msg);
|
|
|
+ this.uploading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ subCanvas() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ var self = this;
|
|
|
+ if (self.infoForm.commitment_electr_signature) {
|
|
|
+ resolve();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$refs.esign[0]
|
|
|
+ .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
|
|
|
+ .then(async (res) => {
|
|
|
+ let url = await this.$upload.upload(
|
|
|
+ this.convertBase64UrlToBlob(res),
|
|
|
+ 0
|
|
|
+ );
|
|
|
+ this.$set(this.infoForm, "commitment_electr_signature", url);
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err, "err");
|
|
|
+ // 画布没有签字时会执行这里提示一下
|
|
|
+ // this.uploading = false;
|
|
|
+ // this.$message({
|
|
|
+ // type: "warning",
|
|
|
+ // message: "请签名后再生成签字图片",
|
|
|
+ // });
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ imageInfos() {
|
|
|
+ var self = this;
|
|
|
+ return new Promise(async (resolve, reject) => {
|
|
|
+ const waitUpload = await self.uploadFile(self.faceUrl, 0);
|
|
|
+ resolve(waitUpload);
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getarrays(key) {
|
|
|
+ if (key === "sex") {
|
|
|
+ return this.dictObj["sys_user_sex"];
|
|
|
+ }
|
|
|
+ if (key === "education") {
|
|
|
+ return this.dictObj["edu_level"];
|
|
|
+ }
|
|
|
+ if (key === "working_years") {
|
|
|
+ return this.dictObj["working_years"];
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ dictList() {
|
|
|
+ this.$request.dictList().then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ let newList = {};
|
|
|
+ let list = res.data;
|
|
|
+ for (let i = 0; i < list.length; i++) {
|
|
|
+ let item = list[i];
|
|
|
+ if (newList.hasOwnProperty(item.dictType)) {
|
|
|
+ newList[item.dictType].push(item.dictLabel);
|
|
|
+ } else {
|
|
|
+ newList[item.dictType] = [item.dictLabel];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.dictObj = newList;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getbaseprofiletplists() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ let self = this;
|
|
|
+ this.$request
|
|
|
+ .getbaseprofiletplists({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId || "",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code === 200 && res.rows.length) {
|
|
|
+ console.log(1);
|
|
|
+ if (res.rows[0].keyValue) {
|
|
|
+ console.log(2);
|
|
|
+ self.$request
|
|
|
+ .getbaseprofiletpId(self.goodsId)
|
|
|
+ .then((baseRes) => {
|
|
|
+ if (baseRes.code === 200) {
|
|
|
+ console.log(3);
|
|
|
+ if (baseRes.data) {
|
|
|
+ console.log(4);
|
|
|
+ self.$request
|
|
|
+ .getbaseprofiletpgetInfo({
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ orderGoodsId: self.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((result) => {
|
|
|
+ console.log(result, "result");
|
|
|
+ if (result.code === 200) {
|
|
|
+ if (
|
|
|
+ !result.data ||
|
|
|
+ (result.data.status === 3 &&
|
|
|
+ result.data.changeStatus === 1)
|
|
|
+ ) {
|
|
|
+ console.log(5);
|
|
|
+ if (!result.data) {
|
|
|
+ console.log(6);
|
|
|
+ self.needProfileModal = true;
|
|
|
+
|
|
|
+ this.$confirm(`请填写资料`, "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ })
|
|
|
+ .then((_) => {
|
|
|
+ this.showAgreementModal = true;
|
|
|
+ this.getInfo();
|
|
|
+ })
|
|
|
+ .catch((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$confirm(
|
|
|
+ `资料审核不通过，请前往重新填写`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.showInfoDetailModal = true;
|
|
|
+ this.getInfo();
|
|
|
+ })
|
|
|
+ .catch((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ result.data.status === 1 &&
|
|
|
+ JSON.parse(res.rows[0].keyValue2)[0]
|
|
|
+ ) {
|
|
|
+ console.log(8);
|
|
|
+ self.$request
|
|
|
+ .getbaseprofileStampgetInfo({
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ orderGoodsId: self.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((k) => {
|
|
|
+ if (k.code === 200) {
|
|
|
+ if (
|
|
|
+ !k.data ||
|
|
|
+ (k.data.status === 3 &&
|
|
|
+ k.data.changeStatus === 1)
|
|
|
+ ) {
|
|
|
+ if (!k.data) {
|
|
|
+ console.log(9);
|
|
|
+ this.$confirm(
|
|
|
+ `请前往填写盖章资料`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.showStampDetailModail = true;
|
|
|
+ this.getInfoStamp();
|
|
|
+ })
|
|
|
+ .catch((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log(10);
|
|
|
+ self.needProfileModal = true;
|
|
|
+ this.$confirm(
|
|
|
+ `资料盖章审核不通过，请前往重新填写`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.showStampDetailModail = true;
|
|
|
+ this.getInfoStamp();
|
|
|
+ })
|
|
|
+ .catch((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ resolve();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (this.gradeId > 0) {
|
|
|
+ //提交完资料返回判断是否已开班
|
|
|
+
|
|
|
+ this.getGradeInfo();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getInfoStamp() {
|
|
|
+ var self = this;
|
|
|
+ this.$request.getbaseprofiletpId(this.goodsId).then((res) => {
|
|
|
+ var ast = JSON.parse(res.data.keyValue2);
|
|
|
+ self.listDataStamp = ast;
|
|
|
+ self.$request
|
|
|
+ .getbaseprofileStampgetInfo({
|
|
|
+ goodsId: self.goodsId,
|
|
|
+ orderGoodsId: self.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((result) => {
|
|
|
+ if (result.data && result.data.status === 3) {
|
|
|
+ self.remarkStamp = result.data.text;
|
|
|
+ self.remarkStatusStamp = true;
|
|
|
+ self.id = result.data.id;
|
|
|
+ } else if (
|
|
|
+ result.data &&
|
|
|
+ (result.data.status === 1 || result.data.status === 2)
|
|
|
+ ) {
|
|
|
+ // uni.showModal({
|
|
|
+ // showCancel: false,
|
|
|
+ // content:
|
|
|
+ // result.data.status === 1
|
|
|
+ // ? "该商品审核资料已通过，不可重复提交资料"
|
|
|
+ // : result.data.status === 2
|
|
|
+ // ? "该商品审核资料处于待审核状态，不可重复提交资料"
|
|
|
+ // : "请联系管理员",
|
|
|
+ // success: function (k) {
|
|
|
+ // if (k.confirm) {
|
|
|
+ // uni.navigateBack();
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ // });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getGradeInfo() {
|
|
|
+ let self = this;
|
|
|
+ this.$request.goodsGradeInfo(this.gradeId).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ self.gradeDetail = res.data;
|
|
|
+ if (self.needProfileModal) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (self.gradeDetail.learningStatus == 2) {
|
|
|
+ this.$confirm(
|
|
|
+ `当前课程正在申请中，正式开班后方可进行学习，请耐心等候！`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ showCancelButton: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ })
|
|
|
+ .catch((_) => {});
|
|
|
+ }
|
|
|
+ if (
|
|
|
+ self.gradeDetail.learningStatus == 3 &&
|
|
|
+ Number(self.gradeDetail.learningTimeStart) >
|
|
|
+ Number(new Date() / 1000)
|
|
|
+ ) {
|
|
|
+ this.$confirm(
|
|
|
+ `当前课程正在申请中，正式开班后方可进行学习，请耐心等候！`,
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ showCancelButton: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ })
|
|
|
+ .catch((_) => {});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.$store.state.allowLoading = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ deleteImg(item) {
|
|
|
+ if (item.fieldKey == "recent_photos") {
|
|
|
+ this.fileList1 = [];
|
|
|
+ this.infoForm["recent_photos"] = "";
|
|
|
+ } else if (item.fieldKey == "idcard_face_photo") {
|
|
|
+ this.fileList2 = [];
|
|
|
+ this.infoForm["idcard_face_photo"] = "";
|
|
|
+ } else if (item.fieldKey == "idcard_national_photo") {
|
|
|
+ this.fileList3 = [];
|
|
|
+ this.infoForm["idcard_national_photo"] = "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * getbaseprofiletpgetInfo接口返回值result.data.data不存在的话说明是第一次填写资料
|
|
|
+ */
|
|
|
+ getInfo() {
|
|
|
+ var self = this;
|
|
|
+ this.$request.getbaseprofiletpId(this.goodsId).then((res) => {
|
|
|
+ console.log(res, "res");
|
|
|
+ var listData = JSON.parse(res.data.keyValue);
|
|
|
+ var ast = JSON.parse(res.data.keyValue2);
|
|
|
+ self.listData = [...listData, ...ast];
|
|
|
+
|
|
|
+ console.log(self.listData, "self.listData");
|
|
|
+
|
|
|
+ self.listData.forEach((item) => {
|
|
|
+ if (item.fieldKey == "idcard") {
|
|
|
+ this.infoForm.idcard = this.userInfo.idCard;
|
|
|
+ }
|
|
|
+ if (item.fieldKey == "telphone") {
|
|
|
+ this.infoForm.telphone = this.userInfo.telphone;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (item.fieldKey == "name") {
|
|
|
+ this.infoForm.name = this.userInfo.realname || "";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ self.isRequired = self.listData.every((ims) => {
|
|
|
+ return ims.required === false;
|
|
|
+ });
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.agreementModal = true;
|
|
|
+ });
|
|
|
+ self.$request
|
|
|
+ .getbaseprofiletpgetInfo({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ })
|
|
|
+ .then((result) => {
|
|
|
+ if (result.code === 200) {
|
|
|
+ if (!result.data) {
|
|
|
+ self.$request
|
|
|
+ .getbaseprofiletplistProfile({
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 1,
|
|
|
+ })
|
|
|
+ .then((kit) => {
|
|
|
+ if (kit.rows.length) {
|
|
|
+ var ajson = JSON.parse(kit.rows[0].keyValue);
|
|
|
+ self.listData.forEach((zyitem, zyindex) => {
|
|
|
+ for (let k in ajson) {
|
|
|
+ if (zyitem.fieldKey == k && ajson[k].value) {
|
|
|
+ if (k === "sex") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["sys_user_sex"].indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ } else if (k === "education") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["edu_level"].indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ } else if (k === "working_years") {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["working_years"].indexOf(
|
|
|
+ ajson[k].value
|
|
|
+ ) + "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ } else if (k === "recent_photos") {
|
|
|
+ self.$set(self.infoForm, k, ajson[k].value);
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList1 = [
|
|
|
+ {
|
|
|
+ url: ajson[k].value,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_face_photo") {
|
|
|
+ self.$set(self.infoForm, k, ajson[k].value);
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList2 = [
|
|
|
+ {
|
|
|
+ url: ajson[k].value,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_national_photo") {
|
|
|
+ self.$set(self.infoForm, k, ajson[k].value);
|
|
|
+ if (ajson[k].value) {
|
|
|
+ self.fileList3 = [
|
|
|
+ {
|
|
|
+ url: ajson[k].value,
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (k === "name") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.realname
|
|
|
+ );
|
|
|
+ } else if (k === "idcard") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.idCard
|
|
|
+ );
|
|
|
+ } else if (k === "telphone") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.telphone
|
|
|
+ );
|
|
|
+ } else if (k !== "commitment_electr_signature") {
|
|
|
+ self.$set(self.infoForm, k, ajson[k].value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (result.data && result.data.status === 3) {
|
|
|
+ self.remark = result.data.text;
|
|
|
+ self.remarkStatus = true;
|
|
|
+ self.id = result.data.id;
|
|
|
+ var arrays = JSON.parse(result.data.keyValue);
|
|
|
+ self.copyData = JSON.parse(JSON.stringify(arrays));
|
|
|
+ for (let k in arrays) {
|
|
|
+ if (k === "sex") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["sys_user_sex"].indexOf(arrays[k].value) +
|
|
|
+ "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "education") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["edu_level"].indexOf(arrays[k].value) + "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "working_years") {
|
|
|
+ if (arrays[k].value) {
|
|
|
+ const sexIndex =
|
|
|
+ self.dictObj["working_years"].indexOf(arrays[k].value) +
|
|
|
+ "";
|
|
|
+ self.$set(self.infoForm, k, sexIndex);
|
|
|
+ }
|
|
|
+ } else if (k === "recent_photos") {
|
|
|
+ self.$set(self.infoForm, k, arrays[k].value);
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList1 = [{ url: arrays[k].value }];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_face_photo") {
|
|
|
+ self.$set(self.infoForm, k, arrays[k].value);
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList2 = [{ url: arrays[k].value }];
|
|
|
+ }
|
|
|
+ } else if (k === "idcard_national_photo") {
|
|
|
+ self.$set(self.infoForm, k, arrays[k].value);
|
|
|
+ if (arrays[k].value) {
|
|
|
+ self.fileList3 = [{ url: arrays[k].value }];
|
|
|
+ }
|
|
|
+ } else if (k === "name") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.realname
|
|
|
+ );
|
|
|
+ } else if (k === "idcard") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.idCard
|
|
|
+ );
|
|
|
+ } else if (k === "telphone") {
|
|
|
+ self.$set(
|
|
|
+ self.infoForm,
|
|
|
+ k,
|
|
|
+ this.$store.state.userInfo.telphone
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ self.$set(self.infoForm, k, arrays[k].value);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ result.data &&
|
|
|
+ (result.data.status === 1 || result.data.status === 2)
|
|
|
+ ) {
|
|
|
+ this.$confirm(
|
|
|
+ result.data.status === 1
|
|
|
+ ? "该商品审核资料已通过，不可重复提交资料"
|
|
|
+ : result.data.status === 2
|
|
|
+ ? "该商品审核资料处于待审核状态，不可重复提交资料"
|
|
|
+ : "请联系管理员",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "返回",
|
|
|
+ closeOnClickModal: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ showCancelButton: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ )
|
|
|
+ .then((_) => {
|
|
|
+ this.$router.back(-1);
|
|
|
+ })
|
|
|
+ .catch((_) => {});
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ returnName(key) {
|
|
|
+ if (key === "sex") {
|
|
|
+ if (this.infoForm[key]) {
|
|
|
+ return this.dictObj["sys_user_sex"][Number(this.infoForm[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择性别";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "education") {
|
|
|
+ if (this.infoForm[key]) {
|
|
|
+ return this.dictObj["edu_level"][Number(this.infoForm[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择学历";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (key === "working_years") {
|
|
|
+ if (this.infoForm[key]) {
|
|
|
+ return this.dictObj["working_years"][Number(this.infoForm[key])];
|
|
|
+ } else {
|
|
|
+ return "请选择工作年限";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ retDraw() {
|
|
|
+ this.$set(this.infoForm, "commitment_electr_signature", "");
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.esign[0].reset();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ uploadFile(options, int) {
|
|
|
+ var self = this;
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ var data = {
|
|
|
+ imageStatus: int,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ };
|
|
|
+ self.$request
|
|
|
+ .getPolicy(data)
|
|
|
+ .then((res) => {
|
|
|
+ var ossToken = res.data.resultContent;
|
|
|
+ if (ossToken.host == null || ossToken.host == undefined) {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "上传路径报错" + JSON.stringify(res.data),
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ let data = this.$tools.convertBase64UrlToBlob(this.faceUrl);
|
|
|
+
|
|
|
+ this.$upload
|
|
|
+ .upload(data, 0)
|
|
|
+ .then((res) => {
|
|
|
+ this.ossAvatarUrl = res;
|
|
|
+ resolve(res);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "上传接口报错，请重新拍照上传",
|
|
|
+ });
|
|
|
+ this.reTake();
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "签名错误" + JSON.stringify(err),
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ faceRecognition() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .faceCertificationCompareFace({
|
|
|
+ imageA: this.faceUrl,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.loading = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: err.msg,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 点击重拍
|
|
|
+ */
|
|
|
+ reTake() {
|
|
|
+ this.faceUrl = "";
|
|
|
+ this.isTaking = true;
|
|
|
+ this.getUserMedia({
|
|
|
+ video: {
|
|
|
+ width: 400,
|
|
|
+ height: 400,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 点击拍照按钮
|
|
|
+ onPhoto() {
|
|
|
+ // if (this.isIE) {
|
|
|
+ // window.webcam.capture();
|
|
|
+ // } else {
|
|
|
+ const canvas = document.createElement("canvas");
|
|
|
+ canvas.width = 400;
|
|
|
+ canvas.height = 400;
|
|
|
+ const context = canvas.getContext("2d");
|
|
|
+ const video = document.getElementById("video");
|
|
|
+ context.drawImage(video, 0, 0, 400, 400);
|
|
|
+ this.faceUrl = canvas.toDataURL("image/png");
|
|
|
+ this.isTaking = false;
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ getUserMedia(constraints, success, error) {
|
|
|
+ if (window.navigator.mediaDevices.getUserMedia) {
|
|
|
+ // 最新的标准API
|
|
|
+ window.navigator.mediaDevices
|
|
|
+ .getUserMedia(constraints)
|
|
|
+ .then(success)
|
|
|
+ .catch(error);
|
|
|
+ } else if (window.navigator.webkitGetUserMedia) {
|
|
|
+ // webkit核心浏览器
|
|
|
+ window.navigator.webkitGetUserMedia(constraints, success, error);
|
|
|
+ } else if (window.navigator.mozGetUserMedia) {
|
|
|
+ // firfox浏览器
|
|
|
+ window.navigator.mozGetUserMedia(constraints, success, error);
|
|
|
+ } else if (window.navigator.getUserMedia) {
|
|
|
+ // 旧版API
|
|
|
+ window.navigator.getUserMedia(constraints, success, error);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ photographSuccess(stream) {
|
|
|
+ // 兼容webkit核心浏览器
|
|
|
+
|
|
|
+ this.isTaking = true;
|
|
|
+ this.takePhotoModal = true;
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const video = document.getElementById("video");
|
|
|
+ // 将视频流设置为video元素的源
|
|
|
+ console.dir(video);
|
|
|
+ video.srcObject = stream;
|
|
|
+ this.mediaStreamTrack =
|
|
|
+ typeof stream.stop === "function" ? stream : stream.getTracks()[0];
|
|
|
+ video.play();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ photographError(err) {
|
|
|
+ this.$confirm(
|
|
|
+ "课程学习需要开启摄像头进行拍照，经检测您的设备无摄像头可使用，请检测环境是否支持。",
|
|
|
+ "提示",
|
|
|
+ {
|
|
|
+ confirmButtonText: "返回",
|
|
|
+ showConfirmButton: true,
|
|
|
+ closeOnClickModal: false,
|
|
|
+ showCancelButton: false,
|
|
|
+ closeOnPressEscape: false,
|
|
|
+ distinguishCancelAndClose: false,
|
|
|
+ showClose: false,
|
|
|
+ }
|
|
|
+ ).then(() => {
|
|
|
+ this.$router.go(-1);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 切换科目
|
|
|
+ */
|
|
|
+ courseChange() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.noteParams = {
|
|
|
+ pageNum: 1,
|
|
|
+ // pageSize: 4,
|
|
|
+ };
|
|
|
+ this.duration = 0;
|
|
|
+ this.playSectionId = 0;
|
|
|
+ this.vid = "";
|
|
|
+ if (this.player) {
|
|
|
+ this.player.destroy();
|
|
|
+ }
|
|
|
+ this.player = "";
|
|
|
+ if (this.playerzb) {
|
|
|
+ this.playerzb.destroy();
|
|
|
+ }
|
|
|
+ this.playerzb = "";
|
|
|
+ this.vidzb = "";
|
|
|
+ this.historyChatMsgList = [];
|
|
|
+ this.nowTime = Number(new Date().getTime() / 1000).toFixed(0);
|
|
|
+ this.courseDetail(); //课程详情
|
|
|
+ this.getAnswerList(); //答疑列表
|
|
|
+ this.answerTimer = setInterval(() => {
|
|
|
+ this.getAnswerList();
|
|
|
+ }, 5000);
|
|
|
+ this.getMenuList(); //学习目录
|
|
|
+ this.getReMenuList(); //获取重修目录
|
|
|
+ this.getNoteList(); //获取节笔记
|
|
|
+
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ polyvLiveHistoryChatMsgList() {
|
|
|
+ this.$request
|
|
|
+ .polyvLiveHistoryChatMsgList({
|
|
|
+ sectionId: this.playSectionId,
|
|
|
+ channelId: this.sectionItem.liveUrl,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.historyChatMsgList = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ courseDetail() {
|
|
|
+ let self = this;
|
|
|
+ this.$request.courseDetail(this.courseId).then((res) => {
|
|
|
+ // if (res.data.educationName == "继续教育") {
|
|
|
+ // this.$request
|
|
|
+ // .lockLockAction({
|
|
|
+ // action: "jxjy",
|
|
|
+ // })
|
|
|
+ // .then((res) => {});
|
|
|
+ // this.lockTimer = setInterval(() => {
|
|
|
+ // this.$request
|
|
|
+ // .lockLockAction({
|
|
|
+ // action: "jxjy",
|
|
|
+ // })
|
|
|
+ // .then((res) => {});
|
|
|
+ // }, 10000);
|
|
|
+ // }
|
|
|
+ self.detail = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openModule(menuItem) {
|
|
|
+ //重修目录点击
|
|
|
+ console.log(menuItem.list);
|
|
|
+ menuItem.showList = !menuItem.showList;
|
|
|
+
|
|
|
+ if (!menuItem.list.length) {
|
|
|
+ if (menuItem.isRebuild) {
|
|
|
+ this.getReChapterList(menuItem.id, menuItem.courseId, menuItem);
|
|
|
+ } else {
|
|
|
+ this.getBuyChapterList(menuItem.id, menuItem.courseId, menuItem);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getReChapterList(moduleId, courseId, menuItem) {
|
|
|
+ this.$request
|
|
|
+ .reChapterList({
|
|
|
+ moduleId: moduleId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: courseId,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
+ let item = res.data[i];
|
|
|
+ item.id = item.chapterId;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.parent = menuItem;
|
|
|
+ item.isRebuild = 1;
|
|
|
+ }
|
|
|
+ menuItem.list = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getBuyChapterList(moduleId, courseId, menuItem) {
|
|
|
+ this.$request
|
|
|
+ .reChapterList({
|
|
|
+ moduleId: moduleId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: courseId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
+ let item = res.data[i];
|
|
|
+ item.id = item.chapterId;
|
|
|
+ item.menuType = 2;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.parent = menuItem;
|
|
|
+ }
|
|
|
+ menuItem.list = res.data;
|
|
|
+
|
|
|
+ if (this.needOpen) {
|
|
|
+ // this.needOpen = false;
|
|
|
+ this.openChapter(menuItem.list[0]);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ openChapter(chapter) {
|
|
|
+ console.log(chapter, "chapter");
|
|
|
+ chapter.showList = !chapter.showList;
|
|
|
+ if (!chapter.list.length) {
|
|
|
+ if (chapter.isRebuild) {
|
|
|
+ this.getReSectionList(
|
|
|
+ chapter.id,
|
|
|
+ chapter.courseId,
|
|
|
+ chapter.moduleId || 0,
|
|
|
+ chapter
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ this.getBuySectionList(
|
|
|
+ chapter.id,
|
|
|
+ chapter.courseId,
|
|
|
+ chapter.moduleId || 0,
|
|
|
+ chapter
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getReSectionList(chapterId, courseId, moduleId, chapter) {
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: courseId,
|
|
|
+ rebuild: 1,
|
|
|
+ moduleId: moduleId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ chapter.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.parent = chapter;
|
|
|
+ });
|
|
|
+ chapter.list = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getBuySectionList(chapterId, courseId, moduleId = 0, chapter) {
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: courseId,
|
|
|
+ moduleId: moduleId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ chapter.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.parent = chapter;
|
|
|
+ });
|
|
|
+ chapter.list = res.data;
|
|
|
+
|
|
|
+ if (this.needOpen) {
|
|
|
+ this.needOpen = false;
|
|
|
+ if (
|
|
|
+ chapter.list &&
|
|
|
+ !this.sectionItem.recordingUrl &&
|
|
|
+ this.sectionItem.sectionType != 2
|
|
|
+ ) {
|
|
|
+ // this.getResource(chapter.list[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getGoodsDetail() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ let self = this;
|
|
|
+ this.$request.goodsDetail(this.goodsId).then((res) => {
|
|
|
+ self.goodsData = res.data;
|
|
|
+ self.gradeId = self.goodsData.gradeId;
|
|
|
+ if (this.goodsData.categoryName) {
|
|
|
+ this.infoForm.apply_post = this.goodsData.categoryName;
|
|
|
+ if (this.goodsData.categoryName) {
|
|
|
+ this.apply_post_disabled = true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.userInfo.companyName) {
|
|
|
+ this.infoForm.work_unit = this.userInfo.companyName;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (this.goodsData.buyNote) {
|
|
|
+ this.tabList = [
|
|
|
+ { name: "1", label: "学员须知" },
|
|
|
+ { name: "2", label: "课程答疑" },
|
|
|
+ { name: "3", label: "笔记讲义" },
|
|
|
+ ];
|
|
|
+ console.log(res, "res111");
|
|
|
+ this.getRecommend();
|
|
|
+ } else {
|
|
|
+ this.tabList = [
|
|
|
+ { name: "1", label: "课程答疑" },
|
|
|
+ { name: "2", label: "笔记讲义" },
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.courseBusiness();
|
|
|
+ this.courseHandouts();
|
|
|
+ if (self.goodsData.goodsPlayConfig) {
|
|
|
+ self.goodsPlayConfig = JSON.parse(self.goodsData.goodsPlayConfig);
|
|
|
+ if (self.goodsPlayConfig.autoPlay > 0) {
|
|
|
+ self.autoplay = true;
|
|
|
+ }
|
|
|
+ if (self.goodsPlayConfig.drag > 0) {
|
|
|
+ self.isAllowSeek = "off";
|
|
|
+ }
|
|
|
+ if (self.goodsPlayConfig.speed > 0) {
|
|
|
+ self.playbackRate = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (self.goodsData.goodsPhotographConfig) {
|
|
|
+ self.goodsPhotographConfig = JSON.parse(
|
|
|
+ self.goodsData.goodsPhotographConfig
|
|
|
+ );
|
|
|
+ if (self.goodsPhotographConfig.photoNum > 0) {
|
|
|
+ self.photoNum = self.goodsPhotographConfig.photoNum;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 点击节
|
|
|
+ */
|
|
|
+ async getResource(section) {
|
|
|
+ //逻辑
|
|
|
+
|
|
|
+ if (section.type == 2) {
|
|
|
+ //试卷
|
|
|
+ console.log("试卷");
|
|
|
+ console.log(section);
|
|
|
+ let learnNum = await this.goodsTodayStudySectionNum();
|
|
|
+ let hasLearn = await this.gradeCheckGoodsStudy(section.typeId);
|
|
|
+
|
|
|
+ if (this.goodsData.sectionMaxNum > 0) {
|
|
|
+ if (learnNum >= this.goodsData.sectionMaxNum && !hasLearn) {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `每天最多学习${this.goodsData.sectionMaxNum}节`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.businessData.goodsLearningOrder == 1) {
|
|
|
+ if (section.parent.canLearn) {
|
|
|
+ let num = await this.bankRecordDoNum(section);
|
|
|
+ //有次数限制
|
|
|
+ if (section.answerNum - num > 0 && section.answerNum > 0) {
|
|
|
+ // this.$set(this.list[index],'doNum',(item.doNum+1))
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //没有答题次数限制
|
|
|
+ } else if (section.answerNum == 0) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "该试卷只能答题" + section.answerNum + "次",
|
|
|
+ });
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请按顺序学完视频课程再进行练习和测试",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (
|
|
|
+ this.businessData.goodsLearningOrder == 2 &&
|
|
|
+ !section.rebuild
|
|
|
+ ) {
|
|
|
+ let rows = await this.studyRecordMenuAllList();
|
|
|
+ let isStop = false;
|
|
|
+ let newRows = [];
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ let moduleTrue = rows[i].moduleId == section.moduleId;
|
|
|
+ let chapterTrue = rows[i].chapterId == section.chapterId;
|
|
|
+ if (moduleTrue && chapterTrue) {
|
|
|
+ isStop = true;
|
|
|
+ if (rows[i].sectionType != 2) {
|
|
|
+ //忽略直播
|
|
|
+ newRows.push(rows[i]);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (!isStop) {
|
|
|
+ if (rows[i].sectionType != 2) {
|
|
|
+ //忽略直播
|
|
|
+ newRows.push(rows[i]);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(newRows);
|
|
|
+ let isAllLearn = newRows.every((item) => {
|
|
|
+ return item.studyStatus == 1;
|
|
|
+ });
|
|
|
+
|
|
|
+ if (isAllLearn) {
|
|
|
+ //之前的都学完了
|
|
|
+
|
|
|
+ // if(canLearn) { //视频的上一节学完
|
|
|
+
|
|
|
+ let num = await this.bankRecordDoNum(section.typeId);
|
|
|
+ //有次数限制
|
|
|
+ if (section.answerNum - num > 0 && section.answerNum > 0) {
|
|
|
+ console.log(this.list[index]);
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ //没有答题次数限制
|
|
|
+ } else if (section.answerNum == 0) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "该试卷只能答题" + section.answerNum + "次",
|
|
|
+ });
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请学完视频课程再进行练习和测试",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ let num = await this.bankRecordDoNum(section.typeId);
|
|
|
+ //有次数限制
|
|
|
+ if (section.answerNum - section.doNum > 0 && section.answerNum > 0) {
|
|
|
+ // this.$set(this.list[index],'doNum',(item.doNum+1))
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ //没有答题次数限制
|
|
|
+ } else if (section.answerNum == 0) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/course-exam/" + this.goodsId,
|
|
|
+ query: {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: section.moduleId || 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ chapterId: section.chapterId || 0,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "该试卷只能答题" + section.answerNum + "次",
|
|
|
+ });
|
|
|
+
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (section.type != 2) {
|
|
|
+ if (this.clickLock) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.clickLock = true;
|
|
|
+ if (
|
|
|
+ this.playSectionId &&
|
|
|
+ (this.playSectionId == section.sectionId ||
|
|
|
+ this.playSectionId == section.menuId) &&
|
|
|
+ this.moduleId == (section.moduleId || 0) &&
|
|
|
+ this.chapterId == (section.chapterId || 0)
|
|
|
+ ) {
|
|
|
+ //切换为同一频道不作为
|
|
|
+ this.clickLock = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.businessData.goodsLearningOrder == 2 && !section.isRebuild) {
|
|
|
+ //要按从头到尾顺序学习, 且不是重修课程
|
|
|
+
|
|
|
+ let rows = await this.studyRecordMenuAllList();
|
|
|
+ if (!this.hasPreItem(rows, section)) {
|
|
|
+ //判断是否有上一节
|
|
|
+ let newRows = [];
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ let moduleTrue =
|
|
|
+ rows[i].moduleId == section.moduleId || rows[i].moduleId == 0;
|
|
|
+ let chapterTrue =
|
|
|
+ rows[i].chapterId == section.chapterId ||
|
|
|
+ rows[i].chapterId == 0;
|
|
|
+ let sectionTrue =
|
|
|
+ rows[i].sectionId == section.sectionId ||
|
|
|
+ rows[i].sectionId == section.menuId;
|
|
|
+ if (moduleTrue && chapterTrue && sectionTrue) {
|
|
|
+ break;
|
|
|
+ } else {
|
|
|
+ if (rows[i].sectionType != 2) {
|
|
|
+ newRows.push(rows[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ let isAllLearn = newRows.every((item) => {
|
|
|
+ return item.studyStatus == 1;
|
|
|
+ });
|
|
|
+
|
|
|
+ if (isAllLearn) {
|
|
|
+ this.initVideo(section);
|
|
|
+ } else {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请按顺序学习视频课程",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //第一章第一节
|
|
|
+ this.initVideo(section);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.initVideo(section);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ bankRecordDoNum(section) {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .bankRecordDoNum({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ chapterId: section.chapterId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ moduleId: 0,
|
|
|
+ examId: section.typeId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 是否有上一章节
|
|
|
+ */
|
|
|
+ hasPreItem(rows, option) {
|
|
|
+ let moduleId = option.moduleId;
|
|
|
+ let chapterId = option.chapterId;
|
|
|
+ let sectionId = option.sectionId;
|
|
|
+ let index = 0;
|
|
|
+
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ if (
|
|
|
+ rows[i].moduleId == moduleId &&
|
|
|
+ rows[i].chapterId == chapterId &&
|
|
|
+ rows[i].sectionId == sectionId
|
|
|
+ ) {
|
|
|
+ index = i;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (index == 0) {
|
|
|
+ return false;
|
|
|
+ } else {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async initVideo(option) {
|
|
|
+ if (option.sectionType == 1 || option.sectionType == 3) {
|
|
|
+ //视频
|
|
|
+
|
|
|
+ let learnNum = await this.goodsTodayStudySectionNum(option);
|
|
|
+ let hasLearn = await this.gradeCheckGoodsStudy(option);
|
|
|
+ console.log(hasLearn, "hasLearn");
|
|
|
+ console.log(learnNum, "learnNum");
|
|
|
+ console.log(
|
|
|
+ this.goodsData.sectionMaxNum,
|
|
|
+ "this.goodsData.sectionMaxNum"
|
|
|
+ );
|
|
|
+ if (this.goodsData.sectionMaxNum > 0) {
|
|
|
+ if (learnNum >= this.goodsData.sectionMaxNum && !hasLearn) {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `每天最多学习${this.goodsData.sectionMaxNum}节`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!option.recordingUrl) {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `暂无播放地址数据`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.playSectionId > 0) {
|
|
|
+ //切换视频
|
|
|
+ // let oldSectionId = this.playSectionId;
|
|
|
+ // uni.$emit("changeSection", oldSectionId);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.playVideo(option);
|
|
|
+ }
|
|
|
+ if (option.sectionType == 2) {
|
|
|
+ //直播
|
|
|
+
|
|
|
+ let learnNum = await this.goodsTodayStudySectionNum(option);
|
|
|
+ let hasLearn = await this.gradeCheckGoodsStudy(option);
|
|
|
+
|
|
|
+ if (this.goodsData.sectionMaxNum > 0) {
|
|
|
+ if (learnNum >= this.goodsData.sectionMaxNum && !hasLearn) {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `每天最多学习${this.goodsData.sectionMaxNum}节`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (!option.liveUrl) {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `暂无直播地址数据`,
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ let data = await this.studyRecordGetChannelBasicInfo(option.liveUrl);
|
|
|
+ if (data.watchStatus == "end" || data.watchStatus == "playback") {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `直播已结束`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (data.watchStatus == "waiting") {
|
|
|
+ this.clickLock = false;
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: `直播未开始`,
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ this.playVideo(option);
|
|
|
+ }
|
|
|
+
|
|
|
+ return;
|
|
|
+ },
|
|
|
+ studyRecordGetChannelBasicInfo(channelId) {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .studyRecordGetChannelBasicInfo({
|
|
|
+ channelId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res, "channel");
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 判断是否是当前播放的节
|
|
|
+ */
|
|
|
+ isActive(section) {
|
|
|
+ let moduleId = section.moduleId || 0;
|
|
|
+ let chapterId = section.chapterId || 0;
|
|
|
+ let sectionId = section.sectionId || section.menuId;
|
|
|
+ if (
|
|
|
+ moduleId == this.moduleId &&
|
|
|
+ chapterId == this.chapterId &&
|
|
|
+ sectionId == this.playSectionId
|
|
|
+ ) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ async playVideo(option) {
|
|
|
+ if (option.sectionType == 1 || option.sectionType == 3) {
|
|
|
+ //视频
|
|
|
+
|
|
|
+ //设置播放的节ID
|
|
|
+
|
|
|
+ //提交保存观看历史
|
|
|
+ if (this.playSectionId) {
|
|
|
+ this.postStudyRecord(0, this.playSectionId);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.player &&
|
|
|
+ this.player.HTML5.video.removeEventListener(
|
|
|
+ "timeupdate",
|
|
|
+ this.timeEvent
|
|
|
+ );
|
|
|
+ //播放视频
|
|
|
+ this.showRecordStatus = false; //隐藏播放记录提示
|
|
|
+ this.sectionItem = option;
|
|
|
+ console.log(option, "option");
|
|
|
+ this.isPlayRebuild = option.rebuild;
|
|
|
+ this.moduleId = option.moduleId || 0;
|
|
|
+ this.chapterId = option.chapterId || 0;
|
|
|
+ this.playSectionId = option.sectionId || option.menuId;
|
|
|
+ // console.log(this.moduleId, this.chapterId, this.playSectionId);
|
|
|
+ await this.getPhotoLastRecord();
|
|
|
+ this.recordObj = await this.getRecordLast();
|
|
|
+ this.getNoteList();
|
|
|
+ await this.clears();
|
|
|
+
|
|
|
+ this.vid = option.recordingUrl;
|
|
|
+ this.historyChatMsgList = [];
|
|
|
+ if (option.sectionType == 3) {
|
|
|
+ this.polyvLiveHistoryChatMsgList();
|
|
|
+ }
|
|
|
+ this.loadPlayerScript(this.loadPlayer);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.clickLock = false;
|
|
|
+ }, 3000);
|
|
|
+ // uni.$emit("levelId", this.levelId);
|
|
|
+ // uni.$emit("getSection", this.menuItem);
|
|
|
+ // uni.$emit("isRebuild", this.isRebuild);
|
|
|
+ }
|
|
|
+ if (option.sectionType == 2) {
|
|
|
+ //直播
|
|
|
+
|
|
|
+ //提交保存观看历史
|
|
|
+ if (this.playSectionId) {
|
|
|
+ this.postStudyRecord(0, this.playSectionId);
|
|
|
+ }
|
|
|
+
|
|
|
+ this.player &&
|
|
|
+ this.player.HTML5.video.removeEventListener(
|
|
|
+ "timeupdate",
|
|
|
+ this.timeEvent
|
|
|
+ );
|
|
|
+ //播放视频
|
|
|
+ this.showRecordStatus = false; //隐藏播放记录提示
|
|
|
+ this.sectionItem = option;
|
|
|
+ console.log(option, "option");
|
|
|
+ this.isPlayRebuild = option.rebuild;
|
|
|
+ this.moduleId = option.moduleId || 0;
|
|
|
+ this.chapterId = option.chapterId || 0;
|
|
|
+ this.playSectionId = option.sectionId || option.menuId;
|
|
|
+ // console.log(this.moduleId, this.chapterId, this.playSectionId);
|
|
|
+ await this.getPhotoLastRecord();
|
|
|
+ this.recordObj = await this.getRecordLast();
|
|
|
+ this.getNoteList();
|
|
|
+ //设置播放的节ID
|
|
|
+ await this.clears();
|
|
|
+ this.vidzb = option.liveUrl;
|
|
|
+
|
|
|
+ this.$router.push({
|
|
|
+ path: "/living-room/" + option.liveUrl,
|
|
|
+ query: {
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ sectionId: option.sectionId || option.menuId,
|
|
|
+ chapterId: option.chapterId || 0,
|
|
|
+ moduleId: option.moduleId || 0,
|
|
|
+ sectionType: 2,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ // this.loadPlayerScriptzb(this.loadPlayerzb);
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.clickLock = false;
|
|
|
+ // }, 3000);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ gradeCheckGoodsStudy(option) {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .gradeCheckGoodsStudy({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ moduleId: option.moduleId || 0,
|
|
|
+ chapterId: option.chapterId || 0,
|
|
|
+ sectionId: option.sectionId || option.menuId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goodsTodayStudySectionNum(option) {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .goodsTodayStudySectionNum({
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ studyRecordMenuAllList() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.$request
|
|
|
+ .studyRecordMenuAllList({
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ loadPlayerzb() {
|
|
|
+ var self = this;
|
|
|
+ const polyvLivePlayer = window.polyvLivePlayer;
|
|
|
+ this.playerzb = polyvLivePlayer({
|
|
|
+ wrap: "#playerzb",
|
|
|
+ width: 810,
|
|
|
+ height: 455,
|
|
|
+ showLine: "off",
|
|
|
+ uid: this.uidzb,
|
|
|
+ vid: this.vidzb,
|
|
|
+ });
|
|
|
+
|
|
|
+ this.playerzb.on("s2j_onStartPlay", () => {
|
|
|
+ console.log("s2j_onStartPlay");
|
|
|
+ this.hasStart = true;
|
|
|
+ this.livingTimer = setInterval(self.timeEventLiving, 1000);
|
|
|
+ });
|
|
|
+
|
|
|
+ this.playerzb.on("s2j_onOver", () => {
|
|
|
+ console.log("s2j_onOver");
|
|
|
+ clearInterval(this.livingTimer);
|
|
|
+ this.hasStart = false;
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "播放完毕",
|
|
|
+ });
|
|
|
+ this.postStudyRecord(1);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ loadPlayer() {
|
|
|
+ var self = this;
|
|
|
+ const polyvPlayer = window.polyvPlayer;
|
|
|
+ console.log(polyvPlayer);
|
|
|
+ self.$request.obtainpolyvvideosign(self.vid).then((res) => {
|
|
|
+ console.log(res, "res2");
|
|
|
+ self.player = polyvPlayer({
|
|
|
+ wrap: "#player",
|
|
|
+ width: 810,
|
|
|
+ showLine: "off",
|
|
|
+ height: 455,
|
|
|
+ ban_history_time: "on",
|
|
|
+ vid: self.vid,
|
|
|
+ autoplay: this.autoplay,
|
|
|
+ ban_seek: this.isAllowSeek,
|
|
|
+ speed: this.playbackRate,
|
|
|
+ teaser_show: 1,
|
|
|
+ tail_show: 1,
|
|
|
+ hideSwitchPlayer: true,
|
|
|
+ watchStartTime: this.recordObj.videoCurrentTime,
|
|
|
+ ts: res.data.ts,
|
|
|
+ sign: res.data.sign,
|
|
|
+ // adMatter: [
|
|
|
+ // {
|
|
|
+ // // 广告参数详细配置
|
|
|
+ // location: 1, //广告位置： 1 片头广告，2 暂停广告，3 片尾广告，4 弹窗广告
|
|
|
+ // adtype: 2, //广告资源类型： 1 图片广告，2 视频广告，3 swf广告（flash播放器生效）
|
|
|
+ // matterurl: "https://www.runoob.com/try/demo_source/movie.mp4", //广告资源URL
|
|
|
+ // timesize: 5, //广告时长，单位：秒
|
|
|
+ // skipenabled: false, //是否显示跳过按钮
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // // 广告参数详细配置
|
|
|
+ // location: 3, //广告位置： 1 片头广告，2 暂停广告，3 片尾广告，4 弹窗广告
|
|
|
+ // adtype: 2, //广告资源类型： 1 图片广告，2 视频广告，3 swf广告（flash播放器生效）
|
|
|
+ // matterurl: "https://www.runoob.com/try/demo_source/movie.mp4", //广告资源URL
|
|
|
+ // timesize: 5, //广告时长，单位：秒
|
|
|
+ // skipenabled: false, //是否显示跳过按钮
|
|
|
+ // },
|
|
|
+ // ],
|
|
|
+ playsafe: function (vid, next) {
|
|
|
+ self.$request.obtainpolyvvideopcsign(vid).then((res) => {
|
|
|
+ next(res.data);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ this.player.HTML5.video.addEventListener("timeupdate", self.timeEvent);
|
|
|
+ this.player.on("s2j_onPlayStart", () => {
|
|
|
+ //开始播放每5秒提交一次观看时间
|
|
|
+ this.hasStart = true;
|
|
|
+ clearInterval(this.postTimer);
|
|
|
+ this.postTimer = setInterval(() => {
|
|
|
+ this.postStudyRecord(0, this.playSectionId, 5);
|
|
|
+ }, 30000);
|
|
|
+ if (this.recordObj.videoCurrentTime) {
|
|
|
+ this.showRecordStatus = true;
|
|
|
+ setTimeout(() => {
|
|
|
+ this.showRecordStatus = false;
|
|
|
+ }, 5000);
|
|
|
+ } else {
|
|
|
+ //新视频直接提交一条观看记录
|
|
|
+ // this.postStudyRecord(0);
|
|
|
+ this.showRecordStatus = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.player.on("s2j_onVideoPause", () => {
|
|
|
+ clearInterval(this.postTimer);
|
|
|
+ });
|
|
|
+
|
|
|
+ this.player.on("s2j_onVideoPlay", () => {
|
|
|
+ if (this.postTimer) {
|
|
|
+ this.postTimer = setInterval(() => {
|
|
|
+ this.postStudyRecord(0, this.playSectionId, 5);
|
|
|
+ }, 30000);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ this.player.on("s2j_onPlayOver", () => {
|
|
|
+ this.hasStart = false;
|
|
|
+ clearInterval(this.postTimer);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "播放完毕",
|
|
|
+ });
|
|
|
+ this.postStudyRecord(1);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ timeEventLiving() {
|
|
|
+ var polyvPlayerContext = this.playerzb;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ this.liveDuration = this.liveDuration + 1; //每隔1秒
|
|
|
+ console.log(this.liveDuration);
|
|
|
+ if (this.liveDuration == 2) {
|
|
|
+ //直播第2秒拍照
|
|
|
+ if (
|
|
|
+ this.goodsPhotographConfig &&
|
|
|
+ this.goodsPhotographConfig.livephotograph == 1 &&
|
|
|
+ this.sectionItem.learning != 1 &&
|
|
|
+ this.photoHistoryList.length == 0
|
|
|
+ ) {
|
|
|
+ //开启直播拍照
|
|
|
+
|
|
|
+ polyvPlayerContext.j2s_pauseVideo();
|
|
|
+ this.openPhoto();
|
|
|
+ } else {
|
|
|
+ this.postStudyRecord();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ timeEvent() {
|
|
|
+ let self = this;
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ this.playTime = polyvPlayerContext.j2s_getCurrentTime(); //播放时刻
|
|
|
+ // console.log(this.playTime,789,this.photoHistoryList)
|
|
|
+ //判断是否需要拍照
|
|
|
+ if (this.photoNum > 0) {
|
|
|
+ this.configPhoto();
|
|
|
+ let photoTime = 0; //获取拍照秒数
|
|
|
+ for (let i = 0; i < this.photoList.length; i++) {
|
|
|
+ photoTime = Number(this.photoList[i]); //获取拍照秒数
|
|
|
+ if (photoTime < this.playTime && photoTime > this.playTime - 8) {
|
|
|
+ //3秒区间内才触发拍照，避免拉动滚动条
|
|
|
+ if (
|
|
|
+ this.photoHistoryList.indexOf(i) < 0 &&
|
|
|
+ this.sectionItem.learning != 1
|
|
|
+ ) {
|
|
|
+ //不存在拍照历史，没有重修过，没有学过，则拍照
|
|
|
+ //启动拍照
|
|
|
+ //暂停
|
|
|
+
|
|
|
+ polyvPlayerContext.j2s_pauseVideo();
|
|
|
+ this.photoIndex = i;
|
|
|
+ this.openPhoto();
|
|
|
+ } else {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getPhotoLastRecord() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ let self = this;
|
|
|
+ let data = {
|
|
|
+ sectionId: parseInt(self.playSectionId),
|
|
|
+ goodsId: parseInt(self.goodsId),
|
|
|
+ courseId: parseInt(self.courseId),
|
|
|
+ gradeId: parseInt(self.gradeId),
|
|
|
+ chapterId: parseInt(self.chapterId),
|
|
|
+ moduleId: parseInt(self.moduleId),
|
|
|
+ };
|
|
|
+ this.$request.getPhotoLastRecord(data).then((res) => {
|
|
|
+ //清空历史数据
|
|
|
+ self.photoHistoryList = [];
|
|
|
+ this.photoIndex = 0;
|
|
|
+ self.photoList = [];
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
+ //-2存储随机拍照数组
|
|
|
+ if (res.data[i].photoIndex == -2) {
|
|
|
+ self.photoList = res.data[i].timeInterval.split(",");
|
|
|
+ } else {
|
|
|
+ self.photoHistoryList.push(res.data[i].photoIndex);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ //拍照
|
|
|
+ openPhoto() {
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ if (this.isFullScreen()) {
|
|
|
+ this.exitFullscreen();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var polyvPlayerContext = this.playerzb;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ if (this.isFullScreen()) {
|
|
|
+ this.exitFullscreen();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (
|
|
|
+ (window.navigator.mediaDevices &&
|
|
|
+ window.navigator.mediaDevices.getUserMedia) ||
|
|
|
+ window.navigator.getUserMedia ||
|
|
|
+ window.navigator.webkitGetUserMedia ||
|
|
|
+ window.navigator.mozGetUserMedia
|
|
|
+ ) {
|
|
|
+ // 调用用户媒体设备, 访问摄像头
|
|
|
+ this.getUserMedia(
|
|
|
+ {
|
|
|
+ video: {
|
|
|
+ width: 400,
|
|
|
+ height: 400,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ this.photographSuccess,
|
|
|
+ this.photographError
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ this.photographError();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 退出全屏
|
|
|
+ */
|
|
|
+ exitFullscreen() {
|
|
|
+ try {
|
|
|
+ var de = document;
|
|
|
+ console.log(de);
|
|
|
+ if (de.exitFullscreen) {
|
|
|
+ de.exitFullscreen();
|
|
|
+ } else if (de.mozCancelFullScreen) {
|
|
|
+ de.mozCancelFullScreen();
|
|
|
+ } else if (de.webkitCancelFullScreen) {
|
|
|
+ de.webkitCancelFullScreen();
|
|
|
+ }
|
|
|
+ } catch (err) {}
|
|
|
+ },
|
|
|
+
|
|
|
+ fullele() {
|
|
|
+ return (
|
|
|
+ document.fullscreenElement ||
|
|
|
+ document.webkitFullscreenElement ||
|
|
|
+ document.msFullscreenElement ||
|
|
|
+ document.mozFullScreenElement ||
|
|
|
+ null
|
|
|
+ );
|
|
|
+ },
|
|
|
+
|
|
|
+ //判断是否全屏
|
|
|
+ isFullScreen() {
|
|
|
+ return !!(document.webkitIsFullScreen || this.fullele());
|
|
|
+ },
|
|
|
+
|
|
|
+ //配置随机拍照时间
|
|
|
+ configPhoto() {
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ let totalVideoTime = polyvPlayerContext.j2s_getDuration();
|
|
|
+ let duration = polyvPlayerContext.j2s_getCurrentTime();
|
|
|
+ let photoNum = this.photoNum;
|
|
|
+ if (!this.photoConfig) {
|
|
|
+ this.photoConfig = true;
|
|
|
+ //没有历史拍照间隔数据
|
|
|
+ if (this.photoList.length == 0) {
|
|
|
+ if (totalVideoTime >= 900) {
|
|
|
+ //大于15分钟
|
|
|
+ if (photoNum == 1) {
|
|
|
+ //开头拍1张
|
|
|
+ this.photoList.push(1);
|
|
|
+ } else if (photoNum == 3) {
|
|
|
+ //拍3张
|
|
|
+ this.photoList.push(0); //开头拍一张
|
|
|
+ let centerTime = Math.floor(totalVideoTime / 2); //获取中间时间
|
|
|
+ let centerMinTime = centerTime - 300; //前后5分钟
|
|
|
+ let centerMaxTime = centerTime + 300;
|
|
|
+ let centerTakeTime = this.randomNum(centerMinTime, centerMaxTime);
|
|
|
+ this.photoList.push(centerTakeTime); //中间拍一张
|
|
|
+ let endMaxTime = totalVideoTime - 60;
|
|
|
+ let endMinTime = totalVideoTime - 300;
|
|
|
+ let endTakeTime = this.randomNum(endMinTime, endMaxTime);
|
|
|
+ this.photoList.push(endTakeTime); //最后拍一张
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //小于15分钟，只拍前后各一张
|
|
|
+ if (photoNum == 1) {
|
|
|
+ //开头拍1张
|
|
|
+ this.photoList.push(1);
|
|
|
+ } else if (photoNum == 3) {
|
|
|
+ //拍2张
|
|
|
+ if (totalVideoTime <= 300) {
|
|
|
+ //小于5分钟
|
|
|
+ this.photoList.push(1); //开头拍一张
|
|
|
+ let endTakeTime = this.randomNum(10, totalVideoTime); //中间随机取一张
|
|
|
+ this.photoList.push(endTakeTime);
|
|
|
+ } else {
|
|
|
+ this.photoList.push(1); //开头拍一张
|
|
|
+ let endMaxTime = totalVideoTime - 60;
|
|
|
+ let endMinTime = totalVideoTime - 300;
|
|
|
+ let endTakeTime = this.randomNum(endMinTime, endMaxTime);
|
|
|
+ this.photoList.push(endTakeTime); //最后1-5分钟拍一张
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(this.photoList, "随机拍照时间数组11", photoNum);
|
|
|
+ this.postCoursePhotoRecord(true); //提交随机拍照时间数组
|
|
|
+ }
|
|
|
+ console.log(this.photoList, "随机拍照时间数组");
|
|
|
+ //兼容已有观看历史
|
|
|
+ for (let i = 0; i < this.photoList.length - 1; i++) {
|
|
|
+ if (
|
|
|
+ this.photoList[i] < duration &&
|
|
|
+ this.photoList[i + 1] > duration
|
|
|
+ ) {
|
|
|
+ this.photoIndex = i + 1;
|
|
|
+ // console.log("我的修改了photoIndex")
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ if (duration > this.photoList[this.photoList.length - 1]) {
|
|
|
+ this.photoIndex = this.photoList.length - 1; //取最后一个下标
|
|
|
+ // console.log("我的修改了photoIndex")
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ randomNum(minNum, maxNum) {
|
|
|
+ switch (arguments.length) {
|
|
|
+ case 1:
|
|
|
+ return parseInt(Math.random() * minNum + 1, 10);
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ return parseInt(Math.random() * (maxNum - minNum + 1) + minNum, 10);
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ return 0;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //postTime 只提交随机时间
|
|
|
+ postCoursePhotoRecord(postTime = false) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ let currentTime = 0;
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ currentTime = polyvPlayerContext.j2s_getCurrentTime();
|
|
|
+ }
|
|
|
+ let self = this;
|
|
|
+ let photoIndex = self.photoIndex;
|
|
|
+ let data = {
|
|
|
+ photo: self.ossAvatarUrl,
|
|
|
+ sectionId: parseInt(self.playSectionId),
|
|
|
+ goodsId: parseInt(self.goodsId),
|
|
|
+ courseId: parseInt(self.courseId),
|
|
|
+ photoTime: parseInt(currentTime > 0 ? currentTime : 0),
|
|
|
+ gradeId: parseInt(self.gradeId),
|
|
|
+ photoIndex: postTime ? -2 : parseInt(photoIndex), //从0算起,-2只提交随机时间
|
|
|
+ photoNum: parseInt(self.photoNum),
|
|
|
+ chapterId: parseInt(self.chapterId),
|
|
|
+ moduleId: parseInt(self.moduleId),
|
|
|
+ timeInterval: postTime ? self.photoList.join(",") : "",
|
|
|
+ };
|
|
|
+ console.log("提交接口", data);
|
|
|
+ this.$request
|
|
|
+ .coursePhotoRecord(data)
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res, "res");
|
|
|
+ resolve();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err, "err");
|
|
|
+ reject();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * @param {String} 直播预览
|
|
|
+ */
|
|
|
+ loadPlayerScriptzb(callback) {
|
|
|
+ if (!window.polyvLivePlayer) {
|
|
|
+ const myScript = document.createElement("script");
|
|
|
+ myScript.setAttribute("src", this.playerJs);
|
|
|
+ myScript.onload = callback;
|
|
|
+ document.body.appendChild(myScript);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ loadPlayerScript(callback) {
|
|
|
+ if (!window.polyvPlayer) {
|
|
|
+ const myScript = document.createElement("script");
|
|
|
+ myScript.setAttribute("src", this.vodPlayerJs);
|
|
|
+ myScript.onload = callback;
|
|
|
+ document.body.appendChild(myScript);
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clears() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ this.vid = "";
|
|
|
+ this.vidzb = "";
|
|
|
+ if (this.player) {
|
|
|
+ this.player.destroy();
|
|
|
+ }
|
|
|
+ if (this.playerzb) {
|
|
|
+ this.playerzb.destroy();
|
|
|
+ }
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 提交观看记录
|
|
|
+ */
|
|
|
+ postStudyRecord(status = 0, sectionId = this.playSectionId) {
|
|
|
+ let currentTime = 0;
|
|
|
+ let PlayDuration = 0;
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ currentTime = polyvPlayerContext.j2s_getCurrentTime(); //当前视频播放时刻
|
|
|
+ PlayDuration = polyvPlayerContext.j2s_realPlayVideoTime(); //本次看的时长
|
|
|
+ }
|
|
|
+ if (this.vidzb) {
|
|
|
+ currentTime = 2; //直播无法获取，无论开始结束都传2秒
|
|
|
+ }
|
|
|
+ let self = this;
|
|
|
+ console.log(this);
|
|
|
+ console.log(PlayDuration, "PlayDuration");
|
|
|
+ let data = {
|
|
|
+ fromPlat: 2, //来源平台 1小程序 2网站
|
|
|
+ photo: self.ossAvatarUrl,
|
|
|
+ sectionId: parseInt(this.playSectionId),
|
|
|
+ goodsId: parseInt(this.goodsId),
|
|
|
+ courseId: parseInt(this.courseId),
|
|
|
+ studyDuration: parseInt(PlayDuration > 0 ? PlayDuration : 0),
|
|
|
+ gradeId: parseInt(this.gradeId),
|
|
|
+ chapterId: parseInt(this.chapterId),
|
|
|
+ moduleId: parseInt(this.moduleId),
|
|
|
+ videoCurrentTime: parseInt(currentTime > 0 ? currentTime : 0),
|
|
|
+ orderGoodsId: parseInt(this.orderGoodsId),
|
|
|
+ };
|
|
|
+
|
|
|
+ console.log(data, "data");
|
|
|
+ if (status > 0) {
|
|
|
+ data.status = status;
|
|
|
+ }
|
|
|
+ this.$request
|
|
|
+ .studyRecord(data)
|
|
|
+ .then((res) => {
|
|
|
+ if (status > 0) {
|
|
|
+ //看完视频刷新父级列表
|
|
|
+ let rebuildObj = this.getSameObj(this.sectionItem);
|
|
|
+ this.refreshParentList(this.sectionItem, rebuildObj);
|
|
|
+ }
|
|
|
+
|
|
|
+ self.ossAvatarUrl = "";
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log(err);
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: err.msg,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取重修列表中是否有相同对象
|
|
|
+ */
|
|
|
+ getSameObj(metaObj) {
|
|
|
+ let newObj = false;
|
|
|
+ if (this.reMenuList.length) {
|
|
|
+ console.log(this.reMenuList, "this.reMenuList");
|
|
|
+ this.reMenuList.forEach((menu) => {
|
|
|
+ if (menu.type == 3) {
|
|
|
+ let isSame = this.contrast(metaObj, menu);
|
|
|
+ if (isSame) {
|
|
|
+ newObj = isSame;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (menu.list && menu.list.length) {
|
|
|
+ menu.list.forEach((menuItem) => {
|
|
|
+ if (menuItem.type == 1) {
|
|
|
+ console.log(menuItem, metaObj);
|
|
|
+ let isSame = this.contrast(metaObj, menuItem);
|
|
|
+ if (isSame) {
|
|
|
+ newObj = isSame;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (menuItem.list && menuItem.list.length) {
|
|
|
+ menuItem.list.forEach((menuChild) => {
|
|
|
+ if (menuChild.type == 1) {
|
|
|
+ let isSame = this.contrast(metaObj, menuChild);
|
|
|
+ if (isSame) {
|
|
|
+ newObj = isSame;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return newObj;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ contrast(obj1, obj2) {
|
|
|
+ let moduleId1 = obj1.moduleId || 0;
|
|
|
+ let chapterId1 = obj1.chapterId || 0;
|
|
|
+ let sectionId1 = obj1.sectionId || obj1.menuId;
|
|
|
+ let moduleId2 = obj2.moduleId || 0;
|
|
|
+ let chapterId2 = obj2.chapterId || 0;
|
|
|
+ let sectionId2 = obj2.sectionId || obj2.menuId;
|
|
|
+ //转字符串后对比是否一致
|
|
|
+ return moduleId1 == moduleId2 &&
|
|
|
+ chapterId1 == chapterId2 &&
|
|
|
+ sectionId1 == sectionId2
|
|
|
+ ? obj2
|
|
|
+ : false;
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 刷新父级列表
|
|
|
+ */
|
|
|
+ refreshParentList(sectionItem, rebuildObj) {
|
|
|
+ console.log(sectionItem, "sectionItem");
|
|
|
+ console.log(rebuildObj, "rebuildObj");
|
|
|
+ let self = this;
|
|
|
+ if (sectionItem.menuId) {
|
|
|
+ //最外层节有menuid
|
|
|
+ //普通章节目录
|
|
|
+ this.$request
|
|
|
+ .reMenuList({ courseId: this.courseId, gradeId: this.gradeId })
|
|
|
+ .then((res) => {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ if (item.type == 3) {
|
|
|
+ self.menuList[i].learning = item.learning;
|
|
|
+ self.menuList[i].rebuild = item.rebuild;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.menuTab.length > 1) {
|
|
|
+ //有重修目录
|
|
|
+ this.$request
|
|
|
+ .reMenuList({
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.rows.length > 0) {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ item.id = item.menuId;
|
|
|
+ item.name = item.menuName;
|
|
|
+ item.menuType = item.type;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.isRebuild = 1;
|
|
|
+ }
|
|
|
+ self.reMenuList = self.reMenuList.filter((reMenu) => {
|
|
|
+ //筛选剩下的选项
|
|
|
+ return res.rows.find((row) => row.menuId == reMenu.menuId);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.menuTab = [
|
|
|
+ {
|
|
|
+ name: "1",
|
|
|
+ label: "章节目录",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.courseTabIndex = "1";
|
|
|
+ self.reMenuList = [];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (!sectionItem.moduleId) {
|
|
|
+ //第二层节没有moduleid
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: sectionItem.chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ moduleId: 0,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ sectionItem.parent.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.isRebuild = 1;
|
|
|
+ section.parent = sectionItem.parent;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.menuList.forEach((menu) => {
|
|
|
+ if (menu.menuId == sectionItem.chapterId) {
|
|
|
+ menu.list = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.menuTab.length > 1 && rebuildObj) {
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: rebuildObj.chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ moduleId: 0,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ rebuildObj.parent.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.parent = rebuildObj.parent;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.reMenuList.forEach((menu) => {
|
|
|
+ if (menu.menuId == rebuildObj.chapterId) {
|
|
|
+ menu.list = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$request
|
|
|
+ .reMenuList({
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.rows.length > 0) {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ item.id = item.menuId;
|
|
|
+ item.name = item.menuName;
|
|
|
+ item.menuType = item.type;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.isRebuild = 1;
|
|
|
+ }
|
|
|
+ self.reMenuList = self.reMenuList.filter((reMenu) => {
|
|
|
+ //筛选剩下的选项
|
|
|
+ return res.rows.find((row) => row.menuId == reMenu.menuId);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.menuTab = [
|
|
|
+ {
|
|
|
+ name: "1",
|
|
|
+ label: "章节目录",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.courseTabIndex = "1";
|
|
|
+ self.reMenuList = [];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //第三层节有moduleid和chapterid都有
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: sectionItem.chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ moduleId: sectionItem.moduleId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ sectionItem.parent.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.parent = sectionItem.parent;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.menuList.forEach((menu) => {
|
|
|
+ if (menu.list && menu.list.length) {
|
|
|
+ menu.list.forEach((chapter) => {
|
|
|
+ if (
|
|
|
+ chapter.moduleId == sectionItem.moduleId &&
|
|
|
+ chapter.chapterId == sectionItem.chapterId
|
|
|
+ ) {
|
|
|
+ console.log(res.data, "res.data");
|
|
|
+ console.log(chapter.list, "chapter.list");
|
|
|
+ chapter.list = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ if (this.menuTab.length > 1 && rebuildObj) {
|
|
|
+ this.$request
|
|
|
+ .reSectionList({
|
|
|
+ chapterId: rebuildObj.chapterId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ moduleId: rebuildObj.moduleId,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ let newArr = res.data.filter((item) => {
|
|
|
+ return item.type != 2;
|
|
|
+ });
|
|
|
+ rebuildObj.parent.canLearn = newArr.every((item) => {
|
|
|
+ if (item.learning == 1) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ res.data.forEach((section) => {
|
|
|
+ section.parent = rebuildObj.parent;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.reMenuList.forEach((menu) => {
|
|
|
+ if (menu.list && menu.list.length) {
|
|
|
+ menu.list.forEach((chapter) => {
|
|
|
+ if (
|
|
|
+ chapter.moduleId == rebuildObj.moduleId &&
|
|
|
+ chapter.chapterId == rebuildObj.chapterId
|
|
|
+ ) {
|
|
|
+ chapter.list = res.data;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$request
|
|
|
+ .reMenuList({
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ rebuild: 1,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.rows.length > 0) {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ item.id = item.menuId;
|
|
|
+ item.name = item.menuName;
|
|
|
+ item.menuType = item.type;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.isRebuild = 1;
|
|
|
+ }
|
|
|
+ self.reMenuList = self.reMenuList.filter((reMenu) => {
|
|
|
+ //筛选剩下的选项
|
|
|
+ return res.rows.find((row) => row.menuId == reMenu.menuId);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.menuTab = [
|
|
|
+ {
|
|
|
+ name: "1",
|
|
|
+ label: "章节目录",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.courseTabIndex = "1";
|
|
|
+ self.reMenuList = [];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getRecordLast() {
|
|
|
+ let self = this;
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ let data = {
|
|
|
+ gradeId: Number(self.gradeId),
|
|
|
+ goodsId: Number(self.goodsId),
|
|
|
+ sectionId: Number(self.playSectionId),
|
|
|
+ courseId: Number(self.courseId),
|
|
|
+ chapterId: parseInt(self.chapterId),
|
|
|
+ moduleId: parseInt(self.moduleId),
|
|
|
+ };
|
|
|
+ self.$request.recordLast(data).then((res) => {
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 获取笔记列表
|
|
|
+ */
|
|
|
+ getNoteList() {
|
|
|
+ let self = this;
|
|
|
+ self.noteList = [];
|
|
|
+ let data = {
|
|
|
+ courseId: this.courseId,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ pageNum: this.noteParams.pageNum,
|
|
|
+ pageSize: this.noteParams.pageSize,
|
|
|
+ };
|
|
|
+ if (this.playSectionId > 0) {
|
|
|
+ data.sectionId = this.playSectionId;
|
|
|
+ }
|
|
|
+ this.$request.noteList(data).then((res) => {
|
|
|
+ self.noteList = res.rows;
|
|
|
+ self.noteTotal = res.total;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ noteClick(note) {
|
|
|
+ if (this.vid) {
|
|
|
+ //切换视频
|
|
|
+ if (this.vid == note.recordingUrl) {
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ polyvPlayerContext.j2s_seekVideo(note.noteSecond);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ polyvPlayerContext.changeVid(note.recordingUrl);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ console.log(polyvPlayerContext);
|
|
|
+ if (polyvPlayerContext) {
|
|
|
+ polyvPlayerContext.changeVid(note.recordingUrl);
|
|
|
+ } else {
|
|
|
+ this.vid = note.recordingUrl;
|
|
|
+ console.log(note.recordingUrl);
|
|
|
+ this.moduleId = note.moduleId;
|
|
|
+ this.chapterId = note.chapterId;
|
|
|
+ this.playSectionId = note.sectionId;
|
|
|
+ note.sectionType = 3;
|
|
|
+ this.loadPlayerScript(this.loadPlayer);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.recordObj = { videoCurrentTime: note.noteSecond };
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 展开列表
|
|
|
+ */
|
|
|
+ getMenuList() {
|
|
|
+ let self = this;
|
|
|
+ this.$request
|
|
|
+ .reMenuList({ courseId: this.courseId, gradeId: this.gradeId })
|
|
|
+ .then((res) => {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ item.id = item.menuId;
|
|
|
+ item.name = item.menuName;
|
|
|
+ item.menuType = item.type;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.parent = this.menuList;
|
|
|
+ }
|
|
|
+ self.menuList = res.rows;
|
|
|
+ //展开第一个
|
|
|
+ if (this.needOpen) {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ if (res.rows[i].type == 1) {
|
|
|
+ this.menuIndex = [i];
|
|
|
+ this.openModule(this.menuList[i]);
|
|
|
+ break;
|
|
|
+ } else if (res.rows[i].type == 2) {
|
|
|
+ this.menuIndex = [i];
|
|
|
+ // this.needOpen = false;
|
|
|
+ this.openChapter(this.menuList[i]);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //第一个是节，直接播放
|
|
|
+ if (self.menuList.length) {
|
|
|
+ if (
|
|
|
+ self.menuList[0].type == 3 &&
|
|
|
+ !this.sectionItem.recordingUrl &&
|
|
|
+ self.menuList[0].sectionType != 2
|
|
|
+ ) {
|
|
|
+ // this.getResource(self.menuList[0]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getReMenuList() {
|
|
|
+ let self = this;
|
|
|
+ this.$request
|
|
|
+ .reMenuList({
|
|
|
+ courseId: this.courseId,
|
|
|
+ rebuild: 1,
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ for (let i = 0; i < res.rows.length; i++) {
|
|
|
+ let item = res.rows[i];
|
|
|
+ item.id = item.menuId;
|
|
|
+ item.name = item.menuName;
|
|
|
+ item.menuType = item.type;
|
|
|
+ item.showList = false;
|
|
|
+ item.list = [];
|
|
|
+ item.parent = this.reMenuList;
|
|
|
+ item.isRebuild = 1;
|
|
|
+ }
|
|
|
+ self.reMenuList = res.rows;
|
|
|
+ if (self.reMenuList.length > 0) {
|
|
|
+ this.menuTab = [
|
|
|
+ {
|
|
|
+ name: "1",
|
|
|
+ label: "章节目录",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "2",
|
|
|
+ label: "重修目录",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+
|
|
|
+ if (this.courseTabIndex == "2") {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.courseTabIndex = "1";
|
|
|
+ } else {
|
|
|
+ this.menuTab = [
|
|
|
+ {
|
|
|
+ name: "1",
|
|
|
+ label: "章节目录",
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ this.courseTabIndex = "1";
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取讲义权限
|
|
|
+ */
|
|
|
+ courseHandouts() {
|
|
|
+ if (this.goodsData.handoutsId) {
|
|
|
+ this.$request
|
|
|
+ .courseHandouts(this.goodsData.handoutsId)
|
|
|
+ .then((res) => {
|
|
|
+ this.courseHandoutsData = res.data;
|
|
|
+ const loadingTask = pdf.createLoadingTask(
|
|
|
+ this.$tools.splitImgHost(this.courseHandoutsData.handoutsUrl)
|
|
|
+ );
|
|
|
+ loadingTask.promise
|
|
|
+ .then((pdf) => {
|
|
|
+ this.numPages = pdf.numPages;
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 获取培训项目详情
|
|
|
+ */
|
|
|
+ courseBusiness() {
|
|
|
+ this.$request.courseBusiness(this.goodsData.businessId).then((res) => {
|
|
|
+ this.businessData = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**提出答疑 */
|
|
|
+ addAnswer() {
|
|
|
+ if (!this.textarea) {
|
|
|
+ this.$message.warning("请输入疑问内容");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ courseId: this.courseId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ answerText: this.textarea,
|
|
|
+ };
|
|
|
+ this.$request.addAnswer(data).then((res) => {
|
|
|
+ this.textarea = "";
|
|
|
+ this.getAnswerList();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**回复 */
|
|
|
+ answerBack(row) {
|
|
|
+ this.$prompt(`${row.realname}：${row.answerText}`, "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ inputErrorMessage: "输入不能为空",
|
|
|
+ inputValidator: (value) => {
|
|
|
+ let str = value.replace(/^ +| +$/g, "");
|
|
|
+ // 点击按钮时，对文本框里面的值进行验证
|
|
|
+ if (!str) {
|
|
|
+ return "输入不能为空";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ })
|
|
|
+ .then(({ value }) => {
|
|
|
+ let data = {
|
|
|
+ assignUserId: row.userId,
|
|
|
+ assignAnswerId: row.answerId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ orderGoodsId: this.orderGoodsId,
|
|
|
+ answerText: value,
|
|
|
+ assignAnswerText: row.assignAnswerText,
|
|
|
+ };
|
|
|
+ this.$request.addAnswer(data).then((res) => {
|
|
|
+ this.getAnswerList();
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
+ getAnswerList() {
|
|
|
+ let self = this;
|
|
|
+ this.$request
|
|
|
+ .answerList({ courseId: this.courseId, goodsId: this.goodsId })
|
|
|
+ .then((res) => {
|
|
|
+ let data1 = [];
|
|
|
+ let data2 = [];
|
|
|
+ let copydata2 = [];
|
|
|
+ res.rows.forEach((item) => {
|
|
|
+ if (!item.assignAnswerId) {
|
|
|
+ data1.push(item);
|
|
|
+ } else {
|
|
|
+ data2.push(item);
|
|
|
+ copydata2.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ data2.forEach((item, index) => {
|
|
|
+ //回复层
|
|
|
+ data1.forEach((items) => {
|
|
|
+ //提问层
|
|
|
+ if (items.answerId === item.assignAnswerId) {
|
|
|
+ if (
|
|
|
+ items.newArraysAnswerList &&
|
|
|
+ items.newArraysAnswerList.length
|
|
|
+ ) {
|
|
|
+ items.newArraysAnswerList.push(item);
|
|
|
+ } else {
|
|
|
+ items.newArraysAnswerList = [item];
|
|
|
+ }
|
|
|
+ let indexInd = copydata2.findIndex((itemsxs) => {
|
|
|
+ return itemsxs.answerId === item.answerId;
|
|
|
+ });
|
|
|
+ if (indexInd !== -1) {
|
|
|
+ copydata2.splice(indexInd, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ copydata2.forEach((it) => {
|
|
|
+ for (let i = 0; i < data1.length; i++) {
|
|
|
+ let STATUS = null;
|
|
|
+ if (data1[i].newArraysAnswerList) {
|
|
|
+ STATUS = data1[i].newArraysAnswerList.some((items) => {
|
|
|
+ return items.answerId === it.assignAnswerId;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (STATUS) {
|
|
|
+ data1[i].newArraysAnswerList.push(it);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ self.answerList = data1.reverse();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ courseCourseList() {
|
|
|
+ return new Promise((resolve) => {
|
|
|
+ this.param.goodsId = this.goodsId;
|
|
|
+ this.param.gradeId = this.gradeId;
|
|
|
+ this.$request.courseCourseList(this.param).then(async (res) => {
|
|
|
+ this.courseList.push(...res.rows);
|
|
|
+ if (!this.courseId) {
|
|
|
+ this.courseId = this.courseList[0].courseId;
|
|
|
+ }
|
|
|
+ this.param.total = res.total;
|
|
|
+ await this.courseChange();
|
|
|
+
|
|
|
+ resolve();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ download(url, fileName) {
|
|
|
+ let xhr = new XMLHttpRequest();
|
|
|
+ xhr.open("get", url, true);
|
|
|
+ xhr.setRequestHeader("Content-Type", `application/pdf`);
|
|
|
+ xhr.responseType = "blob";
|
|
|
+ let that = this;
|
|
|
+ xhr.onload = function () {
|
|
|
+ if (this.status == 200) {
|
|
|
+ //接受二进制文件流
|
|
|
+ var blob = this.response;
|
|
|
+ that.downloadExportFile(blob, fileName);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ xhr.send();
|
|
|
+ },
|
|
|
+
|
|
|
+ downloadExportFile(blob, tagFileName) {
|
|
|
+ let downloadElement = document.createElement("a");
|
|
|
+ let href = "";
|
|
|
+ if (typeof blob == "string") {
|
|
|
+ downloadElement.target = "_blank";
|
|
|
+ } else {
|
|
|
+ href = window.URL.createObjectURL(blob); //创建下载的链接
|
|
|
+ }
|
|
|
+ downloadElement.href = href;
|
|
|
+ downloadElement.download = tagFileName;
|
|
|
+ //下载后文件名
|
|
|
+ document.body.appendChild(downloadElement);
|
|
|
+ downloadElement.click(); //点击下载
|
|
|
+ document.body.removeChild(downloadElement); //下载完成移除元素
|
|
|
+ if (typeof blob != "string") {
|
|
|
+ window.URL.revokeObjectURL(href); //释放掉blob对象
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ print() {
|
|
|
+ document.getElementById("printIframe").contentWindow.print();
|
|
|
+ },
|
|
|
+
|
|
|
+ previvew(url) {
|
|
|
+ this.showPdf = true;
|
|
|
+ },
|
|
|
+ noteSubmit() {
|
|
|
+ let self = this;
|
|
|
+ if (!(this.playSectionId > 0)) {
|
|
|
+ this.$message({
|
|
|
+ message: "目前无播放视频",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.textareaNote) {
|
|
|
+ this.$message({
|
|
|
+ message: "请输入内容",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!this.gradeId) {
|
|
|
+ this.$message({
|
|
|
+ message: "暂无班级数据",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var polyvPlayerContext = this.player;
|
|
|
+ let noteDate = this.$tools.getZeroTime();
|
|
|
+ let noteSecond = polyvPlayerContext.j2s_getCurrentTime();
|
|
|
+ console.log(noteSecond, "noteSecond");
|
|
|
+ if (!noteSecond) {
|
|
|
+ if (noteSecond == 0) {
|
|
|
+ //播放结束
|
|
|
+ noteSecond = polyvPlayerContext.j2s_getCurrentTime();
|
|
|
+ }
|
|
|
+ if (!noteSecond) {
|
|
|
+ this.$message({
|
|
|
+ message: "视频暂未开始",
|
|
|
+ type: "warning",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ gradeId: this.gradeId,
|
|
|
+ goodsId: this.goodsId,
|
|
|
+ sectionId: this.playSectionId,
|
|
|
+ courseId: this.courseId,
|
|
|
+ noteText: this.textareaNote,
|
|
|
+ noteDate: noteDate,
|
|
|
+ noteSecond: noteSecond,
|
|
|
+ moduleId: this.moduleId,
|
|
|
+ chapterId: this.chapterId,
|
|
|
+ };
|
|
|
+ this.$request.postNote(data).then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "发布成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ self.getNoteList();
|
|
|
+ this.textareaNote = "";
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ del(item) {
|
|
|
+ console.log(item);
|
|
|
+ let data = { answerId: item.answerId, status: -1 };
|
|
|
+ this.$request.delAnswer(data).then((res) => {
|
|
|
+ this.$message({
|
|
|
+ message: "删除成功",
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.getAnswerList();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 打印
|
|
|
+ */
|
|
|
+ printView(url) {
|
|
|
+ console.log("触发打印", url);
|
|
|
+ printJS({
|
|
|
+ printable: url,
|
|
|
+ type: "pdf",
|
|
|
+ header: null,
|
|
|
+ targetStyles: ["*"],
|
|
|
+ style: "@page {margin:0 10mm}",
|
|
|
+ });
|
|
|
+ // this.print(url);
|
|
|
+ },
|
|
|
+ // 打印方法
|
|
|
+ print(filePath) {
|
|
|
+ console.log("执行打印");
|
|
|
+ let iframe = document.createElement("iframe");
|
|
|
+ iframe.style.border = "0px";
|
|
|
+ iframe.style.position = "absolute";
|
|
|
+ iframe.style.width = "0px";
|
|
|
+ iframe.style.height = "0px";
|
|
|
+ iframe.style.right = "0px";
|
|
|
+ iframe.style.top = "0px";
|
|
|
+ iframe.setAttribute("src", filePath);
|
|
|
+ iframe.onload = () => {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ // setTimeout(() => {
|
|
|
+ // document.body.removeChild(iframe);
|
|
|
+ // });
|
|
|
+ };
|
|
|
+ document.body.append(iframe);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
|
+<style scoped lang="scss">
|
|
|
+.course-detail {
|
|
|
+ .section {
|
|
|
+ padding-bottom: 30px;
|
|
|
+ &__header {
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ .course-info {
|
|
|
+ &__header {
|
|
|
+ .left-box {
|
|
|
+ width: 810px;
|
|
|
+ height: 455px;
|
|
|
+ float: left;
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ position: relative;
|
|
|
+ .video {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .recordStyle {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 90px;
|
|
|
+ padding: 6px 12px;
|
|
|
+ left: 8px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.4);
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 24px;
|
|
|
+ user-select: none;
|
|
|
+ .btn_sty {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-box {
|
|
|
+ width: 462px;
|
|
|
+ height: 455px;
|
|
|
+ background: #060e1a;
|
|
|
+ border-radius: 0px;
|
|
|
+ float: right;
|
|
|
+
|
|
|
+ &__header {
|
|
|
+ .tabs {
|
|
|
+ /deep/.el-tabs__nav-wrap::after {
|
|
|
+ background-color: #999;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-tabs__header {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .label {
|
|
|
+ color: #fff;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item {
|
|
|
+ &__title {
|
|
|
+ padding-left: 12px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ .el-icon-caret-right,
|
|
|
+ .el-icon-caret-bottom {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__content {
|
|
|
+ .bank-chapter {
|
|
|
+ &__item {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ &__text {
|
|
|
+ padding: 8px 8px 8px 24px;
|
|
|
+ cursor: pointer;
|
|
|
+ flex: 1;
|
|
|
+
|
|
|
+ .el-icon-caret-right,
|
|
|
+ .el-icon-caret-bottom {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .bank-section {
|
|
|
+ &__item {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: #132b4d;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3f8dfd;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__text {
|
|
|
+ flex: 1;
|
|
|
+ padding: 8px 8px 8px 12px;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+ .el-icon-caret-right,
|
|
|
+ .el-icon-caret-bottom {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .test-btn {
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 32px;
|
|
|
+ height: 20px;
|
|
|
+ background: #007aff;
|
|
|
+ border-radius: 4px;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .note {
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 32px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid #ff3b30;
|
|
|
+ border-radius: 4px;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #ff3b30;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ &--yellow {
|
|
|
+ border-color: #ff9500;
|
|
|
+ color: #ff9500;
|
|
|
+ }
|
|
|
+
|
|
|
+ &--blue {
|
|
|
+ border-color: #3f8dfd;
|
|
|
+ color: #3f8dfd;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .during {
|
|
|
+ color: #999;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn {
|
|
|
+ margin-right: 12px;
|
|
|
+ width: 48px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid #ff3b30;
|
|
|
+ background: #ff3b30;
|
|
|
+ border-radius: 4px;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ &--green {
|
|
|
+ border: 1px solid #34c759;
|
|
|
+ background: #34c759;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .live-btn {
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 60px;
|
|
|
+ height: 20px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #eeeeee;
|
|
|
+ line-height: 18px;
|
|
|
+ color: #666666;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ &--yellow {
|
|
|
+ background: #fff7eb;
|
|
|
+ color: #ff9500;
|
|
|
+ }
|
|
|
+
|
|
|
+ &--blue {
|
|
|
+ border-color: #ebf4ff;
|
|
|
+ color: #007aff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ height: 40px;
|
|
|
+ border-bottom: 1px solid #999;
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ .select {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-input__icon {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-top: 10px;
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .el-input__inner {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ background: none;
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ height: 374px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 6px;
|
|
|
+ }
|
|
|
+ &::-webkit-scrollbar-track {
|
|
|
+ background-color: #060e1a;
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+ }
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ background-color: #eeeeee;
|
|
|
+ -webkit-border-radius: 2em;
|
|
|
+ -moz-border-radius: 2em;
|
|
|
+ border-radius: 2em;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ /deep/ .el-tabs__item {
|
|
|
+ padding: 0 20px !important;
|
|
|
+ height: 80px;
|
|
|
+ line-height: 80px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .course-img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .course-menu {
|
|
|
+ margin-top: 25px;
|
|
|
+ .left-box {
|
|
|
+ width: 948px;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ &__header {
|
|
|
+ padding-right: 50px;
|
|
|
+ position: relative;
|
|
|
+ .item {
|
|
|
+ width: auto;
|
|
|
+ margin-right: 24px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ background: #eeeeee;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 12px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ &.canlearn {
|
|
|
+ background: #3f8dfd;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ .buy-note {
|
|
|
+ margin-right: 50px;
|
|
|
+ }
|
|
|
+ .item {
|
|
|
+ margin-top: 24px;
|
|
|
+ padding: 16px;
|
|
|
+ background: #eee;
|
|
|
+ border-radius: 10px;
|
|
|
+
|
|
|
+ &__title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ .note {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 20px;
|
|
|
+ width: 40px;
|
|
|
+ height: 24px;
|
|
|
+ border: 1px solid #ff3b30;
|
|
|
+ border-radius: 8px;
|
|
|
+ line-height: 22px;
|
|
|
+ color: #ff3b30;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__content {
|
|
|
+ margin-top: 12px;
|
|
|
+ background: #f5f7fa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-box {
|
|
|
+ width: 255px;
|
|
|
+ float: right;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ text-shadow: 0px 6px 6px rgba(85, 158, 255, 0.08);
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .more {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .list {
|
|
|
+ .course-item {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .answer-question {
|
|
|
+ &__header {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ .textarea-wrap {
|
|
|
+ background: #f9f9f9;
|
|
|
+ border: 1px solid #eeeeee;
|
|
|
+ border-radius: 8px;
|
|
|
+
|
|
|
+ .textarea {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .submit {
|
|
|
+ padding: 10px 20px;
|
|
|
+ border-radius: 20px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 10px 0;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ .question-list {
|
|
|
+ &__item {
|
|
|
+ padding: 20px 0;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ &__avatar {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ display: table-cell;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ img {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__content {
|
|
|
+ flex: 1;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ .nickname {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .desc {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 24px;
|
|
|
+
|
|
|
+ .replay {
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #3f8dfd;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .del {
|
|
|
+ float: right;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ff3b30;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .reply-list {
|
|
|
+ margin: 20px 0;
|
|
|
+ width: 100%;
|
|
|
+ background: #f9f9f9;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 0 0 0 20px;
|
|
|
+
|
|
|
+ &__item {
|
|
|
+ padding: 20px 0;
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+
|
|
|
+ &:nth-last-of-type(1) {
|
|
|
+ border: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__avatar {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ display: table-cell;
|
|
|
+ border-radius: 50%;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ img {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__content {
|
|
|
+ border-radius: 8px;
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ .nickname {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .desc {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 24px;
|
|
|
+
|
|
|
+ .reply {
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #3f8dfd;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-right: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .del {
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 20px;
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ff3b30;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .lecture-notes {
|
|
|
+ &__content {
|
|
|
+ .left-box {
|
|
|
+ float: left;
|
|
|
+ width: 462px;
|
|
|
+
|
|
|
+ .textarea {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ .submit {
|
|
|
+ float: right;
|
|
|
+ width: 138px;
|
|
|
+ padding: 10px 0;
|
|
|
+ margin: 10px 0 25px 0;
|
|
|
+ border-radius: 20px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .note-list {
|
|
|
+ &__content {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ &__title {
|
|
|
+ width: 216px;
|
|
|
+ height: 24px;
|
|
|
+ background: #ccc;
|
|
|
+ border-radius: 24px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 24px;
|
|
|
+ margin: 20px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &__item {
|
|
|
+ display: flex;
|
|
|
+ padding: 15px;
|
|
|
+ .el-icon-video-play {
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #3f8dfd;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__content {
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 10px;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #3f8dfd;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .desc {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #666666;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .time {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .pagination {
|
|
|
+ margin-top: 30px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-box {
|
|
|
+ width: 786px;
|
|
|
+ float: right;
|
|
|
+
|
|
|
+ .lecture-list {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 8px;
|
|
|
+ &__header {
|
|
|
+ padding: 0 16px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+
|
|
|
+ .slide-btn {
|
|
|
+ cursor: pointer;
|
|
|
+ float: right;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ .list {
|
|
|
+ &__item {
|
|
|
+ border-top: 1px solid #fff;
|
|
|
+ padding: 0 8px 0 16px;
|
|
|
+ height: 56px;
|
|
|
+ line-height: 55px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .title {
|
|
|
+ flex: 1;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btns {
|
|
|
+ .btn {
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 80px;
|
|
|
+ height: 32px;
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1px solid #3f8dfd;
|
|
|
+ border-radius: 16px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #3f8dfd;
|
|
|
+ margin: 0 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__footer {
|
|
|
+ margin-top: 24px;
|
|
|
+ .lecture-scan {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border-radius: 8px;
|
|
|
+ overflow: hidden;
|
|
|
+ &__header {
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ padding: 0 16px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ height: 800px;
|
|
|
+ text-align: center;
|
|
|
+ overflow-y: scroll;
|
|
|
+
|
|
|
+ .iframe {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .take-photo {
|
|
|
+ /deep/ .el-dialog__header {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ /deep/ .el-dialog__body {
|
|
|
+ padding: 0;
|
|
|
+ overflow: unset;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__close {
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: -28px;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ color: #eee;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__header {
|
|
|
+ height: 40px;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333333;
|
|
|
+ padding-left: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &__body {
|
|
|
+ // height: 400px;
|
|
|
+ padding: 40px 24px;
|
|
|
+ .left-box {
|
|
|
+ width: 336px;
|
|
|
+ float: left;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ff3b30;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 28px;
|
|
|
+ margin-top: 32px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-box {
|
|
|
+ float: right;
|
|
|
+ width: 400px;
|
|
|
+ height: 400px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .mask {
|
|
|
+ width: 55%;
|
|
|
+ height: 200px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: 30px auto 0;
|
|
|
+ box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &__footer {
|
|
|
+ height: 90px;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ text-align: center;
|
|
|
+ .take {
|
|
|
+ display: inline-block;
|
|
|
+ width: 200px;
|
|
|
+ height: 40px;
|
|
|
+ padding: 0;
|
|
|
+ border-radius: 20px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ margin: 24px auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .info {
|
|
|
+ &__content {
|
|
|
+ height: 500px;
|
|
|
+ overflow-y: scroll;
|
|
|
+
|
|
|
+ .handCenter {
|
|
|
+ width: 600px;
|
|
|
+ height: 300px;
|
|
|
+ background: #ccc;
|
|
|
+ }
|
|
|
+
|
|
|
+ .upload-box {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+
|
|
|
+ .el-icon-error {
|
|
|
+ cursor: pointer;
|
|
|
+ z-index: 99;
|
|
|
+ position: absolute;
|
|
|
+ left: 100%;
|
|
|
+ bottom: 100%;
|
|
|
+ font-size: 20px;
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .showconfirm {
|
|
|
+ &__content {
|
|
|
+ .text {
|
|
|
+ padding-bottom: 20px;
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
谢杰标