打卡排行榜完成

src/apis/bank.js

@@ -1,342 +1,349 @@
 import request from '@/axios'
 export default {
-	listGoodsUserQuestion(data) {
-		return request({
-			url: '/bank/question/listGoodsUserQuestion',
-			params: data,
-			method: 'get'
-		})
-	},
-
-
-	goodsBank(data) {
-		return request({
-			url: '/goods/bank/list',
-			method: 'get',
-			params: data,
-		})
-	},
-
-
-	goodsBankQuestionNum(data) {
-		return request({
-			url: '/goods/bank/questionNum/' + data,
-			method: 'get',
-		})
-	},
-
-	examRecordGroupList(data) {
-		return request({
-			url: '/exam/record/group_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	goodsBankDolist(data) {
-		return request({
-			url: '/goods/bank/dolist',
-			method: 'get',
-			params: data
-		})
-	},
-
-
-	bankRecordDoNum(data) {
-		return request({
-			url: '/bank/record/doNum',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	bankExam(data) {
-		return request({
-			url: '/bank/exam/' + data,
-			method: 'get',
-		})
-	},
-	bankTempExam(data) {
-		return request({
-			url: '/bank/exam/temp/' + data,
-			method: 'get',
-		})
-	},
-	bankRecord(data) {
-		return request({
-			url: '/bank/record',
-			data: data,
-			method: 'POST',
-		})
-	},
-
-	bankRecordEdit(data) {
-		return request({
-			url: '/bank/record/edit',
-			data: data,
-			method: 'POST'
-		})
-	},
-
-	bankReportData(data) {
-		return request({
-			url: '/bank/record/' + data,
-			method: 'get',
-		})
-	},
-	studyExamPhotoRecord(data) {
-		return request({
-			url: '/bank/record/addPhoto',
-			method: 'post',
-			data: data
-		})
-	},
-
-	bankExamExamList(data) {
-		return request({
-			url: '/bank/exam/exam/list',
-			method: 'get',
-			params: data,
-		})
-	},
-
-	examRecordCount(data) {
-		return request({
-			url: '/exam/record/count',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	getExamDetail(data) {
-		return request({
-			url: '/bank/exam/' + data,
-			method: 'get',
-		})
-	},
-
-	examRecord(data) {
-		return request({
-			url: '/exam/record',
-			data: data,
-			method: 'POST',
-		})
-	},
-
-	examRecordEdit(data) {
-		return request({
-			url: '/exam/record/edit',
-			data: data,
-			method: 'POST',
-		})
-	},
-
-	examWrongRecord(data) {
-		return request({
-			url: '/exam/wwrong/record',
-			data: data,
-			method: 'POST',
-		})
-	},
-
-	examWrongRecordWrongNum(data) {
-		return request({
-			url: `/exam/wwrong/record/wrongNum/${data}`,
-			method: 'get'
-		})
-	},
-
-	bankExamNextExam(data) {
-		return request({
-			url: '/bank/exam/nextExam',
-			params: data,
-			method: 'get',
-		})
-	},
-
-	examReport(data) {
-		return request({
-			url: '/exam/record/' + data,
-			method: 'get',
-		})
-	},
-
-
-	examaperList(data) {
-		return request({
-			url: '/exam/paper/list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	goodsCollectExamList(data) {
-		return request({
-			url: '/collect/question/exam_list',
-			method: 'get',
-			params: data
-		})
-	},
-
-	collectQuestionTypeList(data) {
-		return request({
-			url: '/collect/question/type_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	wrongRecordTypeList(data) {
-		return request({
-			url: '/exam/wwrong/record/type_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	wrongRecordList(data) {
-		return request({
-			url: '/exam/wwrong/record/list',
-			method: 'get',
-			params: data
-		})
-	},
-
-	wrongRecordTypeQuestionList(data) {
-		return request({
-			url: '/exam/wwrong/record/type_question_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	wrongRecordDelete(data) {
-		return request({
-			url: '/exam/wwrong/record/delete/question',
-			method: 'post',
-			data: data
-		})
-	},
-
-	wrongRecordExamQuestionList(data) {
-		return request({
-			url: '/exam/wwrong/record/exam_question_list',
-			method: 'get',
-			params: data,
-		})
-	},
-
-	goodsCollectList(data) {
-		return request({
-			url: '/collect/question/list',
-			method: 'get',
-			params: data
-		})
-	},
-
-	collectQuestionExamQuestionList(data) {
-		return request({
-			url: `/collect/question/exam_question_list`,
-			method: 'get',
-			params: data
-		})
-	},
-
-	goodsChapterDolist(data) {
-		return request({
-			url: '/goods/chapter/dolist',
-			method: 'get',
-			params: data
-		})
-	},
-
-	goodsExamDolist(data) {
-		return request({
-			url: '/goods/exam/dolist',
-			method: 'get',
-			params: data
-		})
-	},
-
-	examRecordRightList(data) {
-		return request({
-			url: '/exam/record/right_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	examRecordWrongList(data) {
-		return request({
-			url: '/exam/record/wrong_list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	examRecordList(data) {
-		return request({
-			url: '/exam/record/list',
-			params: data,
-			method: 'GET',
-		})
-	},
-
-	bankQuestionListFreeGoodsList(data) {
-		return request({
-			url: '/bank/question/listFreeGoodsList',
-			method: 'get',
-			params: data
-		})
-	},
-	exampapergoodsExamPaper(data) {
-		return request({
-			url: '/exam/paper/goodsExamPaper/' + data,
-			method: 'get',
-		})
-	},
-	bankexamgetPaperExamList(data) {
-		return request({
-			url: '/bank/exam/getPaperExamList',
-			method: 'get',
-			params: data
-		})
-	},
-	//查询用户拥有免费+自购题库商品
-	bankquestionlistUserFreeUnionBuyGoodsList(data) {
-		return request({
-			url: '/bank/question/listUserFreeUnionBuyGoodsList',
-			method: 'get',
-			params: data
-		})
-	},
-	// 每日一练信息
-	getToDayExam(goodsId) {
-		return request({
-			url: `/bank/question/getToDayExam/${goodsId}`,
-			method: 'get'
-		})
-	},
-	// 打卡记录
-	getPunchRecord(data) {
-		return request({
-			url: '/bank/question/get/special/record',
-			method: 'get',
-			params: data
-		})
-	},
-	// 打卡
-	punchClock(data) {
-		return request({
-			url: '/bank/question/special/exam/record',
-			method: 'post',
-			data: data
-		})
-	},
-	getRandomExam(orderGoodsId) {
-		return request({
-			url: `/goods/bank/questionTempNum/${orderGoodsId}`,
-			method: 'get'
-		})
-	},
-}
+  listGoodsUserQuestion(data) {
+    return request({
+      url: '/bank/question/listGoodsUserQuestion',
+      params: data,
+      method: 'get'
+    })
+  },
+
+
+  goodsBank(data) {
+    return request({
+      url: '/goods/bank/list',
+      method: 'get',
+      params: data,
+    })
+  },
+
+
+  goodsBankQuestionNum(data) {
+    return request({
+      url: '/goods/bank/questionNum/' + data,
+      method: 'get',
+    })
+  },
+
+  examRecordGroupList(data) {
+    return request({
+      url: '/exam/record/group_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  goodsBankDolist(data) {
+    return request({
+      url: '/goods/bank/dolist',
+      method: 'get',
+      params: data
+    })
+  },
+
+
+  bankRecordDoNum(data) {
+    return request({
+      url: '/bank/record/doNum',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  bankExam(data) {
+    return request({
+      url: '/bank/exam/' + data,
+      method: 'get',
+    })
+  },
+  bankTempExam(data) {
+    return request({
+      url: '/bank/exam/temp/' + data,
+      method: 'get',
+    })
+  },
+  bankRecord(data) {
+    return request({
+      url: '/bank/record',
+      data: data,
+      method: 'POST',
+    })
+  },
+
+  bankRecordEdit(data) {
+    return request({
+      url: '/bank/record/edit',
+      data: data,
+      method: 'POST'
+    })
+  },
+
+  bankReportData(data) {
+    return request({
+      url: '/bank/record/' + data,
+      method: 'get',
+    })
+  },
+  studyExamPhotoRecord(data) {
+    return request({
+      url: '/bank/record/addPhoto',
+      method: 'post',
+      data: data
+    })
+  },
+
+  bankExamExamList(data) {
+    return request({
+      url: '/bank/exam/exam/list',
+      method: 'get',
+      params: data,
+    })
+  },
+
+  examRecordCount(data) {
+    return request({
+      url: '/exam/record/count',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  getExamDetail(data) {
+    return request({
+      url: '/bank/exam/' + data,
+      method: 'get',
+    })
+  },
+
+  examRecord(data) {
+    return request({
+      url: '/exam/record',
+      data: data,
+      method: 'POST',
+    })
+  },
+
+  examRecordEdit(data) {
+    return request({
+      url: '/exam/record/edit',
+      data: data,
+      method: 'POST',
+    })
+  },
+
+  examWrongRecord(data) {
+    return request({
+      url: '/exam/wwrong/record',
+      data: data,
+      method: 'POST',
+    })
+  },
+
+  examWrongRecordWrongNum(data) {
+    return request({
+      url: `/exam/wwrong/record/wrongNum/${data}`,
+      method: 'get'
+    })
+  },
+
+  bankExamNextExam(data) {
+    return request({
+      url: '/bank/exam/nextExam',
+      params: data,
+      method: 'get',
+    })
+  },
+
+  examReport(data) {
+    return request({
+      url: '/exam/record/' + data,
+      method: 'get',
+    })
+  },
+
+
+  examaperList(data) {
+    return request({
+      url: '/exam/paper/list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  goodsCollectExamList(data) {
+    return request({
+      url: '/collect/question/exam_list',
+      method: 'get',
+      params: data
+    })
+  },
+
+  collectQuestionTypeList(data) {
+    return request({
+      url: '/collect/question/type_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  wrongRecordTypeList(data) {
+    return request({
+      url: '/exam/wwrong/record/type_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  wrongRecordList(data) {
+    return request({
+      url: '/exam/wwrong/record/list',
+      method: 'get',
+      params: data
+    })
+  },
+
+  wrongRecordTypeQuestionList(data) {
+    return request({
+      url: '/exam/wwrong/record/type_question_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  wrongRecordDelete(data) {
+    return request({
+      url: '/exam/wwrong/record/delete/question',
+      method: 'post',
+      data: data
+    })
+  },
+
+  wrongRecordExamQuestionList(data) {
+    return request({
+      url: '/exam/wwrong/record/exam_question_list',
+      method: 'get',
+      params: data,
+    })
+  },
+
+  goodsCollectList(data) {
+    return request({
+      url: '/collect/question/list',
+      method: 'get',
+      params: data
+    })
+  },
+
+  collectQuestionExamQuestionList(data) {
+    return request({
+      url: `/collect/question/exam_question_list`,
+      method: 'get',
+      params: data
+    })
+  },
+
+  goodsChapterDolist(data) {
+    return request({
+      url: '/goods/chapter/dolist',
+      method: 'get',
+      params: data
+    })
+  },
+
+  goodsExamDolist(data) {
+    return request({
+      url: '/goods/exam/dolist',
+      method: 'get',
+      params: data
+    })
+  },
+
+  examRecordRightList(data) {
+    return request({
+      url: '/exam/record/right_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  examRecordWrongList(data) {
+    return request({
+      url: '/exam/record/wrong_list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  examRecordList(data) {
+    return request({
+      url: '/exam/record/list',
+      params: data,
+      method: 'GET',
+    })
+  },
+
+  bankQuestionListFreeGoodsList(data) {
+    return request({
+      url: '/bank/question/listFreeGoodsList',
+      method: 'get',
+      params: data
+    })
+  },
+  exampapergoodsExamPaper(data) {
+    return request({
+      url: '/exam/paper/goodsExamPaper/' + data,
+      method: 'get',
+    })
+  },
+  bankexamgetPaperExamList(data) {
+    return request({
+      url: '/bank/exam/getPaperExamList',
+      method: 'get',
+      params: data
+    })
+  },
+  //查询用户拥有免费+自购题库商品
+  bankquestionlistUserFreeUnionBuyGoodsList(data) {
+    return request({
+      url: '/bank/question/listUserFreeUnionBuyGoodsList',
+      method: 'get',
+      params: data
+    })
+  },
+  // 每日一练信息
+  getToDayExam(goodsId) {
+    return request({
+      url: `/bank/question/getToDayExam/${goodsId}`,
+      method: 'get'
+    })
+  },
+  // 打卡记录
+  getPunchRecord(data) {
+    return request({
+      url: '/bank/question/get/special/record',
+      method: 'get',
+      params: data
+    })
+  },
+  // 打卡排行榜
+  getRankiList(goodsId) {
+    return request({
+      url: `/bank/question/todayExam/tob/${goodsId}`,
+      method: 'get'
+    })
+  },
+  // 打卡
+  punchClock(data) {
+    return request({
+      url: '/bank/question/special/exam/record',
+      method: 'post',
+      data: data
+    })
+  },
+  getRandomExam(orderGoodsId) {
+    return request({
+      url: `/goods/bank/questionTempNum/${orderGoodsId}`,
+      method: 'get'
+    })
+  },
+}

src/pages/person-center/my-bank/bank-detailCopy/index.vue

@@ -4,58 +4,75 @@
       <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>
-                    </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 || "暂无" }}
+                  <el-row :gutter="20">
+                    <el-col :span="16">
+                      <div class="day-box">
+                        <div>
+                          <p>
+                            打卡天数<span>{{ tab.examInfo.recordCount }}</span>天
+                          </p>
+                          <p>
+                            打卡进度超过了{{ tab.examInfo.recordPercentage }}的学员
+                          </p>
+                        </div>
+                        <div @click="handelPunchClock(tab)">
+                          {{ tab.examInfo.examRecord ? "今日已打卡" : "今日打卡" }}
+                        </div>
+                        <img src="../../../../assets/basket.png" alt="" />
                       </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("-") }}
-                            </p>
-                            <p v-else class="is-Select">
-                              <img src="../../../../assets/tick.png" alt="" />
+                      <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>
+                        <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("-") }}
+                                </p>
+                                <p v-else class="is-Select">
+                                  <img src="../../../../assets/tick.png" alt="" />
+                                </p>
+                              </template>
+                            </el-calendar>
+                          </div>
+                        </div>
+                      </div>
+                    </el-col>
+                    <el-col :span="8">
+                      <div class="ranki-list">
+                        <p class="ranki-list-title">打卡PK榜</p>
+                        <ul>
+                          <li style="font-size: 12px;">
+                            <p>排名</p>
+                            <p>用户ID</p>
+                            <p>打卡天数</p>
+                          </li>
+                          <li v-for="(item, index) in  rankiList" :key="index">
+                            <p>{{ index > 8 ? index + 1 : '0' + (index + 1) }}</p>
+                            <p>
+                              <el-image :src="$tools.splitImgHost(item.avatar)">
+                                <div slot="error" class="image-slot">
+                                  <i class="el-icon-picture-outline"></i>
+                                </div>
+                              </el-image>
+                              {{ item.userName }}
                             </p>
-                          </template>
-                        </el-calendar>
+                            <p style="color: #222222;">{{ item.recordCount }}</p>
+                          </li>
+                        </ul>
                       </div>
-                    </div>
-                  </div>
+                    </el-col>
+                  </el-row>
+
                 </template>
                 <div class="no-data" v-else>
                   <div>
@@ -64,19 +81,12 @@
                   </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>已完成提数</p>
@@ -90,13 +100,13 @@
                       <div>
                         <p>
                           {{
-                            tab.examInfo
-                              ? toFixed(
+                              tab.examInfo
+                                ? toFixed(
                                   (tab.examInfo.rightNum /
                                     tab.examInfo.totalNum) *
-                                    100
+                                  100
                                 )
-                              : "-"
+                                : "-"
                           }}%
                         </p>
                         <p>正确率</p>
@@ -106,19 +116,12 @@
                   <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)"
-                      >
+                      <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(tab.examInfo)"
-                    >
+                    <div class="random-box-bom-btn" @click="beginExam(tab.examInfo)">
                       开始做题
                     </div>
                   </div>
@@ -126,71 +129,37 @@
               </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">
                                   <!-- 正确率
@@ -202,64 +171,44 @@
                                       )
                                     }}%</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>
@@ -271,57 +220,29 @@
                       <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)"
                                     >{{
@@ -331,45 +252,28 @@
                                       )
                                     }}%</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>
@@ -383,20 +287,11 @@
                         <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)"
                                 >{{
@@ -406,41 +301,23 @@
                                   )
                                 }}%</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>
@@ -488,9 +365,10 @@ export default {
       numList: [5, 10, 15, 20, 50, 100],
       activeNum: 5,
       punchList: [],
+      rankiList: []
     };
   },
-  mounted() {},
+  mounted() { },
   computed: {
     compyRecommend: function () {
       return function (array) {
@@ -749,9 +627,14 @@ export default {
       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;
+          if (res.data) {
+            this.$request.getPunchRecord({ goodsId: this.goodsId }).then((res) => {
+              this.punchList = res.data;
+            });
+            this.$request.getRankiList(this.goodsId).then((res) => {
+              this.rankiList = res.data;
+            });
+          }
         });
         return;
       } else if (item.paperName == "随机练习") {
@@ -1170,6 +1053,7 @@ export default {
 
     &__body {
       .left-box {
+
         // float: left;
         // width: 768px;
         .day-box {
@@ -1182,6 +1066,7 @@ export default {
           padding-left: 36px;
           padding-top: 16px;
           position: relative;
+
           div {
             &:nth-of-type(1) {
               p {
@@ -1230,6 +1115,69 @@ export default {
           }
         }
 
+        .ranki-list {
+          padding: 20px 16px 0;
+          background: #FFFFFF;
+
+          .ranki-list-title {
+            color: #484848;
+            font-size: 14px;
+            font-weight: bold;
+            border-bottom: 1px solid #E9E9E9;
+            padding-bottom: 14px;
+          }
+
+          ul {
+            height: 520px;
+
+            li {
+              height: 30px;
+              line-height: 30px;
+              display: flex;
+              color: #6C7386;
+              margin-bottom: 16px;
+
+              p {
+                &:nth-of-type(1) {
+                  width: 42px;
+                  padding-left: 16px;
+                }
+
+                &:nth-of-type(2) {
+                  flex: 1;
+                  margin-left: 24px;
+                  display: flex;
+                  align-items: center;
+
+                  .el-image {
+                    width: 30px;
+                    height: 30px;
+                    border-radius: 50%;
+                    margin-right: 12px;
+                  }
+                }
+
+                &:nth-of-type(3) {
+                  padding-right: 16px;
+
+                }
+              }
+
+              &:nth-of-type(1) {
+                height: 40px;
+                line-height: 40px;
+                background: #F8F8FA;
+                color: #888691;
+                margin-bottom: 8px;
+
+                p {
+                  font-size: 13px;
+                }
+              }
+            }
+          }
+        }
+
         .no-data {
           padding: 90px 0;