查看课程详情，附件图标修改

src/utils/file.js

@@ -159,3 +159,25 @@ export function useUploadFile(file, curTemplateData) {
     breakUpload
   };
 }
+
+/**
+ * 获取文件图标
+ * @param {string} type 文件类型
+ */
+export function getFileImage(type) {
+  if (type === 'txt') {
+    return require('@/assets/file/txt.png');
+  }
+  if (type === 'pdf') {
+    return require('@/assets/file/pdf.png');
+  }
+  if (/^xlsx?$/.test(type)) {
+    return require('@/assets/file/execl.png');
+  }
+  if (/^pptx?$/.test(type)) {
+    return require('@/assets/file/ppt.png');
+  }
+  if (/^docx?$/.test(type)) {
+    return require('@/assets/file/word.png');
+  }
+}

src/views/course_details/index.vue

@@ -235,7 +235,7 @@
                                     class="btn"
                                     @click="preview(accessory.file_id, 'file')"
                                   >
-                                    <img src="../../assets/course_details/fileType1.png" alt="" />
+                                    <img :src="getFileImage(accessory.file_name.split('.')[1])" alt="" />
                                     <span> {{ accessory.file_name }} </span>
                                   </div>
                                 </div>
@@ -263,8 +263,8 @@
         CourseData.is_deleted === 'true'
           ? '无法查看，课程已删除'
           : CourseData.is_release === 'false'
-          ? '无法查看，课程已下架'
-          : '课程不存在'
+            ? '无法查看，课程已下架'
+            : '课程不存在'
       }}
     </div>
 
@@ -309,6 +309,7 @@ import {
 } from '@/api/course';
 import { GetMyGoodsBuyInfo } from '@/api/user';
 import store from '@/store';
+import { getFileImage } from '@/utils/file';
 
 import Audit from '@/components/payment/Audit.vue';
 import PreviewCourse from '@/components/preview/PreviewCourse.vue';

src/views/template_details/index.vue

@@ -77,7 +77,7 @@
                                   :key="accessory_i"
                                   class="btn"
                                 >
-                                  <img src="../../assets/course_details/fileType1.png" alt="" />
+                                  <img :src="getFileImage(accessory.file_name.split('.')[1])" alt="" />
                                   <span> {{ accessory.file_name }} </span>
                                 </div>
                               </div>
@@ -100,8 +100,8 @@
         CourseData.is_deleted === 'true'
           ? '无法查看，课程已删除'
           : CourseData.is_release === 'false'
-          ? '无法查看，课程已下架'
-          : '课程不存在'
+            ? '无法查看，课程已下架'
+            : '课程不存在'
       }}
     </div>
   </div>
@@ -109,6 +109,7 @@
 
 <script>
 import { GetCourseInfoBox } from '@/api/course';
+import { getFileImage } from '@/utils/file';
 
 export default {
   data() {
@@ -124,7 +125,8 @@ export default {
         { id: 'pre_task_list', name: 'Key353' },
         { id: 'mid_task_list', name: 'Key354' },
         { id: 'after_task_list', name: 'Key355' }
-      ]
+      ],
+      getFileImage
     };
   },
   created() {