fix: viewer module bug修复

client/src/modules/viewer/components/common/fileList.vue

-<template>
-  <div>
-    <ul class="file-list" v-if="files.length">
-      <li class="file-list-item" v-for="file in files" :key="file.id">
-        <a :href="file.file_url" target="_blank">
-          <i class="el-icon-document"></i>
-          <div v-html="file.file_name"></div>
-        </a>
-        <span v-if="file.file_size">{{ file.file_size }}</span>
-        <a :href="file.file_url" :download="file.file_name" target="_blank">
-          <el-tooltip effect="dark" content="下载">
-            <i class="el-icon-download"></i>
-          </el-tooltip>
-        </a>
-      </li>
-    </ul>
-    <div class="empty" v-else>
-      <slot name="empty">暂无课程资料</slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'FilePanel',
-  props: {
-    // 标题
-    title: { type: String, default: '课程资料' },
-    // 文件列表
-    files: { type: Array, default: () => [] }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.file-list {
-  padding: 0;
-}
-.file-list-item {
-  display: flex;
-  font-size: 16px;
-  padding: 20px 30px;
-  margin-bottom: 10px;
-  background-color: #fff;
-  list-style: none;
-  border-radius: 32px;
-  justify-content: space-between;
-  a {
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    color: #333;
-    white-space: nowrap;
-    &:hover {
-      color: #b49441;
-    }
-    ::v-deep * {
-      margin: 0;
-      padding: 0;
-    }
-  }
-}
-.empty {
-  font-size: 18px;
-  line-height: 80px;
-  background-color: #fff;
-  text-align: center;
-  border-radius: 40px;
-}
-</style>

client/src/modules/viewer/components/read/chapterRead.vue

@@ -8,7 +8,7 @@
 <script>
 // components
 import Container from '../common/container.vue'
-import FileList from '../common/fileList.vue'
+import FileList from './fileList.vue'
 
 // 章节阅读资料
 export default {

client/src/modules/viewer/components/read/courseRead.vue

@@ -8,7 +8,7 @@
 <script>
 // components
 import Container from '../common/container.vue'
-import FileList from '../common/fileList.vue'
+import FileList from './fileList.vue'
 
 // 课程阅读资料
 export default {

client/src/modules/viewer/components/read/fileList.vue

@@ -4,9 +4,9 @@
       <li class="file-list-item" v-for="file in files" :key="file.id">
         <a :href="file.file_url" target="_blank">
           <i class="el-icon-document"></i>
-          {{ file.file_name }}
+          <div v-html="file.file_name"></div>
         </a>
-        <!-- <span v-if="file.file_size">{{ file.file_size }}K</span> -->
+        <span v-if="file.file_size">{{ file.file_size }}</span>
         <a :href="file.file_url" :download="file.file_name" target="_blank">
           <el-tooltip effect="dark" content="下载">
             <i class="el-icon-download"></i>
@@ -46,11 +46,18 @@ export default {
   border-radius: 32px;
   justify-content: space-between;
   a {
+    display: flex;
+    align-items: center;
     text-decoration: none;
     color: #333;
+    white-space: nowrap;
     &:hover {
       color: #b49441;
     }
+    ::v-deep * {
+      margin: 0;
+      padding: 0;
+    }
   }
 }
 .empty {

client/src/modules/viewer/components/work/chapterTest.vue

@@ -247,13 +247,18 @@ export default {
     },
     // 请求提交接口
     handleSubmitRequest(params) {
-      api.sbumitChapterExam(params).then(response => {
+      api
+        .sbumitChapterExam(params)
+        .then(response => {
           if (response.status) {
             this.getDetail()
           } else {
             this.$message.error(response.data.error)
           }
         })
+        .catch(error => {
+          this.$message.error(error.message)
+        })
     }
   },
   beforeMount() {