学习记录

src/project/qujing/AppMine/studyList.vue

@@ -1,39 +1,25 @@
 <template>
   <div class="page">
-    <div class="list">
+    <div class="list" v-if="list.length">
-      <div class="item" v-for="(item, index) in list" :key="index">
+      <div class="item" v-for="(item, index) in list" :key="index" @click="toClassDetail(item.id)">
         <div class="top">
           <div class="flex-left">
             <img class="video-img" :src="item.pictureUrl" alt="">
-            <img class="play-icon" src="https://cdn.cunwuyun.cn/dvcp/pay-btn.png" alt="">
+            <img class="play-icon" src="https://cdn.cunwuyun.cn/dvcp/pay-btn.png" alt="" v-if="item.videoUrl">
-            <div class="status status0">未完成</div>
+            <div class="status" :class="`status`+item.statsu">{{ $dict.getLabel('qjLearnStatus', item.status) }}</div>
           </div>
           <div class="flex-right">
             <h3>{{item.title}}</h3>
             <div class="time">
               <span>{{item.learnerNumber}}人已学习</span>
-              <span>共3分56秒</span>
+              <span>共{{item.videoDuration || '0秒'}}</span>
-            </div>
-          </div>
-        </div>
-        <div class="bottom">继续学习</div>
-      </div>
-      <div class="item">
-        <div class="top">
-          <div class="flex-left">
-            <img class="video-img" src="https://cdn.cunwuyun.cn/dvcp/pay-btn.png" alt="">
-            <div class="status status1">已完成</div>
-          </div>
-          <div class="flex-right">
-            <h3>课程名称课程名称课程名称课程名称课程名称课程名称课程名称课程名称课程名称</h3>
-            <div class="time">
-              <span>23人已学习</span>
-              <span>共3分56秒</span>
             </div>
           </div>
         </div>
+        <div class="bottom" v-if="item.status != 1">继续学习</div>
       </div>
     </div>
+    <AiEmpty :description="`暂无数据`" class="emptyWrap" v-else/>
   </div>
 </template>
 <script>
@@ -60,7 +46,9 @@ export default {
       frontColor: "#000000",
       backgroundColor: "#F4F6FA",
     })
-    this.getList()
+    this.$dict.load(['qjLearnStatus']).then(() => {
+      this.getList()
+    })
   },
   methods: {
     getList() {
@@ -72,11 +60,8 @@ export default {
         }
       })
     },
-    toTestForm(id) {
+    toClassDetail(id) {
-      uni.navigateTo({url: `../AppLegalLearning/testForm?id=${id}`})
+      uni.navigateTo({url: `../AppLegalLearning/classDetail?id=${id}`})
-    },
-    toTestResult(id) {
-      uni.navigateTo({url: `../AppLegalLearning/result?id=${id}`})
     },
   },
   onReachBottom() {

src/project/qujing/AppMine/testList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-    <div class="list">
+    <div class="list" v-if="list.length">
       <div class="item" v-for="(item, index) in list" :key="index">
         <div class="top" @click="toTestResult(item.id)">
           <div class="flex-left">
@@ -16,6 +16,7 @@
         <div class="bottom" @click="toTestForm(item.id)">重新考试</div>
       </div>
     </div>
+    <AiEmpty :description="`暂无数据`" class="emptyWrap" v-else/>
   </div>
 </template>
 <script>