From fbf2b7e4b875aedf0d411ca18720c03183b4eedb Mon Sep 17 00:00:00 2001
From: nisen <laonisen@icloud.com>
Date: Mon, 4 Sep 2023 15:25:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modules/grateful.js               |   5 +-
 src/components/Course/courseImage.vue     | 108 ++++++------
 src/views/Index.vue                       |   2 +
 src/views/grateful/GratefulHomePage.vue   | 179 +++++++++++++++++++-
 src/views/grateful/GratefulNotice.vue     |  11 ++
 src/views/grateful/TeacherEmpowerment.vue |  30 +++-
 src/views/grateful/TeacherOpinion.vue     |  18 ++
 src/views/grateful/index.vue              | 165 +-----------------
 src/views/portal/course/Index.vue         | 195 +++++++++++-----------
 9 files changed, 396 insertions(+), 317 deletions(-)

diff --git a/src/api/modules/grateful.js b/src/api/modules/grateful.js
index 8c45e3be..239389e3 100644
--- a/src/api/modules/grateful.js
+++ b/src/api/modules/grateful.js
@@ -14,6 +14,8 @@ const courselList = (data = {}) => ajax.postJson(baseURL, '/xboe/m/boe/course/li
 const noticeDataById = (id) => ajax.get(baseURL, `/xboe/m/boe/notice/getDataById?id=${id}`);
 //教师列表
 const teachersList = (data = {}) => ajax.postJson(baseURL, '/xboe/m/boe/teachers/list', data);
+//教师列表
+const carouselList = (data = {}) => ajax.postJson(baseURL, '/xboe/m/boe/rotation/list', data);
 
 
 
@@ -25,5 +27,6 @@ export {
   noticeList,
   noticeDataById,
   courselList,
-  teachersList
+  teachersList,
+  carouselList
 }
diff --git a/src/components/Course/courseImage.vue b/src/components/Course/courseImage.vue
index 0b4c6a38..b193596f 100644
--- a/src/components/Course/courseImage.vue
+++ b/src/components/Course/courseImage.vue
@@ -1,12 +1,8 @@
 <template>
   <!--用于显示课程的图片-->
-  <div  style="border-radius: 5px;" class="img-box" id="img-box">
-    <el-image
-      style="background-color: #eeeeee;border-radius: 5px;"
-      :style="`width:${width};height:${height};`"
-      fit="fill	"
-      :src="imageUrl"
-    >
+  <div style="border-radius: 5px;" class="img-box" id="img-box">
+    <el-image style="background-color: #eeeeee;border-radius: 5px;" :style="`width:${width};height:${height};`"
+      fit="fill	" :src="imageUrl">
       <div slot="error" class="image-slot">
         <i class="el-icon-picture-outline"></i>
       </div>
@@ -32,46 +28,45 @@ export default {
   props: {
     course: {
       type: Object,
-      default: () => {},
+      default: () => { },
     },
     height: {
       type: String,
       default: "100%",
     },
-    text:{
+    text: {
       type: Boolean,
-      default:true,
+      default: true,
     },
     width: {
       type: String,
       default: "100%",
     },
   },
-
   computed: {
-    name(){
-				let name = '';
-				if(this.course && this.course.name && this.course.name !== '') {
-						name = this.course.name.replace('color:#FF0000','color:#fff');
-				}
-				if(this.course && this.course.courseName && this.course.courseName !== '') {
-						name = this.course.courseName.replace('color:#FF0000','color:#fff');
-				}
-				if(this.course && this.course.title && this.course.title !== '') {
-						 name = this.course.title.replace('color:#FF0000','color:#fff');
-				}
-				return name;
-				// course.name || course.courseName || course.title
-			},
+    name() {
+      let name = '';
+      if (this.course && this.course.name && this.course.name !== '') {
+        name = this.course.name.replace('color:#FF0000', 'color:#fff');
+      }
+      if (this.course && this.course.courseName && this.course.courseName !== '') {
+        name = this.course.courseName.replace('color:#FF0000', 'color:#fff');
+      }
+      if (this.course && this.course.title && this.course.title !== '') {
+        name = this.course.title.replace('color:#FF0000', 'color:#fff');
+      }
+      return name;
+      // course.name || course.courseName || course.title
+    },
     imageUrl() {
       this.isShow = false;
-      if(this.course &&  this.course.coverImg && this.course.coverImg.startsWith('http')) {
+      if (this.course && this.course.coverImg && this.course.coverImg.startsWith('http')) {
         return this.course.coverImg;
       }
-        if(this.course &&  this.course.courseImage && this.course.courseImage.startsWith('http')) {
+      if (this.course && this.course.courseImage && this.course.courseImage.startsWith('http')) {
         return this.course.courseImage;
       }
-    if (this.course && this.course.coverImg && this.course.coverImg != "") {
+      if (this.course && this.course.coverImg && this.course.coverImg != "") {
         return this.fileBaseUrl + this.course.coverImg;
       } else if (
         this.course &&
@@ -110,6 +105,8 @@ export default {
     };
   },
   mounted() {
+    console.log('hoahaioaiohaiohio');
+    console.log(this.course, '嘿嘿');
     let obj = document.getElementById("img-box");
     if ((obj.offsetWidth > 500 || obj.offsetWidth == 500) && obj.offsetWidth < 900) {
       this.imageTextSize = 3;
@@ -122,7 +119,7 @@ export default {
     }
   },
   methods: {
-    imageError() {},
+    imageError() { },
   },
 };
 </script>
@@ -130,43 +127,56 @@ export default {
 <style lang="scss" scoped>
 .text {
   text-shadow: 0px 0px 2px #ffffff;
-  span{
+
+  span {
     color: #ffffff !important;
   }
 }
-.image-slot{
-	display: flex;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
+
+.image-slot {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
 }
+
 .img-box {
   width: 100%;
   height: 100%;
   position: relative;
-  -moz-user-select: none; /*火狐*/
-  -webkit-user-select: none; /*webkit浏览器*/
-  -ms-user-select: none; /*IE10*/
-  -khtml-user-select: none; /*早期浏览器*/
+  -moz-user-select: none;
+  /*火狐*/
+  -webkit-user-select: none;
+  /*webkit浏览器*/
+  -ms-user-select: none;
+  /*IE10*/
+  -khtml-user-select: none;
+  /*早期浏览器*/
   user-select: none;
+
   p {
     display: -webkit-box;
     // white-space:pre-wrap;
     overflow: hidden;
     // text-overflow:ellipsis;
-    word-break:break-all;
+    word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     color: #ffffff;
     position: absolute;
     padding-right: 10px;
-    -moz-user-select: none; /*火狐*/
-    -webkit-user-select: none; /*webkit浏览器*/
-    -ms-user-select: none; /*IE10*/
-    -khtml-user-select: none; /*早期浏览器*/
+    -moz-user-select: none;
+    /*火狐*/
+    -webkit-user-select: none;
+    /*webkit浏览器*/
+    -ms-user-select: none;
+    /*IE10*/
+    -khtml-user-select: none;
+    /*早期浏览器*/
     user-select: none;
   }
+
   .mini {
     top: 30%;
     left: 8%;
@@ -174,6 +184,7 @@ export default {
     line-height: 24px;
     -webkit-line-clamp: 2;
   }
+
   .mid {
     top: 30%;
     left: 8%;
@@ -181,6 +192,7 @@ export default {
     line-height: 35px;
     -webkit-line-clamp: 2;
   }
+
   .max {
     top: 30%;
     left: 8%;
@@ -188,12 +200,12 @@ export default {
     line-height: 40px;
     -webkit-line-clamp: 2;
   }
+
   .te-max {
-     top: 30%;
+    top: 30%;
     left: 8%;
     font-size: 20px;
     line-height: 35px;
     -webkit-line-clamp: 2;
   }
-}
-</style>
+}</style>
diff --git a/src/views/Index.vue b/src/views/Index.vue
index cda9d987..04fe9860 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1308,6 +1308,8 @@ export default {
             courseIds.push(item.id);
           });
           this.loadCouserTeacher(res.result, courseIds);
+          console.log(res.result,'lalalala');
+
           this.courseList.list = res.result;
           //this.couname = res.result.list.name;
           // if (res.result.count - pageIndex * num < 8) {
diff --git a/src/views/grateful/GratefulHomePage.vue b/src/views/grateful/GratefulHomePage.vue
index 389b2671..950d9726 100644
--- a/src/views/grateful/GratefulHomePage.vue
+++ b/src/views/grateful/GratefulHomePage.vue
@@ -1,6 +1,34 @@
 <template>
   <div>
-    <!-- 教师赋能 -->
+    <div class="course-banner">
+      <div id="container" style="z-index: 99" v-if="resonimg.length == 1">
+        <!-- 当轮播图等于一张时 -->
+        <swiper :options="swiperOptiontwo">
+          <swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'a' + idx"
+            class="swiper-slide games pointer">
+            <div class="bannbox" :style="{
+              background: `url(${fileBaseUrl + item.image
+                }) no-repeat 100% / 100%`,
+            }"></div>
+            <img class="banner-img" style="margin: 0 auto" :src="fileBaseUrl + item.image" alt="" />
+          </swiper-slide>
+        </swiper>
+      </div>
+      <div id="container" style="z-index: 99" v-else>
+        <swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length > 1">
+          <swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'b' + idx"
+            class="swiper-slide games pointer">
+            <div class="bannbox" :style="{
+              background: `url(${fileBaseUrl + item.image
+                }) no-repeat 100% / 100%`,
+            }"></div>
+            <img class="banner-img" style="margin: 0 auto" :src="fileBaseUrl + item.image" alt="" />
+          </swiper-slide>
+          <div class="swiper-pagination" slot="pagination"></div>
+        </swiper>
+      </div>
+    </div>
+    <!-- 图片 -->
     <div class="xindex-content">
       <div class="modules xcontent2">
         <div class="xcontent2-main">
@@ -157,7 +185,7 @@
 import apiCourseStudy from "@/api/modules/courseStudy.js";
 import courseImage from "@/components/Course/courseImage.vue";
 import { toScore, formatUserNumber } from "@/utils/tools.js";
-import { saveOpinion, noticeList, courselList, toolList } from '@/api/modules/grateful.js'
+import { saveOpinion, noticeList, courselList, toolList, carouselList } from '@/api/modules/grateful.js'
 export default {
   name: "Grateful",
   components: {
@@ -179,14 +207,56 @@ export default {
         noticeList: [],
         toolList: []
       },
+      resonimg: [],
+      fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
+      swiperOptiontwo: {
+        autoplay: false,
+        // noSwiping: true,
+      },
+      resonimg: [],
+      swiperOption: {
+        autoplay: {
+          delay: 2000,
+          disableOnInteraction: false, //解决滑动后不能轮播的问题
+        },
+        speed: 3000, //切换速度，即slider自动滑动开始到结束的时间（单位ms）
+        loop: true, //循环切换
+        peed: 300, //循环速度
+        scrollbar: ".swiper-scrollbar",
+        pagination: {
+          el: ".swiper-pagination",
+          // type : 'progressbar', //分页器形状
+          clickable: true, //点击分页器的指示点分页器会控制Swiper切换
+        },
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+      }
     };
   },
   mounted() {
+    this.couresreso();
     this.getCourseData(1);
     this.getNoticeData()
     this.getToolData()
   },
   methods: {
+    couresreso() {
+      carouselList().then((res) => {
+        console.log(res);
+        const list = res.data.records.map(item => {
+          return {
+            image: item.picPath,
+            name: item.displayPage,
+            JumpUrl: '',
+            bgcolor: '',
+            ...item
+          }
+        });
+        this.resonimg = list;
+      })
+    },
     submitNotice() {
       if (!this.form.textarea) return this.$message({ message: '请输入内容', type: 'error' })
       saveOpinion({ content: this.form.textarea }).then(() => {
@@ -221,7 +291,13 @@ export default {
         pageSize: 8
       }).then((res) => {
         if (res.code == 200 && res.data.records.length > 0) {
-          console.log(res.result, '之前的');
+          console.log(res.data.records, '之前的');
+          // res.data.records.map((item) => {
+          //   return {
+          //     ...item,
+          //     coverImg:item.coverImg
+          //   }
+          // })
           this.courseList.list = res.data.records;
         } else {
           console.log("加载课程信息失败:" + res.error);
@@ -251,6 +327,103 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.bannbox {
+  width: 100%;
+  height: 520px;
+  text-align: center;
+  filter: blur(5px);
+  z-index: -1;
+  background-size: 100% 100%;
+}
+
+::v-deep.swiper-slide .games .swiper-slide-active {
+  text-align: center !important;
+}
+
+#container {
+  position: absolute;
+  height: 520px;
+  top: 0;
+  width: 100%;
+}
+
+.banner-img {
+  height: 520px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  transform: (-50%, -50%);
+}
+
+.course-banner {
+  height: 520px;
+
+  .swiper-button-prev {
+    height: 38px;
+    padding: 0 16px;
+    background: rgba($color: #000000, $alpha: 0.8) url("../../assets/images/icon/ban-left.png") no-repeat;
+    background-size: 12px 18px;
+    background-position: 16px 10px;
+    bottom: 66px;
+    border-radius: 19px 0 0 19px;
+  }
+
+  .swiper-button-next {
+    height: 38px;
+    bottom: 66px;
+    top: auto;
+    padding: 0 16px;
+    background: rgba($color: #000000, $alpha: 0.1) url("../../assets/images/icon/ban-right.png") no-repeat;
+    background-size: 12px 18px;
+    background-position: 6px 10px;
+    border-radius: 0 19px 19px 0;
+  }
+
+  .swiper-pagination-bullets {
+    left: 60px;
+    bottom: 66px;
+  }
+
+  ::v-deep .swiper-pagination {
+    line-height: 25px;
+    height: 32px;
+    border-radius: 19px;
+    width: auto;
+    left: 45%;
+    padding: 0 20px;
+    border-radius: 19px;
+
+    .swiper-pagination-bullet {
+      position: relative;
+      width: 25px;
+      height: 5px;
+      margin-top: 10px;
+      background: #fff;
+      opacity: 1 !important;
+      border-radius: 2px;
+    }
+
+    .swiper-pagination-bullet::before {
+      content: "";
+      position: absolute;
+      top: -20px;
+      bottom: -20px;
+      left: -2px;
+      right: -2px;
+    }
+
+    .swiper-pagination-bullet-active {
+      height: 5px;
+      opacity: 1 !important;
+      margin-top: 10px;
+      width: 25px;
+      background: #387df7;
+      border-radius: 2px;
+    }
+  }
+}
+
 ::v-deep .el-dialog__body {
   background: linear-gradient(180deg, rgba(56, 125, 247, 0.2) 0%, rgba(166, 168, 255, 0) 100%) no-repeat;
   background-size: 100% 136px;
diff --git a/src/views/grateful/GratefulNotice.vue b/src/views/grateful/GratefulNotice.vue
index 6aba506c..579e29af 100644
--- a/src/views/grateful/GratefulNotice.vue
+++ b/src/views/grateful/GratefulNotice.vue
@@ -31,6 +31,12 @@
                 </pagination>
               </div>
             </div>
+            <div v-if="list.length == 0" class="pagination-div">
+              <span class="notcoures">
+                <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
+                <h5>暂无数据～</h5>
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -122,6 +128,11 @@ export default {
   background: #ffffff;
   border-radius: 8px;
 
+  .pagination-div {
+    text-align: center;
+    padding: 70px 0;
+  }
+
   .bgc {
     background: linear-gradient(180deg,
         rgba(56, 125, 247, 0.2) 0%,
diff --git a/src/views/grateful/TeacherEmpowerment.vue b/src/views/grateful/TeacherEmpowerment.vue
index c33816e6..0f14133d 100644
--- a/src/views/grateful/TeacherEmpowerment.vue
+++ b/src/views/grateful/TeacherEmpowerment.vue
@@ -32,9 +32,8 @@
                   <course-image :course="course"></course-image>
                   <span v-if="course.type == 20 || 10" class="course-type">录播课</span>
                 </div>
-                <div style="width: 80%" :title="course.name" class="course-title portal-title-tow two-line-ellipsis">
-                  {{ course.name }}
-                </div>
+                <div style="width: 80%" :title="course.name" v-html="course.name"
+                  class="course-title portal-title-tow two-line-ellipsis"></div>
                 <div class="course-author">
                   <div class="course-author-left">
                     {{ course.createName }}
@@ -51,10 +50,16 @@
               </a>
             </div>
           </div>
+          <div v-if="list.length == 0" class="pagination-div">
+            <span class="notcoures">
+              <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
+              <h5>暂无数据～</h5>
+            </span>
+          </div>
         </div>
       </div>
     </div>
-    <div>
+    <div v-if="list.length !== 0">
       <pagination :size="param.pageSize" :total="total" :page="param.pageNo" @change-size="changePageSize"
         @change-page="loadData" style="background-color: rgba(0, 0, 0, 0);" :autoScroll="false"
         :pageSizes="[12, 24, 36, 48]"></pagination>
@@ -125,10 +130,22 @@ export default {
         //return $this.webBaseUrl + "/course/detail?id=" + item.id;
       }
     },
+    //高亮
+    brightenKeyword(val, keyword) {
+      const Reg = new RegExp(keyword, 'i');
+      let res = '';
+      if (val) {
+        res = val.replace(Reg, `<span style="color: #3e7fff;">${keyword}</span>`);
+        return res;
+      }
+    },
     getCourseData() {
       courselList(this.param).then((res) => {
         if (res.code == 200 && res.data.records.length > 0) {
           console.log(res.data, '之前的');
+          res.data.records.forEach(item => {
+            item.name = this.brightenKeyword(item.name, this.param.name);
+          });
           this.list = res.data.records;
           this.total = res.data.total
         } else {
@@ -249,6 +266,11 @@ export default {
     }
   }
 
+  .pagination-div {
+    text-align: center;
+    padding: 70px 0;
+  }
+
   .modules-list {
     margin-top: 30px;
 
diff --git a/src/views/grateful/TeacherOpinion.vue b/src/views/grateful/TeacherOpinion.vue
index 8cbc24e8..5866afb8 100644
--- a/src/views/grateful/TeacherOpinion.vue
+++ b/src/views/grateful/TeacherOpinion.vue
@@ -37,6 +37,12 @@
                   :page="params.pageNo" @change-size="changePageSize" @change-page="loadData" :autoScroll="false">
                 </pagination>
               </div>
+              <div v-if="list.length == 0" class="pagination-div">
+                <span class="notcoures">
+                  <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
+                  <h5>暂无数据～</h5>
+                </span>
+              </div>
             </div>
           </div>
         </div>
@@ -145,8 +151,20 @@ export default {
         rgba(166, 168, 255, 0) 100%) no-repeat;
     background-size: 100% 166px;
     border-radius: 8px;
+
+    .pagination-div {
+      text-align: center;
+      padding: 70px 0;
+    }
+
   }
 
+  .pagination-div {
+    text-align: center;
+    padding: 70px 0;
+  }
+
+
   .sear-but {
     position: absolute;
     bottom: 10%;
diff --git a/src/views/grateful/index.vue b/src/views/grateful/index.vue
index d26f6a0d..c7ac5494 100644
--- a/src/views/grateful/index.vue
+++ b/src/views/grateful/index.vue
@@ -1,33 +1,5 @@
 <template>
   <div class="main">
-    <div class="course-banner" v-if="!$route.meta.hidden">
-      <div id="container" style="z-index: 99" v-if="resonimg.length == 1">
-        <!-- 当轮播图等于一张时 -->
-        <swiper :options="swiperOptiontwo">
-          <swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'a' + idx"
-            class="swiper-slide games pointer">
-            <div class="bannbox" :style="{
-              background: `url(${fileBaseUrl + item.image
-                }) no-repeat 100% / 100%`,
-            }"></div>
-            <img class="banner-img" style="margin: 0 auto" :src="fileBaseUrl + item.image" alt="" />
-          </swiper-slide>
-        </swiper>
-      </div>
-      <div id="container" style="z-index: 99" v-else>
-        <swiper :options="swiperOption" ref="mySwiper" v-if="resonimg.length > 1">
-          <swiper-slide style="margin: 0 auto" v-for="(item, idx) in resonimg" :key="'b' + idx"
-            class="swiper-slide games pointer">
-            <div class="bannbox" :style="{
-              background: `url(${fileBaseUrl + item.image
-                }) no-repeat 100% / 100%`,
-            }"></div>
-            <img class="banner-img" style="margin: 0 auto" :src="fileBaseUrl + item.image" alt="" />
-          </swiper-slide>
-          <div class="swiper-pagination" slot="pagination"></div>
-        </swiper>
-      </div>
-    </div>
     <router-view></router-view>
     <!-- 底部 -->
     <div class="grateful">
@@ -37,50 +9,12 @@
 </template>
 
 <script>
-import apiPlace from "@/api/phase2/place.js";
 export default {
   name: "Grateful",
   data() {
     return {
-      resonimg: [],
-      swiperOptiontwo: {
-        autoplay: false,
-        // noSwiping: true,
-      },
-      swiperOption: {
-        autoplay: {
-          delay: 2000,
-          disableOnInteraction: false, //解决滑动后不能轮播的问题
-        },
-        speed: 3000, //切换速度，即slider自动滑动开始到结束的时间（单位ms）
-        loop: true, //循环切换
-        peed: 300, //循环速度
-        scrollbar: ".swiper-scrollbar",
-        pagination: {
-          el: ".swiper-pagination",
-          // type : 'progressbar', //分页器形状
-          clickable: true, //点击分页器的指示点分页器会控制Swiper切换
-        },
-        navigation: {
-          nextEl: ".swiper-button-next",
-          prevEl: ".swiper-button-prev",
-        },
-      },
-      fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
     };
-  },
-  mounted() {
-    this.couresreso();
-  },
-  methods: {
-    couresreso() {
-      let key = "index";
-      apiPlace.detail(key).then((res) => {
-        let lmj = JSON.parse(res.result.content);
-        this.resonimg = lmj;
-      });
-    }
-  },
+  }
 };
 </script>
 
@@ -123,101 +57,4 @@ export default {
 
 
 }
-
-.bannbox {
-  width: 100%;
-  height: 520px;
-  text-align: center;
-  filter: blur(5px);
-  z-index: -1;
-  background-size: 100% 100%;
-}
-
-::v-deep.swiper-slide .games .swiper-slide-active {
-  text-align: center !important;
-}
-
-#container {
-  position: absolute;
-  height: 520px;
-  top: 0;
-  width: 100%;
-}
-
-.banner-img {
-  height: 520px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  transform: (-50%, -50%);
-}
-
-.course-banner {
-  height: 520px;
-
-  .swiper-button-prev {
-    height: 38px;
-    padding: 0 16px;
-    background: rgba($color: #000000, $alpha: 0.8) url("../../assets/images/icon/ban-left.png") no-repeat;
-    background-size: 12px 18px;
-    background-position: 16px 10px;
-    bottom: 66px;
-    border-radius: 19px 0 0 19px;
-  }
-
-  .swiper-button-next {
-    height: 38px;
-    bottom: 66px;
-    top: auto;
-    padding: 0 16px;
-    background: rgba($color: #000000, $alpha: 0.1) url("../../assets/images/icon/ban-right.png") no-repeat;
-    background-size: 12px 18px;
-    background-position: 6px 10px;
-    border-radius: 0 19px 19px 0;
-  }
-
-  .swiper-pagination-bullets {
-    left: 60px;
-    bottom: 66px;
-  }
-
-  ::v-deep .swiper-pagination {
-    line-height: 25px;
-    height: 32px;
-    border-radius: 19px;
-    width: auto;
-    left: 45%;
-    padding: 0 20px;
-    border-radius: 19px;
-
-    .swiper-pagination-bullet {
-      position: relative;
-      width: 25px;
-      height: 5px;
-      margin-top: 10px;
-      background: #fff;
-      opacity: 1 !important;
-      border-radius: 2px;
-    }
-
-    .swiper-pagination-bullet::before {
-      content: "";
-      position: absolute;
-      top: -20px;
-      bottom: -20px;
-      left: -2px;
-      right: -2px;
-    }
-
-    .swiper-pagination-bullet-active {
-      height: 5px;
-      opacity: 1 !important;
-      margin-top: 10px;
-      width: 25px;
-      background: #387df7;
-      border-radius: 2px;
-    }
-  }
-}
 </style>
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 9b6e97ec..a512a0e9 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -1,7 +1,8 @@
 <template>
   <div id="couser-list-content" class="couser-list-content">
     <div class="course-banner">
-      <portal-header current="course" textColor="#fff" :keywords="keyword" @emitInput="emitInput" @showClass="showClass"></portal-header>
+      <portal-header current="course" textColor="#fff" :keywords="keyword" @emitInput="emitInput"
+        @showClass="showClass"></portal-header>
     </div>
     <div style="padding-top:30px">
       <div class="xcontent2">
@@ -394,7 +395,7 @@
             </template>
             <!-- 线上品牌系列课程 -->
             <template v-if="newData">
-              <div class="xcourse-card" style="margin-bottom: 0;margin-top: 36px;" v-for="(cinfo, cidx) in courseList" :key="cinfo.id">
+              <div class="xcourse-card"  v-for="cinfo in courseList" :key="cinfo.id" style="margin-bottom: 0;margin-top: 36px;">
                 <div class="course-card" style="padding: 10px;">
                   <a @click="() => $message.success('如需了解详情，请联系BOEU')">
                     <div class="course-img-box">
@@ -615,7 +616,7 @@ export default {
       oneList: [], //一级分类{type:11}
       twoList: [], //二级分类{type:12}
       threeList: [],//三级分类{type:13}
-      searching:false,//是否正在搜索中
+      searching: false,//是否正在搜索中
 
       resonimg: {},
       formatDate,
@@ -631,7 +632,7 @@ export default {
       // 查询信息
       course: {
         orderField: "studys",
-        companyId:'',
+        companyId: '',
         keyword: '',//关键词
         topOrder: true,
         orderAsc: false,
@@ -666,12 +667,12 @@ export default {
   created() {
     let localKey = "user_" + this.userInfo.sysId + "_gids";
     apiUserbasic.getInAudienceIds().then(rs => {
-          if (rs.status == 200) {
-            this.audiences = rs.result;
-            sessionStorage.setItem(localKey, this.audiences);
-          } else {
-            console.log(rs.message);
-          }
+      if (rs.status == 200) {
+        this.audiences = rs.result;
+        sessionStorage.setItem(localKey, this.audiences);
+      } else {
+        console.log(rs.message);
+      }
     })
   },
   mounted() {
@@ -799,37 +800,37 @@ export default {
       let hasData = sessionStorage.getItem(this.localSessionKey);
       let $this = this;
       if (hasData) {
-        let typeCodeList=JSON.parse(hasData);
-        typeCodeList.forEach(item=>{
-           if(item.type==0){
-              this.keyword=item.name;
-           }else if(item.type==1){
-              if(item.id==20){
-                $this.ctypeList[0].checked=true;
-              }else if(item.id==30){
-                $this.ctypeList[1].checked=true;
-              }else if(item.id==40){
-                $this.ctypeList[2].checked=true;
+        let typeCodeList = JSON.parse(hasData);
+        typeCodeList.forEach(item => {
+          if (item.type == 0) {
+            this.keyword = item.name;
+          } else if (item.type == 1) {
+            if (item.id == 20) {
+              $this.ctypeList[0].checked = true;
+            } else if (item.id == 30) {
+              $this.ctypeList[1].checked = true;
+            } else if (item.id == 40) {
+              $this.ctypeList[2].checked = true;
+            }
+          } else { //三级分类的处理，如果一个分类选中多个，显示哪个，显示第一个，是否可以
+            this.oneList.forEach(one => {
+              if (one.id == item.id && item.type == '11') {
+                this.navTitle = [{ ...one }]
+                one.checked = true
               }
-           }else{ //三级分类的处理，如果一个分类选中多个，显示哪个，显示第一个，是否可以
-              this.oneList.forEach(one => {
-                if(one.id == item.id && item.type == '11'){
-                  this.navTitle = [{ ...one }]
-                  one.checked = true
+              one.children.forEach(two => {
+                if (two.id == item.id && item.type == '12') {
+                  this.navTitle = [{ ...one }, { ...two }]
+                  two.checked = true
                 }
-                one.children.forEach(two => {
-                  if(two.id == item.id && item.type == '12'){
-                    this.navTitle = [{ ...one }, { ...two }]
-                    two.checked = true
-                   }
-                  two.children.forEach(three => {
-                    if(three.id == item.id && item.type == '13'){
-                      this.navTitle = [{ ...one }, { ...two }, { ...three }]
-                      three.checked = true
-                    }
-                  })
+                two.children.forEach(three => {
+                  if (three.id == item.id && item.type == '13') {
+                    this.navTitle = [{ ...one }, { ...two }, { ...three }]
+                    three.checked = true
+                  }
                 })
               })
+            })
           }
         })
       }
@@ -1010,16 +1011,16 @@ export default {
       //      });
       //   }
       // })
-      this.oneList.forEach(one=>{
-        if(one.checked){
-            one.children.forEach(two=>{
-              $this.twoList.push(two);
-              if(two.checked){
-                two.children.forEach(three=>{
-                  $this.threeList.push(three);
-                })
-              }
-            });
+      this.oneList.forEach(one => {
+        if (one.checked) {
+          one.children.forEach(two => {
+            $this.twoList.push(two);
+            if (two.checked) {
+              two.children.forEach(three => {
+                $this.threeList.push(three);
+              })
+            }
+          });
         }
       })
     },
@@ -1318,11 +1319,11 @@ export default {
     // 查询
     async search() {
       //
-      if(this.searching){
+      if (this.searching) {
         this.$message.warning("正在搜索中，请待搜索完成后再重新搜索");
         return;
       }
-      this.searching=true;
+      this.searching = true;
       //测试时间格式化
       // let s=1650973801;
       // var d = new Date(1650973801*1000);
@@ -1370,11 +1371,11 @@ export default {
       let isTopList = [];
       // 隐藏loadMore
       this.moreState = 2;
-        await apiCoursePortal.courseSearch(this.course).then(res => {
-            this.searching=false;
-            if (res.status == 200) {
-              this.totalPages = res.result.totalPages;
-              res.result.list.forEach(item => {
+      await apiCoursePortal.courseSearch(this.course).then(res => {
+        this.searching = false;
+        if (res.status == 200) {
+          this.totalPages = res.result.totalPages;
+          res.result.list.forEach(item => {
             if (item.startTime != '') {
               item.startTime = formatDateByFmt(new Date(item.startTime * 1000), 'yyyy-MM-dd hh:mm')
               //let time = item.startTime.split('-');
@@ -1407,50 +1408,50 @@ export default {
           if (this.newData) {
             this.courseList = [
               {
-              audiences: "",
-              companyId: "",
-              coverImg: "",
-              createdAt: "",
-              device: 3,
-              domainIds: "",
-              duration: 7,
-              endTime: "",
-              esId: "Z4LAbYkBfn0lSHQ9acXX",
-              id: "1091051270927183872",
-              isSetAudience: 0,
-              isTop: 0,
-              keywords: "回归,新建,在线,课程",
-              keywordsList: ['回归', '新建', '在线', '课程'],
-              maxDuration: "",
-              name: "人力资源知识技能晋升（人力资源总监空降现场，为各位答疑解惑",
-              openCourse: 0,
-              openEnroll: 0,
-              orderType: "",
-              publishTime: 1689748779,
-              resOwner: "",
-              score: 5,
-              source: 2,
-              startTime: "",
-              studies: 2,
-              studiesFormat: "",
-              summary: "",
-              sysType1: "966458733088919552",
-              sysType2: "966459050400600064",
-              sysType3: "1060578278816509959",
-              tags: "",
-              teacher: "张学智",
-              teacherCode: "",
-              title: "BOE",
-              topTime: "",
-              type: 20,
-              types: "",
-              remark: '备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备'
+                audiences: "",
+                companyId: "",
+                coverImg: "",
+                createdAt: "",
+                device: 3,
+                domainIds: "",
+                duration: 7,
+                endTime: "",
+                esId: "Z4LAbYkBfn0lSHQ9acXX",
+                id: "1091051270927183872",
+                isSetAudience: 0,
+                isTop: 0,
+                keywords: "回归,新建,在线,课程",
+                keywordsList: ['回归', '新建', '在线', '课程'],
+                maxDuration: "",
+                name: "人力资源知识技能晋升（人力资源总监空降现场，为各位答疑解惑",
+                openCourse: 0,
+                openEnroll: 0,
+                orderType: "",
+                publishTime: 1689748779,
+                resOwner: "",
+                score: 5,
+                source: 2,
+                startTime: "",
+                studies: 2,
+                studiesFormat: "",
+                summary: "",
+                sysType1: "966458733088919552",
+                sysType2: "966459050400600064",
+                sysType3: "1060578278816509959",
+                tags: "",
+                teacher: "张学智",
+                teacherCode: "",
+                title: "BOE",
+                topTime: "",
+                type: 20,
+                types: "",
+                remark: '备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备'
               },
             ]
           }
           this.count = res?.result?.count
-          if(this.newData) {
-             this.count = 1
+          if (this.newData) {
+            this.count = 1
           }
           this.moreState = 3
         } else {
@@ -1553,9 +1554,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.couser-list-content{
+.couser-list-content {
   min-height: 110%;
 }
+
 // 标题
 .navTitle {
   margin-bottom: 20px;
@@ -2388,5 +2390,4 @@ export default {
 
 .option-active {
   color: #387DF7;
-}
-</style>
+}</style>