bug fixes

src/components/base/PreviewFiles.vue

@@ -14,38 +14,73 @@ if (props.url?.indexOf('.pdf') !== -1 || props.url?.indexOf('.txt') !== -1) {
   isShowType.value = 3
 } else if (props.url?.indexOf('.mp3') !== -1) {
   isShowType.value = 4
-} else if (props.url?.indexOf('.png') !== -1 || props.url?.indexOf('.jpg') !== -1 || props.url?.indexOf('.jpeg') !== -1) {
+} else if (
+  props.url?.indexOf('.png') !== -1 ||
+  props.url?.indexOf('.jpg') !== -1 ||
+  props.url?.indexOf('.jpeg') !== -1
+) {
   isShowType.value = 5
+} else if (props.url?.indexOf('.rar') !== -1 || props.url?.indexOf('.zip') !== -1) {
+  isShowType.value = 6
 }
 </script>
 
 <template>
-<div class="max-w-h">
-  <iframe
-    v-if="isShowType === 1"
-    :src="`https://view.officeapps.live.com/op/view.aspx?src=${props.url}`"
-  ></iframe>
+  <div class="max-w-h">
+    <iframe v-if="isShowType === 1" :src="`https://view.officeapps.live.com/op/view.aspx?src=${props.url}`"></iframe>
     <embed :src="props.url" v-else-if="isShowType === 2" />
     <video v-else-if="isShowType === 3" controls id="video">
       <source :src="props.url" />
     </video>
     <audio v-else-if="isShowType === 4" :src="props.url" controls></audio>
-  <img v-else-if="isShowType === 5" :src="props.url">
-</div>
+    <img v-else-if="isShowType === 5" :src="props.url" />
+    <div v-else-if="isShowType === 6" class="zip_con">
+      <img
+        v-if="props.url?.indexOf('.rar') !== -1"
+        src="https://webapp-pub.ezijing.com/center_resource/rar.png"
+        class="img_zip"
+      />
+      <img
+        v-else-if="props.url?.indexOf('.zip') !== -1"
+        src="https://webapp-pub.ezijing.com/center_resource/zip.png"
+        class="img_zip"
+      />
+      <div class="zip_tips">* 该文件格式暂不支持预览</div>
+    </div>
+  </div>
 </template>
 <style lang="scss" scoped>
-.max-w-h{
+.max-w-h {
   max-width: 1200px;
   width: 100%;
   height: 500px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
-  iframe,embed,video{
+  iframe,
+  embed,
+  video {
     width: 100%;
     height: 100%;
   }
-  img{
+  .zip_con {
+    border: 1px solid #ccc;
+    width: 100%;
+    display: block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
+  .img_zip {
+    width: 100px;
+    height: 100px;
+  }
+  .zip_tips {
+    font-size: 14px;
+    margin-top: 10px;
+  }
+  img {
     width: 100%;
     display: block;
   }

src/modules/course/my/components/ViewCourseInfo.vue

@@ -183,7 +183,7 @@ const liveOptions = computed(() => {
     <div class="bottom-info">
       <div class="lecturer-list">
         <div v-for="item in props.data.lecturers" :key="item.id">
-          <el-popover placement="top-start" :title="item.name" trigger="hover">
+          <el-popover :title="item.name" trigger="hover" placement="right">
             <div v-html="item.summarize"></div>
             <template #reference>
               <div class="item">

src/modules/course/my/views/ViewDetails.vue

@@ -214,7 +214,6 @@ watch(
 </script>
 <template>
   <AppCard title="查阅课程">
-    {{ resourceData }}
     <div class="chapter-box">
       <div class="title">{{ chapterDetails?.name }}</div>
       <div class="chapter-content">

src/modules/resource/video/components/ViewTop.vue

@@ -11,7 +11,7 @@ const props = defineProps(['data'])
         class="img"
         :style="`width: 210px;height: 140px;background-size: cover;background-image: url(${props.data.cover});`"
       ></div>
-      <el-icon v-else :size="50" color="#ccc">
+      <el-icon v-else :size="200" color="#ccc">
         <PictureFilled></PictureFilled>
       </el-icon>
       <!-- <img :src="props.data.cover"> -->