|
|
@@ -4,65 +4,99 @@
|
|
|
<div class="section__body">
|
|
|
<div class="left-box">
|
|
|
<el-tabs v-model="activeName" @tab-click="handelTab">
|
|
|
- <el-tab-pane v-for="tab in newList" :key="tab.paperId" :label="tab.paperName" :name="tab.paperId + ''">
|
|
|
- <div v-if="tab.paperName == '每日一练'" style="background: #F8F8FA;padding: 20px;">
|
|
|
+ <el-tab-pane
|
|
|
+ v-for="tab in newList"
|
|
|
+ :key="tab.paperId"
|
|
|
+ :label="tab.paperName"
|
|
|
+ :name="tab.paperId + ''"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="tab.paperName == '每日一练'"
|
|
|
+ style="background: #f8f8fa; padding: 20px"
|
|
|
+ >
|
|
|
<template v-if="tab.examInfo">
|
|
|
<div class="day-box">
|
|
|
<div>
|
|
|
- <p>打卡天数<span>{{ tab.examInfo.recordCount }}</span>天</p>
|
|
|
- <p>打卡进度超过了{{ tab.examInfo.recordPercentage }}的学员</p>
|
|
|
+ <p>
|
|
|
+ 打卡天数<span>{{ tab.examInfo.recordCount }}</span
|
|
|
+ >天
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 打卡进度超过了{{ tab.examInfo.recordPercentage }}的学员
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div :class="tab.examInfo.examRecord ? 'is-complete' : ''" @click="handelPunchClock(tab)">{{
|
|
|
- tab.examInfo.examRecord ? '今日已完成' : '今日打卡'
|
|
|
- }}</div>
|
|
|
+ <div @click="handelPunchClock(tab)">
|
|
|
+ {{ tab.examInfo.examRecord ? "今日已打卡" : "今日打卡" }}
|
|
|
+ </div>
|
|
|
+ <img src="../../../../assets/basket.png" alt="" />
|
|
|
</div>
|
|
|
<div class="clock-in-box">
|
|
|
<div class="clock-in-box-item">
|
|
|
<p class="clock-title">明日打卡任务</p>
|
|
|
- <div class="clock-task">{{ tab.examInfo.examNameBelow || '暂无' }}</div>
|
|
|
+ <div class="clock-task">
|
|
|
+ {{ tab.examInfo.examNameBelow || "暂无" }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="clock-in-box-item">
|
|
|
<p class="clock-title">打卡记录</p>
|
|
|
<div class="clock-calendar">
|
|
|
<el-calendar :first-day-of-week="7">
|
|
|
- <template slot="dateCell" slot-scope="{date, data}">
|
|
|
- <p v-if="!isSelected(data.day)" :class="isToday(data.day) ? 'date-today' : ''">
|
|
|
- {{ data.day.split('-').slice(2).join('-') }}
|
|
|
+ <template slot="dateCell" slot-scope="{ date, data }">
|
|
|
+ <p
|
|
|
+ v-if="!isSelected(data.day)"
|
|
|
+ :class="isToday(data.day) ? 'date-today' : ''"
|
|
|
+ >
|
|
|
+ {{ data.day.split("-").slice(2).join("-") }}
|
|
|
+ </p>
|
|
|
+ <p v-else class="is-Select">
|
|
|
+ <img src="../../../../assets/tick.png" alt="" />
|
|
|
</p>
|
|
|
- <p v-else class="is-Select"><img src="../../../../assets/tick.png" alt=""></p>
|
|
|
</template>
|
|
|
</el-calendar>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
<div class="no-data" v-else>
|
|
|
<div>
|
|
|
- <img src="../../../../assets/no-data.png" alt="">
|
|
|
+ <img src="../../../../assets/no-data.png" alt="" />
|
|
|
<p>暂无题库，请前往购买</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-else-if="tab.paperName == '随机练习'" style="background: #F8F8FA;padding: 20px;">
|
|
|
+ <div
|
|
|
+ v-else-if="tab.paperName == '随机练习'"
|
|
|
+ style="background: #f8f8fa; padding: 20px"
|
|
|
+ >
|
|
|
<div class="random-box">
|
|
|
<div class="random-box-top">
|
|
|
<p class="random-box-title">试卷情况</p>
|
|
|
<div class="random-box-top-num">
|
|
|
- <img style="margin-right: 12px;" src="../../../../assets/testpaper.png" alt="">
|
|
|
+ <img
|
|
|
+ style="margin-right: 12px"
|
|
|
+ src="../../../../assets/testpaper.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<div>
|
|
|
- <p>{{ tab.examInfo ? tab.examInfo.doNum : '-' }}</p>
|
|
|
+ <p>{{ tab.examInfo ? tab.examInfo.doNum : "-" }}</p>
|
|
|
<p>已完成提数</p>
|
|
|
</div>
|
|
|
<div class="line"></div>
|
|
|
<div>
|
|
|
- <p>{{ tab.examInfo ? tab.examInfo.totalNum : '-' }}</p>
|
|
|
+ <p>{{ tab.examInfo ? tab.examInfo.totalNum : "-" }}</p>
|
|
|
<p>总提数</p>
|
|
|
</div>
|
|
|
<div class="line"></div>
|
|
|
<div>
|
|
|
- <p>{{ tab.examInfo ? toFixed(tab.examInfo.doNum / tab.examInfo.totalNum * 100) : '-' }}%
|
|
|
+ <p>
|
|
|
+ {{
|
|
|
+ tab.examInfo
|
|
|
+ ? toFixed(
|
|
|
+ (tab.examInfo.doNum / tab.examInfo.totalNum) *
|
|
|
+ 100
|
|
|
+ )
|
|
|
+ : "-"
|
|
|
+ }}%
|
|
|
</p>
|
|
|
<p>正确率</p>
|
|
|
</div>
|
|
|
@@ -71,47 +105,88 @@
|
|
|
<div class="random-box-bom">
|
|
|
<p class="random-box-title">做题数量</p>
|
|
|
<div class="sle-num-box">
|
|
|
- <div :class="activeNum == val ? 'actvie' : ''" v-for="val in numList" :key="val"
|
|
|
- @click="handelNum(val)">{{ val
|
|
|
- }}</div>
|
|
|
+ <div
|
|
|
+ :class="activeNum == val ? 'actvie' : ''"
|
|
|
+ v-for="val in numList"
|
|
|
+ :key="val"
|
|
|
+ @click="handelNum(val)"
|
|
|
+ >
|
|
|
+ {{ val }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="random-box-bom-btn" @click="beginExam">
|
|
|
+ 开始做题
|
|
|
</div>
|
|
|
- <div class="random-box-bom-btn" @click="beginExam">开始做题</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="goods-menu" v-else>
|
|
|
<div class="goods-menu__body">
|
|
|
- <div class="item" v-for="(item, index) in bankList" :key="index">
|
|
|
+ <div
|
|
|
+ class="item"
|
|
|
+ v-for="(item, index) in bankList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<template v-if="item.type == 1">
|
|
|
<div class="item__title" @click="moduleExam(item)">
|
|
|
{{ item.name }}
|
|
|
- <span style="float: right; color: #99a0a7; font-weight: 400">{{ item.showList ? "收起∧" : "展开∨" }}
|
|
|
+ <span
|
|
|
+ style="float: right; color: #99a0a7; font-weight: 400"
|
|
|
+ >{{ item.showList ? "收起∧" : "展开∨" }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="item__content" v-if="item.showList">
|
|
|
<div class="bank-chapter">
|
|
|
- <div class="bank-chapter__item" v-for="(chapter, chapterIndex) in item.list"
|
|
|
- :key="chapterIndex">
|
|
|
- <div class="bank-chapter__item__text" @click="chapterExam(chapter, item.majorId)">
|
|
|
- <span style="
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item"
|
|
|
+ v-for="(chapter, chapterIndex) in item.list"
|
|
|
+ :key="chapterIndex"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="chapterExam(chapter, item.majorId)"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="
|
|
|
margin-left: 21px;
|
|
|
margin-right: 8px;
|
|
|
color: #a7b0b8;
|
|
|
- "><span v-if="chapterIndex + 1 < 10">0{{ chapterIndex + 1 }}</span><span v-else>
|
|
|
+ "
|
|
|
+ ><span v-if="chapterIndex + 1 < 10"
|
|
|
+ >0{{ chapterIndex + 1 }}</span
|
|
|
+ ><span v-else>
|
|
|
{{ chapterIndex + 1 }}
|
|
|
- </span></span>{{ chapter.name }}
|
|
|
- <i v-if="chapter.showList" class="el-icon-arrow-up"
|
|
|
- style="float: right; margin-right: 20px"></i>
|
|
|
- <i v-else class="el-icon-arrow-down" style="float: right; margin-right: 20px"></i>
|
|
|
+ </span></span
|
|
|
+ >{{ chapter.name }}
|
|
|
+ <i
|
|
|
+ v-if="chapter.showList"
|
|
|
+ class="el-icon-arrow-up"
|
|
|
+ style="float: right; margin-right: 20px"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ v-else
|
|
|
+ class="el-icon-arrow-down"
|
|
|
+ style="float: right; margin-right: 20px"
|
|
|
+ ></i>
|
|
|
</div>
|
|
|
|
|
|
<div class="bank-section" v-if="chapter.showList">
|
|
|
- <div class="bank-section__item" v-for="(section, sectionIndex) in chapter.list"
|
|
|
- :key="sectionIndex">
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ v-for="(section, sectionIndex) in chapter.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ >
|
|
|
<div class="bank-section__item__text">
|
|
|
- <span style="margin-right: 8px; color: #a7b0b8">●</span>
|
|
|
+ <span
|
|
|
+ style="margin-right: 8px; color: #a7b0b8"
|
|
|
+ >●</span
|
|
|
+ >
|
|
|
{{ section.examName }}
|
|
|
- <span v-if="section.newRecordStatus" class="upStudyStyle">上次做到</span>
|
|
|
+ <span
|
|
|
+ v-if="section.newRecordStatus"
|
|
|
+ class="upStudyStyle"
|
|
|
+ >上次做到</span
|
|
|
+ >
|
|
|
</div>
|
|
|
<div class="btn_div">
|
|
|
<!-- 正确率
|
|
|
@@ -123,44 +198,64 @@
|
|
|
)
|
|
|
}}%</span
|
|
|
> -->
|
|
|
- <span style="margin-left: 6px">题目数： </span><span style="color: blue">{{
|
|
|
- section.doQuestionNum || 0
|
|
|
+ <span style="margin-left: 6px">题目数： </span
|
|
|
+ ><span style="color: blue">{{
|
|
|
+ section.doQuestionNum || 0
|
|
|
}}</span>
|
|
|
/
|
|
|
{{ section.questionNum || 0 }}
|
|
|
</div>
|
|
|
- <el-button v-if="section.recordStatus == -1" type="primary" @click="
|
|
|
- toDo(
|
|
|
- section,
|
|
|
- chapter.chapterExamId,
|
|
|
- item.majorId
|
|
|
- )
|
|
|
- " class="btn">开始做题</el-button>
|
|
|
- <el-button v-if="
|
|
|
- section.recordStatus == 0 &&
|
|
|
- section.doType == 1
|
|
|
- " type="primary" @click="
|
|
|
- continueDo(
|
|
|
- section,
|
|
|
- chapter.chapterExamId,
|
|
|
- item.majorId
|
|
|
- )
|
|
|
-" class="btn">继续做题</el-button>
|
|
|
-
|
|
|
- <el-button v-if="
|
|
|
- section.recordStatus == 1 ||
|
|
|
- (section.recordStatus == 0 &&
|
|
|
- section.doType == 2)
|
|
|
- " :disabled="
|
|
|
- section.answerNum > 0 &&
|
|
|
- section.doNum >= section.answerNum
|
|
|
-" type="primary" @click="
|
|
|
- doRepeat(
|
|
|
- section,
|
|
|
- chapter.chapterExamId,
|
|
|
- item.majorId
|
|
|
- )
|
|
|
-" class="btn">重新做题</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="section.recordStatus == -1"
|
|
|
+ type="primary"
|
|
|
+ @click="
|
|
|
+ toDo(
|
|
|
+ section,
|
|
|
+ chapter.chapterExamId,
|
|
|
+ item.majorId
|
|
|
+ )
|
|
|
+ "
|
|
|
+ class="btn"
|
|
|
+ >开始做题</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ section.recordStatus == 0 &&
|
|
|
+ section.doType == 1
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="
|
|
|
+ continueDo(
|
|
|
+ section,
|
|
|
+ chapter.chapterExamId,
|
|
|
+ item.majorId
|
|
|
+ )
|
|
|
+ "
|
|
|
+ class="btn"
|
|
|
+ >继续做题</el-button
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ section.recordStatus == 1 ||
|
|
|
+ (section.recordStatus == 0 &&
|
|
|
+ section.doType == 2)
|
|
|
+ "
|
|
|
+ :disabled="
|
|
|
+ section.answerNum > 0 &&
|
|
|
+ section.doNum >= section.answerNum
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="
|
|
|
+ doRepeat(
|
|
|
+ section,
|
|
|
+ chapter.chapterExamId,
|
|
|
+ item.majorId
|
|
|
+ )
|
|
|
+ "
|
|
|
+ class="btn"
|
|
|
+ >重新做题</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -172,29 +267,57 @@
|
|
|
<div class="item__content">
|
|
|
<div class="bank-chapter">
|
|
|
<div class="bank-chapter__item">
|
|
|
- <div class="bank-chapter__item__text" @click="chapterExam(item, 0)">
|
|
|
- <span style="
|
|
|
+ <div
|
|
|
+ class="bank-chapter__item__text"
|
|
|
+ @click="chapterExam(item, 0)"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ style="
|
|
|
margin-left: 21px;
|
|
|
margin-right: 8px;
|
|
|
color: #a7b0b8;
|
|
|
- ">
|
|
|
- <span v-if="index + 1 < 10">0{{ index + 1 }}</span><span v-else>
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <span v-if="index + 1 < 10"
|
|
|
+ >0{{ index + 1 }}</span
|
|
|
+ ><span v-else>
|
|
|
{{ index + 1 }}
|
|
|
- </span> </span>{{ item.name }}
|
|
|
- <i v-if="item.showList" class="el-icon-arrow-up"
|
|
|
- style="float: right; margin-right: 20px"></i>
|
|
|
- <i v-else class="el-icon-arrow-down" style="float: right; margin-right: 20px"></i>
|
|
|
+ </span> </span
|
|
|
+ >{{ item.name }}
|
|
|
+ <i
|
|
|
+ v-if="item.showList"
|
|
|
+ class="el-icon-arrow-up"
|
|
|
+ style="float: right; margin-right: 20px"
|
|
|
+ ></i>
|
|
|
+ <i
|
|
|
+ v-else
|
|
|
+ class="el-icon-arrow-down"
|
|
|
+ style="float: right; margin-right: 20px"
|
|
|
+ ></i>
|
|
|
</div>
|
|
|
|
|
|
<div class="bank-section" v-if="item.showList">
|
|
|
- <div class="bank-section__item" v-for="(section, sectionIndex) in item.list"
|
|
|
- :key="sectionIndex">
|
|
|
+ <div
|
|
|
+ class="bank-section__item"
|
|
|
+ v-for="(section, sectionIndex) in item.list"
|
|
|
+ :key="sectionIndex"
|
|
|
+ >
|
|
|
<div class="bank-section__item__text">
|
|
|
- <span style="margin-right: 8px; color: #a7b0b8">●</span>
|
|
|
+ <span
|
|
|
+ style="margin-right: 8px; color: #a7b0b8"
|
|
|
+ >●</span
|
|
|
+ >
|
|
|
{{ section.examName }}
|
|
|
- <span v-if="section.newRecordStatus" class="upStudyStyle">上次做到</span>
|
|
|
+ <span
|
|
|
+ v-if="section.newRecordStatus"
|
|
|
+ class="upStudyStyle"
|
|
|
+ >上次做到</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <div style="width: auto; padding: 0px 14px" class="btn_div">
|
|
|
+ <div
|
|
|
+ style="width: auto; padding: 0px 14px"
|
|
|
+ class="btn_div"
|
|
|
+ >
|
|
|
<!-- 正确率
|
|
|
<span style="color: rgb(52, 216, 71)"
|
|
|
>{{
|
|
|
@@ -204,28 +327,45 @@
|
|
|
)
|
|
|
}}%</span
|
|
|
> -->
|
|
|
- <span style="margin-left: 6px">题目数： </span><span style="color: blue">{{
|
|
|
- section.doQuestionNum || 0
|
|
|
+ <span style="margin-left: 6px">题目数： </span
|
|
|
+ ><span style="color: blue">{{
|
|
|
+ section.doQuestionNum || 0
|
|
|
}}</span>
|
|
|
/
|
|
|
{{ section.questionNum || 0 }}
|
|
|
</div>
|
|
|
- <el-button v-if="section.recordStatus == -1" type="primary"
|
|
|
- @click="toDo(section, item.majorId, 0)" class="btn">开始做题</el-button>
|
|
|
- <el-button v-if="
|
|
|
- section.recordStatus == 0 &&
|
|
|
- section.doType == 1
|
|
|
- " type="primary" @click="continueDo(section, item.majorId, 0)" class="btn">继续做题
|
|
|
+ <el-button
|
|
|
+ v-if="section.recordStatus == -1"
|
|
|
+ type="primary"
|
|
|
+ @click="toDo(section, item.majorId, 0)"
|
|
|
+ class="btn"
|
|
|
+ >开始做题</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ section.recordStatus == 0 &&
|
|
|
+ section.doType == 1
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="continueDo(section, item.majorId, 0)"
|
|
|
+ class="btn"
|
|
|
+ >继续做题
|
|
|
</el-button>
|
|
|
|
|
|
- <el-button v-if="
|
|
|
- section.recordStatus == 1 ||
|
|
|
- (section.recordStatus == 0 &&
|
|
|
- section.doType == 2)
|
|
|
- " :disabled="
|
|
|
- section.answerNum > 0 &&
|
|
|
- section.doNum >= section.answerNum
|
|
|
-" type="primary" @click="doRepeat(section, item.majorId, 0)" class="btn">重新做题
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ section.recordStatus == 1 ||
|
|
|
+ (section.recordStatus == 0 &&
|
|
|
+ section.doType == 2)
|
|
|
+ "
|
|
|
+ :disabled="
|
|
|
+ section.answerNum > 0 &&
|
|
|
+ section.doNum >= section.answerNum
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="doRepeat(section, item.majorId, 0)"
|
|
|
+ class="btn"
|
|
|
+ >重新做题
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -239,11 +379,20 @@
|
|
|
<div class="bank-section">
|
|
|
<div class="bank-section__item">
|
|
|
<div class="bank-section__item__text">
|
|
|
- <span style="margin-right: 8px; color: #a7b0b8">●</span>
|
|
|
+ <span style="margin-right: 8px; color: #a7b0b8"
|
|
|
+ >●</span
|
|
|
+ >
|
|
|
{{ item.name }}
|
|
|
- <span v-if="item.newRecordStatus" class="upStudyStyle">上次做到</span>
|
|
|
+ <span
|
|
|
+ v-if="item.newRecordStatus"
|
|
|
+ class="upStudyStyle"
|
|
|
+ >上次做到</span
|
|
|
+ >
|
|
|
</div>
|
|
|
- <div style="width: auto; padding: 0px 14px" class="btn_div">
|
|
|
+ <div
|
|
|
+ style="width: auto; padding: 0px 14px"
|
|
|
+ class="btn_div"
|
|
|
+ >
|
|
|
<!-- 正确率
|
|
|
<span style="color: rgb(52, 216, 71)"
|
|
|
>{{
|
|
|
@@ -253,21 +402,41 @@
|
|
|
)
|
|
|
}}%</span
|
|
|
> -->
|
|
|
- <span style="margin-left: 6px">题目数： </span><span style="color: blue">{{
|
|
|
- item.doQuestionNum || 0
|
|
|
+ <span style="margin-left: 6px">题目数： </span
|
|
|
+ ><span style="color: blue">{{
|
|
|
+ item.doQuestionNum || 0
|
|
|
}}</span>
|
|
|
/ {{ item.questionNum || 0 }}
|
|
|
</div>
|
|
|
- <el-button v-if="item.recordStatus == -1" type="primary" @click="toDo(item, 0, 0)"
|
|
|
- class="btn">开始做题</el-button>
|
|
|
- <el-button v-if="item.recordStatus == 0 && item.doType == 1" type="primary"
|
|
|
- @click="continueDo(item, 0, 0)" class="btn">继续做题</el-button>
|
|
|
-
|
|
|
- <el-button v-if="
|
|
|
- item.recordStatus == 1 ||
|
|
|
- (item.recordStatus == 0 && item.doType == 2)
|
|
|
- " :disabled="item.answerNum > 0 && item.doNum >= item.answerNum" type="primary"
|
|
|
- @click="doRepeat(item, 0, 0)" class="btn">重新做题</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="item.recordStatus == -1"
|
|
|
+ type="primary"
|
|
|
+ @click="toDo(item, 0, 0)"
|
|
|
+ class="btn"
|
|
|
+ >开始做题</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-if="item.recordStatus == 0 && item.doType == 1"
|
|
|
+ type="primary"
|
|
|
+ @click="continueDo(item, 0, 0)"
|
|
|
+ class="btn"
|
|
|
+ >继续做题</el-button
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ v-if="
|
|
|
+ item.recordStatus == 1 ||
|
|
|
+ (item.recordStatus == 0 && item.doType == 2)
|
|
|
+ "
|
|
|
+ :disabled="
|
|
|
+ item.answerNum > 0 &&
|
|
|
+ item.doNum >= item.answerNum
|
|
|
+ "
|
|
|
+ type="primary"
|
|
|
+ @click="doRepeat(item, 0, 0)"
|
|
|
+ class="btn"
|
|
|
+ >重新做题</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -314,10 +483,10 @@ export default {
|
|
|
recordItem: null,
|
|
|
numList: [5, 10, 15, 20, 50, 100],
|
|
|
activeNum: 5,
|
|
|
- punchList: []
|
|
|
+ punchList: [],
|
|
|
};
|
|
|
},
|
|
|
- mounted() { },
|
|
|
+ mounted() {},
|
|
|
computed: {
|
|
|
compyRecommend: function () {
|
|
|
return function (array) {
|
|
|
@@ -528,17 +697,19 @@ export default {
|
|
|
// this.tabChange({ name: this.activeName });
|
|
|
// }
|
|
|
// 从结果页返回
|
|
|
- let examType = this.$route.query.examType
|
|
|
+ let examType = this.$route.query.examType;
|
|
|
if (examType) {
|
|
|
- let item = this.newList.find(e => e.paperName == ['每日一练', '随机练习'][examType - 1])
|
|
|
+ let item = this.newList.find(
|
|
|
+ (e) => e.paperName == ["每日一练", "随机练习"][examType - 1]
|
|
|
+ );
|
|
|
if (item) {
|
|
|
- this.activeName = item.paperId + ''
|
|
|
- this.handelTab()
|
|
|
+ this.activeName = item.paperId + "";
|
|
|
+ this.handelTab();
|
|
|
}
|
|
|
} else {
|
|
|
- this.activeName = this.newList[0].paperId + ''
|
|
|
+ this.activeName = this.newList[0].paperId + "";
|
|
|
}
|
|
|
- this.handelTab()
|
|
|
+ this.handelTab();
|
|
|
resolve();
|
|
|
});
|
|
|
});
|
|
|
@@ -558,34 +729,34 @@ export default {
|
|
|
number: this.activeNum,
|
|
|
moduleId: 0,
|
|
|
chapterId: 0,
|
|
|
- examId: 0
|
|
|
+ examId: 0,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
handelNum(val) {
|
|
|
- this.activeNum = val
|
|
|
+ this.activeNum = val;
|
|
|
// console.log(val, this.goodsId, this.orderGoodsId)
|
|
|
},
|
|
|
/**
|
|
|
* 获取课程目录
|
|
|
*/
|
|
|
handelTab() {
|
|
|
- let item = this.newList.find(tab => tab.paperId == this.activeName)
|
|
|
+ let item = this.newList.find((tab) => tab.paperId == this.activeName);
|
|
|
if (item.paperName == "每日一练") {
|
|
|
- this.$request.getToDayExam(this.goodsId).then(res => {
|
|
|
- this.$set(item, 'examInfo', res.data)
|
|
|
- })
|
|
|
- this.$request.getPunchRecord({ goodsId: this.goodsId }).then(res => {
|
|
|
- this.punchList = res.data
|
|
|
- })
|
|
|
- return
|
|
|
+ this.$request.getToDayExam(this.goodsId).then((res) => {
|
|
|
+ this.$set(item, "examInfo", res.data);
|
|
|
+ });
|
|
|
+ this.$request.getPunchRecord({ goodsId: this.goodsId }).then((res) => {
|
|
|
+ this.punchList = res.data;
|
|
|
+ });
|
|
|
+ return;
|
|
|
} else if (item.paperName == "随机练习") {
|
|
|
- this.$request.getRandomExam(this.orderGoodsId).then(res => {
|
|
|
- this.$set(item, 'examInfo', res.data)
|
|
|
- })
|
|
|
- return
|
|
|
+ this.$request.getRandomExam(this.orderGoodsId).then((res) => {
|
|
|
+ this.$set(item, "examInfo", res.data);
|
|
|
+ });
|
|
|
+ return;
|
|
|
}
|
|
|
- this.goodsBank()
|
|
|
+ this.goodsBank();
|
|
|
},
|
|
|
goodsBank() {
|
|
|
return new Promise((resolve, reject) => {
|
|
|
@@ -734,18 +905,22 @@ export default {
|
|
|
moduleId: examInfo.moduleExamId,
|
|
|
chapterId: examInfo.chapterExamId,
|
|
|
orderGoodsId: this.orderGoodsId,
|
|
|
- examType: 1
|
|
|
+ examType: 1,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
isSelected(date) {
|
|
|
if (!this.punchList.length) {
|
|
|
- return false
|
|
|
+ return false;
|
|
|
}
|
|
|
- return this.punchList.some(e => e.recordTime == (new Date(date).setHours(0, 0, 0, 0) / 1000))
|
|
|
+ return this.punchList.some(
|
|
|
+ (e) => e.recordTime == new Date(date).setHours(0, 0, 0, 0) / 1000
|
|
|
+ );
|
|
|
},
|
|
|
isToday(date) {
|
|
|
- return new Date(date).setHours(0, 0, 0, 0) == new Date().setHours(0, 0, 0, 0)
|
|
|
+ return (
|
|
|
+ new Date(date).setHours(0, 0, 0, 0) == new Date().setHours(0, 0, 0, 0)
|
|
|
+ );
|
|
|
},
|
|
|
/**
|
|
|
* 继续做题
|
|
|
@@ -991,7 +1166,6 @@ export default {
|
|
|
|
|
|
&__body {
|
|
|
.left-box {
|
|
|
-
|
|
|
// float: left;
|
|
|
// width: 768px;
|
|
|
.day-box {
|
|
|
@@ -1003,7 +1177,7 @@ export default {
|
|
|
background-size: 100% 100%;
|
|
|
padding-left: 36px;
|
|
|
padding-top: 16px;
|
|
|
-
|
|
|
+ position: relative;
|
|
|
div {
|
|
|
&:nth-of-type(1) {
|
|
|
p {
|
|
|
@@ -1023,7 +1197,7 @@ export default {
|
|
|
|
|
|
&:nth-of-type(2) {
|
|
|
font-size: 12px;
|
|
|
- color: #808DA4;
|
|
|
+ color: #808da4;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -1031,22 +1205,24 @@ export default {
|
|
|
&:nth-of-type(2) {
|
|
|
width: 123px;
|
|
|
height: 36px;
|
|
|
- background: #3F8DFD;
|
|
|
+ background: #3f8dfd;
|
|
|
border-radius: 30px;
|
|
|
text-align: center;
|
|
|
line-height: 36px;
|
|
|
font-size: 15px;
|
|
|
font-weight: bold;
|
|
|
- color: #FFFFFF;
|
|
|
+ color: #ffffff;
|
|
|
margin-top: 20px;
|
|
|
margin-left: 32px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
|
|
|
- .is-complete {
|
|
|
- background: #D1D1D6 !important;
|
|
|
+ img {
|
|
|
+ width: 92px;
|
|
|
+ height: 92px;
|
|
|
+ position: absolute;
|
|
|
+ right: 24px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -1071,7 +1247,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
margin-top: 12px;
|
|
|
padding: 20px 16px 0;
|
|
|
- background: #FFFFFF;
|
|
|
+ background: #ffffff;
|
|
|
|
|
|
.clock-in-box-item {
|
|
|
width: 49%;
|
|
|
@@ -1091,7 +1267,7 @@ export default {
|
|
|
height: 30px;
|
|
|
border-radius: 50%;
|
|
|
margin: 0 auto;
|
|
|
- background: #409EFF;
|
|
|
+ background: #409eff;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
@@ -1118,7 +1294,7 @@ export default {
|
|
|
.is-Select {
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
- background: #E8F6FF;
|
|
|
+ background: #e8f6ff;
|
|
|
border-radius: 50%;
|
|
|
margin: 0 auto;
|
|
|
display: flex;
|
|
|
@@ -1128,7 +1304,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.clock-task {
|
|
|
- background: #F8F8FA;
|
|
|
+ background: #f8f8fa;
|
|
|
font-weight: 800;
|
|
|
color: #556176;
|
|
|
font-size: 16px;
|
|
|
@@ -1139,8 +1315,6 @@ export default {
|
|
|
}
|
|
|
|
|
|
.random-box {
|
|
|
-
|
|
|
-
|
|
|
.random-box-title {
|
|
|
font-weight: bold;
|
|
|
color: #222222;
|
|
|
@@ -1149,7 +1323,7 @@ export default {
|
|
|
|
|
|
.random-box-top {
|
|
|
height: 146px;
|
|
|
- background: #FFFFFF;
|
|
|
+ background: #ffffff;
|
|
|
padding: 20px;
|
|
|
|
|
|
.random-box-top-num {
|
|
|
@@ -1170,7 +1344,7 @@ export default {
|
|
|
|
|
|
&:nth-of-type(2) {
|
|
|
font-size: 12px;
|
|
|
- color: #808DA4;
|
|
|
+ color: #808da4;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -1178,14 +1352,14 @@ export default {
|
|
|
.line {
|
|
|
width: 1px;
|
|
|
height: 36px;
|
|
|
- background: #D9D9D9;
|
|
|
+ background: #d9d9d9;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.random-box-bom {
|
|
|
margin-top: 20px;
|
|
|
- background: #FFFFFF;
|
|
|
+ background: #ffffff;
|
|
|
padding: 20px 20px 60px;
|
|
|
|
|
|
.sle-num-box {
|
|
|
@@ -1196,7 +1370,7 @@ export default {
|
|
|
div {
|
|
|
width: 148px;
|
|
|
height: 48px;
|
|
|
- background: #F8F8FA;
|
|
|
+ background: #f8f8fa;
|
|
|
border-radius: 6px 6px 6px 6px;
|
|
|
text-align: center;
|
|
|
line-height: 48px;
|
|
|
@@ -1206,17 +1380,15 @@ export default {
|
|
|
}
|
|
|
|
|
|
.actvie {
|
|
|
- background: #E8F6FF;
|
|
|
- color: #3F8DFD;
|
|
|
+ background: #e8f6ff;
|
|
|
+ color: #3f8dfd;
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.random-box-bom-btn {
|
|
|
width: 315px;
|
|
|
height: 44px;
|
|
|
- background: #3F8DFD;
|
|
|
+ background: #3f8dfd;
|
|
|
border-radius: 8px 8px 8px 8px;
|
|
|
cursor: pointer;
|
|
|
margin: 0 auto;
|
|
|
@@ -1224,15 +1396,11 @@ export default {
|
|
|
line-height: 44px;
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
- color: #FFFFFF;
|
|
|
-
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
/deep/.el-tabs__item {
|
|
|
height: 98px;
|
|
|
line-height: 98px;
|
谢杰标
