修改显示

src/views/courseware-play/component/point.module.less

@@ -80,6 +80,20 @@
       display: block;
       width: 100%;
     }
+
+    .audioPlayTypeSection {
+      position: absolute;
+      right: 8px;
+      bottom: 8px;
+      font-size: 0;
+
+      .iconPlay {
+        width: 20px;
+        height: 20px;
+        margin: 0 0 0 8px;
+
+      }
+    }
   }
 
   .title {

src/views/courseware-play/component/points.tsx

@@ -19,6 +19,8 @@ import vedioIcon from '../image/zy_vedio_icon.png';
 import pptIcon from '../image/zy_ppt_icon.png';
 import imgIcon from '../image/zy_img_icon.png';
 import otherIcon from '../image/zy_more_icon.png';
+import iconPlayDefault from '../image/icon-play-default.png';
+import iconSingDefault from '../image/icon-sing-default.png';
 
 import { Icon, Collapse, CollapseItem } from 'vant';
 import { useRoute } from 'vue-router';
@@ -205,6 +207,26 @@ export default defineComponent({
 
                             <div class={styles.cover}>
                               <img src={material.url} />
+
+                              <div class={styles.audioPlayTypeSection}>
+                                {material.audioPlayTypesArray.includes(
+                                  'PLAY'
+                                ) && (
+                                  <img
+                                    src={iconPlayDefault}
+                                    class={styles.iconPlay}
+                                  />
+                                )}
+
+                                {material.audioPlayTypesArray.includes(
+                                  'SING'
+                                ) && (
+                                  <img
+                                    src={iconSingDefault}
+                                    class={styles.iconPlay}
+                                  />
+                                )}
+                              </div>
                             </div>
                             <div class={styles.title}>
                               {/* <div class={styles.tag}>{types[material.type]}</div> */}

src/views/courseware-play/index.module.less

@@ -11,7 +11,7 @@
   position: relative;
   height: 100vh;
   margin: 0 auto;
-  overflow: hidden;
+  // overflow: hidden;
 }
 
 .playModel {

src/views/courseware-play/index.tsx

@@ -223,15 +223,27 @@ export default defineComponent({
           //   });
           // });
           res.data.forEach((item: any) => {
-            item.knowledgeList = item.resourceList;
             item.resourceList.forEach((n: any) => {
               n.materialInfo = n.resourceList;
+              n.audioPlayTypesArray = n.audioPlayTypes
+                ? n.audioPlayTypes.split(',')
+                : [];
             });
+            item.knowledgeList = item.resourceList;
           });
           data.allList = res.data;
           const currentCourse = res.data.find(
             (item: any) => item.id === data.kjId
           );
+          currentCourse?.knowledgeList?.forEach((item: any) => {
+            if (item.materialInfo && item.materialInfo.length > 0) {
+              item.materialInfo?.forEach((n: any) => {
+                n.audioPlayTypesArray = n.audioPlayTypes
+                  ? n.audioPlayTypes.split(',')
+                  : [];
+              });
+            }
+          });
           data.zsdId = currentCourse?.knowledgeList?.[0].id;
           courseList = currentCourse?.knowledgeList?.[0].materialInfo || [];
           data.currentCourse = currentCourse || {};
@@ -251,6 +263,15 @@ export default defineComponent({
           const currentCourse = res.data.find(
             (item: any) => item.id === data.kjId
           );
+          currentCourse?.knowledgeList?.forEach((item: any) => {
+            if (item.materialInfo && item.materialInfo.length > 0) {
+              item.materialInfo?.forEach((n: any) => {
+                n.audioPlayTypesArray = n.audioPlayTypes
+                  ? n.audioPlayTypes.split(',')
+                  : [];
+              });
+            }
+          });
           data.zsdId = currentCourse?.knowledgeList?.[0].id;
           courseList = currentCourse?.knowledgeList?.[0].materialInfo || [];
           data.currentCourse = currentCourse || {};
@@ -280,7 +301,7 @@ export default defineComponent({
       console.log(data.allList, 'data.allList');
       data.allList.forEach((item: any) => {
         item.knowledgeList.forEach((material: any) => {
-          material.materialInfo.forEach((resource: any) => {
+          material.materialInfo?.forEach((resource: any) => {
             resource.zsdId = material.id; // 知识点id
             resource.kjId = item.id; // 课件id
             resource.bizId =

src/views/hot-music-more/index.tsx

@@ -131,6 +131,7 @@ export default defineComponent({
       page: 1,
       rows: 20,
       status: 1,
+      sortType: 2, // 默认热度排序
       keyword: '', // 关键词
       grade: '',
       audioPlayTypes: [] as any,