diff --git a/src/components/CustomInfoMessage.vue b/src/components/CustomInfoMessage.vue
new file mode 100644
index 00000000..98afcc05
--- /dev/null
+++ b/src/components/CustomInfoMessage.vue
@@ -0,0 +1,112 @@
+<template>
+  <transition name="fade">
+    <div v-if="visible" class="custom-info-message" @click="handleClose">
+      <div class="message-content">
+        <div class="icon-wrapper">
+          <span class="icon-text">i</span>
+        </div>
+        <div class="message-text">{{ message }}</div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script>
+export default {
+  name: "CustomInfoMessage",
+  data() {
+    return {
+      visible: false,
+      message: "",
+      timer: null,
+    };
+  },
+  methods: {
+    show(msg, duration = 3000) {
+      this.message = msg;
+      this.visible = true;
+
+      if (this.timer) {
+        clearTimeout(this.timer);
+      }
+
+      this.timer = setTimeout(() => {
+        this.hide();
+      }, duration);
+    },
+    hide() {
+      this.visible = false;
+      if (this.timer) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+    },
+    handleClose() {
+      this.hide();
+    },
+  },
+  beforeDestroy() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+  },
+};
+</script>
+
+<style scoped>
+.custom-info-message {
+  position: fixed;
+  top: 20%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 3000;
+  cursor: pointer;
+}
+
+.message-content {
+  display: flex;
+  align-items: center;
+  background: #ffffff;
+  border-radius: 8px;
+  padding: 8px 16px;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+}
+
+.icon-wrapper {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: rgba(22, 119, 255, 1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12px;
+  flex-shrink: 0;
+}
+
+.icon-wrapper .icon-text {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 1;
+}
+
+.message-text {
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+  flex: 1;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
diff --git a/src/components/NewEmployeeGuideDialog.vue b/src/components/NewEmployeeGuideDialog.vue
index cf282c30..9f71ab2a 100644
--- a/src/components/NewEmployeeGuideDialog.vue
+++ b/src/components/NewEmployeeGuideDialog.vue
@@ -19,10 +19,16 @@
           type="primary"
           :loading="processing"
           @click="handleConfirmClick"
+          v-if="showBtn"
         >
           立即学习
         </el-button>
-        <el-button class="footer-btn" type="text" @click="handleCancelClick">
+        <el-button
+          v-if="showBtn"
+          class="footer-btn"
+          type="text"
+          @click="handleCancelClick"
+        >
           取消
         </el-button>
       </div>
@@ -46,6 +52,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    showBtn: {
+      type: Boolean,
+      default: true,
+    },
     onConfirm: {
       type: Function,
       default: null,
diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index 99349f05..28eac5e7 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -429,7 +429,7 @@ export default {
           two: urlPre + "/grow180/login",
           three: this.webBaseUrl + "/study/index?study=1",
           // four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
-          five: urlPre + "/new-employee/welcome",
+          five: this.webBaseUrl + "/new-employee/welcome",
           six: this.webBaseUrl + "/web/contributor/index",
           seven: this.webBaseUrl + "/grateful/index",
         };
diff --git a/src/main.js b/src/main.js
index 3c3b4968..e262db19 100644
--- a/src/main.js
+++ b/src/main.js
@@ -20,8 +20,8 @@ import '@/assets/styles/uc.scss' // global css
 import Pagination from "@/components/Pagination";
 import Remark from "@/components/Remark";
 import './security'; //security control
-import  VueAwesomeSwiper from 'vue-awesome-swiper';
-import  'swiper/dist/css/swiper.css';
+import VueAwesomeSwiper from 'vue-awesome-swiper';
+import 'swiper/dist/css/swiper.css';
 Vue.use(VueAwesomeSwiper)
 import watermark from './utils/warterMark.js'
 import Bus from './utils/bus.js'
@@ -35,44 +35,44 @@ Vue.config.productionTip = false
 Vue.prototype.$xpage = xpage;
 
 
-Vue.prototype.msgSuccess = function(msg) {
-    this.$message({ showClose: true, message: msg, type: "success", offset: 50 });
+Vue.prototype.msgSuccess = function (msg) {
+  this.$message({ showClose: true, message: msg, type: "success", offset: 50 });
 }
 //用来筛选图标是否显示的方法，字符串和数组都支持,如果传入其他值或者不传值图标全显示
-Vue.prototype.$iconFilter = function(hideArray) {
-    let iconOpinion = {
-        isRemark: false,
-        isShare: false,
-        isCollect: false,
-        isPraise: false,
-        isBrowse: false
-    }
-    if (typeof hideArray == 'string') {
-        iconOpinion[hideArray] = true
-    }
-    if (hideArray instanceof Array) {
-        hideArray.forEach(item => {
-            iconOpinion[item] = true;
-        })
-    }
-    return iconOpinion
+Vue.prototype.$iconFilter = function (hideArray) {
+  let iconOpinion = {
+    isRemark: false,
+    isShare: false,
+    isCollect: false,
+    isPraise: false,
+    isBrowse: false
+  }
+  if (typeof hideArray == 'string') {
+    iconOpinion[hideArray] = true
+  }
+  if (hideArray instanceof Array) {
+    hideArray.forEach(item => {
+      iconOpinion[item] = true;
+    })
+  }
+  return iconOpinion
 }
 
-Vue.prototype.msgError = function(msg) {
-    this.$message({ showClose: true, message: msg, type: "error" });
+Vue.prototype.msgError = function (msg) {
+  this.$message({ showClose: true, message: msg, type: "error" });
 }
 
-Vue.prototype.msgInfo = function(msg) {
-    this.$message.info(msg);
+Vue.prototype.msgInfo = function (msg) {
+  this.$message.info(msg);
 }
 
 //高亮显示
-Vue.prototype.$keywordActiveShow=function(str,keyword){
+Vue.prototype.$keywordActiveShow = function (str, keyword) {
   //color:#588afc暂时用老系统颜色，ui给的颜色是这个值
-  if(!str||str.indexOf(keyword)===-1||keyword==''){
+  if (!str || str.indexOf(keyword) === -1 || keyword == '') {
     return str
   }
-  return str.replace(keyword,`<span style="color:#FF0000">${keyword}</span>`)
+  return str.replace(keyword, `<span style="color:#FF0000">${keyword}</span>`)
 }
 
 Vue.prototype.webBaseUrl = process.env.VUE_APP_PUBLIC_PATH;
@@ -83,9 +83,10 @@ Vue.component('Remark', Remark)
 
 
 Vue.use(Element, {
-    size: VueCookies.get('size') || 'medium' // set element-ui default size
+  size: VueCookies.get('size') || 'medium' // set element-ui default size
 })
 
+// VueCookies.set('token', "eyJ0eXBlIjoidG9rZW4iLCJhbGciOiJIUzI1NiJ9.eyJjb21wYW55Q29kZSI6IkMwMDEiLCJ1SWQiOiI5NjUzNDIwMjc0OTc2MDcxNjgiLCJjb21wYW55SWQiOiIxMDQxNjczOTc3Mzc5OTQ2NDk2IiwibG9naW5JZCI6IjE5MzgwNTQ2NDY2OTAxNzcwMjYiLCJpc3MiOiJodHRwOi8vdS5ib2UuY29tIiwiR2l2ZW5OYW1lIjoiYm9ldSIsImV4cCI6MTc1MDkxMDQwOTc0NiwidXNlck5hbWUiOiLmnY7njonlhrAiLCJ1c2VySWQiOiI2QjA0OUZBRi1DMzE0LTdDQ0YtMEQyOC0wRDIzRjRDNDI1MzEifQ==.7f03d1ce991253197f0e733ba554496e8de715595b169b505bed8831ede565a9", 1)
 // 加入百度统计
 router.beforeEach((to, from, next) => {
   if (to.path) {
@@ -97,7 +98,7 @@ router.beforeEach((to, from, next) => {
 })
 
 new Vue({
-    router,
-    store,
-    render: h => h(App)
+  router,
+  store,
+  render: h => h(App)
 }).$mount('#app')
diff --git a/src/views/new-employee/StudyPage.vue b/src/views/new-employee/StudyPage.vue
index 25a1e65a..7e324060 100644
--- a/src/views/new-employee/StudyPage.vue
+++ b/src/views/new-employee/StudyPage.vue
@@ -61,21 +61,23 @@
                 <div class="title-box">
                   <div class="item-title">{{ it.name }}</div>
                   <!-- 右侧动作/成绩 -->
-                  <div
-                    class="item-right"
-                    :class="it.completed ? 'done' : 'link'"
-                  >
+                  <div class="item-right">
                     <el-button
-                      v-if="!it.completed"
+                      v-if="it.status == 0"
+                      type="text"
+                      style="color: #999999"
+                      >未开始</el-button
+                    >
+                    <el-button
+                      v-if="it.status == 2"
                       type="text"
                       style="color: #ffb01e"
                       >进行中</el-button
                     >
                     <el-button
-                      v-else
+                      v-if="it.status == 1"
                       type="text"
                       style="color: #27ce9a"
-                      disabled
                       >已完成</el-button
                     >
                   </div>
@@ -127,32 +129,37 @@
             >
           </div>
           <div>
-            <el-alert
-              v-if="approvalResults == 2"
-              title="报名申请正在审核中"
-              type="primary"
-              center
-              show-icon
-              :closable="false"
-            />
-
-            <el-alert
-              v-if="approvalResults == 3"
-              title="报名申请审核已通过"
-              type="success"
-              center
-              show-icon
-              :closable="false"
-            />
-            <div style="cursor: pointer" @click="returnEnroll">
-              <el-alert
-                v-if="approvalResults == 4"
-                title="报名申请审核不通过，请重新报名"
-                type="error"
-                center
-                show-icon
-                :closable="false"
-              />
+            <div v-if="approvalResults == 2">
+              <el-alert type="warning" center show-icon :closable="false">
+                <template slot="title">
+                  <span style="color: rgba(0, 0, 0, 0.88)"
+                    >报名申请正在审核中</span
+                  >
+                </template>
+              </el-alert>
+            </div>
+            <div v-if="approvalResults == 3">
+              <el-alert type="success" center show-icon :closable="false">
+                <template slot="title">
+                  <span style="color: rgba(0, 0, 0, 0.88)"
+                    >报名申请审核已通过</span
+                  >
+                </template>
+              </el-alert>
+            </div>
+            <div
+              v-if="approvalResults == 4"
+              style="cursor: pointer"
+              @click="returnEnroll"
+            >
+              <el-alert type="error" center show-icon :closable="false">
+                <template slot="title">
+                  <span style="color: rgba(0, 0, 0, 0.88)"
+                    >报名申请审核不通过，请</span
+                  >
+                  <span style="color: #0078fc">重新报名</span>
+                </template>
+              </el-alert>
             </div>
           </div>
           <div style="text-align: center">
@@ -162,8 +169,14 @@
           </div>
           <div class="label">成绩单</div>
           <div class="transcript">
-            <el-button class="btn btn-long" type="success" @click="onDownload"
-              >成 绩 下 载</el-button
+            <el-button
+              class="btn btn-long"
+              :class="{ 'btn-disabled': isDownloadDisabled }"
+              type="success"
+              icon="el-icon-download"
+              :disabled="isDownloadDisabled"
+              @click="onDownload"
+              >成绩下载</el-button
             >
           </div>
           <div class="label">学习进度</div>
@@ -205,10 +218,12 @@
     <NewEmployeeGuideDialog
       :visible.sync="guideDialogVisible"
       @close="guideDialogVisible = false"
+      :showBtn="false"
     />
     <!-- 转正流程图弹窗 -->
     <el-dialog
       :visible.sync="chartVisible"
+      title="转正流程示意图"
       :close-on-click-modal="false"
       @close="chartVisible = false"
     >
@@ -217,6 +232,8 @@
         <img width="100%" src="../../assets/images/flowchart.png" alt="" />
       </div>
     </el-dialog>
+    <!-- 自定义信息提示 -->
+    <CustomInfoMessage ref="customMessage" />
   </div>
 </template>
 
@@ -225,6 +242,7 @@ import portalHeader from "@/components/PortalHeader.vue";
 import portalFooter from "@/components/PortalFooter.vue";
 import portalFloatTools from "@/components/PortalFloatTools.vue";
 import NewEmployeeGuideDialog from "@/components/NewEmployeeGuideDialog.vue";
+import CustomInfoMessage from "@/components/CustomInfoMessage.vue";
 import { mapGetters } from "vuex";
 import {
   getWelcomeData,
@@ -232,6 +250,7 @@ import {
   getStuProjectProcess,
   downloadSocialRecruitReport,
   getSzxygProjectInfo,
+  enrollRequest,
 } from "@/api/new-employee/newEmployee";
 import { start } from "nprogress";
 
@@ -242,13 +261,14 @@ export default {
     portalFooter,
     portalFloatTools,
     NewEmployeeGuideDialog,
+    CustomInfoMessage,
   },
   data() {
     return {
       flag: "all",
       status: "all",
       page: 1,
-      pageSize: 10,
+      pageSize: 20,
       total: 0,
       loading: false,
       projectId: "",
@@ -276,6 +296,12 @@ export default {
   },
   computed: {
     ...mapGetters(["userInfo"]),
+    // 判断下载按钮是否应该禁用
+    isDownloadDisabled() {
+      // 只有在审核通过(3)且学习进度为100时才可下载
+      // 其他情况（报名失败1、审核中2、审核失败4、进度未到100）都禁用
+      return this.approvalResults != 3 || this.progressRing.total != 100;
+    },
   },
   methods: {
     async initIds() {
@@ -343,24 +369,24 @@ export default {
       );
     },
     async onDownload() {
-      if (!this.projectId || !this.studentId) {
-        this.$message.warning("缺少项目信息或学员信息");
-        return;
-      }
+      // if (!this.projectId || !this.studentId) {
+      //   this.$message.warning("缺少项目信息或学员信息");
+      //   return;
+      // }
       if (this.approvalResults != 2) {
-        this.$message.warning(
-          "您的报名正在审核中，无法下载成绩单，请审核通过后下载"
-        );
+        // this.$refs.customMessage.show(
+        //   "您的报名正在审核中，无法下载成绩单，请审核通过后下载"
+        // );
         return;
       }
       if (this.approvalResults != 4) {
-        this.$message.warning(
-          "请您重新报名，重新报名不影响当前学习进度，请在审核通过后下载成绩单"
-        );
+        // this.$refs.customMessage.show(
+        //   "请您重新报名，重新报名不影响当前学习进度，请在审核通过后下载成绩单"
+        // );
         return;
       }
       if (this.progressRing.total != 100) {
-        this.$message.warning("请您完成学习课程后下载成绩单");
+        // this.$message.warning("请您完成学习课程后下载成绩单");
         return;
       }
       try {
@@ -375,15 +401,22 @@ export default {
         this.$message.error("下载失败");
       }
     },
-    returnEnroll() {
-      this.$router.push("/new-employee/welcome");
+    async returnEnroll() {
+      // this.$router.push("/new-employee/welcome");
+      const res = await enrollRequest();
+      if (res.data.sendToOaSuccess != 0) {
+        this.$refs.customMessage.show("报名失败，请联系XXXX，联系方式：XXXXXX");
+      } else {
+        this.$refs.customMessage.show("您已重新报名成功");
+        this.approvalResults = 2;
+      }
     },
   },
   async mounted() {
     const res = await getWelcomeData();
     // 社招新员工项目标识：0否，1是
     if (res.data.approvalResults == 1) {
-      this.$message.error("未报名或报名失败，请前往报名页面进行报名");
+      this.$refs.customMessage.show("未报名或报名失败，请前往报名页面进行报名");
       this.$router.push("/new-employee/welcome");
     }
     // 1报名失败、2审核中、3审核通过、4审核失败
@@ -448,7 +481,7 @@ export default {
 
 /* 筛选条 */
 .filters {
-  padding: 8px 12px;
+  padding: 0px 12px 8px;
   display: flex;
   gap: 24px;
   align-items: center;
@@ -600,12 +633,6 @@ export default {
   text-align: right;
   font-size: 14px;
 }
-.item-right.link {
-  color: #0f80ff;
-}
-.item-right.done {
-  color: #8a8f99;
-}
 .item-right.score {
   font-weight: 700;
 }
@@ -665,7 +692,7 @@ export default {
 
 /* 单选按钮组胶囊皮肤（替代 Tabs），保持外观一致 */
 .pill-radios {
-  padding-top: 8px;
+  padding-top: 20px;
 }
 .pill-radios >>> .el-radio-button__inner {
   background: #f3f5f8;
@@ -733,8 +760,8 @@ export default {
   font-weight: 600;
 }
 .btn-outline {
-  background: #ffffff;
-  color: rgba(0, 120, 252, 1);
+  background: rgba(0, 120, 252, 1);
+  color: #fff;
   border: 1px solid rgba(0, 120, 252, 1);
   width: 120px;
 }
@@ -754,6 +781,18 @@ export default {
   color: #ffffff;
   box-shadow: 0 2px 8px rgba(26, 192, 127, 0.35);
 }
+.btn-long.btn-disabled,
+.btn-long:disabled {
+  background: #cccccc !important;
+  color: #ffffff !important;
+  cursor: not-allowed !important;
+  box-shadow: none !important;
+}
+.btn-long.btn-disabled:hover,
+.btn-long:disabled:hover {
+  background: #cccccc !important;
+  transform: none !important;
+}
 
 .progress-circles {
   display: flex;
diff --git a/src/views/new-employee/WelcomePage.vue b/src/views/new-employee/WelcomePage.vue
index 54f8310d..37ad9cd3 100644
--- a/src/views/new-employee/WelcomePage.vue
+++ b/src/views/new-employee/WelcomePage.vue
@@ -67,6 +67,8 @@
       :onCancel="() => (infoConfirmDialogVisible = false)"
       @close="handleDialogClose"
     />
+    <!-- 自定义信息提示 -->
+    <CustomInfoMessage ref="customMessage" />
   </div>
 </template>
 
@@ -74,10 +76,11 @@
 import { mapGetters } from "vuex";
 import { getWelcomeData, enrollRequest } from "@/api/new-employee/newEmployee";
 import NewEmployeeGuideDialog from "@/components/NewEmployeeGuideDialog.vue";
+import CustomInfoMessage from "@/components/CustomInfoMessage.vue";
 
 export default {
   name: "WelcomePage",
-  components: { NewEmployeeGuideDialog },
+  components: { NewEmployeeGuideDialog, CustomInfoMessage },
   data() {
     return {
       userName: "",
@@ -115,19 +118,22 @@ export default {
 
     // 报名按钮点击
     async handleEnrollClick() {
-      this.infoConfirmDialogVisible = true;
+      if (this.approvalResults == "1" || this.approvalResults == "4") {
+        const res = await enrollRequest();
+        if (res.data.sendToOaSuccess != 0) {
+          this.$refs.customMessage.show(
+            "报名失败，请联系XXXX，联系方式：XXXXXX"
+          );
+          return;
+        }
+      } else {
+        this.infoConfirmDialogVisible = true;
+      }
     },
 
     // 确认按钮
     async handleConfirm() {
       try {
-        if (this.approvalResults == "1" || this.approvalResults == "4") {
-          const res = await enrollRequest();
-          if (res.data.sendToOaSuccess != 0) {
-            this.$message.error("报名失败，请联系XXXX，联系方式：XXXXXX");
-            return;
-          }
-        }
         this.$router.push("/new-employee/study");
       } catch (error) {
         console.error("提交失败:", error);
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 787b52bb..acb5dde7 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -1,17 +1,26 @@
 <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 style="padding-top: 30px">
       <div class="xcontent2">
         <div class="navTitle">
           <a @click="handleClearTags">课程分类&nbsp;</a>
           <span v-if="navTitle.length">></span>
           <template v-if="navTitle.length">
-            <div class="oneTitle" v-for="(item, index) in navTitle" :key="item.id"
-              @click="handleOptionClick(item, index)">
+            <div
+              class="oneTitle"
+              v-for="(item, index) in navTitle"
+              :key="item.id"
+              @click="handleOptionClick(item, index)"
+            >
               <span class="titleName">&nbsp;{{ item.name }}&nbsp;</span>
               <span v-if="index !== navTitle.length - 1">></span>
             </div>
@@ -20,7 +29,7 @@
       </div>
       <div class="xcontent2">
         <!-- 左侧三级 -->
-        <div class="xcontent2-minor" style="margin-right:36px;">
+        <div class="xcontent2-minor" style="margin-right: 36px">
           <!-- <router-link to="/courseRecommended" style="margin-bottom: 20px;" class="course-recommended-style">
             <div class="imgTilte">
             </div>
@@ -32,27 +41,59 @@
             </div>
           </div>
           <div class="course-list">
-            <div class="course-one" v-for="one in oneList" :key="one.id" @click.stop="handleOptionClick(one, 1, oneList)">
+            <div
+              class="course-one"
+              v-for="one in oneList"
+              :key="one.id"
+              @click.stop="handleOptionClick(one, 1, oneList)"
+            >
               <div class="course-one-content">{{ one.name }}</div>
-              <div class="course-two" v-for="(twoList, twoIndex) in one.children" :key="twoList.id"
+              <div
+                class="course-two"
+                v-for="(twoList, twoIndex) in one.children"
+                :key="twoList.id"
                 @click.stop="handleOptionClick(twoList, 2, one.children)"
-                :class="{ courseTwoActive: twoList.id == twoId || twoList.checked }" @mouseleave.stop="leaveIndex"
-                @mouseenter.stop="changeIndex(twoList.id)">
+                :class="{
+                  courseTwoActive: twoList.id == twoId || twoList.checked,
+                }"
+                @mouseleave.stop="leaveIndex"
+                @mouseenter.stop="changeIndex(twoList.id)"
+              >
                 <!-- 三级分类 -->
-                <el-popover class="popover" popper-class='coursePopperClass' placement="right-start" width="536"
-                  :disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover"
-                  :visible-arrow="false" @hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
-                  <div class="course-two-content" slot="reference">{{
-                    twoList.name }}</div>
+                <el-popover
+                  class="popover"
+                  popper-class="coursePopperClass"
+                  placement="right-start"
+                  width="536"
+                  :disabled="!twoList.children.length"
+                  :open-delay="0"
+                  :close-delay="0"
+                  trigger="hover"
+                  :visible-arrow="false"
+                  @hide="leaveIndex"
+                  @show="changeIndex(twoList.id)"
+                  transition="none"
+                >
+                  <div class="course-two-content" slot="reference">
+                    {{ twoList.name }}
+                  </div>
                   <!-- 内容 -->
                   <div class="course-three-box">
                     <div class="course-three-box-title">
                       {{ twoList.name }}
                     </div>
-                    <div style="padding: 0 40px;display: flex;flex-wrap: wrap;">
-                      <div :class="threeList.checked ? 'threeActive' : ''" v-for="threeList in twoList.children"
-                        :key="threeList.id" @click.stop="handleOptionClick(threeList, 3, twoList.children)"
-                        class="course-three">
+                    <div
+                      style="padding: 0 40px; display: flex; flex-wrap: wrap"
+                    >
+                      <div
+                        :class="threeList.checked ? 'threeActive' : ''"
+                        v-for="threeList in twoList.children"
+                        :key="threeList.id"
+                        @click.stop="
+                          handleOptionClick(threeList, 3, twoList.children)
+                        "
+                        class="course-three"
+                      >
                         <span>{{ threeList.name }}</span>
                       </div>
                     </div>
@@ -283,115 +324,225 @@
           </div> -->
           <!-- 内容导航 -->
           <div class="topNav" v-if="!newData">
-            <div class="search-div nav" style="height: 100px;flex: 1;">
-              <div @click="handleTypeAllClick(1)" class="option-item" :class="{ 'option-active': ctypeTagAll }">
+            <div class="search-div nav" style="height: 100px; flex: 1">
+              <div
+                @click="handleTypeAllClick(1)"
+                class="option-item"
+                :class="{ 'option-active': ctypeTagAll }"
+              >
                 <a>全部</a>
                 <span :class="ctypeTagAll ? 'nav-bottbor' : ''"></span>
               </div>
-              <div @click="handleTypeClick(ctypeList[0], ctypeList)" class="option-item"
-                :class="{ 'option-active': ctypeList[0].checked }">
+              <div
+                @click="handleTypeClick(ctypeList[0], ctypeList)"
+                class="option-item"
+                :class="{ 'option-active': ctypeList[0].checked }"
+              >
                 <a>录播课</a>
                 <span :class="ctypeList[0].checked ? 'nav-bottbor' : ''"></span>
               </div>
-              <div @click="handleTypeClick(ctypeList[1], ctypeList)" class="option-item"
-                :class="{ 'option-active': ctypeList[1].checked }">
+              <div
+                @click="handleTypeClick(ctypeList[1], ctypeList)"
+                class="option-item"
+                :class="{ 'option-active': ctypeList[1].checked }"
+              >
                 <a>线下课</a>
                 <span :class="ctypeList[1].checked ? 'nav-bottbor' : ''"></span>
               </div>
-              <div @click="handleTypeClick(ctypeList[2], ctypeList)" class="option-item"
-                :class="{ 'option-active': ctypeList[2].checked }">
+              <div
+                @click="handleTypeClick(ctypeList[2], ctypeList)"
+                class="option-item"
+                :class="{ 'option-active': ctypeList[2].checked }"
+              >
                 <a>学习项目</a>
                 <span :class="ctypeList[2].checked ? 'nav-bottbor' : ''"></span>
               </div>
               <a class="option-item">
-                <span @click="uClassClick" class="Uxtext" style=""> U选小课堂
+                <span @click="uClassClick" class="Uxtext" style="">
+                  U选小课堂
                   <span class="uxicon">
-                    <svg-icon icon-class="hot" style="font-size:22px"></svg-icon>
+                    <svg-icon
+                      icon-class="hot"
+                      style="font-size: 22px"
+                    ></svg-icon>
                   </span>
                 </span>
               </a>
             </div>
-            <div id="fixd-box" class="upload" style="margin-left: 26px;">
+            <div id="fixd-box" class="upload" style="margin-left: 26px">
               <div v-if="identity == 2 || identity == 3 || identity == 5">
-                <div class="portal-model-btn pointer" style="margin-bottom: 0px;height: 100px;line-height: 100px;"
-                  @click="toNeedCourse">
-                  <svg-icon style="margin-right: 10px;font-size: 24px;" icon-class="upCourse"></svg-icon>
+                <div
+                  class="portal-model-btn pointer"
+                  style="margin-bottom: 0px; height: 100px; line-height: 100px"
+                  @click="toNeedCourse"
+                >
+                  <svg-icon
+                    style="margin-right: 10px; font-size: 24px"
+                    icon-class="upCourse"
+                  ></svg-icon>
                   上传课程
                 </div>
               </div>
             </div>
           </div>
           <!-- 清除 -->
-          <div v-if="stagList.length > 0 && !newData" class="search-div" style="padding: 0;margin-bottom: 20px;">
-            <div class="searchbar" style="background-color:#f6f7fb;display: flex;justify-content: space-between;">
-              <div style="line-height: 30px;">
+          <div
+            v-if="stagList.length > 0 && !newData"
+            class="search-div"
+            style="padding: 0; margin-bottom: 20px"
+          >
+            <div
+              class="searchbar"
+              style="
+                background-color: #f6f7fb;
+                display: flex;
+                justify-content: space-between;
+              "
+            >
+              <div style="line-height: 30px">
                 <span class="item-title"> 搜索条件</span>
-                <el-tag closable v-for="(tag, tagIdx) in stagList" :key="'t' + tagIdx" @close="stagClose(tag, tagIdx)">{{
-                  tag.name }}</el-tag>
+                <el-tag
+                  closable
+                  v-for="(tag, tagIdx) in stagList"
+                  :key="'t' + tagIdx"
+                  @close="stagClose(tag, tagIdx)"
+                  >{{ tag.name }}</el-tag
+                >
               </div>
               <div>
-                <el-button type="primary" size="mini" @click="handleClearTags">清除</el-button>
+                <el-button type="primary" size="mini" @click="handleClearTags"
+                  >清除</el-button
+                >
               </div>
             </div>
           </div>
 
           <!-- 标题最新最热好评率 -->
-          <div class="xcourse-list" style="background-color: #fff;border-radius: 8px;padding:0 25px;">
+          <div
+            class="xcourse-list"
+            style="background-color: #fff; border-radius: 8px; padding: 0 25px"
+          >
             <div class="order-div" v-if="!newData">
               <span class="quyer-tag">
-                <el-button type="text" class="order-class" @click="orderChange('studys')"
-                  :class="{ actice: course.orderField == 'studys' }">最热</el-button>
-                <el-button type="text" class="order-class" @click="orderChange('publishTime')"
-                  :class="{ actice: course.orderField == 'publishTime' }">最新</el-button>
-                <el-button type="text" class="order-class" @click="orderChange('score')"
-                  :class="{ actice: course.orderField == 'score' }">好评率</el-button>
+                <el-button
+                  type="text"
+                  class="order-class"
+                  @click="orderChange('studys')"
+                  :class="{ actice: course.orderField == 'studys' }"
+                  >最热</el-button
+                >
+                <el-button
+                  type="text"
+                  class="order-class"
+                  @click="orderChange('publishTime')"
+                  :class="{ actice: course.orderField == 'publishTime' }"
+                  >最新</el-button
+                >
+                <el-button
+                  type="text"
+                  class="order-class"
+                  @click="orderChange('score')"
+                  :class="{ actice: course.orderField == 'score' }"
+                  >好评率</el-button
+                >
               </span>
               <span class="order-count">
-                共找到<span>{{ count }}</span>个结果
+                共找到<span>{{ count }}</span
+                >个结果
               </span>
             </div>
             <template v-if="!newData">
-              <div class="xcourse-card" v-for="(cinfo, cidx) in courseList" :key="cinfo.id">
-                <div class="course-card" style="padding: 10px;">
+              <div
+                class="xcourse-card"
+                v-for="(cinfo, cidx) in courseList"
+                :key="cinfo.id"
+              >
+                <div class="course-card" style="padding: 10px">
                   <a @click="toCourseDetail(cinfo)">
                     <div class="course-img-box">
                       <course-image :text="true" :course="cinfo"></course-image>
-                      <span v-if="cinfo.type == 20 || 10" class="course-type-left">录播课</span>
-                      <span v-if="cinfo.type == 30" class="course-type-left">线下课</span>
-                      <span v-if="cinfo.type == 40" class="course-type-left">学习项目</span>
+                      <span
+                        v-if="cinfo.type == 20 || 10"
+                        class="course-type-left"
+                        >录播课</span
+                      >
+                      <span v-if="cinfo.type == 30" class="course-type-left"
+                        >线下课</span
+                      >
+                      <span v-if="cinfo.type == 40" class="course-type-left"
+                        >学习项目</span
+                      >
                     </div>
-                    <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
+                    <div
+                      class="course-title two-line-ellipsis"
+                      :title="cinfo.title"
+                      v-html="cinfo.name"
+                    ></div>
                     <!-- 关键字 -->
                     <div class="keywordInfo-every">
-                      <div class="keywordInfo" v-for="(keyword, index) in cinfo.keywordsActive" :key="index">
-                        <el-tooltip popper-class="keywordInfo-class" :visible-arrow="false"
-                          :disabled="!keyword.showTitle">
+                      <div
+                        class="keywordInfo"
+                        v-for="(keyword, index) in cinfo.keywordsActive"
+                        :key="index"
+                      >
+                        <el-tooltip
+                          popper-class="keywordInfo-class"
+                          :visible-arrow="false"
+                          :disabled="!keyword.showTitle"
+                        >
                           <template #content>
                             <span v-html="keyword.title"></span>
                           </template>
-                          <div class="keyword-content" v-html="keyword.name"></div>
+                          <div
+                            class="keyword-content"
+                            v-html="keyword.name"
+                          ></div>
                         </el-tooltip>
                       </div>
                     </div>
                     <div class="couresstartTime">
-                      <span v-if="cinfo.type == 30 && cinfo.startTime">开课时间：{{ cinfo.startTime }}</span>
+                      <span v-if="cinfo.type == 30 && cinfo.startTime"
+                        >开课时间：{{ cinfo.startTime }}</span
+                      >
                     </div>
 
                     <div class="course-info">
-                      <div class="course-info-user" style="max-width: 100px;" v-if="cinfo.teacher">
-                        <el-tooltip :content="cinfo.teacher" placement="bottom" effect="light">
-                          <span class="course-info-author">{{ cinfo.teacher }}</span>
+                      <div
+                        class="course-info-user"
+                        style="max-width: 100px"
+                        v-if="cinfo.teacher"
+                      >
+                        <el-tooltip
+                          :content="cinfo.teacher"
+                          placement="bottom"
+                          effect="light"
+                        >
+                          <span class="course-info-author">{{
+                            cinfo.teacher
+                          }}</span>
                         </el-tooltip>
                       </div>
                       <div class="course-info-user">
-                        <span class="course-info-studys">{{ formatNum(cinfo.studies) }}人学习</span>
+                        <span class="course-info-studys"
+                          >{{ formatNum(cinfo.studies) }}人学习</span
+                        >
                       </div>
                       <div class="course-info-score">
-                        <div style="display: flex;">
-                          <interactBar :type="1" nodeWidth="20px" :data="cinfo" :courseExclusive="true" :comments="false"
-                            :praises="false" :shares="false" :views="false"></interactBar>
+                        <div style="display: flex">
+                          <interactBar
+                            :type="1"
+                            nodeWidth="20px"
+                            :data="cinfo"
+                            :courseExclusive="true"
+                            :comments="false"
+                            :praises="false"
+                            :shares="false"
+                            :views="false"
+                          ></interactBar>
                           <div v-if="cinfo.score">
-                            <span class="course-score-value">{{ toScore(cinfo.score) }}分</span>
+                            <span class="course-score-value"
+                              >{{ toScore(cinfo.score) }}分</span
+                            >
                           </div>
                           <div v-else class="course-score-no">未评分</div>
                         </div>
@@ -403,19 +554,34 @@
             </template>
             <!-- 线上品牌系列课程 -->
             <template v-if="newData">
-              <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="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">
                       <course-image :text="true" :course="cinfo"></course-image>
                     </div>
-                    <div class="course-title two-line-ellipsis" :title="cinfo.title" v-html="cinfo.name"></div>
+                    <div
+                      class="course-title two-line-ellipsis"
+                      :title="cinfo.title"
+                      v-html="cinfo.name"
+                    ></div>
                     <div class="course-title two-line-ellipsis">
                       {{ cinfo.remark }}
                     </div>
                     <div class="course-info">
                       <div class="course-info-user">
-                        <span class="course-info-author" v-if="cinfo.teacher" v-html="cinfo.teacher"></span>
+                        <span
+                          class="course-info-author"
+                          v-if="cinfo.teacher"
+                          v-html="cinfo.teacher"
+                        ></span>
                       </div>
                     </div>
                   </a>
@@ -428,13 +594,21 @@
                 v-if="moreState == 1 && courseList.length >= course.pageSize">加载更多</span> -->
               <!-- <span class="pag-text-msg" v-if="moreState == 2">数据加载中</span> -->
               <!-- <span class="pag-text-msg" v-else-if="moreState == 3 && courseList.length > 0">没有更多数据了</span> -->
-              <span class="notcoures" v-if="moreState == 3 && courseList.length == 0">
-                <img :src="`${webBaseUrl}/images/nocouresimg.png`" alt="">
+              <span
+                class="notcoures"
+                v-if="moreState == 3 && courseList.length == 0"
+              >
+                <img :src="`${webBaseUrl}/images/nocouresimg.png`" alt="" />
                 <h5>暂无课程，请优先学习其它课程吧～</h5>
               </span>
               <div v-if="courseList.length > 0">
-                <pagination :size="course.pageSize" :total="count" :page="course.pageIndex"
-                  layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
+                <pagination
+                  :size="course.pageSize"
+                  :total="count"
+                  :page="course.pageIndex"
+                  layout="total, prev, pager, next, jumper"
+                  @change-page="currentChange"
+                ></pagination>
               </div>
             </div>
           </div>
@@ -460,7 +634,11 @@
             <div class="right">
               <div class="tyl" @click="tylClick">
                 <div class="tyl_title">
-                  <img src="../../../assets/images/dc.png" alt="" class="tyl_title_img" />
+                  <img
+                    src="../../../assets/images/dc.png"
+                    alt=""
+                    class="tyl_title_img"
+                  />
                   <span class="tyl_title_msg">通用力专区</span>
                 </div>
                 <div class="tyl_jy">加厚职业素养，轻学习、快成长！</div>
@@ -468,9 +646,7 @@
                   内容涵盖：领导力、市场营销、职场技能、财务知识、法律常识、人力资源、经典国学、人文社科
                 </div>
               </div>
-              <div class="text_msg">
-                创新力专区课程版权已到期！
-              </div>
+              <div class="text_msg">创新力专区课程版权已到期！</div>
               <!-- <div class="cyl" @click="cylClick">
                 <div class="tyl_title">
                   <img src="../../../assets/images/cyl.png" alt="" class="tyl_title_img" />
@@ -491,7 +667,7 @@
 </template>
 <script>
 import { mapGetters, mapActions } from "vuex";
-import couresinteract from '@/components/Portal/course/couresinteract.vue';
+import couresinteract from "@/components/Portal/course/couresinteract.vue";
 import portalHeader from "@/components/PortalHeader.vue";
 import portalFooter from "@/components/PortalFooter.vue";
 import portalFloatTools from "@/components/PortalFloatTools.vue";
@@ -509,10 +685,17 @@ import scene from "@/api/modules/scene.js";
 import apiUserbasic from "@/api/boe/userbasic.js";
 import interactBar from "@/components/Portal/interactBar.vue";
 import courseImage from "@/components/Course/courseImage.vue";
-import { courseType, getType, toScore, formatDate, formatUserNumber, formatDateByFmt } from "@/utils/tools.js";
+import {
+  courseType,
+  getType,
+  toScore,
+  formatDate,
+  formatUserNumber,
+  formatDateByFmt,
+} from "@/utils/tools.js";
 import { deepClone, param } from "../../../utils";
 import apiSearchterm from "@/api/modules/searchterm.js";
-import apiPlace from "@/api/phase2/place.js"
+import apiPlace from "@/api/phase2/place.js";
 export default {
   name: "index",
   components: {
@@ -524,37 +707,37 @@ export default {
     authorInfo,
     couresinteract,
     courseImage,
-    interactBar
+    interactBar,
   },
   computed: {
     ...mapGetters(["resOwnerMap", "sysTypeMap", "userInfo", "identity"]),
     typeList() {
       let list = [];
-
     },
-    stagList() { //计算出选择的内容
+    stagList() {
+      //计算出选择的内容
       let list = [];
       if (this.keyword) {
         list.push({
           type: 0,
-          id: 'keyword',
+          id: "keyword",
           name: this.keyword,
-          checked: true
-        })
+          checked: true,
+        });
       }
-      this.ctypeList.forEach(item => {
+      this.ctypeList.forEach((item) => {
         if (item.checked) {
           list.push(item);
         }
       });
-      this.oneList.forEach(one => {
-        var twoChildChecked = false;//是否有下级
-        one.children.forEach(two => {
+      this.oneList.forEach((one) => {
+        var twoChildChecked = false; //是否有下级
+        one.children.forEach((two) => {
           if (two.checked) {
             twoChildChecked = true;
           }
           var threeChildChecked = false;
-          two.children.forEach(three => {
+          two.children.forEach((three) => {
             if (three.checked) {
               list.push(three);
               threeChildChecked = true;
@@ -567,7 +750,7 @@ export default {
         if (one.checked && !twoChildChecked) {
           list.push(one);
         }
-      })
+      });
       // this.oneList.forEach(item=>{
       //   if(item.checked){
       //     list.push(item);
@@ -587,7 +770,7 @@ export default {
       return list;
     },
     ctypeTagAll() {
-      let flag = this.ctypeList.some(item => {
+      let flag = this.ctypeList.some((item) => {
         return item.checked;
       });
       return !flag;
@@ -613,27 +796,27 @@ export default {
   },
   data() {
     return {
-      newData: false,//线上品牌系列隐藏
+      newData: false, //线上品牌系列隐藏
       navTitle: [],
       // 设置高亮
-      twoId: '',
-      count: 0,//分页总条条数
+      twoId: "",
+      count: 0, //分页总条条数
       showUClass: false,
       ctypeList: [
-        { type: 1, id: 20, name: '录播课', checked: false },
-        { type: 1, id: 30, name: '线下课', checked: false },
-        { type: 1, id: 40, name: '学习项目', checked: false },
+        { type: 1, id: 20, name: "录播课", checked: false },
+        { type: 1, id: 30, name: "线下课", checked: false },
+        { type: 1, id: 40, name: "学习项目", checked: false },
       ],
-      id: '',
+      id: "",
       oneList: [], //一级分类{type:11}
       twoList: [], //二级分类{type:12}
-      threeList: [],//三级分类{type:13}
-      searching: false,//是否正在搜索中
+      threeList: [], //三级分类{type:13}
+      searching: false, //是否正在搜索中
 
       resonimg: {},
       formatDate,
       formatNum: formatUserNumber,
-      audiences: [],//当前用户的受众
+      audiences: [], //当前用户的受众
       couretitle: "",
       toScore,
       noPageList: true, //判断接口是否还有数据
@@ -644,28 +827,28 @@ export default {
       // 查询信息
       course: {
         orderField: "studys",
-        companyId: '',
-        keyword: '',//关键词
+        companyId: "",
+        keyword: "", //关键词
         topOrder: true,
         orderAsc: false,
         pageIndex: 1, // 第几页
-        pageSize: 9,//每页多少条
-        openCourse: 0,//增加的公开课查询
-        userId:''
+        pageSize: 9, //每页多少条
+        openCourse: 0, //增加的公开课查询
+        userId: "",
       },
       sceneList: [], //场景
-      keyword: "",//查询的关键字
+      keyword: "", //查询的关键字
       anking: "",
       isFind: false,
       searchbar: {
-        top: false
+        top: false,
       },
       ankingList: [],
       scorelist: [],
       queryExpand: true, // true更多，false收起
       //status: 1,
       pager: {
-        total: 40
+        total: 40,
       },
       data: [{}, {}, {}, {}],
       order: 1,
@@ -673,20 +856,20 @@ export default {
       searchRecords: [],
       hotList: [],
       totalPages: 1,
-      localSessionKey: this.$xpage.constants.localCourseFiltersKey
+      localSessionKey: this.$xpage.constants.localCourseFiltersKey,
     };
   },
   // 受众需要每次刷新
   created() {
     let localKey = "user_" + this.userInfo.sysId + "_gids";
-    apiUserbasic.getInAudienceIds().then(rs => {
+    apiUserbasic.getInAudienceIds().then((rs) => {
       if (rs.status == 200) {
         this.audiences = rs.result;
         sessionStorage.setItem(localKey, this.audiences);
       } else {
         console.log(rs.message);
       }
-    })
+    });
   },
   mounted() {
     let screenWidth = window.screen.availWidth;
@@ -712,7 +895,7 @@ export default {
     if (this.$route.query.keyword) {
       this.keyword = this.$route.query.keyword;
     }
-    this.loadTypeData();//加载分类
+    this.loadTypeData(); //加载分类
     //this.getSceneData(); //已经没有场景了
     if (this.keyword) {
       this.totalPages = 4;
@@ -720,7 +903,7 @@ export default {
     //新加
     this.refId = this.$route.query.recommendId;
     if (this.refId) {
-      this.course.type = 'recommend'
+      this.course.type = "recommend";
     }
     this.loadSysTypes();
     this.getScoreList();
@@ -736,7 +919,7 @@ export default {
         this.audiences = hasIds.split(",");
         this.search();
       } else {
-        apiUserbasic.getInAudienceIds().then(rs => {
+        apiUserbasic.getInAudienceIds().then((rs) => {
           if (rs.status == 200) {
             this.audiences = rs.result;
             sessionStorage.setItem(localKey, this.audiences);
@@ -744,7 +927,7 @@ export default {
             console.log(rs.message);
           }
           this.search();
-        })
+        });
         // Promise.all([apiOldCourse.audience(this.userInfo.sysId),apiUserGroup.userGroupIds()]).then(rs=>{
         //    //console.log(rs,'rs');
         //    let aids=[];
@@ -762,8 +945,7 @@ export default {
     }
 
     //this.searchterm();//搜索词已经没有了
-    this.couresreso();//广告位
-
+    this.couresreso(); //广告位
   },
   beforeDestroy() {
     // window.removeEventListener("scroll", this.handleScroll);
@@ -771,16 +953,16 @@ export default {
   methods: {
     // 改变分页
     currentChange(val) {
-      this.course.pageIndex = val
-      this.search()
+      this.course.pageIndex = val;
+      this.search();
     },
     // 移入
     changeIndex(twoId) {
-      this.twoId = twoId
+      this.twoId = twoId;
     },
     // 移除
     leaveIndex() {
-      this.twoId = ''
+      this.twoId = "";
     },
     tylClick() {
       window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
@@ -795,16 +977,16 @@ export default {
     },
     uClassClick() {
       // this.showUClass = true;
-      window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130")
+      window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
     },
     saveLocalFilters() {
       let typeCodeList = [];
-      this.stagList.forEach(item => {
+      this.stagList.forEach((item) => {
         typeCodeList.push({
           type: item.type,
           id: item.id,
-          name: item.name
-        })
+          name: item.name,
+        });
       });
       let typeCodeString = JSON.stringify(typeCodeList);
       //console.log(typeCodeString);
@@ -815,7 +997,7 @@ export default {
       let $this = this;
       if (hasData) {
         let typeCodeList = JSON.parse(hasData);
-        typeCodeList.forEach(item => {
+        typeCodeList.forEach((item) => {
           if (item.type == 0) {
             this.keyword = item.name;
           } else if (item.type == 1) {
@@ -826,93 +1008,94 @@ export default {
             } 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;
                   }
-                })
-              })
-            })
+                });
+              });
+            });
           }
-        })
+        });
       }
     },
     //搜索条件
     stagClose(tag, tagIndex) {
       tag.checked = false;
       if (tag.type == 0) {
-        this.keyword = '';
+        this.keyword = "";
       }
-      this.navTitle = []
+      this.navTitle = [];
       this.searchData();
     },
 
     // 导航全选
     handleTypeAllClick(t) {
       if (t == 1) {
-        this.ctypeList.forEach(ct => {
+        this.ctypeList.forEach((ct) => {
           ct.checked = false;
-        })
+        });
       } else if (t == 11) {
-        this.oneList.forEach(ct => {
+        this.oneList.forEach((ct) => {
           ct.checked = true;
         });
-        this.twoList.forEach(ct => {
+        this.twoList.forEach((ct) => {
           ct.checked = true;
         });
-        this.threeList.forEach(ct => {
+        this.threeList.forEach((ct) => {
           ct.checked = false;
         });
         this.twoList = [];
         this.threeList = [];
       } else if (t == 12) {
-        this.twoList.forEach(ct => {
+        this.twoList.forEach((ct) => {
           ct.checked = false;
         });
-        this.threeList.forEach(ct => {
+        this.threeList.forEach((ct) => {
           ct.checked = false;
         });
         this.threeList = [];
       } else if (t == 13) {
-        this.threeList.forEach(ct => {
+        this.threeList.forEach((ct) => {
           ct.checked = false;
-        })
+        });
       }
       this.searchData();
     },
     // 清除
     handleClearTags() {
       //清空所有的条件
-      this.keyword = '';
-      this.ctypeList.forEach(item => {
+      this.keyword = "";
+      this.ctypeList.forEach((item) => {
         item.checked = false;
       });
-      this.oneList.forEach(one => {
+      this.oneList.forEach((one) => {
         one.checked = false;
-        one.children.forEach(two => {
+        one.children.forEach((two) => {
           two.checked = false;
-          two.children.forEach(three => {
+          two.children.forEach((three) => {
             three.checked = false;
-          })
-        })
+          });
+        });
       });
       this.twoList = [];
       this.threeList = [];
       this.navTitle = [];
       this.newData = false;
-      sessionStorage.removeItem(this.localSessionKey)
+      sessionStorage.removeItem(this.localSessionKey);
       this.searchData();
     },
     // 导航切换(录播课，线下课，学习项目)
@@ -932,27 +1115,27 @@ export default {
       this.newData = item.newData;
       console.log(this.newData);
       // 单选，排除法
-      this.oneList.forEach(one => {
+      this.oneList.forEach((one) => {
         one.checked = false;
         if (one.id == item.id) {
-          this.navTitle = [{ ...one }]
+          this.navTitle = [{ ...one }];
           one.checked = true;
         }
-        one.children.forEach(two => {
+        one.children.forEach((two) => {
           two.checked = false;
           if (two.id == item.id) {
-            this.navTitle = [{ ...one }, { ...two }]
-            two.checked = true
+            this.navTitle = [{ ...one }, { ...two }];
+            two.checked = true;
           }
-          two.children.forEach(three => {
+          two.children.forEach((three) => {
             three.checked = false;
             if (three.id == item.id) {
-              this.navTitle = [{ ...one }, { ...two }, { ...three }]
-              three.checked = true
+              this.navTitle = [{ ...one }, { ...two }, { ...three }];
+              three.checked = true;
             }
-          })
-        })
-      })
+          });
+        });
+      });
 
       // item.checked = !item.checked;
       //使用上面一行是可以多选，使用下面是单选
@@ -1025,18 +1208,18 @@ export default {
       //      });
       //   }
       // })
-      this.oneList.forEach(one => {
+      this.oneList.forEach((one) => {
         if (one.checked) {
-          one.children.forEach(two => {
+          one.children.forEach((two) => {
             $this.twoList.push(two);
             if (two.checked) {
-              two.children.forEach(three => {
+              two.children.forEach((three) => {
                 $this.threeList.push(three);
-              })
+              });
             }
           });
         }
-      })
+      });
     },
     // 加载分类
     async loadTypeData() {
@@ -1052,8 +1235,8 @@ export default {
               name: item.name,
               children: [],
 
-              checked: false
-            }
+              checked: false,
+            };
             if (item.children) {
               //增加死数据
               // item.children.push({
@@ -1064,34 +1247,32 @@ export default {
               //   checked: false,
               //   newData: true
               // })
-              item.children.forEach(subItem => {
+              item.children.forEach((subItem) => {
                 let newSubItem = {
                   type: 12,
                   id: subItem.id,
                   name: subItem.name,
                   children: [],
                   checked: false,
-                  newData: subItem?.newData || false
-                }
+                  newData: subItem?.newData || false,
+                };
 
                 if (subItem.children) {
-                  subItem.children.forEach(sub => {
+                  subItem.children.forEach((sub) => {
                     let newSub = {
                       type: 13,
                       id: sub.id,
                       name: sub.name,
                       children: [],
-                      checked: false
-                    }
+                      checked: false,
+                    };
                     newSubItem.children.push(newSub);
-                  })
+                  });
                 }
                 newItem.children.push(newSubItem);
-              })
+              });
             }
             $this.oneList.push(newItem);
-
-
           });
           this.loadLocalFilters();
           // this.search()
@@ -1107,13 +1288,13 @@ export default {
       }
     },
     couresreso() {
-      let key = 'course';
-      apiPlace.detail(key).then(res => {
+      let key = "course";
+      apiPlace.detail(key).then((res) => {
         let resImgList = JSON.parse(res.result.content);
         if (resImgList && resImgList.length > 0) {
-          this.resonimg = resImgList[0]
+          this.resonimg = resImgList[0];
         }
-      })
+      });
     },
     // 无用
     jumUX() {
@@ -1122,7 +1303,7 @@ export default {
     // 无用
     jumOpen() {
       //公开课 openCourse=1
-      this.course.openCourse = 1;//
+      this.course.openCourse = 1; //
       this.searchData();
     },
     // 头部
@@ -1158,12 +1339,12 @@ export default {
     //   }
     // },
 
-    toNeedCourse() {// 上传
+    toNeedCourse() {
+      // 上传
       // 需要先切换标签
       //this.$store.dispatch('SetCurIdentity',2);
       //this.$router.push('/need/course?open=new');
       this.$refs.floatTools.toNeedCourse();
-
     },
     searchData() {
       this.course.pageIndex = 1;
@@ -1180,7 +1361,7 @@ export default {
       getResOwnerTree: "resOwner/getResOwnerTree",
       loadResOwners: "resOwner/loadResOwners",
       getSysTypeTree: "sysType/getSysTypeTree",
-      loadSysTypes: "sysType/loadSysTypes"
+      loadSysTypes: "sysType/loadSysTypes",
     }),
     sysTypeName(code) {
       if (code == "") {
@@ -1189,7 +1370,7 @@ export default {
       return this.sysTypeMap.get(code);
     },
     searchterm() {
-      apiSearchterm.list(5, 1).then(res => {
+      apiSearchterm.list(5, 1).then((res) => {
         if (res.status == 200) {
           this.searchRecords = res.result;
         }
@@ -1202,22 +1383,37 @@ export default {
       if (!courseId) {
         courseId = item.courseId;
       }
+      if (item.szxygProjectFlag == 1) {
+        this.$router.push("/new-employee/study");
+        return;
+      }
       if (item.source == 1) {
         //return `${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`;
         //location.href=`${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`;
-        this.$router.push('/course/boeframe?id=' + courseId + '&type=' + item.type);
+        this.$router.push(
+          "/course/boeframe?id=" + courseId + "&type=" + item.type
+        );
         //此处使用window.open有问题
         //window.open(`${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`);
       } else if (item.source == 3) {
         //跳转到管理系统的页面
         let manageApi = process.env.VUE_APP_MANAGER_API_PATH;
         let studentPath = process.env.VUE_APP_STUDENT_PATH;
-        if (item.type == 30) { //线下课，面授课
-          let params = encodeURIComponent('courseId=' + courseId);
-          this.$router.push('/forward?to=' + manageApi + '/stu/project/redirectDetail&params=' + params);
-        } else if (item.type == 40) { //学习项目
-          let params = encodeURIComponent('projectId=' + courseId);
-          this.$router.push('/forward?to=' + studentPath + '/projectdetails&params=' + params);
+        if (item.type == 30) {
+          //线下课，面授课
+          let params = encodeURIComponent("courseId=" + courseId);
+          this.$router.push(
+            "/forward?to=" +
+              manageApi +
+              "/stu/project/redirectDetail&params=" +
+              params
+          );
+        } else if (item.type == 40) {
+          //学习项目
+          let params = encodeURIComponent("projectId=" + courseId);
+          this.$router.push(
+            "/forward?to=" + studentPath + "/projectdetails&params=" + params
+          );
           //this.$router.push('/forward?to='+manageApi+'/stu/project/redirectDetail&params='+params);
         }
       } else {
@@ -1225,7 +1421,7 @@ export default {
           //return this.webBaseUrl + "/course/studyindex?id=" + item.id;
           this.$router.push("/course/studyindex?id=" + courseId);
         } else if (item.type == 20) {
-          apiCourseStudy.hasSignup(courseId).then(rs => {
+          apiCourseStudy.hasSignup(courseId).then((rs) => {
             if (rs.status == 200) {
               //return $this.webBaseUrl + "/course/studyindex?id=" + item.id;
               this.$router.push("/course/studyindex?id=" + courseId);
@@ -1233,7 +1429,7 @@ export default {
               //return $this.webBaseUrl + "/course/detail?id=" + item.id;
               this.$router.push("/course/detail?id=" + courseId);
             }
-          })
+          });
           //return $this.webBaseUrl + "/course/detail?id=" + item.id;
         }
       }
@@ -1264,21 +1460,29 @@ export default {
     },
     // 高亮搜索词
     brightenKeyword(val, keyword) {
-      const Reg = new RegExp(keyword, 'i');
-      let res = '';
+      const Reg = new RegExp(keyword, "i");
+      let res = "";
       if (val) {
-        res = val.replace(Reg, `<span style="color: #3e7fff;">${keyword}</span>`);
+        res = val.replace(
+          Reg,
+          `<span style="color: #3e7fff;">${keyword}</span>`
+        );
         return res;
       }
     },
     brightenKeywords(val, keyword) {
-      if (!val) return
-      const keywordData = val.filter(item => item.indexOf(keyword) != -1)
-      const Reg = new RegExp(keyword, 'i');
-      return keywordData.map(item => {
-        let color = '#e89e42'
-        let equalityColor = '#387DF7'
-        let listData = item.replace(Reg, `<span style="color: ${item == keyword ? equalityColor : color};">${keyword}</span>`)
+      if (!val) return;
+      const keywordData = val.filter((item) => item.indexOf(keyword) != -1);
+      const Reg = new RegExp(keyword, "i");
+      return keywordData.map((item) => {
+        let color = "#e89e42";
+        let equalityColor = "#387DF7";
+        let listData = item.replace(
+          Reg,
+          `<span style="color: ${
+            item == keyword ? equalityColor : color
+          };">${keyword}</span>`
+        );
         const regex = /(.*?)(<span.*?>)(.*?)(<\/span>)(.*)/i;
         const match = regex.exec(listData);
         console.log(match);
@@ -1287,35 +1491,48 @@ export default {
         const content = match[3];
         const spanEnd = match[4];
         const contentEnd = match[5];
-        let modifiedStr = '';
+        let modifiedStr = "";
         if (!contentStart) {
-          modifiedStr = `${spanTag}${content.substring(0, 3)}${spanEnd}${content.length == 1 ? contentEnd.substring(0, 2) : content.length == 2 ? contentEnd.substring(0, 1) : ''}`
+          modifiedStr = `${spanTag}${content.substring(0, 3)}${spanEnd}${
+            content.length == 1
+              ? contentEnd.substring(0, 2)
+              : content.length == 2
+              ? contentEnd.substring(0, 1)
+              : ""
+          }`;
         } else if (contentStart.length == 1) {
-          modifiedStr = `${contentStart}${spanTag}${content.substring(0, 2)}${spanEnd}${content.length == 1 ? contentEnd.substring(0, 1) : ''}`
+          modifiedStr = `${contentStart}${spanTag}${content.substring(
+            0,
+            2
+          )}${spanEnd}${content.length == 1 ? contentEnd.substring(0, 1) : ""}`;
         } else if (contentStart.length == 2) {
-          modifiedStr = `${contentStart}${spanTag}${content.substring(0, 1)}${spanEnd}`
+          modifiedStr = `${contentStart}${spanTag}${content.substring(
+            0,
+            1
+          )}${spanEnd}`;
         } else {
-          modifiedStr = contentStart.substring(0, 3)
+          modifiedStr = contentStart.substring(0, 3);
         }
         console.log(modifiedStr);
         return {
           name: modifiedStr,
           title: listData,
-          showTitle: item.length > 3
-        }
-      })
+          showTitle: item.length > 3,
+        };
+      });
     },
-    getAllChecked() { //获取全部选中的标签
+    getAllChecked() {
+      //获取全部选中的标签
       let list = [];
 
-      this.ctypeList.forEach(item => {
+      this.ctypeList.forEach((item) => {
         if (item.checked) {
           list.push(item);
         }
       });
-      this.oneList.forEach(one => {
-        one.children.forEach(two => {
-          two.children.forEach(three => {
+      this.oneList.forEach((one) => {
+        one.children.forEach((two) => {
+          two.children.forEach((three) => {
             if (three.checked) {
               list.push(three);
             }
@@ -1327,7 +1544,7 @@ export default {
         if (one.checked) {
           list.push(one);
         }
-      })
+      });
       return list;
     },
     // 查询
@@ -1353,25 +1570,33 @@ export default {
       }
       //console.log(this.userInfo)
       //this.course.companyId=this.userInfo.companyId;
-      this.course.type = "";//不使用单查询了
+      this.course.type = ""; //不使用单查询了
       this.course.types = "";
       this.course.sysType1 = "";
       this.course.sysType2 = "";
       this.course.sysType3 = "";
       this.course.keyword = this.keyword;
       let allChecked = this.getAllChecked();
-      allChecked.forEach(item => {
+      allChecked.forEach((item) => {
         if (item.type == 1) {
-          if (that.course.types) { that.course.types += '-'; }
+          if (that.course.types) {
+            that.course.types += "-";
+          }
           that.course.types += item.id;
         } else if (item.type == 11) {
-          if (that.course.sysType1) { that.course.sysType1 += '-'; }
+          if (that.course.sysType1) {
+            that.course.sysType1 += "-";
+          }
           that.course.sysType1 += item.id;
         } else if (item.type == 12) {
-          if (that.course.sysType2) { that.course.sysType2 += '-'; }
+          if (that.course.sysType2) {
+            that.course.sysType2 += "-";
+          }
           that.course.sysType2 += item.id;
         } else if (item.type == 13) {
-          if (that.course.sysType3) { that.course.sysType3 += '-'; }
+          if (that.course.sysType3) {
+            that.course.sysType3 += "-";
+          }
           that.course.sysType3 += item.id;
         }
       });
@@ -1385,95 +1610,110 @@ export default {
       let isTopList = [];
       // 隐藏loadMore
       this.moreState = 2;
-      this.course.userId = this.userInfo.aid
-      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('-');
-              //item.startTime = `${time[0]}年${time[1]}月${time[2]}日`
-            }
-            //教师转化
-            if (item.teacher) {
-              item.teacher = item.teacher.split(',').filter(itemValue => itemValue !== 'BOE教师').join(',');
-              // if (dotIdx > 0) {
+      this.course.userId = this.userInfo.aid;
+      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('-');
+                //item.startTime = `${time[0]}年${time[1]}月${time[2]}日`
+              }
+              //教师转化
+              if (item.teacher) {
+                item.teacher = item.teacher
+                  .split(",")
+                  .filter((itemValue) => itemValue !== "BOE教师")
+                  .join(",");
+                // if (dotIdx > 0) {
                 // item.teacher = item.teacher.substring(0, dotIdx);
-              // }
-            }
-            if (item.teacher && item.teacher == 'BOE教师') {
-              item.teacher = '';
-            }
+                // }
+              }
+              if (item.teacher && item.teacher == "BOE教师") {
+                item.teacher = "";
+              }
 
-            //转化标红显示
-            item.title = item.name;
-            if (that.course.keyword) {
-              item.name = that.brightenKeyword(item.name, that.course.keyword);
-              item.keywordsActive = that.brightenKeywords(item.keywordsList, that.course.keyword)
-              console.log(item.keywordsActive);
-            } else {
-              item.name = item.name;
+              //转化标红显示
+              item.title = item.name;
+              if (that.course.keyword) {
+                item.name = that.brightenKeyword(
+                  item.name,
+                  that.course.keyword
+                );
+                item.keywordsActive = that.brightenKeywords(
+                  item.keywordsList,
+                  that.course.keyword
+                );
+                console.log(item.keywordsActive);
+              } else {
+                item.name = item.name;
+              }
+            });
+            console.log(res.result.list, "data");
+            this.courseList = res?.result?.list ?? [];
+            console.log(this.courseList);
+            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:
+                    "备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备",
+                },
+              ];
             }
-          });
-console.log(res.result.list,'data')
-          this.courseList = res?.result?.list ?? []
-          console.log(this.courseList);
-          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: '备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注备'
-              },
-            ]
+            this.count = res?.result?.count;
+            if (this.newData) {
+              this.count = 1;
+            }
+            this.moreState = 3;
+          } else {
+            this.moreState = 2;
           }
-          this.count = res?.result?.count
-          if (this.newData) {
-            this.count = 1
-          }
-          this.moreState = 3
-        } else {
-          this.moreState = 2;
-        }
-      })
-        .catch(err => {
+        })
+        .catch((err) => {
           this.moreState = 2;
         });
     },
@@ -1490,44 +1730,44 @@ console.log(res.result.list,'data')
     //   return this.type1.some(item => item == type);
     // },
     getAnkingData() {
-      apiCourse.ranking().then(res => {
+      apiCourse.ranking().then((res) => {
         if (res.status == 200) {
-          res.result.forEach(item => {
-            if (item.publishTime != '') {
+          res.result.forEach((item) => {
+            if (item.publishTime != "") {
               item.coverImg = item.images;
-              let time = item.publishTime.split('-');
-              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`
+              let time = item.publishTime.split("-");
+              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`;
             }
-          })
+          });
           this.ankingList = res.result;
         }
       });
     },
     getScoreList() {
-      apiCourse.scorelist(5, 2).then(res => {
+      apiCourse.scorelist(5, 2).then((res) => {
         if (res.status == 200) {
-          res.result.forEach(item => {
-            if (item.publishTime != '') {
+          res.result.forEach((item) => {
+            if (item.publishTime != "") {
               item.coverImg = item.images;
-              let time = item.publishTime.split('-');
-              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`
+              let time = item.publishTime.split("-");
+              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`;
             }
-          })
+          });
           this.scorelist = res.result;
           // console.log(this.scorelist)
         }
       });
     },
     getHotList() {
-      apiCourse.studyCounts(5).then(res => {
+      apiCourse.studyCounts(5).then((res) => {
         if (res.status == 200) {
-          res.result.forEach(item => {
-            if (item.publishTime != '') {
+          res.result.forEach((item) => {
+            if (item.publishTime != "") {
               item.coverImg = item.images;
-              let time = item.publishTime.split('-');
-              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`
+              let time = item.publishTime.split("-");
+              item.publishTime = `${time[0]}年${time[1]}月${time[2]}日`;
             }
-          })
+          });
           this.hotList = res.result;
         }
       });
@@ -1563,8 +1803,8 @@ console.log(res.result.list,'data')
       //  window.open(`${this.webBaseUrl}/course/micro?id=${id}`)
       //   this.$router.push(`/course/micro?id=${id}`);
       // }
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -1578,7 +1818,7 @@ console.log(res.result.list,'data')
   margin-bottom: 20px;
 
   & a:hover {
-    color: #387DF7;
+    color: #387df7;
   }
 
   .oneTitle {
@@ -1586,16 +1826,16 @@ console.log(res.result.list,'data')
     cursor: pointer;
 
     & .titleName:hover {
-      color: #387DF7;
+      color: #387df7;
     }
   }
 }
 
 // 三级背景高度
-.course-recommended-style{
+.course-recommended-style {
   position: relative;
   height: 142px;
-  background-image: url('../../../assets/images/course/courserecommended.png');
+  background-image: url("../../../assets/images/course/courserecommended.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   display: flex;
@@ -1604,28 +1844,26 @@ console.log(res.result.list,'data')
 .course-title-style {
   position: relative;
   height: 100px;
-  background-image: url('../../../../public/images/courseBg.png');
+  background-image: url("../../../../public/images/courseBg.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;
 
   .imgTilte {
-
     & div:first-child {
       padding-left: 40px;
       font-size: 30px;
-      color: #FFFFFF;
+      color: #ffffff;
     }
 
     & div:last-child {
       padding-left: 40px;
       font-size: 20px;
-      color: #FFFFFF;
-      opacity: .5;
+      color: #ffffff;
+      opacity: 0.5;
       font-family: ArialMT !important;
     }
-
   }
 }
 
@@ -1641,19 +1879,29 @@ console.log(res.result.list,'data')
       line-height: 38px;
       height: 38px;
       padding-left: 40px;
-      background: linear-gradient(270deg, #F0F7FF 0%, #DDEDFF 100%);
+      background: linear-gradient(270deg, #f0f7ff 0%, #ddedff 100%);
     }
 
     // 二级的高亮
     .courseTwoActive {
-      color: #387DF7;
-      border-image: linear-gradient(90deg, rgba(47, 101, 236, 1), rgba(228, 236, 255, 1)) 1 1 !important;
+      color: #387df7;
+      border-image: linear-gradient(
+          90deg,
+          rgba(47, 101, 236, 1),
+          rgba(228, 236, 255, 1)
+        )
+        1 1 !important;
     }
 
     .course-two {
       position: relative;
       border-bottom: 1px solid;
-      border-image: linear-gradient(333deg, rgba(243, 243, 243, 1), rgba(227, 227, 227, 1)) 1 1;
+      border-image: linear-gradient(
+          333deg,
+          rgba(243, 243, 243, 1),
+          rgba(227, 227, 227, 1)
+        )
+        1 1;
 
       .course-two-content {
         cursor: pointer;
@@ -1665,11 +1913,13 @@ console.log(res.result.list,'data')
     }
 
     .popover {
-      background: linear-gradient(180deg, rgba(78, 166, 255, 0.2) 0%, rgba(78, 166, 255, 0) 100%);
+      background: linear-gradient(
+        180deg,
+        rgba(78, 166, 255, 0.2) 0%,
+        rgba(78, 166, 255, 0) 100%
+      );
     }
-
   }
-
 }
 
 // 导航
@@ -1690,7 +1940,7 @@ console.log(res.result.list,'data')
         left: 0;
         width: 100%;
         height: 4px;
-        background: #387DF7;
+        background: #387df7;
         border-radius: 5px;
       }
     }
@@ -1827,7 +2077,7 @@ console.log(res.result.list,'data')
           border: 0.96px solid rgba(140, 105, 242, 1);
           box-shadow: 7px 5px 6px 0px rgba(76, 31, 221, 0.3);
         }
-        .text_msg{
+        .text_msg {
           margin: 43px 0 0 222px;
           font-size: 14px;
           color: #000;
@@ -1999,13 +2249,13 @@ console.log(res.result.list,'data')
     width: 54px;
     font-size: 12px;
     line-height: 26px;
-    background: #F2F5F7;
+    background: #f2f5f7;
     border-radius: 4px;
     position: relative;
-    border: 1px solid #387DF7;
+    border: 1px solid #387df7;
 
     .keyword-content {
-      color: #387DF7;
+      color: #387df7;
       text-align: center;
     }
   }
@@ -2013,21 +2263,19 @@ console.log(res.result.list,'data')
   & .keywordInfo:last-child {
     margin-right: 0 !important;
   }
-
 }
 
-
 .list-active {
   display: none;
   // width: 458px;
   width: 135%;
   height: 165px;
   padding: 20px;
-  background: #FFFFFF;
+  background: #ffffff;
   box-sizing: border-box;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
   border-radius: 2px;
-  border: 1px solid #EDEFF0;
+  border: 1px solid #edeff0;
   position: absolute;
   top: 30px;
   left: -17.5%;
@@ -2036,7 +2284,7 @@ console.log(res.result.list,'data')
   .list-content {
     display: flex;
     padding-bottom: 10px;
-    border-bottom: 1px solid #EDEFF0;
+    border-bottom: 1px solid #edeff0;
 
     .list-img {
       width: 125px;
@@ -2060,7 +2308,7 @@ console.log(res.result.list,'data')
         height: 20;
         line-height: 20px;
         font-size: 12px;
-        color: #FFFFFF;
+        color: #ffffff;
         padding: 0px 8px;
         background: #f99000;
         border-radius: 0px 0px 0px 10px;
@@ -2076,12 +2324,12 @@ console.log(res.result.list,'data')
         margin: 0px;
         font-weight: 500;
         line-height: normal;
-        color: #04243C;
+        color: #04243c;
       }
 
       span {
         font-size: 14px;
-        color: #6E7B84;
+        color: #6e7b84;
       }
     }
   }
@@ -2115,7 +2363,7 @@ console.log(res.result.list,'data')
 .course-banner {
   // height: 240px;
   // background: url('../../../../public/images/course-banner.png');
-  background-color: #0078FC;
+  background-color: #0078fc;
 }
 
 ::v-deep .el-radio-button {
@@ -2192,7 +2440,7 @@ console.log(res.result.list,'data')
 .item-title {
   margin: 10px 10px 10px 0;
   font-size: 14px;
-  color: #6E7B84;
+  color: #6e7b84;
 }
 
 .item-line {
@@ -2244,11 +2492,10 @@ console.log(res.result.list,'data')
 
 .content-div {
   .quyer-tag {
-
     // margin-left: 10px;
     .order-class {
       margin: 30px 0;
-      color: #6E7B84;
+      color: #6e7b84;
       text-align: left;
       font-size: 14px;
       padding: 4px 8px;
@@ -2256,7 +2503,7 @@ console.log(res.result.list,'data')
     }
 
     .actice {
-      background: #387DF7;
+      background: #387df7;
       color: #fff;
     }
   }
@@ -2364,7 +2611,7 @@ console.log(res.result.list,'data')
 
     .order-count {
       font-size: 14px;
-      color: #6E7B84;
+      color: #6e7b84;
 
       span {
         color: #000;
@@ -2420,5 +2667,6 @@ console.log(res.result.list,'data')
 }
 
 .option-active {
-  color: #387DF7;
-}</style>
+  color: #387df7;
+}
+</style>