隐藏重新做题

src/pages/person-center/bank-record/index.vue

@@ -3,32 +3,12 @@
     <div class="bank-record__header">
       <div class="title">做题记录</div>
       <div class="content">
-        <el-select
-          clearable
-          @change="reGetExamRecordList"
-          v-model="param.goodsId"
-          placeholder="请选择"
-        >
-          <el-option
-            clearable
-            v-for="item in list"
-            :key="item.goodsId"
-            :label="item.goodsName"
-            :value="item.goodsId"
-          >
+        <el-select clearable @change="reGetExamRecordList" v-model="param.goodsId" placeholder="请选择">
+          <el-option clearable v-for="item in list" :key="item.goodsId" :label="item.goodsName" :value="item.goodsId">
           </el-option>
         </el-select>
-        <el-select
-          @change="reGetExamRecordList"
-          v-model="param.paperId"
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in list1"
-            :key="item.paperId"
-            :label="item.paperName"
-            :value="item.paperId"
-          >
+        <el-select @change="reGetExamRecordList" v-model="param.paperId" placeholder="请选择">
+          <el-option v-for="item in list1" :key="item.paperId" :label="item.paperName" :value="item.paperId">
           </el-option>
         </el-select>
       </div>
@@ -46,65 +26,43 @@
               <div class="exam-item__body">
                 <div class="text">
                   <span class="title">{{
-                    $tools.timestampToTime(record.updateTime, false)
+                      $tools.timestampToTime(record.updateTime, false)
                   }}</span>
-                  <span class="desc"
-                    >总{{ record.totalQuestionNum }}题/对{{
+                  <span class="desc">总{{ record.totalQuestionNum }}题/对{{
                       record.rightQuestionNum
-                    }}题</span
-                  >
+                  }}题</span>
                 </div>
                 <div class="btns-wrap">
                   <div class="btns">
-                    <el-button
-                      type="primary"
-                      class="btn"
-                      @click="
-                        go('/bank-exam-continue/' + record.goodsId, {
-                          recordId: record.recordId,
-                          examId: record.examId,
-                          chapterId: record.chapterExamId,
-                          moduleId: record.moduleExamId,
-                          orderGoodsId: record.orderGoodsId,
-                        })
-                      "
-                      v-if="record.status == 0 && record.historyExamJson"
-                      >继续答题</el-button
-                    >
+                    <el-button type="primary" class="btn" @click="
+                      go('/bank-exam-continue/' + record.goodsId, {
+                        recordId: record.recordId,
+                        examId: record.examId,
+                        chapterId: record.chapterExamId,
+                        moduleId: record.moduleExamId,
+                        orderGoodsId: record.orderGoodsId,
+                      })
+                    " v-if="record.status == 0 && record.historyExamJson">继续答题</el-button>
 
                     <div class="btn-line">
-                      <div
-                        class="btn-line__in"
-                        @click="doRepeat(record)"
-                        v-if="record.status == 1"
-                      >
+                      <div class="btn-line__in" @click="doRepeat(record)"
+                        v-if="record.status == 1 && record.paperName != '随机练习'">
                         <div>重新做题</div>
                       </div>
-                      <div
-                        class="btn-line__in"
-                        @click="
-                          go('/bank-exam-explain/' + record.goodsId, {
-                            examId: record.examId,
-                            chapterId: record.courseType == 2 ? record.chapterId : record.chapterExamId,
-                            moduleId: record.courseType == 2 ? record.moduleId: record.moduleExamId,
-                            orderGoodsId: record.orderGoodsId,
-                          })
-                        "
-                        v-if="record.status == 1"
-                      >
+                      <div class="btn-line__in" @click="
+                        go('/bank-exam-explain/' + record.goodsId, {
+                          examId: record.examId,
+                          chapterId: record.courseType == 2 ? record.chapterId : record.chapterExamId,
+                          moduleId: record.courseType == 2 ? record.moduleId : record.moduleExamId,
+                          orderGoodsId: record.orderGoodsId,
+                        })
+                      " v-if="record.status == 1">
                         <div>解析</div>
                       </div>
-                      <div
-                        class="btn-line__in"
-                        v-if="record.status == 1"
-                        @click="doReport(record)"
-                      >
+                      <div class="btn-line__in" v-if="record.status == 1" @click="doReport(record)">
                         <div>做题报告</div>
                       </div>
-                      <div
-                        class="btn-line__in"
-                        @click="moreRecords(record)"
-                      >
+                      <div class="btn-line__in" @click="moreRecords(record)">
                         <div>更多记录</div>
                       </div>
                     </div>
@@ -119,14 +77,8 @@
 
     <div class="bank-record__footer">
       <div class="pagination">
-        <el-pagination
-          @current-change="currentChange"
-          background
-          layout="prev, pager, next"
-          :total="total"
-          :pager-count="5"
-          :page-size="param.pageSize"
-        >
+        <el-pagination @current-change="currentChange" background layout="prev, pager, next" :total="total"
+          :pager-count="5" :page-size="param.pageSize">
         </el-pagination>
       </div>
     </div>
@@ -198,7 +150,7 @@ export default {
           courseType: record.courseType,
         }
         this.$router.push({
-          path: '/person-center/record-list/' + record.goodsId, 
+          path: '/person-center/record-list/' + record.goodsId,
           query: queryData
         })
 
@@ -211,7 +163,7 @@ export default {
           courseType: record.courseType,
         }
         this.$router.push({
-          path: '/person-center/record-list/' + record.goodsId, 
+          path: '/person-center/record-list/' + record.goodsId,
           query: queryData
         })
       }
@@ -255,32 +207,32 @@ export default {
         showClose: false,
       })
         .then((_) => {
-          if (section.courseType == 2){
-              this.$router.push({
-                path: "/course-exam/" + section.goodsId,
-                query: {
-                  courseId: section.courseId,
-                  gradeId: section.gradeId || 0,
-                  moduleId: section.moduleId || 0,
-                  sectionId: section.sectionId || 0,
-                  examId: section.examId,
-                  type: section.type, // 模块卷类型
-                  chapterId: section.chapterId || 0,
-                  orderGoodsId: section.orderGoodsId,
-                },
+          if (section.courseType == 2) {
+            this.$router.push({
+              path: "/course-exam/" + section.goodsId,
+              query: {
+                courseId: section.courseId,
+                gradeId: section.gradeId || 0,
+                moduleId: section.moduleId || 0,
+                sectionId: section.sectionId || 0,
+                examId: section.examId,
+                type: section.type, // 模块卷类型
+                chapterId: section.chapterId || 0,
+                orderGoodsId: section.orderGoodsId,
+              },
             })
           } else {
             this.$router.push({
-            path: "/bank-exam/" + section.goodsId,
-            query: {
-              orderGoodsId: section.orderGoodsId,
-              examId: section.examId,
-              moduleId: section.moduleExamId || 0,
-              chapterId: section.chapterExamId || 0,
-            },
-          });
+              path: "/bank-exam/" + section.goodsId,
+              query: {
+                orderGoodsId: section.orderGoodsId,
+                examId: section.examId,
+                moduleId: section.moduleExamId || 0,
+                chapterId: section.chapterExamId || 0,
+              },
+            });
           }
-          
+
         })
         .catch((_) => {
           this.$router.push({
@@ -354,15 +306,15 @@ export default {
         })
       } else {
         this.$router.push({
-            path: '/bank-report/' + record.goodsId,
-            query: {
-              chapterId: record.chapterExamId,
-              moduleId: record.moduleExamId,
-              examId: record.examId,
-              recordId: record.recordId,
-              orderGoodsId: record.orderGoodsId,
-            },
-          })
+          path: '/bank-report/' + record.goodsId,
+          query: {
+            chapterId: record.chapterExamId,
+            moduleId: record.moduleExamId,
+            examId: record.examId,
+            recordId: record.recordId,
+            orderGoodsId: record.orderGoodsId,
+          },
+        })
       }
       // go('/bank-report/' + record.goodsId, {
       //   chapterId: record.chapterExamId,
@@ -388,8 +340,10 @@ export default {
     .content {
       margin: 10px 0;
     }
+
     border-bottom: 1px solid #eee;
   }
+
   &__body {
     .bank-item {
       margin-top: 24px;
@@ -397,6 +351,7 @@ export default {
       &__header {
         height: 32px;
         line-height: 32px;
+
         .note {
           display: inline-block;
           margin-right: 15px;
@@ -485,7 +440,7 @@ export default {
                       padding: 7px 0;
                       color: #3f8dfd;
 
-                      > div {
+                      >div {
                         text-align: center;
                         font-size: 16px;
                         line-height: 16px;
@@ -495,7 +450,7 @@ export default {
                       }
 
                       &:nth-last-of-type(1) {
-                        > div {
+                        >div {
                           border: 0;
                         }
                       }

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

@@ -38,6 +38,12 @@
 
                   </div>
                 </template>
+                <div class="no-data" v-else>
+                  <div>
+                    <img src="../../../../assets/no-data.png" alt="">
+                    <p>暂无题库，请前往购买</p>
+                  </div>
+                </div>
               </div>
               <div v-else-if="tab.paperName == '随机练习'" style="background: #F8F8FA;padding: 20px;">
                 <div class="random-box">
@@ -51,14 +57,14 @@
                       </div>
                       <div class="line"></div>
                       <div>
-                        <p>{{ tab.examInfo ? (tab.examInfo.totalNum - tab.examInfo.doNum) : '-' }}
-                        </p>
-                        <p>剩余提数</p>
+                        <p>{{ tab.examInfo ? tab.examInfo.totalNum : '-' }}</p>
+                        <p>总提数</p>
                       </div>
                       <div class="line"></div>
                       <div>
-                        <p>{{ tab.examInfo ? tab.examInfo.totalNum : '-' }}</p>
-                        <p>总提数</p>
+                        <p>{{ tab.examInfo ? toFixed(tab.examInfo.doNum / tab.examInfo.totalNum * 100) : '-' }}%
+                        </p>
+                        <p>正确率</p>
                       </div>
                     </div>
                   </div>
@@ -350,17 +356,17 @@ export default {
         return 0;
       }
     },
-    async initData(data, recordItem) {
+    initData(data, recordItem) {
       this.recordItem = recordItem;
       this.orderGoodsId = data.orderGoodsId;
       this.goodsId = data.goodsId;
       this.activeName = "0";
-      await this.getExamType(data.goodsId);
-      if (this.recordItem) {
-        this.getRecordItem();
-      } else {
-        await this.goodsBank();
-      }
+      this.getExamType(data.goodsId);
+      // if (this.recordItem) {
+      //   this.getRecordItem();
+      // } else {
+      //   await this.goodsBank();
+      // }
     },
     getRecordItem() {
       this.$request
@@ -516,7 +522,8 @@ export default {
     getExamType(id) {
       return new Promise((resolve, reject) => {
         this.$request.exampapergoodsExamPaper(id).then((res) => {
-          this.newList = [{ paperId: 0, paperName: "全部" }, ...res.data];
+          this.newList = res.data;
+          // this.newList = [{ paperId: 0, paperName: "全部" }, ...res.data];
           // if (parseInt(this.activeName) > 0) {
           //   this.tabChange({ name: this.activeName });
           // }
@@ -528,7 +535,10 @@ export default {
               this.activeName = item.paperId + ''
               this.handelTab()
             }
+          } else {
+            this.activeName = this.newList[0].paperId + ''
           }
+          this.handelTab()
           resolve();
         });
       });
@@ -1040,6 +1050,22 @@ export default {
           }
         }
 
+        .no-data {
+          padding: 90px 0;
+
+          div {
+            width: 150px;
+            margin: 0 auto;
+            color: #888691;
+            text-align: center;
+
+            img {
+              display: block;
+              margin: 0 auto;
+            }
+          }
+        }
+
         .clock-in-box {
           display: flex;
           justify-content: space-between;