From 38fe538e4eae1a96619bd30d70fdc252b5c5756b Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Mon, 24 Nov 2025 16:30:47 +0800
Subject: [PATCH 01/10] =?UTF-8?q?fix:=E6=A1=88=E4=BE=8B=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E6=A0=A1=E9=AA=8C=E7=A6=81=E7=94=A8=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Detail.vue | 760 +++++++++++++++++++------------
 1 file changed, 476 insertions(+), 284 deletions(-)

diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 8ea10183..0d660168 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -1,29 +1,39 @@
 <template>
   <div id="case-list-content">
-    <div style="margin-bottom:30px" class="case-banner">
+    <div style="margin-bottom: 30px" class="case-banner">
       <portal-header current="case" textColor="#fff" :goSearch="2">
-
       </portal-header>
     </div>
     <div class="">
       <div class="xcontent2">
-        <div class="xcontent2-main" style="margin-right: 30px;" id="content-div">
+        <div class="xcontent2-main" style="margin-right: 30px" id="content-div">
           <div v-if="noData">
             <div class="detail">
               <div class="xpage-detail-crumbs">
-                <router-link to="/case"><span class="crumbs-first">案例列表</span></router-link>
+                <router-link to="/case"
+                  ><span class="crumbs-first">案例列表</span></router-link
+                >
                 <span class="crumbs-line">/</span>
                 <span class="crumbs-last">案例详情</span>
               </div>
               <div class="title">
                 <h5>{{ caseDetail.title }}</h5>
-                <span style="text-align: right;" v-if="caseDetail.sysCreateTime"> <i class="el-icon-time"></i> {{
-                  caseDetail.sysCreateTime.substring(0, 10) }}</span>
+                <span style="text-align: right" v-if="caseDetail.sysCreateTime">
+                  <i class="el-icon-time"></i>
+                  {{ caseDetail.sysCreateTime.substring(0, 10) }}</span
+                >
               </div>
               <div class="label">
-                <author :aid="caseDetail.sysCreateAid" :onlyAvatar="true" :avatar="authorInfo.avatar"
-                  :sex="authorInfo.sex" :name="authorInfo.name"></author>
-                <span>案主：{{ authorInfo.name }} ({{ authorInfo.orgInfo }})</span>
+                <author
+                  :aid="caseDetail.sysCreateAid"
+                  :onlyAvatar="true"
+                  :avatar="authorInfo.avatar"
+                  :sex="authorInfo.sex"
+                  :name="authorInfo.name"
+                ></author>
+                <span
+                  >案主：{{ authorInfo.name }} ({{ authorInfo.orgInfo }})</span
+                >
                 <!-- <span>案主：{{ authorInfo.name }}</span>
                     <span>工号：{{ authorInfo.code }}</span>
                     <span>组织：{{ authorInfo.orgInfo }} </span> -->
@@ -35,64 +45,126 @@
                   </div> -->
               <!-- <div class="case-summary"><span>{{ caseDetail.summary }}</span></div> -->
               <div class="btn-div clearfix">
-                <div style="color:#2974D6;font-weight: 450;" v-if="caseDetail.orgDomain" class="item">{{
-                  orgDomainTranslate(caseDetail.orgDomain) }}</div>
-                <div style="color:#2974D6;font-weight: 450;" class="item"
-                  v-if="caseDetail.orgDomain == '' && caseDetail.orgDomainParent">{{
-                    orgDomainTranslate(caseDetail.orgDomainParent) }}</div>
+                <div
+                  style="color: #2974d6; font-weight: 450"
+                  v-if="caseDetail.orgDomain"
+                  class="item"
+                >
+                  {{ orgDomainTranslate(caseDetail.orgDomain) }}
+                </div>
+                <div
+                  style="color: #2974d6; font-weight: 450"
+                  class="item"
+                  v-if="
+                    caseDetail.orgDomain == '' && caseDetail.orgDomainParent
+                  "
+                >
+                  {{ orgDomainTranslate(caseDetail.orgDomainParent) }}
+                </div>
                 <!-- <div style="color:#2974D6;font-weight: 450;" v-if="caseDetail.majorType" class="item">{{ majorTypeTranslate(caseDetail.majorType) }}</div> -->
-                <div class="item" style="color:#2974D6;font-weight: 450;" v-for="item, idx in caseDetail.majorType"
-                  :key="idx">{{ majorTypeTranslate(item) }}</div>
-                <div v-if="caseDetail.keyword1" class="item">{{ caseDetail.keyword1 }}</div>
-                <div v-if="caseDetail.keyword2" class="item">{{ caseDetail.keyword2 }}</div>
-                <div v-if="caseDetail.keyword3" class="item">{{ caseDetail.keyword3 }}</div>
-                <div v-if="caseDetail.keyword4" class="item">{{ caseDetail.keyword4 }}</div>
-                <div v-if="caseDetail.keyword5" class="item">{{ caseDetail.keyword5 }}</div>
+                <div
+                  class="item"
+                  style="color: #2974d6; font-weight: 450"
+                  v-for="(item, idx) in caseDetail.majorType"
+                  :key="idx"
+                >
+                  {{ majorTypeTranslate(item) }}
+                </div>
+                <div v-if="caseDetail.keyword1" class="item">
+                  {{ caseDetail.keyword1 }}
+                </div>
+                <div v-if="caseDetail.keyword2" class="item">
+                  {{ caseDetail.keyword2 }}
+                </div>
+                <div v-if="caseDetail.keyword3" class="item">
+                  {{ caseDetail.keyword3 }}
+                </div>
+                <div v-if="caseDetail.keyword4" class="item">
+                  {{ caseDetail.keyword4 }}
+                </div>
+                <div v-if="caseDetail.keyword5" class="item">
+                  {{ caseDetail.keyword5 }}
+                </div>
                 <!-- <span v-if="caseDetail.caseType" class="item">{{ caseDetail.caseType }}</span>
                     <span v-if="caseDetail.caseType1" class="item">{{ caseDetail.caseType1 }}</span>
                       <span v-if="caseDetail.caseType2" class="item">{{ caseDetail.caseType2 }}</span> -->
               </div>
-              <div class="case-summary"><span>{{ caseDetail.summary }}</span></div>
-
+              <div class="case-summary">
+                <span>{{ caseDetail.summary }}</span>
+              </div>
             </div>
 
-            <div v-if="Internet == 1" :body-style="{ padding: '0px' }" class="jianjie" id="pdfPreview">
+            <div
+              v-if="Internet == 1"
+              :body-style="{ padding: '0px' }"
+              class="jianjie"
+              id="pdfPreview"
+            >
               <pdfPreview v-if="pdfPath" :filePath="pdfPath"></pdfPreview>
             </div>
-            <el-card v-if="Internet == 2" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
-              <div style="margin-top:40px">
-                <span>十分抱歉，您当前的网络环境不符合观看要求。<br />
-                  为了保障案例信息的安全，您需要接入公司内网才能观看。</span>
+            <el-card
+              v-if="Internet == 2"
+              style="background-color: #eee"
+              class="jianjie pdftext"
+              id="pdfPreview"
+            >
+              <div style="margin-top: 40px">
+                <span
+                  >十分抱歉，您当前的网络环境不符合观看要求。<br />
+                  为了保障案例信息的安全，您需要接入公司内网才能观看。</span
+                >
               </div>
-              <div style="margin-top:20px" @click="retest">
+              <div style="margin-top: 20px" @click="retest">
                 <el-button type="primary">重新检测</el-button>
               </div>
             </el-card>
-            <el-card v-else-if="Internet == 3" style="background-color:#eee" class="jianjie pdftext" id="pdfPreview">
-              <div style="margin-top:40px">
+            <el-card
+              v-else-if="Internet == 3"
+              style="background-color: #eee"
+              class="jianjie pdftext"
+              id="pdfPreview"
+            >
+              <div style="margin-top: 40px">
                 <span>网络安全检测中...</span>
-
               </div>
             </el-card>
 
             <div class="postfixt-bot">
               <div class="postfixt-bot-box" id="pdfTopBox">
-                <div style="display: flex;justify-content: space-between;">
-                  <div style="margin-left:20px">
-                    <div style="margin-top:3px">
-                      <i style="font-size:22px;color:#a3b1cc" v-show="zoomShow" @click="zoomBox()"
-                        class="el-icon-zoom-in"></i>
-                      <i style="font-size:22px;color:#a3b1cc" v-show="!zoomShow" @click="zoomBox()"
-                        class="el-icon-zoom-out"></i>
+                <div style="display: flex; justify-content: space-between">
+                  <div style="margin-left: 20px">
+                    <div style="margin-top: 3px">
+                      <i
+                        style="font-size: 22px; color: #a3b1cc"
+                        v-show="zoomShow"
+                        @click="zoomBox()"
+                        class="el-icon-zoom-in"
+                      ></i>
+                      <i
+                        style="font-size: 22px; color: #a3b1cc"
+                        v-show="!zoomShow"
+                        @click="zoomBox()"
+                        class="el-icon-zoom-out"
+                      ></i>
                     </div>
                   </div>
                   <div>
-                    <div style="display:inline-block;">
-                      <interactBar v-if="caseDetail.id" :data="caseDetail" :type="3" :comments="false" :shares="true"
-                        :unicom="true"></interactBar>
+                    <div style="display: inline-block">
+                      <interactBar
+                        v-if="caseDetail.id"
+                        :data="caseDetail"
+                        :type="3"
+                        :comments="false"
+                        :shares="true"
+                        :unicom="true"
+                      ></interactBar>
                     </div>
-                    <div style="display:inline-block;margin: 0 20px;">
-                      <i style="font-size: 25px;color:#6E7B84;" @click="goTop()" class="el-icon-arrow-up"></i>
+                    <div style="display: inline-block; margin: 0 20px">
+                      <i
+                        style="font-size: 25px; color: #6e7b84"
+                        @click="goTop()"
+                        class="el-icon-arrow-up"
+                      ></i>
                       <!-- <el-button type="primary" >返回顶部</el-button> -->
                     </div>
                   </div>
@@ -101,16 +173,24 @@
             </div>
             <!-- :authorId="articleDetailData.sysCreateAid" -->
             <div id="comments-box">
-              <comments @success="success" v-if="resolveId != ''" :obj-type="3" :obj-id="resolveId"
-                :authorId="caseDetail.authorId" :toUsers="toUsers"></comments>
+              <comments
+                @success="success"
+                v-if="resolveId != ''"
+                :obj-type="3"
+                :obj-id="resolveId"
+                :authorId="caseDetail.authorId"
+                :toUsers="toUsers"
+              ></comments>
             </div>
-
           </div>
           <div v-else>
             <el-empty :image-size="200"></el-empty>
           </div>
         </div>
-        <div class="xcontent2-minor" :style="{ display: zoomShow ? '' : 'none' }">
+        <div
+          class="xcontent2-minor"
+          :style="{ display: zoomShow ? '' : 'none' }"
+        >
           <AICaseConsult />
           <div id="fixd-box">
             <router-link class="the_charts" to="/case/charts">
@@ -118,92 +198,167 @@
               <div class="icon">></div>
             </router-link>
             <div>
-              <div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
-                <div style="display: flex;justify-content: space-between;">
+              <div
+                class="portal-ranking ranking-bg"
+                style="padding: 20px 15px; max-height: 222px"
+              >
+                <div style="display: flex; justify-content: space-between">
                   <p class="ranking-title">好评榜</p>
-                  <el-dropdown trigger="click"  @command="positiveReview">
+                  <el-dropdown trigger="click" @command="positiveReview">
                     <span class="el-dropdown-link">
-                      {{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                      {{ favorableName
+                      }}<i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
                     <el-dropdown-menu slot="dropdown">
                       <el-dropdown-item command="total">总</el-dropdown-item>
-                      <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                      <el-dropdown-item command="quarter"
+                        >季度</el-dropdown-item
+                      >
                     </el-dropdown-menu>
                   </el-dropdown>
                 </div>
                 <ul class="ranking-data">
-                  <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
-                    style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
+                  <li
+                    v-for="(item, index) in Positive"
+                    :key="index"
+                    class="title-line-ellipsis"
+                    style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                    @click="jumpRouter(item)"
+                  >
                     <span class="portal-right-text blue-one" v-if="index == 0">
-                      <img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
+                      <img
+                        :src="`${webBaseUrl}/images/listblue01.png`"
+                        alt=""
+                      />
                     </span>
                     <span class="portal-right-text blue-tow" v-if="index == 1">
-                      <img :src="`${webBaseUrl}/images/listblue02.png`" alt="">
+                      <img
+                        :src="`${webBaseUrl}/images/listblue02.png`"
+                        alt=""
+                      />
                     </span>
-                    <span class="portal-right-text blue-three" v-if="index == 2">
-                      <img :src="`${webBaseUrl}/images/listblue03.png`" alt="">
+                    <span
+                      class="portal-right-text blue-three"
+                      v-if="index == 2"
+                    >
+                      <img
+                        :src="`${webBaseUrl}/images/listblue03.png`"
+                        alt=""
+                      />
                     </span>
                     <span class="portal-right-text" v-if="index == 3">
-                      <img :src="`${webBaseUrl}/images/list04.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list04.png`" alt="" />
                     </span>
                     <span class="portal-right-text" v-if="index == 4">
-                      <img :src="`${webBaseUrl}/images/list05.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list05.png`" alt="" />
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px">{{
+                      item.caseTitle
+                    }}</span>
                   </li>
                 </ul>
               </div>
-              <div style="padding: 20px 15px;max-height: 222px;margin-top: 20px;" class="portal-ranking ranking-bg1">
-                <div style="display: flex;justify-content: space-between;">
+              <div
+                style="padding: 20px 15px; max-height: 222px; margin-top: 20px"
+                class="portal-ranking ranking-bg1"
+              >
+                <div style="display: flex; justify-content: space-between">
                   <p class="ranking-title">人气榜</p>
-                  <el-dropdown trigger="click"  @command="popularityReview">
+                  <el-dropdown trigger="click" @command="popularityReview">
                     <span class="el-dropdown-link">
-                      {{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                      {{ popularityName
+                      }}<i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
                     <el-dropdown-menu slot="dropdown">
                       <el-dropdown-item command="total">总</el-dropdown-item>
-                      <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                      <el-dropdown-item command="quarter"
+                        >季度</el-dropdown-item
+                      >
                     </el-dropdown-menu>
                   </el-dropdown>
                 </div>
                 <ul class="ranking-data">
-                  <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
-                    style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
-                    <span class="portal-right-text orange-one" v-if="index == 0">
-                      <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
+                  <li
+                    v-for="(item, index) in Popularity"
+                    :key="index"
+                    class="title-line-ellipsis"
+                    style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                    @click="jumpRouter(item)"
+                  >
+                    <span
+                      class="portal-right-text orange-one"
+                      v-if="index == 0"
+                    >
+                      <img :src="`${webBaseUrl}/images/list-01.png`" alt="" />
                     </span>
-                    <span class="portal-right-text orange-tow" v-if="index == 1">
-                      <img :src="`${webBaseUrl}/images/list02.png`" alt="">
+                    <span
+                      class="portal-right-text orange-tow"
+                      v-if="index == 1"
+                    >
+                      <img :src="`${webBaseUrl}/images/list02.png`" alt="" />
                     </span>
-                    <span class="portal-right-text orange-three" v-if="index == 2">
-                      <img :src="`${webBaseUrl}/images/list03.png`" alt="">
+                    <span
+                      class="portal-right-text orange-three"
+                      v-if="index == 2"
+                    >
+                      <img :src="`${webBaseUrl}/images/list03.png`" alt="" />
                     </span>
                     <span class="portal-right-text" v-if="index == 3">
-                      <img :src="`${webBaseUrl}/images/list04.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list04.png`" alt="" />
                     </span>
                     <span class="portal-right-text" v-if="index == 4">
-                      <img :src="`${webBaseUrl}/images/list05.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list05.png`" alt="" />
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px">{{
+                      item.caseTitle
+                    }}</span>
                   </li>
                 </ul>
               </div>
-              <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
+              <div
+                v-if="recommendRank.length > 0"
+                class="portal-ranking ranking-bg2"
+                style="padding: 20px 15px; max-height: 222px; margin-top: 20px"
+              >
                 <p class="ranking-title">推荐榜</p>
                 <ul class="ranking-data">
-                  <li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
-                    style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                  <li
+                    v-for="(item, index) in recommendRank"
+                    :key="index"
+                    class="title-line-ellipsis"
+                    style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                  >
                     <router-link :to="'/case/detail?id=' + item.caseId">
-                      <span class="portal-right-text blue-one" v-if="index == 0">
-                        <img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
+                      <span
+                        class="portal-right-text blue-one"
+                        v-if="index == 0"
+                      >
+                        <img
+                          :src="`${webBaseUrl}/images/listred01 .png`"
+                          alt=""
+                        />
                       </span>
-                      <span class="portal-right-text blue-tow" v-if="index == 1">
-                        <img :src="`${webBaseUrl}/images/listred02.png`" alt="">
+                      <span
+                        class="portal-right-text blue-tow"
+                        v-if="index == 1"
+                      >
+                        <img
+                          :src="`${webBaseUrl}/images/listred02.png`"
+                          alt=""
+                        />
                       </span>
-                      <span class="portal-right-text blue-three" v-if="index == 2">
-                        <img :src="`${webBaseUrl}/images/listred03.png`" alt="">
+                      <span
+                        class="portal-right-text blue-three"
+                        v-if="index == 2"
+                      >
+                        <img
+                          :src="`${webBaseUrl}/images/listred03.png`"
+                          alt=""
+                        />
                       </span>
-                      <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                      <span class="portal-title-desc" style="font-size: 14px">{{
+                        item.caseTitle
+                      }}</span>
                     </router-link>
                   </li>
                 </ul>
@@ -223,43 +378,52 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
-import portalHeader from '@/components/PortalHeader.vue';
-import portalFooter from '@/components/PortalFooter.vue';
-import pdfPreview from '@/components/PdfPreview/view.vue';
-import interactBar from '@/components/Portal/interactBar.vue';
-import comments from '@/components/Portal/comments.vue';
-import apiCase from '@/api/modules/cases.js';
-import apiUser from '@/api/system/user.js';
-import author from '@/components/Portal/authorInfo.vue';
-import apiMessage from '@/api/system/message.js';
-import apiDict from "@/api/modules/dict.js"
-import { encrypt } from '@/utils/jsencrypt.js';
-import cookies from 'vue-cookies'
-import { formatDate } from "@/utils/datetime.js"
+import { mapGetters } from "vuex";
+import portalHeader from "@/components/PortalHeader.vue";
+import portalFooter from "@/components/PortalFooter.vue";
+import pdfPreview from "@/components/PdfPreview/view.vue";
+import interactBar from "@/components/Portal/interactBar.vue";
+import comments from "@/components/Portal/comments.vue";
+import apiCase from "@/api/modules/cases.js";
+import apiUser from "@/api/system/user.js";
+import author from "@/components/Portal/authorInfo.vue";
+import apiMessage from "@/api/system/message.js";
+import apiDict from "@/api/modules/dict.js";
+import { encrypt } from "@/utils/jsencrypt.js";
+import cookies from "vue-cookies";
+import { formatDate } from "@/utils/datetime.js";
 import { cutFullName } from "@/utils/tools.js";
-import apiPlace from "@/api/phase2/place.js"
+import apiPlace from "@/api/phase2/place.js";
 import portalFloatTools from "@/components/PortalFloatTools.vue";
 import AICaseConsult from "@/views/portal/case/components/AICaseConsult.vue";
 export default {
-  name: 'atticle',
-  components: {AICaseConsult, portalHeader, portalFloatTools, portalFooter, interactBar, author, comments, pdfPreview },
+  name: "atticle",
+  components: {
+    AICaseConsult,
+    portalHeader,
+    portalFloatTools,
+    portalFooter,
+    interactBar,
+    author,
+    comments,
+    pdfPreview,
+  },
   computed: {
-    ...mapGetters(['userInfo'])
+    ...mapGetters(["userInfo"]),
   },
   data() {
     return {
       switch: {
-        'total': '总',
-        'quarter': '季度',
+        total: "总",
+        quarter: "季度",
       },
-      favorableName: '季度',
-      popularityName: '季度',
+      favorableName: "季度",
+      popularityName: "季度",
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
       resonimg: {},
-      Internet: 3,//1是成功 2是是失败 3是检测中
+      Internet: 3, //1是成功 2是是失败 3是检测中
       noData: true,
-      authorSign: '',//提问人的个性签名
+      authorSign: "", //提问人的个性签名
       zoomShow: true,
       isTopBoxShow: true,
       toUsers: [],
@@ -267,89 +431,95 @@ export default {
       Popularity: [],
       Positive: [],
       recommendRank: [],
-      resolveId: '',
+      resolveId: "",
       basePath: process.env.VUE_APP_FILE_BASE_URL,
-      pdfPath: '',
+      pdfPath: "",
       caseDetail: {
-        sysCreateAid: '',
-        id: '',
-        filePath: ''
+        sysCreateAid: "",
+        id: "",
+        filePath: "",
       },
       ankingList: [],
-      authorInfo: { aid: '', name: '', orgInfo: '', avatar: '', code: '', sex: null },
+      authorInfo: {
+        aid: "",
+        name: "",
+        orgInfo: "",
+        avatar: "",
+        code: "",
+        sex: null,
+      },
       domain: [],
       Profess: [],
       orgData: [],
       setTimeCase: null,
-      dataTime: sessionStorage.getItem('startTime') || 0,
-      defaultMaxTime: 1800,//最大时长
-      cumulativeDuration:0,//累计时长
-      secondTime:15, //秒数
+      dataTime: sessionStorage.getItem("startTime") || 0,
+      defaultMaxTime: 1800, //最大时长
+      cumulativeDuration: 0, //累计时长
+      secondTime: 15, //秒数
     };
   },
   mounted() {
     console.log(this.dataTime);
-    this.allRequests()
+    this.allRequests();
   },
 
-
   beforeRouteEnter(to, from, next) {
-    let time = new Date().getTime()
-    sessionStorage.setItem('startTime', time)
-    next()
+    let time = new Date().getTime();
+    sessionStorage.setItem("startTime", time);
+    next();
   },
   beforeRouteUpdate(to, from, next) {
     if (to.query.id != from.query.id) {
       window.removeEventListener("scroll", this.handleScroll);
       clearInterval(this.setTimeCase);
       // 结束时间
-      let recordEndTime = new Date().getTime()
-      this.endTimeRequst(from.query.id, recordEndTime)
+      let recordEndTime = new Date().getTime();
+      this.endTimeRequst(from.query.id, recordEndTime);
       //时间重新赋值
-      let time = new Date().getTime()
-      sessionStorage.setItem('startTime', time)
-      this.dataTime = time
-      this.allRequests(to.query.id)
+      let time = new Date().getTime();
+      sessionStorage.setItem("startTime", time);
+      this.dataTime = time;
+      this.allRequests(to.query.id);
     }
-    next()
+    next();
   },
   beforeRouteLeave(to, from, next) {
     to.meta.keepAlive = true;
     next();
   },
   beforeDestroy() {
-    console.log('销毁了');
+    console.log("销毁了");
     // 结束时间
-    let recordEndTime = new Date().getTime()
-    this.endTimeRequst(this.resolveId, recordEndTime)
-    sessionStorage.removeItem('startTime')
+    let recordEndTime = new Date().getTime();
+    this.endTimeRequst(this.resolveId, recordEndTime);
+    sessionStorage.removeItem("startTime");
     window.removeEventListener("scroll", this.handleScroll);
     clearTimeout(this.setTimeCase);
     this.cumulativeDuration = 0;
   },
   methods: {
-    positiveReview(e){
-      this.favorableName = this.switch[e]
-      this.getPositive()
+    positiveReview(e) {
+      this.favorableName = this.switch[e];
+      this.getPositive();
     },
-    popularityReview(e){
-      this.popularityName = this.switch[e]
-      this.getPopularity()
+    popularityReview(e) {
+      this.popularityName = this.switch[e];
+      this.getPopularity();
     },
     endTimeRequst(caseId, recordEndTime) {
       console.log(this.dataTime);
-      let time = (recordEndTime - this.dataTime) / 1000 / 60
+      let time = (recordEndTime - this.dataTime) / 1000 / 60;
       if (time > 10080) {
-        time = 0
+        time = 0;
       }
       //结束之前的查看取时间
       apiCase.endReadTimer({
         caseId,
         browseDuration: Math.ceil(time),
-        createTime:formatDate(new Date())
-      })
+        createTime: formatDate(new Date()),
+      });
     },
-    allRequests(id = '') {
+    allRequests(id = "") {
       this.Intsucc();
 
       this.resolveId = id ? id : this.$route.query.id;
@@ -365,10 +535,7 @@ export default {
       this.getQueryRecommendRank();
       this.couresreso();
       this.retest();
-      window.addEventListener(
-        "scroll",
-        this.handleScroll
-      );
+      window.addEventListener("scroll", this.handleScroll);
     },
     banJump() {
       if (this.resonimg.JumpUrl) {
@@ -376,15 +543,15 @@ export default {
       }
     },
     jumecase(item) {
-      this.$router.push({ path: './Detail.vue', query: { id: item.id } });
+      this.$router.push({ path: "./Detail.vue", query: { id: item.id } });
     },
     couresreso() {
-      let key = 'case';
-      apiPlace.detail(key).then(res => {
-        let lmj = JSON.parse(res.result.content)
+      let key = "case";
+      apiPlace.detail(key).then((res) => {
+        let lmj = JSON.parse(res.result.content);
         // console.log(lmj)
-        this.resonimg = lmj[0]
-      })
+        this.resonimg = lmj[0];
+      });
     },
     retest() {
       this.Internet = 3;
@@ -395,7 +562,23 @@ export default {
         timedOut = true;
         xmlhttp.abort();
       }, 5000);
-      xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
+      // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
+      const url =
+        window.location.protocol +
+        "//uapi.boe.com.cn/500.html?t=" +
+        Date.now() +
+        Math.random();
+      // 2. 打开 HEAD 请求（URL已带随机参数）
+      xmlhttp.open("HEAD", url, true);
+
+      // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
+      xmlhttp.setRequestHeader(
+        "Cache-Control",
+        "no-cache, no-store, must-revalidate"
+      );
+      xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
+      xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
+      // xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
@@ -403,16 +586,16 @@ export default {
             clearTimeout(timer);
             $this.Internet = 1;
             $this.$store.dispatch("userTrigger", {
-              key: "ViewCase",//后台的事件key  发布文章且审核通过
-              title: '查看案例',//事件的标题
-              parameters: "",//用户自定义参数 name:value,name:value
-              content: '查看了案例',//事件的内容
-              objId: $this.resolveId,//关联的id
-              objType: "3",//关联的类型
+              key: "ViewCase", //后台的事件key  发布文章且审核通过
+              title: "查看案例", //事件的标题
+              parameters: "", //用户自定义参数 name:value,name:value
+              content: "查看了案例", //事件的内容
+              objId: $this.resolveId, //关联的id
+              objType: "3", //关联的类型
               objInfo: $this.caseDetail?.title,
               aid: $this.userInfo.aid, //当前登录人的id
-              aname: $this.userInfo.name,//当前人的姓名
-              status: 1 //状态，直接写1
+              aname: $this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
             });
             $this.sendEventData();
           } else {
@@ -420,46 +603,44 @@ export default {
             $this.Internet = 2;
           }
         } else {
-          if (timedOut) return;//忽略中止请求
-          clearTimeout(timer);//取消等待的超时
+          if (timedOut) return; //忽略中止请求
+          clearTimeout(timer); //取消等待的超时
         }
-      }
+      };
     },
     getXmlHttpRequest() {
       if (window.XMLHttpRequest) {
         return new XMLHttpRequest();
-      }
-      else if (window.ActiveXObject) {
+      } else if (window.ActiveXObject) {
         return new ActiveXObject("Microsoft.XMLHTTP");
       }
     },
     Intsucc() {
       const loading = this.$loading({
         lock: true,
-        text: '正在进行安全检测',
-        spinner: 'el-icon-loading',
-        background: 'rgba(0, 0, 0, 0.7)'
+        text: "正在进行安全检测",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)",
       });
       setTimeout(() => {
         loading.close();
       }, 2000);
-
     },
 
     getdomain() {
       let key = "org_domain";
-      apiDict.items(key).then(res => {
+      apiDict.items(key).then((res) => {
         if (res.status == 200) {
           this.domain = res.result;
           if (res.result.length > 0) {
-            this.orgDomainLevel(res.result)
+            this.orgDomainLevel(res.result);
           }
         }
       });
     },
     getProfess() {
       let key = "major_type";
-      apiDict.items(key).then(res => {
+      apiDict.items(key).then((res) => {
         if (res.status == 200) {
           this.Profess = res.result;
           // this.Profess = this.Profess.split(",")
@@ -468,33 +649,35 @@ export default {
     },
     orgDomainLevel(organization) {
       this.orgData = [];
-      organization.forEach(item => {
+      organization.forEach((item) => {
         this.orgData.push(item);
         if (item.list && item.list != "" && item.list.length > 0) {
-          item.list.forEach(it => {
+          item.list.forEach((it) => {
             this.orgData.push(it);
-          })
+          });
         }
-      })
+      });
     },
-    orgDomainTranslate(code) { // 组织领域翻译
-      if (code == '') {
-        return
+    orgDomainTranslate(code) {
+      // 组织领域翻译
+      if (code == "") {
+        return;
       }
-      let name = '';
-      let data = this.orgData.find(item => item.code == code);
+      let name = "";
+      let data = this.orgData.find((item) => item.code == code);
       if (data == undefined) {
-        name = '';
+        name = "";
       } else {
         name = data.name;
       }
       return name;
     },
-    majorTypeTranslate(code) { // 专业分类翻译
-      let name = '';
-      let data = this.Profess.find(item => item.code == code);
+    majorTypeTranslate(code) {
+      // 专业分类翻译
+      let name = "";
+      let data = this.Profess.find((item) => item.code == code);
       if (data == undefined) {
-        name = '';
+        name = "";
       } else {
         name = data.name;
       }
@@ -509,12 +692,12 @@ export default {
       // this.$router.push(`/case/detail?id=${item.id}`);
       const currentRoute = this.$router.currentRoute;
       if (currentRoute.query.id !== item.caseId) {
-        this.$router.push('/case/detail?id=' + item.caseId);
+        this.$router.push("/case/detail?id=" + item.caseId);
       } else {
         // 结束时间
-        let recordEndTime = new Date().getTime()
-        this.endTimeRequst(item.id, recordEndTime)
-        location.href = `${this.webBaseUrl}/case/detail?id=${item.caseId}`
+        let recordEndTime = new Date().getTime();
+        this.endTimeRequst(item.id, recordEndTime);
+        location.href = `${this.webBaseUrl}/case/detail?id=${item.caseId}`;
       }
     },
     goTop() {
@@ -523,52 +706,61 @@ export default {
     createPlayUrl(u) {
       let nowDate = new Date();
       let ctime = parseInt(nowDate.getTime() / 1000);
-      let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + u;
+      let beforeUrl = parseInt(nowDate.getTime() / 1000) + "/" + u;
       let urlSign = encodeURIComponent(encrypt(beforeUrl));
-      cookies.set('CASE_TIME', ctime);//写客户端的cookie保存
+      cookies.set("CASE_TIME", ctime); //写客户端的cookie保存
       //以下判断是为了区分本地环境和服务器环境
-      if (process.env.NODE_ENV == 'development') {
+      if (process.env.NODE_ENV == "development") {
         this.pdfPath = process.env.VUE_APP_FILE_BASE_URL + u;
       } else {
-        this.pdfPath = process.env.VUE_APP_BASE_API + '/xboe/m/case/content/resource?sign=' + urlSign;
+        this.pdfPath =
+          process.env.VUE_APP_BASE_API +
+          "/xboe/m/case/content/resource?sign=" +
+          urlSign;
       }
     },
     handleScroll() {
       let innerw = document.querySelector("#fixd-box");
-      let innerHeight = document.querySelector('#case-list-content').clientHeight
-      let pdfTopBox = document.querySelector('#comments-box')
-      let pdfPreview = document.querySelector('#pdfPreview') //pdf盒子距离顶部的高度
-      let contentDiv = document.querySelector('#content-div').clientWidth;
+      let innerHeight =
+        document.querySelector("#case-list-content").clientHeight;
+      let pdfTopBox = document.querySelector("#comments-box");
+      let pdfPreview = document.querySelector("#pdfPreview"); //pdf盒子距离顶部的高度
+      let contentDiv = document.querySelector("#content-div").clientWidth;
       let outerHeight = document.documentElement.clientHeight;
       let outerWidth = innerw.clientWidth;
-      let scrollTop = document.documentElement.scrollTop
-      if ((outerHeight + scrollTop + 350) >= innerHeight) {
+      let scrollTop = document.documentElement.scrollTop;
+      if (outerHeight + scrollTop + 350 >= innerHeight) {
         if (this.moreState == 1 && this.course.pageIndex < 4) {
           this.loadMore();
         }
       }
       if (pdfPreview.getBoundingClientRect().top < 0) {
-        document.querySelector('#pdfTopBox').style.cssText = `position: fixed;bottom:0;box-shadow: -3px 3px 10px 10px rgba(90, 119, 186, .1);width:${contentDiv - 9}px;`;
+        document.querySelector(
+          "#pdfTopBox"
+        ).style.cssText = `position: fixed;bottom:0;box-shadow: -3px 3px 10px 10px rgba(90, 119, 186, .1);width:${
+          contentDiv - 9
+        }px;`;
       } else {
-        document.querySelector('#pdfTopBox').style.cssText = "position:static";
+        document.querySelector("#pdfTopBox").style.cssText = "position:static";
       }
       if (pdfTopBox.getBoundingClientRect().top < 1000) {
-        document.querySelector('#pdfTopBox').style.cssText = "position:static";
+        document.querySelector("#pdfTopBox").style.cssText = "position:static";
       }
       if (scrollTop > 240) {
         this.isTopBoxShow = true;
-        document.querySelector('#fixd-box').style.cssText = "position: fixed;top: 10px;width:" + outerWidth + "px";
+        document.querySelector("#fixd-box").style.cssText =
+          "position: fixed;top: 10px;width:" + outerWidth + "px";
       } else {
-        document.querySelector('#fixd-box').style.cssText = "position: static";
+        document.querySelector("#fixd-box").style.cssText = "position: static";
       }
     },
 
     getAnkingData() {
-      apiCase.usernameList(5).then(res => {
+      apiCase.usernameList(5).then((res) => {
         if (res.status == 200) {
-          this.ankingList = res.result
+          this.ankingList = res.result;
         }
-      })
+      });
     },
     getPopularity() {
       // apiCase.queryPraises(5).then(res => {
@@ -586,18 +778,20 @@ export default {
       //     }
       //   }
       // })
-      apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
-        if(res.status == 200) {
-          this.Popularity = res.result
-        }
-      })
+      apiCase
+        .queryPraisesNew(3, this.popularityName == "季度" ? 1 : 2)
+        .then((res) => {
+          if (res.status == 200) {
+            this.Popularity = res.result;
+          }
+        });
     },
-    getQueryRecommendRank(){
-      apiCase.queryRecommendRank(3).then(res => {
-        if(res.status == 200) {
-          this.recommendRank = res.result
+    getQueryRecommendRank() {
+      apiCase.queryRecommendRank(3).then((res) => {
+        if (res.status == 200) {
+          this.recommendRank = res.result;
         }
-      })
+      });
     },
     getPositive() {
       // apiCase.queryComments(5).then(res => {
@@ -615,11 +809,13 @@ export default {
       //     }
       //   }
       // })
-      apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
-        if(res.status == 200) {
-          this.Positive = res.result
-        }
-      })
+      apiCase
+        .queryCommentsNew(3, this.favorableName == "季度" ? 3 : 4)
+        .then((res) => {
+          if (res.status == 200) {
+            this.Positive = res.result;
+          }
+        });
     },
     sendEventData() {
       this.setTimeCase && clearTimeout(this.setTimeCase);
@@ -627,79 +823,83 @@ export default {
       this.setTimeCase = setTimeout(() => {
         let endTime = new Date().getTime();
         let totalTime = Math.round((endTime - startTime) / 1000);
-        this.cumulativeDuration += totalTime
-        if(this.cumulativeDuration <= this.defaultMaxTime){
-          console.log(totalTime,'时长');
-          this.sendStudyTime(totalTime)
-          this.secondTime = 60
-          this.sendEventData()
-        }else{
-          this.cumulativeDuration = 0
+        this.cumulativeDuration += totalTime;
+        if (this.cumulativeDuration <= this.defaultMaxTime) {
+          console.log(totalTime, "时长");
+          this.sendStudyTime(totalTime);
+          this.secondTime = 60;
+          this.sendEventData();
+        } else {
+          this.cumulativeDuration = 0;
           clearTimeout(this.setTimeCase);
-          this.setTimeCase = null
+          this.setTimeCase = null;
         }
-      }, this.secondTime * 1000);//15秒记录一次之后1分钟之后发送阅读案例事件
+      }, this.secondTime * 1000); //15秒记录一次之后1分钟之后发送阅读案例事件
     },
-    sendStudyTime(totalTime){
+    sendStudyTime(totalTime) {
       this.$store.dispatch("userTrigger", {
-        key: "ReadCase",//后台的事件key  发布文章且审核通过
-        title: '阅读案例',//事件的标题
-        parameters: "second:" + totalTime,//用户自定义参数 name:value,name:value
-        content: '阅读了案例',//事件的内容
-        objId: this.resolveId,//关联的id
-        objType: "3",//关联的类型
+        key: "ReadCase", //后台的事件key  发布文章且审核通过
+        title: "阅读案例", //事件的标题
+        parameters: "second:" + totalTime, //用户自定义参数 name:value,name:value
+        content: "阅读了案例", //事件的内容
+        objId: this.resolveId, //关联的id
+        objType: "3", //关联的类型
         objInfo: this.caseDetail.title,
         aid: this.userInfo.aid, //当前登录人的id
-        aname: this.userInfo.name,//当前人的姓名
-        status: 1 //状态，直接写1
+        aname: this.userInfo.name, //当前人的姓名
+        status: 1, //状态，直接写1
       });
     },
     getCaseData() {
       // 清空pdf数据
-      this.pdfPath = '';
+      this.pdfPath = "";
 
       let $this = this;
-      apiCase.details(this.resolveId, true).then(res => {
+      apiCase.details(this.resolveId, true).then((res) => {
         if (res.status == 200) {
-          if (JSON.stringify(res.result) != '{}') {
+          if (JSON.stringify(res.result) != "{}") {
             this.caseDetail = res.result.case;
-            this.caseDetail.majorType = this.caseDetail.majorType.split(",")
+            this.caseDetail.majorType = this.caseDetail.majorType.split(",");
             this.getCaseUserDetail();
             if (this.caseDetail.filePath) {
               //this.pdfPath=this.basePath+this.caseDetail.filePath;
               this.createPlayUrl(this.caseDetail.filePath);
               //this.sendEventData();//移到检查之后
             } else {
-              this.$message.error('内容文件不存在或已被删除，请与管理员联系');
+              this.$message.error("内容文件不存在或已被删除，请与管理员联系");
             }
-
           }
         } else {
           this.noData = false;
-          this.$message.error(res.message)
+          this.$message.error(res.message);
         }
       });
     },
     getCaseUserDetail() {
-      apiUser.getByIds([this.caseDetail.authorId]).then(res => {
+      apiUser.getByIds([this.caseDetail.authorId]).then((res) => {
         if (res.status == 200 && res.result.length > 0) {
           this.authorInfo = res.result[0];
 
           this.authorInfo.orgInfo = cutFullName(this.authorInfo.orgInfo, 1);
 
           this.toUsers = [
-            { name: res.result[0].name, aid: res.result[0].aid, sex: res.result[0].sex }
+            {
+              name: res.result[0].name,
+              aid: res.result[0].aid,
+              sex: res.result[0].sex,
+            },
           ];
           //console.log(res.result,'res.result');
         }
       });
     },
     success(value) {
-      let content = this.userInfo.name + '评论了我的案例' + '-' + this.caseDetail.title;
+      let content =
+        this.userInfo.name + "评论了我的案例" + "-" + this.caseDetail.title;
       let query = {
         refId: this.caseDetail.id,
         sendType: 1,
-        title: '系统消息',
+        title: "系统消息",
         refType: 3,
         source: 1,
         pageUrl: location.href,
@@ -708,12 +908,11 @@ export default {
         sendName: this.userInfo.name,
         accpetId: this.caseDetail.sysCreateAid,
         acceptName: this.caseDetail.sysCreateBy,
-      }
-      apiMessage.save(query).then(res => {
+      };
+      apiMessage.save(query).then((res) => {
         if (res.status == 200) {
-
         }
-      })
+      });
       // let con=value.sysCreateBy+' 评论了我的文章'+'-'+this.articleDetailData.title;
       // let query={refId:value.objId,content:con,accpetId:value.sysCreateAid,sendType:1,sendName:'系统',acceptName:'文章',title:'系统消息'}
       // apiMessage.save(query).then(res=>{
@@ -721,15 +920,15 @@ export default {
 
       //   }
       // })
-    }
-  }
+    },
+  },
 };
 </script>
 
 <style scoped lang="scss">
 .case-banner {
   height: 240px;
-  background: url('../../../../public/images/case-banner.png');
+  background: url("../../../../public/images/case-banner.png");
 }
 
 .course-resources {
@@ -741,7 +940,7 @@ export default {
     border-radius: 8px;
   }
 }
-.the_charts{
+.the_charts {
   position: relative;
   display: flex;
   justify-content: center;
@@ -751,24 +950,22 @@ export default {
   max-width: 400px;
   min-width: 260px;
   height: 47px;
-  background: #DDEDFF;
+  background: #ddedff;
   border-radius: 8px;
-  .text{
+  .text {
     font-size: 18px;
-    color: #387DF7;
+    color: #387df7;
   }
-  .icon{
+  .icon {
     position: absolute;
     font-size: 18px;
-    color: #387DF7;
+    color: #387df7;
     right: 25px;
     top: 50%;
     transform: translateY(-50%);
   }
-
 }
 .pdftext {
-
   // padding: 0 20px;
   span {
     font-size: 22px;
@@ -787,7 +984,6 @@ export default {
 
 ::v-deep .interact-bar .interact-bar-btns {
   justify-content: flex-start !important;
-
 }
 
 ::v-deep .interact-bar-btn {
@@ -804,7 +1000,6 @@ export default {
   // border: 1px solid #eee;
   // z-index: 999;
   .postfixt-bot-box {
-
     // text-align: right;
     background-color: #fff;
     // border: 1px solid #eee;
@@ -834,11 +1029,9 @@ export default {
 ::v-deep .bacolor:nth-child(even) {
   background-color: #fff;
   padding: 0 5px;
-
 }
 
 .ranking-title {
-
   //  line-height: 34px;
   // font-size: 15px;
   // color: #333333;
@@ -915,7 +1108,6 @@ export default {
     color: #0079fe;
   }
 
-
   .clearfix:after {
     content: "020";
     display: block;
@@ -942,7 +1134,7 @@ export default {
       font-size: 12px;
       height: 24px;
       box-sizing: border-box;
-      color: #2C68FF;
+      color: #2c68ff;
     }
 
     .item-right {
@@ -1089,12 +1281,12 @@ export default {
     }
   }
 
-  .ranking-title {}
+  .ranking-title {
+  }
 
   .aligh-title {
     font-size: 14px;
     color: #333333;
-
   }
 
   .ranking-data {

From 0b3b9ad082102e4048bfd4de694a9f7483e12700 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Mon, 24 Nov 2025 17:44:06 +0800
Subject: [PATCH 02/10] =?UTF-8?q?fix:=E8=AF=B7=E6=B1=82uapi.boe.com.cn?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E7=BC=93=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/study/coursenew.vue | 4665 ++++++++++++++++++---------------
 1 file changed, 2599 insertions(+), 2066 deletions(-)

diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 00e99477..cfcb143f 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -1,15 +1,21 @@
 <template>
   <div>
     <div class="xpage-coures-banner">
-      <portal-header current="course" textColor="#fff" :goSearch="1"></portal-header>
-      <div style="margin: 0px 80px;">
+      <portal-header
+        current="course"
+        textColor="#fff"
+        :goSearch="1"
+      ></portal-header>
+      <div style="margin: 0px 80px">
         <div class="banner-crumbs">
-          <router-link to="/course"><span class="crumbs-first">课程列表</span></router-link>
+          <router-link to="/course"
+            ><span class="crumbs-first">课程列表</span></router-link
+          >
           <span class="crumbs-line"> &gt; </span>
           <span class="crumbs-last">课程详情</span>
         </div>
         <div class="bcourse-title">
-          <span>{{courseInfo.name}}</span>
+          <span>{{ courseInfo.name }}</span>
           <!-- <span>{{courseInfo.summary}}</span>  -->
           <!--
           <span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
@@ -19,102 +25,219 @@
       </div>
     </div>
     <div class="course-content xcontent">
-      <div class="course-playbox" ref="coursePlayerBox" id="id_course_player_box">
+      <div
+        class="course-playbox"
+        ref="coursePlayerBox"
+        id="id_course_player_box"
+      >
         <div class="course-player" ref="coursePlayer" id="id_course_player">
           <div>
             <div v-if="renderCourse">
               <div v-if="resType == null || resType == 0">
                 <!--先显示视频图片-->
-                <course-image v-if="courseInfo.id != ''" :course="courseInfo"></course-image>
+                <course-image
+                  v-if="courseInfo.id != ''"
+                  :course="courseInfo"
+                ></course-image>
               </div>
-              <div v-if="resType == 10" style="position: relative;">
-                <videoPlayer ref="myVideoPlayer" id="myVideoPlayer" @progress="progress" :src="blobUrl" :blobId="blobId" @onPlayerPlaying="onPlayerPlaying"
-                             :initTime="contentData.lastStudyTime" :notePlay="notePlay" @onPlayerPlay="onPlayerPlay"
-                             :isDrag="curriculumData.isDrag" @onFullscreen="onFullscreen" @onPlayerPause="onPlayerPause"
-                             @onPlayerEnded="onPlayerEnded" :isCrowd="isCrowd" @onTimeUpdate="handleAudioTimeUpdate"></videoPlayer>
+              <div v-if="resType == 10" style="position: relative">
+                <videoPlayer
+                  ref="myVideoPlayer"
+                  id="myVideoPlayer"
+                  @progress="progress"
+                  :src="blobUrl"
+                  :blobId="blobId"
+                  @onPlayerPlaying="onPlayerPlaying"
+                  :initTime="contentData.lastStudyTime"
+                  :notePlay="notePlay"
+                  @onPlayerPlay="onPlayerPlay"
+                  :isDrag="curriculumData.isDrag"
+                  @onFullscreen="onFullscreen"
+                  @onPlayerPause="onPlayerPause"
+                  @onPlayerEnded="onPlayerEnded"
+                  :isCrowd="isCrowd"
+                  @onTimeUpdate="handleAudioTimeUpdate"
+                ></videoPlayer>
                 <div class="player-box" v-if="playerBoxShow">
-                  <div class="player-praise" style="cursor: pointer;">
+                  <div class="player-praise" style="cursor: pointer">
                     <div @click="praiseContent">
-                      <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
-                      <img class="icon-small" v-else :src="require('@/assets/images/icon/zhan.png')" />
+                      <img
+                        class="icon-small"
+                        v-if="isPraise"
+                        :src="require('@/assets/images/icon/praise-active.png')"
+                      />
+                      <img
+                        class="icon-small"
+                        v-else
+                        :src="require('@/assets/images/icon/zhan.png')"
+                      />
                       <!-- {{ courseInfo.praises }} -->
-                      <div style="color:#fff;cursor: pointer;">赞</div>
+                      <div style="color: #fff; cursor: pointer">赞</div>
                     </div>
-                    <div style="margin-left: 15px;cursor: pointer;" @click="treadContent">
-                      <img class="icon-small" v-if="isTrample"
-                           :src="require('@/assets/images/icon/trample-active.png')" />
-                      <img class="icon-small" v-else :src="require('@/assets/images/icon/cai.png')" />
+                    <div
+                      style="margin-left: 15px; cursor: pointer"
+                      @click="treadContent"
+                    >
+                      <img
+                        class="icon-small"
+                        v-if="isTrample"
+                        :src="
+                          require('@/assets/images/icon/trample-active.png')
+                        "
+                      />
+                      <img
+                        class="icon-small"
+                        v-else
+                        :src="require('@/assets/images/icon/cai.png')"
+                      />
                       <!-- {{ courseInfo.trampleCount }} -->
-                      <div style="color:#fff;cursor: pointer;">踩</div>
+                      <div style="color: #fff; cursor: pointer">踩</div>
                     </div>
                   </div>
                   <div v-if="!scoreInfo.has" class="player-rate">
-
-                    <el-rate v-model="scoreInfo.score" text-color="#ff9900" score-template="{value}" void-color="#fff"  @change="addScore"></el-rate>
+                    <el-rate
+                      v-model="scoreInfo.score"
+                      text-color="#ff9900"
+                      score-template="{value}"
+                      void-color="#fff"
+                      @change="addScore"
+                    ></el-rate>
                   </div>
-                  <div v-if="scoreInfo.has" style="padding-top: 5px;display: flex;">
-                    <div class="player-rate" style="padding-left: 35px;">
-                      <el-rate disabled v-model="courseInfo.score" :allow-half="true"></el-rate>
+                  <div
+                    v-if="scoreInfo.has"
+                    style="padding-top: 5px; display: flex"
+                  >
+                    <div class="player-rate" style="padding-left: 35px">
+                      <el-rate
+                        disabled
+                        v-model="courseInfo.score"
+                        :allow-half="true"
+                      ></el-rate>
                     </div>
-                    <span class="score-text" style="margin-top:35px">
-                    <span style="color:#ffb30f;">{{ toScore(courseInfo.score) }}</span>
-                    <span style="font-size: 12px;color: #fff">分</span>
-                  </span>
-
+                    <span class="score-text" style="margin-top: 35px">
+                      <span style="color: #ffb30f">{{
+                        toScore(courseInfo.score)
+                      }}</span>
+                      <span style="font-size: 12px; color: #fff">分</span>
+                    </span>
                   </div>
                 </div>
               </div>
               <div v-if="resType == 20">
                 <div class="con-audio">
-                  <div class="con-audio-title">{{ contentData.contentName }}</div>
+                  <div class="con-audio-title">
+                    {{ contentData.contentName }}
+                  </div>
                   <div class="con-audio-player">
-                    <audioPlayer v-if="resType == 20" :url="blobUrl" :name="contentData.contentName" @onPlaying="audioPlaying" :isDrag="curriculumData.isDrag"
-                                 @onPlay="audioPlay" @onPause="audioPause" @onPlayEnd="audioEnd"></audioPlayer>
+                    <audioPlayer
+                      v-if="resType == 20"
+                      :url="blobUrl"
+                      :name="contentData.contentName"
+                      @onPlaying="audioPlaying"
+                      :isDrag="curriculumData.isDrag"
+                      @onPlay="audioPlay"
+                      @onPause="audioPause"
+                      @onPlayEnd="audioEnd"
+                    ></audioPlayer>
                   </div>
                 </div>
               </div>
               <div v-if="resType == 40">
-                <div style="padding: 10px;color: #ed0000; " v-if="curCFile.converStatus < 2 && !contentData.content">
+                <div
+                  style="padding: 10px; color: #ed0000"
+                  v-if="curCFile.converStatus < 2 && !contentData.content"
+                >
                   <div>此课程内容无法预览，请联系管理员</div>
                 </div>
-                <div style="padding: 10px;color: #ed0000;" v-if="curCFile.converStatus == 3 && !contentData.content">
+                <div
+                  style="padding: 10px; color: #ed0000"
+                  v-if="curCFile.converStatus == 3 && !contentData.content"
+                >
                   此课程内容无法预览，请联系管理员
                 </div>
-                <pdfPreview :autoScroll="true" v-if="resType == 40" :filePath="fileBaseUrl + contentData.content">
+                <pdfPreview
+                  :autoScroll="true"
+                  v-if="resType == 40"
+                  :filePath="fileBaseUrl + contentData.content"
+                >
                 </pdfPreview>
               </div>
               <div v-if="resType == 41">
-                <div style="padding: 20px;" v-html="contentData.content"></div>
+                <div style="padding: 20px" v-html="contentData.content"></div>
               </div>
-              <div v-if="resType == 50" style="min-height: 500px;">
-                <iframe v-if="scormUrl" :src="scormUrl" frameborder="0"  border="0px" style="width:100%;height:500px;border:0px;"></iframe>
+              <div v-if="resType == 50" style="min-height: 500px">
+                <iframe
+                  v-if="scormUrl"
+                  :src="scormUrl"
+                  frameborder="0"
+                  border="0px"
+                  style="width: 100%; height: 500px; border: 0px"
+                ></iframe>
               </div>
               <div v-if="resType == 52">
                 <div v-if="contentData.content != ''">
                   <div class="hyper-link" v-if="conLink.openType == 2">
-                    <div class="hyper-link-row">{{ contentData.contentName }}</div>
+                    <div class="hyper-link-row">
+                      {{ contentData.contentName }}
+                    </div>
                     <div class="hyper-link-row">{{ conLink.url }}</div>
                   </div>
-                  <div v-if="conLink.openType == 1"><iframe :src="conLink.url"
-                                                            style="width: 100%;border:0px;min-height: 473px;" frameborder="0"></iframe></div>
+                  <div v-if="conLink.openType == 1">
+                    <iframe
+                      :src="conLink.url"
+                      style="width: 100%; border: 0px; min-height: 473px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
                 </div>
               </div>
               <div v-if="resType == 60">
-                <homework @submit="homeWorkSubmit" v-if="resType == 60 && studyId != ''" :studyId="studyId" :content="contentData"></homework>
+                <homework
+                  @submit="homeWorkSubmit"
+                  v-if="resType == 60 && studyId != ''"
+                  :studyId="studyId"
+                  :content="contentData"
+                ></homework>
               </div>
               <div v-if="resType == 61">
-                <exam @startTest="startTest" v-if="resType == 61 && studyId != '' " :studyId="studyId" :content="contentData"></exam>
+                <exam
+                  @startTest="startTest"
+                  v-if="resType == 61 && studyId != ''"
+                  :studyId="studyId"
+                  :content="contentData"
+                ></exam>
               </div>
-              <div v-if="resType == 62" style="padding:5px">
-                <assess v-if="resType == 62 && studyId != '' && contentData.id" :studyId="studyId" :content="contentData">
+              <div v-if="resType == 62" style="padding: 5px">
+                <assess
+                  v-if="resType == 62 && studyId != '' && contentData.id"
+                  :studyId="studyId"
+                  :content="contentData"
+                >
                 </assess>
               </div>
             </div>
-            <div v-if="!renderCourse && Internet ==2" style="margin:350px 250px" class="jianjie pdftext" id="pdfPreview">
-              <div style="margin-top:40px;font-weight:700;font-size: 22px;color: #ccc">
-                <span>十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span>
+            <div
+              v-if="!renderCourse && Internet == 2"
+              style="margin: 350px 250px"
+              class="jianjie pdftext"
+              id="pdfPreview"
+            >
+              <div
+                style="
+                  margin-top: 40px;
+                  font-weight: 700;
+                  font-size: 22px;
+                  color: #ccc;
+                "
+              >
+                <span
+                  >十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span
+                >
               </div>
-              <div style="margin-top:20px;text-align:center" @click="refreshPage">
+              <div
+                style="margin-top: 20px; text-align: center"
+                @click="refreshPage"
+              >
                 <el-button type="primary">重新检测</el-button>
               </div>
             </div>
@@ -122,1139 +245,1439 @@
           <!--交互部分-->
           <div>
             <div class="course-interact">
-              <div class="score" style="display: flex;">
-                <div v-if="!scoreInfo.has" style="margin-left:10px;cursor: pointer;padding-top:18px">
+              <div class="score" style="display: flex">
+                <div
+                  v-if="!scoreInfo.has"
+                  style="margin-left: 10px; cursor: pointer; padding-top: 18px"
+                >
                   <!-- <el-popover placement="top" width="300" trigger="hover"> -->
-                    <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
+                  <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
 
                       <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
                     </div> -->
-                      <el-rate v-model="scoreInfo.score" @change="addScore"></el-rate>
-                    <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
+                  <el-rate
+                    v-model="scoreInfo.score"
+                    @change="addScore"
+                  ></el-rate>
+                  <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
                   <!-- </el-popover> -->
                 </div>
-                <div v-if="scoreInfo.has" style="padding-top: 5px;display: flex;">
-                   <div style="padding-top: 16px;">
-                    <el-rate disabled v-model="courseInfo.score" :allow-half="true" ></el-rate>
+                <div
+                  v-if="scoreInfo.has"
+                  style="padding-top: 5px; display: flex"
+                >
+                  <div style="padding-top: 16px">
+                    <el-rate
+                      disabled
+                      v-model="courseInfo.score"
+                      :allow-half="true"
+                    ></el-rate>
                   </div>
                   <div>
-                        <span class="score-text">{{ toScore(courseInfo.score) }}</span>
-                        <span style="font-size: 18px;">分</span>
+                    <span class="score-text">{{
+                      toScore(courseInfo.score)
+                    }}</span>
+                    <span style="font-size: 18px">分</span>
                   </div>
                 </div>
               </div>
-              <div style="display: flex;justify-content: flex-end;cursor: pointer;padding-top: 5px;">
+              <div
+                style="
+                  display: flex;
+                  justify-content: flex-end;
+                  cursor: pointer;
+                  padding-top: 5px;
+                "
+              >
                 <div @click="praiseContent">
-                  <el-tooltip class="item" effect="light" :content="isPraise?'取消点赞':'点赞'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
-                    <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
-                    <img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')" />
+                  <el-tooltip
+                    class="item"
+                    effect="light"
+                    :content="isPraise ? '取消点赞' : '点赞'"
+                    placement="top-start"
+                    :visible-arrow="false"
+                    popper-class="text-tooltip"
+                  >
+                    <img
+                      class="icon-small"
+                      v-if="isPraise"
+                      :src="require('@/assets/images/icon/praise-active.png')"
+                    />
+                    <img
+                      class="icon-small"
+                      v-else
+                      :src="require('@/assets/images/icon/praise.png')"
+                    />
                   </el-tooltip>
                   {{ courseInfo.praises }}
                 </div>
-                <div style="margin-left: 20px;" @click="treadContent">
-                 <el-tooltip class="item" effect="light" :content="isTrample?'取消踩':'踩'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
-                  <img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')" />
-                  <img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" />
-                 </el-tooltip>
+                <div style="margin-left: 20px" @click="treadContent">
+                  <el-tooltip
+                    class="item"
+                    effect="light"
+                    :content="isTrample ? '取消踩' : '踩'"
+                    placement="top-start"
+                    :visible-arrow="false"
+                    popper-class="text-tooltip"
+                  >
+                    <img
+                      class="icon-small"
+                      v-if="isTrample"
+                      :src="require('@/assets/images/icon/trample-active.png')"
+                    />
+                    <img
+                      class="icon-small"
+                      v-else
+                      :src="require('@/assets/images/icon/trample.png')"
+                    />
+                  </el-tooltip>
                   {{ courseInfo.trampleCount }}
                 </div>
-                <div style="margin-left: 6px;">
-                    <interactBar :size="16" :type="1" :aid="courseInfo.sysCreateAid" :data="courseInfo" :praises="false" :favorites="true" :shares="true" :comments="false" :views="false"></interactBar>
+                <div style="margin-left: 6px">
+                  <interactBar
+                    :size="16"
+                    :type="1"
+                    :aid="courseInfo.sysCreateAid"
+                    :data="courseInfo"
+                    :praises="false"
+                    :favorites="true"
+                    :shares="true"
+                    :comments="false"
+                    :views="false"
+                  ></interactBar>
                 </div>
               </div>
             </div>
-
           </div>
         </div>
         <div class="course-control">
-            <div class="control-tab" v-if="contentList.length>0" >
-              <div v-if="contentList.length>1" @click="heartabone" :class="tab == 1 ? 'control-tab-active' : ' '">
-                <i class="el-icon-reading" style="margin-right:9px;margin-left:9px"></i>课程单元
-              </div>
-              <div @click="heartabtwo" :class="tab == 2 ? 'control-tab-active' : ' '">
-                <i class="el-icon-edit" style="margin-right:9px;margin-left:9px"></i>我的笔记
-              </div>
+          <div class="control-tab" v-if="contentList.length > 0">
+            <div
+              v-if="contentList.length > 1"
+              @click="heartabone"
+              :class="tab == 1 ? 'control-tab-active' : ' '"
+            >
+              <i
+                class="el-icon-reading"
+                style="margin-right: 9px; margin-left: 9px"
+              ></i
+              >课程单元
             </div>
-            <!-- 课程单元  -->
-            <div class="course-units" v-if="tab == 1">
-              <div style="min-height: 350px;max-height: 650px ;overflow-y: auto;">
-                <div class="catalog" v-if="courseInfo.type == 20">
-                  <div  v-for="(item, index) in catalogTree" :key="index" :name="index">
-                    <el-menu
-                      ref="menu"
-                      :default-openeds="defaultOpeneds"
-                      :default-active="activeId"
-                      :unique-opened="true"
-                      class="el-menu-vertical-demo"
-                      @open="handleOpen"
-                      @close="handleClose">
-                      <el-submenu :index="item.section.id">
-                        <template slot="title">
-                          <div style="display: flex;justify-content: space-between;">
-                            <div style="width: 240px;font-weight: 700;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="item.section.name">{{item.section.name}}</div>
-                            <div style="margin-right: 23px;font-weight: 700;font-size: 16px;">({{ item.children.filter(item=>item.status == 9).length }}/{{ item.children.length }})</div>
+            <div
+              @click="heartabtwo"
+              :class="tab == 2 ? 'control-tab-active' : ' '"
+            >
+              <i
+                class="el-icon-edit"
+                style="margin-right: 9px; margin-left: 9px"
+              ></i
+              >我的笔记
+            </div>
+          </div>
+          <!-- 课程单元  -->
+          <div class="course-units" v-if="tab == 1">
+            <div style="min-height: 350px; max-height: 650px; overflow-y: auto">
+              <div class="catalog" v-if="courseInfo.type == 20">
+                <div
+                  v-for="(item, index) in catalogTree"
+                  :key="index"
+                  :name="index"
+                >
+                  <el-menu
+                    ref="menu"
+                    :default-openeds="defaultOpeneds"
+                    :default-active="activeId"
+                    :unique-opened="true"
+                    class="el-menu-vertical-demo"
+                    @open="handleOpen"
+                    @close="handleClose"
+                  >
+                    <el-submenu :index="item.section.id">
+                      <template slot="title">
+                        <div
+                          style="display: flex; justify-content: space-between"
+                        >
+                          <div
+                            style="
+                              width: 240px;
+                              font-weight: 700;
+                              font-size: 16px;
+                              overflow: hidden;
+                              white-space: nowrap;
+                              text-overflow: ellipsis;
+                            "
+                            :title="item.section.name"
+                          >
+                            {{ item.section.name }}
                           </div>
-                        </template>
-                        <el-menu-item-group v-for="(ele, i) in item.children" :key="i">
-                          <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index,item)">
-                            <el-menu-item :index="ele.id" style="padding: 0;padding-left: 10px;">
-                              <div style="display: flex;justify-content: space-between;">
-                                <div style="width: 200px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="ele.contentName">{{i+1}}. {{ ele.contentName }}</div>
-                                <div>
-                                  <span v-if="contentData.id == ele.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
-                                  <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
-                                  <img v-if="contentData.id == ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                                  <img v-if="contentData.id == ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                                  <img v-if="contentData.id == ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                                  <img v-if="contentData.id != ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                                  <img v-if="contentData.id != ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                                  <img v-if="contentData.id != ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
-                                </div>
+                          <div
+                            style="
+                              margin-right: 23px;
+                              font-weight: 700;
+                              font-size: 16px;
+                            "
+                          >
+                            ({{
+                              item.children.filter((item) => item.status == 9)
+                                .length
+                            }}/{{ item.children.length }})
+                          </div>
+                        </div>
+                      </template>
+                      <el-menu-item-group
+                        v-for="(ele, i) in item.children"
+                        :key="i"
+                      >
+                        <div
+                          class="units-info"
+                          :class="{ 'units-active': contentData.id == ele.id }"
+                          @click="showRes(ele, i, index, item)"
+                        >
+                          <el-menu-item
+                            :index="ele.id"
+                            style="padding: 0; padding-left: 10px"
+                          >
+                            <div
+                              style="
+                                display: flex;
+                                justify-content: space-between;
+                              "
+                            >
+                              <div
+                                style="
+                                  width: 200px;
+                                  font-size: 16px;
+                                  overflow: hidden;
+                                  white-space: nowrap;
+                                  text-overflow: ellipsis;
+                                "
+                                :title="ele.contentName"
+                              >
+                                {{ i + 1 }}. {{ ele.contentName }}
                               </div>
+                              <div>
+                                <span
+                                  v-if="contentData.id == ele.id"
+                                  style="
+                                    color: #387df7;
+                                    font-size: 14px;
+                                    margin-right: 4px;
+                                  "
+                                  >学习中</span
+                                >
+                                <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id && ele.status == 9
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/over.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id && ele.status == 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/nowNot.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id &&
+                                    ele.status != 9 &&
+                                    ele.status != 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/ban1.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id && ele.status == 9
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/notNew.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id && ele.status == 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/not.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id &&
+                                    ele.status != 9 &&
+                                    ele.status != 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/newBan.png"
+                                  alt=""
+                                />
+                              </div>
+                            </div>
                           </el-menu-item>
-                          </div>
-                        </el-menu-item-group>
-                      </el-submenu>
-                    </el-menu>
-                  </div>
-                  <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
+                        </div>
+                      </el-menu-item-group>
+                    </el-submenu>
+                  </el-menu>
+                </div>
+                <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
                     <div class="units-info" :class="{'units-active':contentData.id == ele.id}"  v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
                       <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
                       <span>{{ ele.contentName }}</span>
                     </div>
                   </div> -->
-                </div>
-                <div v-else class="catalog">
-                  <!-- contentList -->
-                  <div class="units-info" style="display: flex;justify-content: space-between" v-for="(list, index) in contentList" :key="index" :name="index"  @click="showRes(list,-1,index)" :class="{'units-active':contentData.id == list.id}">
-                    <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
-                    <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
-                     <div style="max-width: 193px;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
-                       {{index+1}}.{{ list.contentName }}
-                     </div>
-                    <div style="margin-left: 5px">
-                      <span v-if="contentData.id == list.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
-                      <img v-if="contentData.id == list.id && list.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                      <img v-if="contentData.id == list.id && list.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                      <img v-if="contentData.id == list.id && (list.status != 9&&list.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                      <img v-if="contentData.id != list.id && list.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                      <img v-if="contentData.id != list.id && list.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                      <img v-if="contentData.id != list.id && (list.status != 9&&list.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
-                    </div>
-                    <!-- </div> -->
+              </div>
+              <div v-else class="catalog">
+                <!-- contentList -->
+                <div
+                  class="units-info"
+                  style="display: flex; justify-content: space-between"
+                  v-for="(list, index) in contentList"
+                  :key="index"
+                  :name="index"
+                  @click="showRes(list, -1, index)"
+                  :class="{ 'units-active': contentData.id == list.id }"
+                >
+                  <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
+                  <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
+                  <div
+                    style="
+                      max-width: 193px;
+                      overflow: hidden;
+                      white-space: nowrap;
+                      text-overflow: ellipsis;
+                    "
+                  >
+                    {{ index + 1 }}.{{ list.contentName }}
                   </div>
+                  <div style="margin-left: 5px">
+                    <span
+                      v-if="contentData.id == list.id"
+                      style="color: #387df7; font-size: 14px; margin-right: 4px"
+                      >学习中</span
+                    >
+                    <img
+                      v-if="contentData.id == list.id && list.status == 9"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/over.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id == list.id && list.status == 0"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/nowNot.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="
+                        contentData.id == list.id &&
+                        list.status != 9 &&
+                        list.status != 0
+                      "
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/ban1.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id != list.id && list.status == 9"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/notNew.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id != list.id && list.status == 0"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/not.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="
+                        contentData.id != list.id &&
+                        list.status != 9 &&
+                        list.status != 0
+                      "
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/newBan.png"
+                      alt=""
+                    />
+                  </div>
+                  <!-- </div> -->
                 </div>
               </div>
             </div>
-            <!-- 我的笔记 -->
-            <div class="mynote" v-show="tab == 2">
-              <my-note ref="mynote" :height="controlHeight" @change="noteChange" :data="courseInfo" @videoLocation="videoLocation" @onPlayVideo="onPlayVideo"
-                :score="courseInfo.score"></my-note>
-            </div>
+          </div>
+          <!-- 我的笔记 -->
+          <div class="mynote" v-show="tab == 2">
+            <my-note
+              ref="mynote"
+              :height="controlHeight"
+              @change="noteChange"
+              :data="courseInfo"
+              @videoLocation="videoLocation"
+              @onPlayVideo="onPlayVideo"
+              :score="courseInfo.score"
+            ></my-note>
+          </div>
         </div>
       </div>
       <div class="course-infobox">
         <div class="course-info">
-          <div style="background-color: #fff;">
-                <div class="course-info-tab">
-                  <div @click="coutab(1)" :class="courestab == 1? 'course-info-tab-active' : ''">内容简介<span class=""></span> </div>
-                  <div @click="coutab(2)" :class="courestab == 2? 'course-info-tab-active' : ''">课程评论<span class=""></span> </div>
-                  <div @click="coutab(3)" :class="courestab == 3? 'course-info-tab-active' : ''">课程笔记<span class=""></span> </div>
+          <div style="background-color: #fff">
+            <div class="course-info-tab">
+              <div
+                @click="coutab(1)"
+                :class="courestab == 1 ? 'course-info-tab-active' : ''"
+              >
+                内容简介<span class=""></span>
+              </div>
+              <div
+                @click="coutab(2)"
+                :class="courestab == 2 ? 'course-info-tab-active' : ''"
+              >
+                课程评论<span class=""></span>
+              </div>
+              <div
+                @click="coutab(3)"
+                :class="courestab == 3 ? 'course-info-tab-active' : ''"
+              >
+                课程笔记<span class=""></span>
+              </div>
+            </div>
+            <div
+              v-show="courestab == 1"
+              style="margin-left: 17px; padding-top: 20px"
+            >
+              <div style="padding: 30px">
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  目标人群：
+                  <div class="course-info-text">{{ courseInfo.forUsers }}</div>
                 </div>
-                <div v-show="courestab==1" style="margin-left:17px;padding-top: 20px;">
-                    <div style="padding: 30px;">
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 目标人群：<div class="course-info-text">{{courseInfo.forUsers}}</div></div>
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 课程价值：<div class="course-info-text">{{courseInfo.value}}</div></div>
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 详细介绍：<div class="course-info-text"  v-html="courseInfo.summary"></div></div>
-                    </div>
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  课程价值：
+                  <div class="course-info-text">{{ courseInfo.value }}</div>
                 </div>
-                <div v-show="courestab==2" class="coures-comments" style="margin-left:17px">
-                  <comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="1" :obj-id="courseInfo.id"  :toUsers="toUsers"></comments>
-                </div>
-                <div  v-show="courestab==3" class="coures-note">
-                  <note-comments  :key="timer" v-if="courseInfo.id && courseInfo.id != ''" :obj-type="6" :obj-id="courseInfo.id" :name="courseInfo.name"></note-comments>
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  详细介绍：
+                  <div
+                    class="course-info-text"
+                    v-html="courseInfo.summary"
+                  ></div>
                 </div>
+              </div>
+            </div>
+            <div
+              v-show="courestab == 2"
+              class="coures-comments"
+              style="margin-left: 17px"
+            >
+              <comments
+                v-if="courseInfo.id && courseInfo.id != ''"
+                :obj-type="1"
+                :obj-id="courseInfo.id"
+                :toUsers="toUsers"
+              ></comments>
+            </div>
+            <div v-show="courestab == 3" class="coures-note">
+              <note-comments
+                :key="timer"
+                v-if="courseInfo.id && courseInfo.id != ''"
+                :obj-type="6"
+                :obj-id="courseInfo.id"
+                :name="courseInfo.name"
+              ></note-comments>
+            </div>
           </div>
         </div>
         <div class="course-teacher">
           <div class="cteacher-top">
-              <div class="cteacher-top"><img width="100%" style="vertical-align: top;" height="10px" src="../../../public/images/tearch-top.png" alt=""></div>
-              <div class="cteacher-top-title">课程讲师</div>
+            <div class="cteacher-top">
+              <img
+                width="100%"
+                style="vertical-align: top"
+                height="10px"
+                src="../../../public/images/tearch-top.png"
+                alt=""
+              />
+            </div>
+            <div class="cteacher-top-title">课程讲师</div>
           </div>
 
           <div class="cteacher-list">
             <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
-              <div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页">
+              <div
+                class="teacher-avator"
+                @click="toUserHome(item)"
+                title="点击进入他的主页"
+              >
                 <!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
-                 <div v-if="item.authorInfo.avatar !== ''">
-                    <el-avatar  :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
+                <div v-if="item.authorInfo.avatar !== ''">
+                  <el-avatar
+                    :src="fileBaseUrl + item.authorInfo.avatar"
+                    shape="circle"
+                    :size="50"
+                  ></el-avatar>
                 </div>
                 <div v-else class="teacher-text">
-                  <div v-if="item.authorInfo.sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
-                  <div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
+                  <div v-if="item.authorInfo.sex === 1">
+                    <img src="../../../public/images/Avatarman.png" alt="" />
+                  </div>
+                  <div v-else>
+                    <img src="../../../public/images/Avatarwoman.png" alt="" />
+                  </div>
                 </div>
               </div>
               <div class="teacher-info">
                 <div class="teacher-name">
-                    <span> {{ item.teacherName }}</span>
-                    <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
+                  <span> {{ item.teacherName }}</span>
+                  <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
                 </div>
                 <!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
-                <div v-if="item.teacherType === 1 " class="teacher-remark">{{cutOrgNamePath(item.authorInfo.orgInfo)}}</div>
-                <div v-else>{{item.supplier}}</div>
+                <div v-if="item.teacherType === 1" class="teacher-remark">
+                  {{ cutOrgNamePath(item.authorInfo.orgInfo) }}
+                </div>
+                <div v-else>{{ item.supplier }}</div>
               </div>
-              <div  style="padding-top:15px;width:70px;">
-                <followButton v-if="item.teacherName!=='BOE教师'" :auto="true" size="small" :aid="item.teacherId"></followButton>
+              <div style="padding-top: 15px; width: 70px">
+                <followButton
+                  v-if="item.teacherName !== 'BOE教师'"
+                  :auto="true"
+                  size="small"
+                  :aid="item.teacherId"
+                ></followButton>
               </div>
             </div>
           </div>
-
         </div>
       </div>
     </div>
-    <el-dialog class="protocol" :close-on-click-modal="false" :visible="protocolDialogVisible" width="30%"
-               :show-close="false">
-      <div class="protocol-title">{{warnTitle}}</div>
-      <div class="protocol-content">
-        &emsp;&emsp;{{warn}}
-      </div>
+    <el-dialog
+      class="protocol"
+      :close-on-click-modal="false"
+      :visible="protocolDialogVisible"
+      width="30%"
+      :show-close="false"
+    >
+      <div class="protocol-title">{{ warnTitle }}</div>
+      <div class="protocol-content">&emsp;&emsp;{{ warn }}</div>
       <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="protocolDialogVisible = false">确
-                定</el-button>
+        <el-button type="primary" @click="protocolDialogVisible = false"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
     <!-- <div><portal-footer></portal-footer></div> -->
   </div>
 </template>
 <script>
-  import { mapGetters } from 'vuex';
-  import followButton from "@/components/Follow/button.vue";
-  import portalHeader from "@/components/PortalHeader.vue";
-  import portalFooter from "@/components/PortalFooter.vue";
-  import comments from "@/components/Portal/comments.vue";
-  import noteComments from "@/components/Portal/noteComment.vue";
-  import interactBar from "@/components/Portal/interactBar.vue";
-  import audioPlayer from '@/components/AudioPlayer/index.vue';
-  import videoPlayer from '@/components/VideoPlayer/index.vue';
-  import hyperLink from '@/components/Course/hyperLink.vue';
-  import studyUtil from '@/utils/study.js';
-  import { encrypt } from '@/utils/jsencrypt.js';
-  import cookies from 'vue-cookies';
-  import apiStat from '@/api/phase2/stat.js';
-  import apiStudy from '@/api/modules/courseStudy.js';
-  import apiVideoStudy from "@/api/modules/videoStudy.js";
-  import apiCourseGrade from '@/api/modules/courseGrade.js';
-  import apiPraises from '@/api/modules/praises.js';
-  import apiTrample from '@/api/modules/trample.js';
-  import apiCoursePortal from '@/api/modules/coursePortal.js';
-  import apiUser from '@/api/system/user.js';
-  import apiCourseFile from '@/api/modules/courseFile.js';
-  import {
-    resListMap,
-    resOwnerListMap,
-    courseType,
-    getType,
-    toScore,
-    cutOrgNamePath,
-    userAvatarText
-  } from '@/utils/tools.js';
-  import pdfPreview from '@/components/PdfPreview/index.vue';
-  import courseImage from '@/components/Course/courseImage.vue';
-  import exam from '@/components/Course/exam';
-  import homework from '@/components/Course/homework';
-  import assess from '@/components/Course/assess';
-  import myNote from '../../components/Course/myNote.vue';
-  import apiFollow from "@/api/phase2/userfollow.js";
-  import apiMessage from '@/api/system/message.js'
-  // import Vue from 'vue';
-  // Vue.forceUpdate();
-  export default {
-    name: "atticle",
-    components: {
-      courseImage,
-      portalHeader,
-      hyperLink,
-      comments,
-      homework,
-      exam,
-      interactBar,
-      assess,
-      pdfPreview,
-      audioPlayer,
-      videoPlayer,
-      myNote,
-      noteComments,
-      portalFooter,
-      followButton
-    },
-    data() {
-      return {
-        protocolDialogVisible: false,
-        tentative: false,
-        isContentTypeTwo: null,
-        isContentType: null,
-        activeId: '',
-        isFalse: false,
-        defaultOpeneds: [],
-        sendEventProgress: 0,
-        trueFalse: true,
-        audiences:'',
-        isCrowd:false,
-        cutOrgNamePath,
-        scormUrl:'',//当前播放的scormUrl
-        loading:false,
-        controlHeight:400,//左边控制区域的内容高度
-        timer: '',
-        notePlay: null,
-        intTimeNote: '',
-        courestab: 2,//默认是课程评论
-        curCFile: {
-          converStatus: 4,
-        },
-        Internet: 3,//1是成功 2是是失败 3是检测中
-        radio: '',
-        interactRuning: false,
-        playerBoxShow: false,
-        userAvatarText,
-        publicPath: process.env.VUE_APP_PUBLIC_PATH,
-        showiframe: false,
-        toScore,
-        courseId: '', //当前课程的id
-        studyId: '', //当前学习的id
-        initContentId: '', //初始化当前学习的内容节
-        blobUrl: '', //播放的文件地址，新添加，采用blob方式
-        contentData: {
-          studyItemId: '',
-          status: 1
-        }, //当前的显示的内容
-        conLink: {
-          openType: 1,
-          url: ''
-        }, //对于超连接的内容
-        curriculumData: {
-          url: '',
-          isDrag: true,
-          completeSetup: 0,
-          setupTage: 0,
-          second: 0
-        }, // 课件内容
-        courseInfo: {
-          id: '',
-          name: ''
-        }, //课程信息
-        totalContent: 0, //课程内容数量
-        pageCount: 0,
-        currentPage: 0,
-        fileBaseUrl: this.$xpage.constants.fileBaseUrl,//使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
-        contentList: [],
-        sectionList: [],
-        teachers: [],
-        toUsers: [], //对于@教师的处理
-        getType: getType,
-        ctabName: 'catalog',
-        resType: null,
-        renderCourse: true,
-        activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
-        scoreInfo: {
-          dlgShow: false,
-          score: 5,
-          has: false
-        },
-        isPraise: false,
-        isTrample: false,
-        appendStartTime: null, //记录追加的开始时间
-        appendHandle: null, //追加学习时长的timeout句柄
-        isAppendTime: false, //是否追加学习时长
-        appentId: '', //当前追加的学习时长的id,此字段已经不再使用
-        appentInterval: 15, //追加学习时间的间隔 5秒加一次
-        handleTimeout: null,
-        completed: [],
-        tab: 1,
-        notetab: 1,
-        localTimeKey:'boeu-study-time' ,//本地存储的学习时长的key   json格式
-        localTimeValue:0,//计算的时间
-        appendStudyOtherHandle:null,
-        cumulativeDuration:0, //非音频累计时长
-        maxDuration:0, //非音频最大时长
-        defaultMaxTime:1800, //非音频默认最大时间
-        warn:"测试内容",
-        warnTitle:"测试标题",
-        isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
-      }
-    },
-    mounted() {
-      this.getInternet();
-      // 增加的用户受众id
-      let localKey = "user_" + this.userInfo.sysId + "_gids";
-      let hasIds = sessionStorage.getItem(localKey);
-      this.audiences = hasIds ?? ''
-      this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
-      this.courseId = this.$route.query.id;
-      this.initContentId = this.$route.query.contentId;
-      this.stopStudyTime();//先关闭
-      this.cleanAppendTime();//
-      this.loadData();
-    },
-    computed: {
-      ...mapGetters(['userInfo']),
-      catalogTree(){
-        let treeList = [];
-        this.completed = [];
-        let $this = this;
-        $this.sectionList.forEach(sec => {
-          let treeNode = {
-            section: sec,
-            children: []
-          };
-          sec.status = 1;
-          let finishCount = 0;
-          $this.contentList.forEach(c => {
-            if (c.csectionId == sec.id) {
-              if (c.status > 1) {
-                sec.status = 2;
-                if (c.status == 9) {
-                  finishCount++;
-                }
-              }
+import { mapGetters } from "vuex";
+import followButton from "@/components/Follow/button.vue";
+import portalHeader from "@/components/PortalHeader.vue";
+import portalFooter from "@/components/PortalFooter.vue";
+import comments from "@/components/Portal/comments.vue";
+import noteComments from "@/components/Portal/noteComment.vue";
+import interactBar from "@/components/Portal/interactBar.vue";
+import audioPlayer from "@/components/AudioPlayer/index.vue";
+import videoPlayer from "@/components/VideoPlayer/index.vue";
+import hyperLink from "@/components/Course/hyperLink.vue";
+import studyUtil from "@/utils/study.js";
+import { encrypt } from "@/utils/jsencrypt.js";
+import cookies from "vue-cookies";
+import apiStat from "@/api/phase2/stat.js";
+import apiStudy from "@/api/modules/courseStudy.js";
+import apiVideoStudy from "@/api/modules/videoStudy.js";
+import apiCourseGrade from "@/api/modules/courseGrade.js";
+import apiPraises from "@/api/modules/praises.js";
+import apiTrample from "@/api/modules/trample.js";
+import apiCoursePortal from "@/api/modules/coursePortal.js";
+import apiUser from "@/api/system/user.js";
+import apiCourseFile from "@/api/modules/courseFile.js";
+import {
+  resListMap,
+  resOwnerListMap,
+  courseType,
+  getType,
+  toScore,
+  cutOrgNamePath,
+  userAvatarText,
+} from "@/utils/tools.js";
+import pdfPreview from "@/components/PdfPreview/index.vue";
+import courseImage from "@/components/Course/courseImage.vue";
+import exam from "@/components/Course/exam";
+import homework from "@/components/Course/homework";
+import assess from "@/components/Course/assess";
+import myNote from "../../components/Course/myNote.vue";
+import apiFollow from "@/api/phase2/userfollow.js";
+import apiMessage from "@/api/system/message.js";
+// import Vue from 'vue';
+// Vue.forceUpdate();
+export default {
+  name: "atticle",
+  components: {
+    courseImage,
+    portalHeader,
+    hyperLink,
+    comments,
+    homework,
+    exam,
+    interactBar,
+    assess,
+    pdfPreview,
+    audioPlayer,
+    videoPlayer,
+    myNote,
+    noteComments,
+    portalFooter,
+    followButton,
+  },
+  data() {
+    return {
+      protocolDialogVisible: false,
+      tentative: false,
+      isContentTypeTwo: null,
+      isContentType: null,
+      activeId: "",
+      isFalse: false,
+      defaultOpeneds: [],
+      sendEventProgress: 0,
+      trueFalse: true,
+      audiences: "",
+      isCrowd: false,
+      cutOrgNamePath,
+      scormUrl: "", //当前播放的scormUrl
+      loading: false,
+      controlHeight: 400, //左边控制区域的内容高度
+      timer: "",
+      notePlay: null,
+      intTimeNote: "",
+      courestab: 2, //默认是课程评论
+      curCFile: {
+        converStatus: 4,
+      },
+      Internet: 3, //1是成功 2是是失败 3是检测中
+      radio: "",
+      interactRuning: false,
+      playerBoxShow: false,
+      userAvatarText,
+      publicPath: process.env.VUE_APP_PUBLIC_PATH,
+      showiframe: false,
+      toScore,
+      courseId: "", //当前课程的id
+      studyId: "", //当前学习的id
+      initContentId: "", //初始化当前学习的内容节
+      blobUrl: "", //播放的文件地址，新添加，采用blob方式
+      contentData: {
+        studyItemId: "",
+        status: 1,
+      }, //当前的显示的内容
+      conLink: {
+        openType: 1,
+        url: "",
+      }, //对于超连接的内容
+      curriculumData: {
+        url: "",
+        isDrag: true,
+        completeSetup: 0,
+        setupTage: 0,
+        second: 0,
+      }, // 课件内容
+      courseInfo: {
+        id: "",
+        name: "",
+      }, //课程信息
+      totalContent: 0, //课程内容数量
+      pageCount: 0,
+      currentPage: 0,
+      fileBaseUrl: this.$xpage.constants.fileBaseUrl, //使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
+      contentList: [],
+      sectionList: [],
+      teachers: [],
+      toUsers: [], //对于@教师的处理
+      getType: getType,
+      ctabName: "catalog",
+      resType: null,
+      renderCourse: true,
+      activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+      scoreInfo: {
+        dlgShow: false,
+        score: 5,
+        has: false,
+      },
+      isPraise: false,
+      isTrample: false,
+      appendStartTime: null, //记录追加的开始时间
+      appendHandle: null, //追加学习时长的timeout句柄
+      isAppendTime: false, //是否追加学习时长
+      appentId: "", //当前追加的学习时长的id,此字段已经不再使用
+      appentInterval: 15, //追加学习时间的间隔 5秒加一次
+      handleTimeout: null,
+      completed: [],
+      tab: 1,
+      notetab: 1,
+      localTimeKey: "boeu-study-time", //本地存储的学习时长的key   json格式
+      localTimeValue: 0, //计算的时间
+      appendStudyOtherHandle: null,
+      cumulativeDuration: 0, //非音频累计时长
+      maxDuration: 0, //非音频最大时长
+      defaultMaxTime: 1800, //非音频默认最大时间
+      warn: "测试内容",
+      warnTitle: "测试标题",
+      isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
+    };
+  },
+  mounted() {
+    this.getInternet();
+    // 增加的用户受众id
+    let localKey = "user_" + this.userInfo.sysId + "_gids";
+    let hasIds = sessionStorage.getItem(localKey);
+    this.audiences = hasIds ?? "";
+    this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
+    this.courseId = this.$route.query.id;
+    this.initContentId = this.$route.query.contentId;
+    this.stopStudyTime(); //先关闭
+    this.cleanAppendTime(); //
+    this.loadData();
+  },
+  computed: {
+    ...mapGetters(["userInfo"]),
+    catalogTree() {
+      let treeList = [];
+      this.completed = [];
+      let $this = this;
+      $this.sectionList.forEach((sec) => {
+        let treeNode = {
+          section: sec,
+          children: [],
+        };
+        sec.status = 1;
+        let finishCount = 0;
+        $this.contentList.forEach((c) => {
+          if (c.csectionId == sec.id) {
+            if (c.status > 1) {
+              sec.status = 2;
               if (c.status == 9) {
-                $this.completed.push(c.id);
+                finishCount++;
               }
-              treeNode.children.push(c);
             }
-          });
-          if (finishCount == treeNode.children.length) {
-            sec.status = 9;
+            if (c.status == 9) {
+              $this.completed.push(c.id);
+            }
+            treeNode.children.push(c);
           }
-          treeList.push(treeNode);
         });
-        // console.log(treeList,'treeList')
-        return treeList;
+        if (finishCount == treeNode.children.length) {
+          sec.status = 9;
+        }
+        treeList.push(treeNode);
+      });
+      // console.log(treeList,'treeList')
+      return treeList;
+    },
+  },
+  methods: {
+    handleOpen(key, path) {
+      if (this.isFalse) {
+        this.defaultOpeneds = [key];
+      }
+      this.isFalse = false;
+    },
+    handleClose(key, path) {},
+    toUserHome(tea) {
+      this.$router.push({ path: this.$xpage.getHomePath(tea.teacherId) });
+    },
+    noteChange() {
+      //视频点定位，直接到播放的视频位置
+      this.timer = new Date().getTime();
+    },
+    //清空追加学习时长事件
+    cleanAppendTime() {
+      if (this.appendStudyOtherHandle) {
+        window.clearTimeout(this.appendStudyOtherHandle);
       }
     },
-    methods: {
-      handleOpen(key,path){
-        if(this.isFalse){
-          this.defaultOpeneds = [key]
+    //非音视频课学习时长的增加,每一分钟保存一次
+    appendStudyOtherTime() {
+      //console.log('开始追加学习时长',this.isAppendTime);
+      if (this.studyId == "") {
+        return;
+      }
+      if (!this.contentData.id) {
+        return;
+      }
+      //每一分钟保存一次
+      // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
+      let $this = this;
+      let startTime = new Date().getTime();
+      this.appendStudyOtherHandle = setTimeout(function () {
+        let endTime = new Date().getTime();
+        let totalTime = Math.round((endTime - startTime) / 1000);
+        $this.cumulativeDuration += totalTime;
+        if ($this.cumulativeDuration <= $this.maxDuration) {
+          //发送时长
+          $this.sendStudyOtherTime(totalTime);
+          //递归调用
+          $this.appendStudyOtherTime();
+        } else {
+          clearTimeout(this.appendStudyOtherHandle);
+          $this.cumulativeDuration = 0;
+          $this.maxDuration = 0;
         }
-        this.isFalse = false
-      },
-      handleClose(key,path){
-      },
-      toUserHome(tea){
-        this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
-      },
-      noteChange(){
-        //视频点定位，直接到播放的视频位置
-        this.timer = new Date().getTime()
-      },
-      //清空追加学习时长事件
-      cleanAppendTime(){
-        if(this.appendStudyOtherHandle){
-          window.clearTimeout(this.appendStudyOtherHandle);
-        }
-      },
-      //非音视频课学习时长的增加,每一分钟保存一次
-      appendStudyOtherTime() {
-        //console.log('开始追加学习时长',this.isAppendTime);
-        if (this.studyId == '') {
-          return;
-        }
-        if (!this.contentData.id) {
-          return;
-        }
-        //每一分钟保存一次
-        // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
-        let $this=this;
-        let startTime = new Date().getTime();
-        this.appendStudyOtherHandle = setTimeout(function() {
-          let endTime = new Date().getTime();
-          let totalTime = Math.round((endTime - startTime) / 1000);
-          $this.cumulativeDuration += totalTime;
-          if($this.cumulativeDuration <= $this.maxDuration){
-            //发送时长
-            $this.sendStudyOtherTime(totalTime);
-            //递归调用
-            $this.appendStudyOtherTime();
-          }else{
-            clearTimeout(this.appendStudyOtherHandle);
-            $this.cumulativeDuration = 0;
-            $this.maxDuration = 0;
-          }
-        }, 1000*60);
-
-      },
-      sendStudyOtherTime(totalTime){
-        //静默处理
-        apiStat.sendEvent({
-          "key": "StudyCourseOther",//课程学习的key
-          "title": "非音视频课内容",//事件的标题
-          "parameters":"second:" + totalTime,//second:value 本次的学习时长
-          "content": "学习课程",//事件的内容
-          "objId": this.courseInfo.id,//课程的id
-          "objType": "1",//类型
-          "source":"page",
-          "objInfo": ""+this.courseInfo.name,
-          "aid":this.userInfo.aid, //当前登录人的id
-          "aname":this.userInfo.name,//当前人的姓名
-          "status": 1 //状态
-        }).then(rs=>{
-          if(rs.status != 200) {
+      }, 1000 * 60);
+    },
+    sendStudyOtherTime(totalTime) {
+      //静默处理
+      apiStat
+        .sendEvent({
+          key: "StudyCourseOther", //课程学习的key
+          title: "非音视频课内容", //事件的标题
+          parameters: "second:" + totalTime, //second:value 本次的学习时长
+          content: "学习课程", //事件的内容
+          objId: this.courseInfo.id, //课程的id
+          objType: "1", //类型
+          source: "page",
+          objInfo: "" + this.courseInfo.name,
+          aid: this.userInfo.aid, //当前登录人的id
+          aname: this.userInfo.name, //当前人的姓名
+          status: 1, //状态
+        })
+        .then((rs) => {
+          if (rs.status != 200) {
             console.log(rs.message);
           }
         });
-      },
-      //笔记组件触发，播放指定时间
-      onPlayVideo(contentId,time){
-        //这里需要根据contentId,是否切换到对应的内容的视频的时间
-        //如果 contentId已经不存在，需要提示
-        console.log(contentId,this.contentData.id,'两个内容id');
-        let $this=this;
-        if(this.contentData.id==contentId){
-          this.onPlayerPause()
-          this.contentData.lastStudyTime=time;
+    },
+    //笔记组件触发，播放指定时间
+    onPlayVideo(contentId, time) {
+      //这里需要根据contentId,是否切换到对应的内容的视频的时间
+      //如果 contentId已经不存在，需要提示
+      console.log(contentId, this.contentData.id, "两个内容id");
+      let $this = this;
+      if (this.contentData.id == contentId) {
+        this.onPlayerPause();
+        this.contentData.lastStudyTime = time;
+        setTimeout(() => {
+          $this.$refs.myVideoPlayer.startPlay(time);
+        }, 10);
+        console.log("开始播放1");
+      } else {
+        //通过contentId
+        let toResContent = null;
+        this.contentList.forEach((c) => {
+          if (c.id == contentId) {
+            c.lastStudyTime = time;
+            toResContent = c;
+          }
+        });
+        if (toResContent) {
+          this.changePlayRes(toResContent);
           setTimeout(() => {
             $this.$refs.myVideoPlayer.startPlay(time);
-          }, 10)
-          console.log('开始播放1');
-        }else{
-          //通过contentId
-          let toResContent=null;
-          this.contentList.forEach(c => {
-            if(c.id==contentId){
-              c.lastStudyTime=time;
-              toResContent=c;
-            }
-          });
-          if(toResContent){
+          }, 10);
 
-            this.changePlayRes(toResContent);
-            setTimeout(() => {
-              $this.$refs.myVideoPlayer.startPlay(time);
-            }, 10)
-
-            console.log('开始播放2');
-          }else{
-            this.$message.error('资源已不存在或更换过，已无法定位');
-          }
-        }
-        this.playerBoxShow = false;
-      },
-      //笔记组件触发,记录当前播放时间
-      videoLocation() {
-        this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote);
-      },
-      coutab(n) {
-        this.courestab =n;
-      },
-      createPlayUrl(fid, u) {
-        let nowDate = new Date();
-        let ctime = parseInt(nowDate.getTime() / 1000);
-        let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid;
-        let urlSign = encodeURIComponent(encrypt(beforeUrl));
-        cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存
-        //以下判断是为了区分本地环境和服务器环境
-        if (process.env.NODE_ENV == 'development') {
-          this.blobUrl = process.env.VUE_APP_FILE_BASE_URL + u;
+          console.log("开始播放2");
         } else {
-          this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
+          this.$message.error("资源已不存在或更换过，已无法定位");
         }
-        this.blobId = this.contentData.id
-      },
-      widthOpen(url) {
-        window.open(url, '_blank');
-      },
-      //替换播放区域
-      changePlayRes(r,item){
-        this.tentative = false;
-        if(this.appendStudyOtherHandle!=null){
-          window.clearTimeout(this.appendStudyOtherHandle);
-        }
-        this.playerBoxShow = false;
-        //显示内容部分
-        this.$refs.mynote.showVideoTimeBtn(false);
-        let $this = this;
-        this.resType = r.contentType;
-        this.contentData = r;
-        this.activeId = this.contentData.id
-        if(item){
-          this.isFalse = true
-          this.handleOpen(item.section.id,[item.section.id])
-        }
-        this.contentData.name = this.courseInfo.name;
-        this.saveStudyDuration();
+      }
+      this.playerBoxShow = false;
+    },
+    //笔记组件触发,记录当前播放时间
+    videoLocation() {
+      this.$refs.mynote.setVideoTime(this.contentData.id, this.intTimeNote);
+    },
+    coutab(n) {
+      this.courestab = n;
+    },
+    createPlayUrl(fid, u) {
+      let nowDate = new Date();
+      let ctime = parseInt(nowDate.getTime() / 1000);
+      let beforeUrl = parseInt(nowDate.getTime() / 1000) + "/" + fid;
+      let urlSign = encodeURIComponent(encrypt(beforeUrl));
+      cookies.set("PLAYSIGN_TIME", ctime); //写客户端的cookie保存
+      //以下判断是为了区分本地环境和服务器环境
+      if (process.env.NODE_ENV == "development") {
+        this.blobUrl = process.env.VUE_APP_FILE_BASE_URL + u;
+      } else {
+        this.blobUrl =
+          process.env.VUE_APP_BASE_API +
+          "/xboe/m/course/cware/resource?sign=" +
+          urlSign;
+      }
+      this.blobId = this.contentData.id;
+    },
+    widthOpen(url) {
+      window.open(url, "_blank");
+    },
+    //替换播放区域
+    changePlayRes(r, item) {
+      this.tentative = false;
+      if (this.appendStudyOtherHandle != null) {
+        window.clearTimeout(this.appendStudyOtherHandle);
+      }
+      this.playerBoxShow = false;
+      //显示内容部分
+      this.$refs.mynote.showVideoTimeBtn(false);
+      let $this = this;
+      this.resType = r.contentType;
+      this.contentData = r;
+      this.activeId = this.contentData.id;
+      if (item) {
+        this.isFalse = true;
+        this.handleOpen(item.section.id, [item.section.id]);
+      }
+      this.contentData.name = this.courseInfo.name;
+      this.saveStudyDuration();
 
-        if (r.contentType == 10 || r.contentType == 20) {
-          this.trueFalse = true
-          if (r.content.startsWith('\{')) {
-            this.curriculumData = JSON.parse(r.content);
-          } else {
-            this.curriculumData.url = r.content;
-          }
-          this.$refs.mynote.showVideoTimeBtn(true);
-          this.createPlayUrl(r.contentRefId, this.curriculumData.url);
-        } else if (r.contentType == 40) {
-          // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
-          apiCourseFile.detail(r.contentRefId).then(cfrs => {
-            if (cfrs.status == 200) {
-              r.content = cfrs.result.previewFilePath;
-              this.curCFile = cfrs.result;
-              if (cfrs.result.previewFilePath == '' && cfrs.result.filePath.indexOf('pdf') > -1) {
-                r.content = cfrs.result.filePath;
-                this.curCFile.converStatus = 2;
-              }
-              if (r.content && r.content.indexOf('.pdf') > -1) {
-                this.curCFile.converStatus = 2;
-              }
-            } else {
-              $this.$message.error('加载pdf课件文件失败');
+      if (r.contentType == 10 || r.contentType == 20) {
+        this.trueFalse = true;
+        if (r.content.startsWith("{")) {
+          this.curriculumData = JSON.parse(r.content);
+        } else {
+          this.curriculumData.url = r.content;
+        }
+        this.$refs.mynote.showVideoTimeBtn(true);
+        this.createPlayUrl(r.contentRefId, this.curriculumData.url);
+      } else if (r.contentType == 40) {
+        // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
+        apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+          if (cfrs.status == 200) {
+            r.content = cfrs.result.previewFilePath;
+            this.curCFile = cfrs.result;
+            if (
+              cfrs.result.previewFilePath == "" &&
+              cfrs.result.filePath.indexOf("pdf") > -1
+            ) {
+              r.content = cfrs.result.filePath;
+              this.curCFile.converStatus = 2;
             }
-          });
-          // }
-        }else if(r.contentType==50){ //scorm
-          this.scormUrl='';
-          apiCourseFile.detail(r.contentRefId).then(cfrs => {
-            if(cfrs.status==200){
-              this.curCFile = cfrs.result;
-              //this.scormUrl=cfrs
-              let pars='?mode=normal&r='+Math.random();
-              pars+='&scormId='+this.curCFile.id;
-              pars+='&courseId='+this.courseId;
-              pars+='&contentId='+r.id;
-              pars+='&studentId='+this.userInfo.aid;
-              pars+='&studentName='+encodeURIComponent(this.userInfo.name);
-              pars+='&lmsId='+this.studyId;
-              pars+='&scoId=';//不指定，scorm模块自动根据学习记录定位
-              let urlPre=window.location.protocol;
-              let configUrl=process.env.VUE_APP_SCORM_URL;
-              configUrl=urlPre+configUrl.substring(configUrl.indexOf(':')+1);
-
-              this.scormUrl=configUrl+pars;//播放的首页
+            if (r.content && r.content.indexOf(".pdf") > -1) {
+              this.curCFile.converStatus = 2;
             }
-          });
-
-        }else if (r.contentType == 52) {
-          this.isAppendTime = false;
-          if (r.content.startsWith('\{')) {
-            this.conLink = JSON.parse(r.content);
           } else {
-            this.conLink.url = r.content;
-            this.conLink.openType = 1;
+            $this.$message.error("加载pdf课件文件失败");
           }
-          if (this.conLink.openType == 2) {
-            //直接设置完成状态
-            this.widthOpen(this.conLink.url);
+        });
+        // }
+      } else if (r.contentType == 50) {
+        //scorm
+        this.scormUrl = "";
+        apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+          if (cfrs.status == 200) {
+            this.curCFile = cfrs.result;
+            //this.scormUrl=cfrs
+            let pars = "?mode=normal&r=" + Math.random();
+            pars += "&scormId=" + this.curCFile.id;
+            pars += "&courseId=" + this.courseId;
+            pars += "&contentId=" + r.id;
+            pars += "&studentId=" + this.userInfo.aid;
+            pars += "&studentName=" + encodeURIComponent(this.userInfo.name);
+            pars += "&lmsId=" + this.studyId;
+            pars += "&scoId="; //不指定，scorm模块自动根据学习记录定位
+            let urlPre = window.location.protocol;
+            let configUrl = process.env.VUE_APP_SCORM_URL;
+            configUrl =
+              urlPre + configUrl.substring(configUrl.indexOf(":") + 1);
+
+            this.scormUrl = configUrl + pars; //播放的首页
           }
-          //this.conLink=
-        } else if (r.contentType == 61) {
-          // 考试
-        } else if (r.contentType == 60) {
-          // 作业
-        } else if (r.contentType == 62) {
-          // 评估
-          //评估不需要查找，因为内容就是content中
-          //console.log('评估处理');
+        });
+      } else if (r.contentType == 52) {
+        this.isAppendTime = false;
+        if (r.content.startsWith("{")) {
+          this.conLink = JSON.parse(r.content);
+        } else {
+          this.conLink.url = r.content;
+          this.conLink.openType = 1;
         }
-        if (this.contentData.status < 2) {
-          // this.contentData.status = 2; //进行中
-          if(r.contentType != 61&&r.contentType != 20 && r.contentType != 10){
-            setTimeout(() => {
-              this.isContentTypeTwo = r.contentType
-              $this.isShowTime()
-            }, 2000);
-          }
+        if (this.conLink.openType == 2) {
+          //直接设置完成状态
+          this.widthOpen(this.conLink.url);
         }
-        //以下是学习记录,50是scorm项目
-        if (this.contentData.contentType > 20 && this.contentData.contentType !== 50) { //非视频类的
-          //用户的学习时长，非音视频课程学习,单独的处理
-          this.isAppendTime = false;
+        //this.conLink=
+      } else if (r.contentType == 61) {
+        // 考试
+      } else if (r.contentType == 60) {
+        // 作业
+      } else if (r.contentType == 62) {
+        // 评估
+        //评估不需要查找，因为内容就是content中
+        //console.log('评估处理');
+      }
+      if (this.contentData.status < 2) {
+        // this.contentData.status = 2; //进行中
+        if (r.contentType != 61 && r.contentType != 20 && r.contentType != 10) {
+          setTimeout(() => {
+            this.isContentTypeTwo = r.contentType;
+            $this.isShowTime();
+          }, 2000);
+        }
+      }
+      //以下是学习记录,50是scorm项目
+      if (
+        this.contentData.contentType > 20 &&
+        this.contentData.contentType !== 50
+      ) {
+        //非视频类的
+        //用户的学习时长，非音视频课程学习,单独的处理
+        this.isAppendTime = false;
 
-          this.appendStudyOtherHandle = setTimeout(function() {
-            // 开始之前把响应式清空
-            $this.maxDuration = 0;
-            $this.cumulativeDuration = 0;
-            // 没有设置默认时长三十分钟，
-            $this.maxDuration =  r.duration !== 0 ? r.duration * 2 : $this.defaultMaxTime;
-            $this.$store.dispatch("userTrigger", {
-              "key": "StudyCourseOther",//课程学习的key
-              "title": "非音视频课内容",//事件的标题
-              "parameters":"second:15",//second:value 本次的学习时长
-              "content": "学习课程",//事件的内容
-              "objId": $this.courseInfo.id,//课程的id
-              "objType": "1",//类型
-              "source":"page",
-              "objInfo": ""+$this.courseInfo.name,
-              "aid":$this.userInfo.aid, //当前登录人的id
-              "aname":$this.userInfo.name,//当前人的姓名
-              "status": 1 //状态
-            });
-            $this.appendStudyOtherTime();
-          }, 15000); //非音视频课程学习,十五秒后记录
-          this.isContentType = this.contentData.contentType
-          if (this.contentData.contentType != 50) {
-            this.handleTimeout = setTimeout(function(){
-              $this.saveStudyInfo();
-            }, 5000); //5秒后记录学习完成
-          }else{
-            //scorm课件不记录完成情况，由播放回调记录完成情况
-            //当前先保存学习记录，未学习状态
-            this.saveScormStudy();
-          }
+        this.appendStudyOtherHandle = setTimeout(function () {
+          // 开始之前把响应式清空
+          $this.maxDuration = 0;
+          $this.cumulativeDuration = 0;
+          // 没有设置默认时长三十分钟，
+          $this.maxDuration =
+            r.duration !== 0 ? r.duration * 2 : $this.defaultMaxTime;
+          $this.$store.dispatch("userTrigger", {
+            key: "StudyCourseOther", //课程学习的key
+            title: "非音视频课内容", //事件的标题
+            parameters: "second:15", //second:value 本次的学习时长
+            content: "学习课程", //事件的内容
+            objId: $this.courseInfo.id, //课程的id
+            objType: "1", //类型
+            source: "page",
+            objInfo: "" + $this.courseInfo.name,
+            aid: $this.userInfo.aid, //当前登录人的id
+            aname: $this.userInfo.name, //当前人的姓名
+            status: 1, //状态
+          });
+          $this.appendStudyOtherTime();
+        }, 15000); //非音视频课程学习,十五秒后记录
+        this.isContentType = this.contentData.contentType;
+        if (this.contentData.contentType != 50) {
+          this.handleTimeout = setTimeout(function () {
+            $this.saveStudyInfo();
+          }, 5000); //5秒后记录学习完成
+        } else {
+          //scorm课件不记录完成情况，由播放回调记录完成情况
+          //当前先保存学习记录，未学习状态
+          this.saveScormStudy();
+        }
+      }
+
+      this.$nextTick(function () {
+        if (r.contentType == 10) {
+          console.log("视频处理lastStudyTime", this.contentData.lastStudyTime);
+          console.log("视频处理progressVideo", this.contentData.progressVideo);
+          this.$refs.myVideoPlayer.updateProgressByClickBar2(
+            this.contentData.lastStudyTime,
+            this.contentData.progressVideo
+          );
         }
 
-
-        this.$nextTick(function(){
-          if (r.contentType == 10) {
-            console.log('视频处理lastStudyTime',this.contentData.lastStudyTime)
-            console.log('视频处理progressVideo',this.contentData.progressVideo)
-            this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo);
-          }
-
-          let h=$this.$refs.coursePlayer.offsetHeight;
-          //解决获取高度不正的问题
-          if(h>400 && h<500){
-            h=h+40;
-          }else if(h>500){
-            h=h+60;
-          }
-          // 移除高度控制 防止内容塌陷
-            // $this.controlHeight=h-95;
-        })
-
-
-        // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
-        if(this.contentData.progressVideo ===1){
-          var obj = JSON.parse(this.contentData.content)
-          obj.isDrag = true
-          this.contentData.content = JSON.stringify(obj)
-          this.curriculumData.isDrag = true
-          var time = localStorage.getItem('videoProgressData')
-          var arr = time&&JSON.parse(time) || {}
-          //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
-          delete arr[this.contentData.id];
-          localStorage.setItem('videoProgressData',JSON.stringify(arr))
-        }
-        if(this.contentData.progressVideo>0 && this.contentData.progressVideo !==1){
-          var time = localStorage.getItem('videoProgressData')
-          var arr = time&&JSON.parse(time) || {}
-          arr[this.contentData.id] = this.contentData.progressVideo
-          localStorage.setItem('videoProgressData',JSON.stringify(arr))
+        let h = $this.$refs.coursePlayer.offsetHeight;
+        //解决获取高度不正的问题
+        if (h > 400 && h < 500) {
+          h = h + 40;
+        } else if (h > 500) {
+          h = h + 60;
         }
+        // 移除高度控制 防止内容塌陷
+        // $this.controlHeight=h-95;
+      });
 
-      },
-      isShowTime(){
-        if(this.isContentTypeTwo != this.contentData.contentType){
-          return
-        }
-        this.contentData.status = 2;
-      },
-      showRes(r, i, index,item) { //i:子节下标，index:章下标
-        // 无权限查看不能点击
-        if(!this.isCrowd){
-          return
-        }
-        if (i != undefined && i!=-1 && index != undefined && r.status < 9) {
-          if (this.courseInfo.orderStudy) {
-            //判断上个是否学完
-            if (i == 0) {
-              if (index > 0) { //第一章 第一节
-                let preCatalog = this.catalogTree[index - 1];
-                let last = preCatalog.children[preCatalog.children.length - 1];
-                if (last.status != 9) {
-                  this.$message.warning('请按顺序学习！');
-                  return;
-                }
-              }
-            } else {
-              let pre = this.catalogTree[index].children[i - 1];
-              if (pre.status != 9) {
-                this.$message.warning('请按顺序学习！');
+      // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
+      if (this.contentData.progressVideo === 1) {
+        var obj = JSON.parse(this.contentData.content);
+        obj.isDrag = true;
+        this.contentData.content = JSON.stringify(obj);
+        this.curriculumData.isDrag = true;
+        var time = localStorage.getItem("videoProgressData");
+        var arr = (time && JSON.parse(time)) || {};
+        //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
+        delete arr[this.contentData.id];
+        localStorage.setItem("videoProgressData", JSON.stringify(arr));
+      }
+      if (
+        this.contentData.progressVideo > 0 &&
+        this.contentData.progressVideo !== 1
+      ) {
+        var time = localStorage.getItem("videoProgressData");
+        var arr = (time && JSON.parse(time)) || {};
+        arr[this.contentData.id] = this.contentData.progressVideo;
+        localStorage.setItem("videoProgressData", JSON.stringify(arr));
+      }
+    },
+    isShowTime() {
+      if (this.isContentTypeTwo != this.contentData.contentType) {
+        return;
+      }
+      this.contentData.status = 2;
+    },
+    showRes(r, i, index, item) {
+      //i:子节下标，index:章下标
+      // 无权限查看不能点击
+      if (!this.isCrowd) {
+        return;
+      }
+      if (i != undefined && i != -1 && index != undefined && r.status < 9) {
+        if (this.courseInfo.orderStudy) {
+          //判断上个是否学完
+          if (i == 0) {
+            if (index > 0) {
+              //第一章 第一节
+              let preCatalog = this.catalogTree[index - 1];
+              let last = preCatalog.children[preCatalog.children.length - 1];
+              if (last.status != 9) {
+                this.$message.warning("请按顺序学习！");
                 return;
               }
             }
-            //判断是否是第一个未学完的
-            let isAllow = false;
-            let has = this.catalogTree.some(treeNode => {
-              let hasNo = treeNode.children.some(child => {
-                if (child.status < 9) {
-                  if (child.id == r.id) {
-                    isAllow = true;
-                  }
-                  return true;
-                } else {
-                  return false;
+          } else {
+            let pre = this.catalogTree[index].children[i - 1];
+            if (pre.status != 9) {
+              this.$message.warning("请按顺序学习！");
+              return;
+            }
+          }
+          //判断是否是第一个未学完的
+          let isAllow = false;
+          let has = this.catalogTree.some((treeNode) => {
+            let hasNo = treeNode.children.some((child) => {
+              if (child.status < 9) {
+                if (child.id == r.id) {
+                  isAllow = true;
                 }
-
-              });
-              return hasNo;
+                return true;
+              } else {
+                return false;
+              }
             });
-            if (has) {
-              if (!isAllow) {
-                this.$message.warning('请按顺序学习！');
-                return;
-              }
+            return hasNo;
+          });
+          if (has) {
+            if (!isAllow) {
+              this.$message.warning("请按顺序学习！");
+              return;
             }
           }
         }
-        this.changePlayRes(r,item);
-      },
-      loadScorePraiseAndTrample() {
-        //加载是否请过分
-        apiCourseGrade.has(this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.scoreInfo.has = true;
+      }
+      this.changePlayRes(r, item);
+    },
+    loadScorePraiseAndTrample() {
+      //加载是否请过分
+      apiCourseGrade.has(this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.scoreInfo.has = true;
+        }
+      });
+      apiPraises.has(1, this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.isPraise = true;
+        }
+      });
+      apiTrample.has(this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.isTrample = true;
+        }
+      });
+    },
+    addScore() {
+      let that = this;
+      let postData = {
+        courseId: this.courseInfo.id,
+        studyId: this.studyId,
+        score: this.scoreInfo.score,
+      };
+      if (this.scoreInfo.score > 0) {
+        apiCourseGrade.grade(postData).then((rs) => {
+          if (rs.status == 200) {
+            this.$message.success("打分成功，谢谢您的打分");
+            that.scoreInfo.has = true;
+            that.courseInfo.score = rs.result;
+            let event = {
+              key: "ScoreCourse", //后台的事件key  发布文章且审核通过
+              title: "完成课程评分", //事件的标题
+              parameters: "", //用户自定义参数 name:value,name:value
+              content: "给课程评分", //事件的内容
+              objId: this.courseInfo.id, //关联的id
+              objType: 1, //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
+            };
+            this.$store.dispatch("userTrigger", event);
+          } else {
+            this.$message.error("打分处理失败，请稍后再试");
           }
         });
-        apiPraises.has(1, this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.isPraise = true;
-          }
-        });
-        apiTrample.has(this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.isTrample = true;
-          }
-        });
-      },
-      addScore() {
-        let that = this;
-        let postData = {
-          courseId: this.courseInfo.id,
-          studyId: this.studyId,
-          score: this.scoreInfo.score
-        };
-        if (this.scoreInfo.score > 0) {
-          apiCourseGrade.grade(postData).then(rs => {
-            if (rs.status == 200) {
-              this.$message.success('打分成功，谢谢您的打分');
-              that.scoreInfo.has = true;
-              that.courseInfo.score = rs.result;
-              let event = {
-                key: "ScoreCourse", //后台的事件key  发布文章且审核通过
-                title: "完成课程评分", //事件的标题
-                parameters: "", //用户自定义参数 name:value,name:value
-                content: "给课程评分", //事件的内容
-                objId: this.courseInfo.id, //关联的id
-                objType: 1, //关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name, //当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-
-            } else {
-              this.$message.error('打分处理失败，请稍后再试');
-            }
-          });
-        }
-      },
-      praiseContent() {
-        if(this.isTrample) {
-          this.$message.error('您已踩过了，不能再赞了');
-          return;
-        }
-        if(this.interactRuning) {
-          return;
-        }
-        this.interactRuning = true;
-        let teacherId='';
-        if(this.teachers.length>0){
-          teacherId=this.teachers[0].teacherId;
-        }else{
-          teacherId=this.courseInfo.sysCreateAid
-        }
-        let postData = {
-          objType: 1,
-          objId: this.courseId,
-          title: this.courseInfo.name
-        };
-        if (this.isPraise) {
-          apiPraises.remove(1, this.courseInfo.id).then(res => {
-            this.interactRuning = false;
-            if (res.status == 200) {
-              this.$message.info('已取消点赞');
-              this.isPraise = false;
-              this.courseInfo.praises--;
-              let event = {
-                key: "CancelPraise",//点赞
-                title: "取消点赞",//事件的标题
-                parameters:"author:"+teacherId,//用户自定义参数 name:value,name:value
-                content: "取消点赞课程",//事件的内容
-                objId: this.courseId,//关联的id
-                objType: "1",//关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name,//当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-            } else {
-              this.$message.error('取消点赞失败,请稍后再试');
-            }
-          });
-        } else {
-          apiPraises.save(postData).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.success('点赞成功');
-              this.isPraise = true;
-              this.courseInfo.praises++;
-              let event = {
-                key: "Praise",//点赞
-                title: "点赞",//事件的标题
-                parameters:"author:"+teacherId,//用户自定义参数 name:value,name:value
-                content: "点赞了课程",//事件的内容
-                objId: this.courseId,//关联的id
-                objType: "1",//关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name,//当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-              //发送点赞消息
-              let firstTeacher=this.teachers[0];
-              let message={
-                content:this.userInfo.name+'点赞了我的课程-'+this.courseInfo.name,
-                refId:this.courseInfo.id,
-                refType:1,
-                source:1,
-                pageType:1,
-                pageParams:this.courseInfo.id,
-                pageUrl:location.href,
-                sendAid:this.userInfo.aid,
-                sendName:this.userInfo.name,
-                acceptName:firstTeacher.teacherName,
-                acceptId:firstTeacher.teacherId,
-                title:'系统消息',
-                sendType:1,
-                conType:this.courseInfo.type,
-              }
-              apiMessage.save(message).then(res=>{
-                if(res.status!=200){ console.log('发送消息失败') }
-              })
-            } else {
-              this.$message.error('点赞失败,请稍后再试');
-            }
-          });
-        }
-      },
-      treadContent() {
-        if (this.isPraise) {
-          this.$message.error('您已赞过了，不能再踩了');
-          return;
-        }
-        if (this.interactRuning) {
-          return;
-        }
-        this.interactRuning = true;
-        if (this.isTrample) {
-          apiTrample.remove(this.courseInfo.id).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.info('已取消踩');
-              this.isTrample = false;
-              this.courseInfo.trampleCount--;
-            } else {
-              this.$message.error('取消失败,请稍后再试');
-            }
-          });
-        } else {
-          apiTrample.trample(this.courseInfo.id).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.success('已踩');
-              this.isTrample = true;
-              this.courseInfo.trampleCount++;
-            } else {
-              this.$message.error('踩失败,请稍后再试');
-            }
-          });
-        }
-      },
-      statusToContent(status) {
-        let data = null;
-        switch (status) {
-          case 1: {
-            data = {
-              text: '未开始',
-              class: 'catalog-cell-state1'
-            };
-            break;
-          }
-          case 2: {
-            data = {
-              text: '进行中',
-              class: 'catalog-cell-state2'
-            };
-            break;
-          }
-          case 9: {
-            data = {
-              text: '已完成',
-              class: 'catalog-cell-state9'
-            };
-            break;
-          }
-          default: {
-            data = {
-              text: '未开始',
-              class: 'catalog-cell-state1'
-            };
-          }
-            break;
-        }
-        return data;
-      },
-      loadAuthorInfo(list, ids) {
-        //加载作者信息，头像，机构信息
-        if (ids.length == 0) {
-          return;
-        }
-        apiUser.getByIds(ids).then(res => {
+      }
+    },
+    praiseContent() {
+      if (this.isTrample) {
+        this.$message.error("您已踩过了，不能再赞了");
+        return;
+      }
+      if (this.interactRuning) {
+        return;
+      }
+      this.interactRuning = true;
+      let teacherId = "";
+      if (this.teachers.length > 0) {
+        teacherId = this.teachers[0].teacherId;
+      } else {
+        teacherId = this.courseInfo.sysCreateAid;
+      }
+      let postData = {
+        objType: 1,
+        objId: this.courseId,
+        title: this.courseInfo.name,
+      };
+      if (this.isPraise) {
+        apiPraises.remove(1, this.courseInfo.id).then((res) => {
+          this.interactRuning = false;
           if (res.status == 200) {
-            list.forEach((item, index) => {
-              res.result.some(author => {
-                if (author.aid == item.teacherId) {
-                  item.authorInfo = author;
-                  if(author.avatar){
-                    item.avatar=this.fileBaseUrl + author.avatar;
-                  }
-                  return true;
-                } else {
-                  return false;
-                }
-              });
-
-            });
+            this.$message.info("已取消点赞");
+            this.isPraise = false;
+            this.courseInfo.praises--;
+            let event = {
+              key: "CancelPraise", //点赞
+              title: "取消点赞", //事件的标题
+              parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+              content: "取消点赞课程", //事件的内容
+              objId: this.courseId, //关联的id
+              objType: "1", //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
+            };
+            this.$store.dispatch("userTrigger", event);
           } else {
+            this.$message.error("取消点赞失败,请稍后再试");
           }
         });
-      },
-
-      onPlayerPlay() {
-        this.playerBoxShow = false;
-        let $this = this;
-        //这里有些不准备，如果文件未能加载，这个事件就是错误的
-        this.isAppendTime=true;
-        this.appendStudyTime();//启动追加学习时长
-      },
-
-      onFullscreen(full) {
-        let divId = 'videowatermark';
-        var div = document.getElementById('myVideoPlayer')
-        if (full) {
-          var div3 = document.createElement("div");
-          div3.id = divId;
-          div3.setAttribute("class", "fullmark");
-          div3.innerHTML = '';
-          //从父组件传过来的水印内容
-          //div3.innerText =this.userInfo.name+this.userInfo.code;
-          for (var i = 0; i < 8; i++) {
-            div3.innerHTML +=
-              '<div style="color:#ffffff;width: 40%;height: 155px;padding-left:60px;padding-top:50px; display: flex;justify-content: center; transform: rotate(-36deg);font-size:20px;">' +
-              this.userInfo.name + this.userInfo.loginName + '</div>';
-          }
-          div3.style.cssText =
-            "position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
-          div.appendChild(div3);
-        } else {
-          console.log("去除水印 ---- gx ----");
-          var markDiv = div.querySelector("#" + divId);
-          console.log("去除水印 ---- gx markDiv ----",markDiv);
-          if (markDiv) {
-            console.log("执行去除水印 ---- gx markDiv ----",markDiv);
-            div.removeChild(markDiv);
-          }
-        }
-      },
-      onPlayerPause() {
-        this.stopStudyTime();
-      },
-      onPlayerEnded() {
-        this.playerBoxShow = true;
-        this.stopStudyTime();
-        if(this.contentData.status < 9) {
-          this.finishStudyItem();
-        }
-      },
-      onPlayerPlaying(itme) {
-        this.isAppendTime = true;//可以追加学习时长
-        this.intTimeNote = parseInt(itme);
-        if (this.contentData.contentType && this.contentData.contentType == 10) {
-          let intTime = parseInt(itme);
-          //判断是否完成
-          let completeType = this.curriculumData.completeSetup;
-          let completeSecond = this.curriculumData.second;
-          if (!completeSecond || completeType == 0) {
-            completeSecond = 5; //如果没有就采用默认的时间了
-          }
-          if (this.contentData.status < 9) { //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
-            if (completeType == 1) {
-              let finishPercent = this.curriculumData.setupTage;
-              let videDuration = this.contentData.duration;
-              let percent = intTime * 100 / videDuration;
-              if (percent >= finishPercent) {
-                this.finishStudyItem();
-              }
-            } else {
-              if (intTime >= completeSecond) {
-                this.finishStudyItem();
-              }
-            }
-          }
-          //下面是每隔10秒记录一下次
-          let saveTime = Math.floor(intTime % 10);
-          if (intTime > 10 && intTime != this.contentData.lastStudyTime && saveTime == 0 && this.contentData
-            .studyItemId != '') {
-            this.contentData.lastStudyTime = intTime;
-            let postData = {
-              itemId: this.contentData.studyItemId,
-              videoTime: intTime,
-              id: this.appentId,
-              studyId: this.studyId,
-              courseId: this.contentData.courseId,
-              contentId: this.contentData.id,
-              studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-              duration: 10
+      } else {
+        apiPraises.save(postData).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.success("点赞成功");
+            this.isPraise = true;
+            this.courseInfo.praises++;
+            let event = {
+              key: "Praise", //点赞
+              title: "点赞", //事件的标题
+              parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+              content: "点赞了课程", //事件的内容
+              objId: this.courseId, //关联的id
+              objType: "1", //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
             };
-            //console.log('this.courseInfo:',this.contentData)
-            if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
-              var time = localStorage.getItem('videoProgressData')
-              var arr = time&&JSON.parse(time) || {}
-              if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
-                postData.progressVideo = arr[this.blobId]
-                // postData.contentId = this.contentData.id
-                // postData.courseId = this.contentData.courseId
-              }
-            }
-            //console.log('记录播放时间')
-            apiStudy.updateStudyVideoTime(postData).then(rs => {
-              if (rs.status != 200) {
-                console.log('记录播放时间错误');
-              }else{
-                studyUtil.clearStudyDuration(); //清除本地存储
+            this.$store.dispatch("userTrigger", event);
+            //发送点赞消息
+            let firstTeacher = this.teachers[0];
+            let message = {
+              content:
+                this.userInfo.name + "点赞了我的课程-" + this.courseInfo.name,
+              refId: this.courseInfo.id,
+              refType: 1,
+              source: 1,
+              pageType: 1,
+              pageParams: this.courseInfo.id,
+              pageUrl: location.href,
+              sendAid: this.userInfo.aid,
+              sendName: this.userInfo.name,
+              acceptName: firstTeacher.teacherName,
+              acceptId: firstTeacher.teacherId,
+              title: "系统消息",
+              sendType: 1,
+              conType: this.courseInfo.type,
+            };
+            apiMessage.save(message).then((res) => {
+              if (res.status != 200) {
+                console.log("发送消息失败");
               }
             });
+          } else {
+            this.$message.error("点赞失败,请稍后再试");
           }
+        });
+      }
+    },
+    treadContent() {
+      if (this.isPraise) {
+        this.$message.error("您已赞过了，不能再踩了");
+        return;
+      }
+      if (this.interactRuning) {
+        return;
+      }
+      this.interactRuning = true;
+      if (this.isTrample) {
+        apiTrample.remove(this.courseInfo.id).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.info("已取消踩");
+            this.isTrample = false;
+            this.courseInfo.trampleCount--;
+          } else {
+            this.$message.error("取消失败,请稍后再试");
+          }
+        });
+      } else {
+        apiTrample.trample(this.courseInfo.id).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.success("已踩");
+            this.isTrample = true;
+            this.courseInfo.trampleCount++;
+          } else {
+            this.$message.error("踩失败,请稍后再试");
+          }
+        });
+      }
+    },
+    statusToContent(status) {
+      let data = null;
+      switch (status) {
+        case 1: {
+          data = {
+            text: "未开始",
+            class: "catalog-cell-state1",
+          };
+          break;
         }
-      },
-      audioPlaying(item, currentTime) {
-        let intTime = parseInt(currentTime);
-        console.log("======音频播放"+intTime);
-        this.handleAudioTimeUpdate(intTime)
+        case 2: {
+          data = {
+            text: "进行中",
+            class: "catalog-cell-state2",
+          };
+          break;
+        }
+        case 9: {
+          data = {
+            text: "已完成",
+            class: "catalog-cell-state9",
+          };
+          break;
+        }
+        default:
+          {
+            data = {
+              text: "未开始",
+              class: "catalog-cell-state1",
+            };
+          }
+          break;
+      }
+      return data;
+    },
+    loadAuthorInfo(list, ids) {
+      //加载作者信息，头像，机构信息
+      if (ids.length == 0) {
+        return;
+      }
+      apiUser.getByIds(ids).then((res) => {
+        if (res.status == 200) {
+          list.forEach((item, index) => {
+            res.result.some((author) => {
+              if (author.aid == item.teacherId) {
+                item.authorInfo = author;
+                if (author.avatar) {
+                  item.avatar = this.fileBaseUrl + author.avatar;
+                }
+                return true;
+              } else {
+                return false;
+              }
+            });
+          });
+        } else {
+        }
+      });
+    },
+
+    onPlayerPlay() {
+      this.playerBoxShow = false;
+      let $this = this;
+      //这里有些不准备，如果文件未能加载，这个事件就是错误的
+      this.isAppendTime = true;
+      this.appendStudyTime(); //启动追加学习时长
+    },
+
+    onFullscreen(full) {
+      let divId = "videowatermark";
+      var div = document.getElementById("myVideoPlayer");
+      if (full) {
+        var div3 = document.createElement("div");
+        div3.id = divId;
+        div3.setAttribute("class", "fullmark");
+        div3.innerHTML = "";
+        //从父组件传过来的水印内容
+        //div3.innerText =this.userInfo.name+this.userInfo.code;
+        for (var i = 0; i < 8; i++) {
+          div3.innerHTML +=
+            '<div style="color:#ffffff;width: 40%;height: 155px;padding-left:60px;padding-top:50px; display: flex;justify-content: center; transform: rotate(-36deg);font-size:20px;">' +
+            this.userInfo.name +
+            this.userInfo.loginName +
+            "</div>";
+        }
+        div3.style.cssText =
+          "position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
+        div.appendChild(div3);
+      } else {
+        console.log("去除水印 ---- gx ----");
+        var markDiv = div.querySelector("#" + divId);
+        console.log("去除水印 ---- gx markDiv ----", markDiv);
+        if (markDiv) {
+          console.log("执行去除水印 ---- gx markDiv ----", markDiv);
+          div.removeChild(markDiv);
+        }
+      }
+    },
+    onPlayerPause() {
+      this.stopStudyTime();
+    },
+    onPlayerEnded() {
+      this.playerBoxShow = true;
+      this.stopStudyTime();
+      if (this.contentData.status < 9) {
+        this.finishStudyItem();
+      }
+    },
+    onPlayerPlaying(itme) {
+      this.isAppendTime = true; //可以追加学习时长
+      this.intTimeNote = parseInt(itme);
+      if (this.contentData.contentType && this.contentData.contentType == 10) {
+        let intTime = parseInt(itme);
         //判断是否完成
         let completeType = this.curriculumData.completeSetup;
         let completeSecond = this.curriculumData.second;
         if (!completeSecond || completeType == 0) {
           completeSecond = 5; //如果没有就采用默认的时间了
         }
-        if (this.contentData.status < 9) { //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+        if (this.contentData.status < 9) {
+          //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
           if (completeType == 1) {
             let finishPercent = this.curriculumData.setupTage;
             let videDuration = this.contentData.duration;
-            let percent = intTime * 100 / videDuration;
+            let percent = (intTime * 100) / videDuration;
             if (percent >= finishPercent) {
               this.finishStudyItem();
             }
@@ -1266,8 +1689,12 @@
         }
         //下面是每隔10秒记录一下次
         let saveTime = Math.floor(intTime % 10);
-        if (intTime > 10 && intTime != this.contentData.lastStudyTime && saveTime == 0 && this.contentData
-          .studyItemId) {
+        if (
+          intTime > 10 &&
+          intTime != this.contentData.lastStudyTime &&
+          saveTime == 0 &&
+          this.contentData.studyItemId != ""
+        ) {
           this.contentData.lastStudyTime = intTime;
           let postData = {
             itemId: this.contentData.studyItemId,
@@ -1276,120 +1703,207 @@
             studyId: this.studyId,
             courseId: this.contentData.courseId,
             contentId: this.contentData.id,
-            studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-            duration: 10
+            studyInfo:
+              this.courseInfo.name + "-" + this.contentData.contentName,
+            duration: 10,
           };
           //console.log('this.courseInfo:',this.contentData)
-          if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
-            var time = localStorage.getItem('videoProgressData')
-            var arr = time&&JSON.parse(time) || {}
-            if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
-              postData.progressVideo = arr[this.blobId]
+          if (
+            !this.curriculumData.isDrag &&
+            this.contentData.progressVideo != 1
+          ) {
+            var time = localStorage.getItem("videoProgressData");
+            var arr = (time && JSON.parse(time)) || {};
+            if (
+              arr[this.blobId] &&
+              this.contentData.progressVideo < arr[this.blobId]
+            ) {
+              postData.progressVideo = arr[this.blobId];
               // postData.contentId = this.contentData.id
               // postData.courseId = this.contentData.courseId
             }
           }
           //console.log('记录播放时间')
-          apiStudy.updateStudyVideoTime(postData).then(rs => {
+          apiStudy.updateStudyVideoTime(postData).then((rs) => {
             if (rs.status != 200) {
-              console.log('记录播放时间错误');
-            }else{
+              console.log("记录播放时间错误");
+            } else {
               studyUtil.clearStudyDuration(); //清除本地存储
             }
           });
         }
-      },
-      audioPlay() {
-        let $this = this;
-        this.isAppendTime=true;
-        this.appendStudyTime();//启动追加学习时长
-      },
-      audioPause() {
-        //console.log("暂停");
-        this.stopStudyTime();//停止追加学习时长
-      },
-      audioEnd() {
-        //console.log("播放结束");
-        this.stopStudyTime();//启动追加学习时长
-        if (this.contentData.status < 9) {
-          this.finishStudyItem();
+      }
+    },
+    audioPlaying(item, currentTime) {
+      let intTime = parseInt(currentTime);
+      console.log("======音频播放" + intTime);
+      this.handleAudioTimeUpdate(intTime);
+      //判断是否完成
+      let completeType = this.curriculumData.completeSetup;
+      let completeSecond = this.curriculumData.second;
+      if (!completeSecond || completeType == 0) {
+        completeSecond = 5; //如果没有就采用默认的时间了
+      }
+      if (this.contentData.status < 9) {
+        //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+        if (completeType == 1) {
+          let finishPercent = this.curriculumData.setupTage;
+          let videDuration = this.contentData.duration;
+          let percent = (intTime * 100) / videDuration;
+          if (percent >= finishPercent) {
+            this.finishStudyItem();
+          }
+        } else {
+          if (intTime >= completeSecond) {
+            this.finishStudyItem();
+          }
         }
-      },
-      // 获取数据信息
-      loadData() {
-        let $this=this;
-        apiStudy.studyIndexPost({
+      }
+      //下面是每隔10秒记录一下次
+      let saveTime = Math.floor(intTime % 10);
+      if (
+        intTime > 10 &&
+        intTime != this.contentData.lastStudyTime &&
+        saveTime == 0 &&
+        this.contentData.studyItemId
+      ) {
+        this.contentData.lastStudyTime = intTime;
+        let postData = {
+          itemId: this.contentData.studyItemId,
+          videoTime: intTime,
+          id: this.appentId,
+          studyId: this.studyId,
+          courseId: this.contentData.courseId,
+          contentId: this.contentData.id,
+          studyInfo: this.courseInfo.name + "-" + this.contentData.contentName,
+          duration: 10,
+        };
+        //console.log('this.courseInfo:',this.contentData)
+        if (
+          !this.curriculumData.isDrag &&
+          this.contentData.progressVideo != 1
+        ) {
+          var time = localStorage.getItem("videoProgressData");
+          var arr = (time && JSON.parse(time)) || {};
+          if (
+            arr[this.blobId] &&
+            this.contentData.progressVideo < arr[this.blobId]
+          ) {
+            postData.progressVideo = arr[this.blobId];
+            // postData.contentId = this.contentData.id
+            // postData.courseId = this.contentData.courseId
+          }
+        }
+        //console.log('记录播放时间')
+        apiStudy.updateStudyVideoTime(postData).then((rs) => {
+          if (rs.status != 200) {
+            console.log("记录播放时间错误");
+          } else {
+            studyUtil.clearStudyDuration(); //清除本地存储
+          }
+        });
+      }
+    },
+    audioPlay() {
+      let $this = this;
+      this.isAppendTime = true;
+      this.appendStudyTime(); //启动追加学习时长
+    },
+    audioPause() {
+      //console.log("暂停");
+      this.stopStudyTime(); //停止追加学习时长
+    },
+    audioEnd() {
+      //console.log("播放结束");
+      this.stopStudyTime(); //启动追加学习时长
+      if (this.contentData.status < 9) {
+        this.finishStudyItem();
+      }
+    },
+    // 获取数据信息
+    loadData() {
+      let $this = this;
+      apiStudy
+        .studyIndexPost({
           cid: this.courseId,
-          addView:true,
-          audiences:this.audiences
-        }).then(rs => {
+          addView: true,
+          audiences: this.audiences,
+        })
+        .then((rs) => {
           if (rs.status == 200) {
-            if(rs.result.isPermission){
-              this.protocolDialogVisible=true
+            if (rs.result.isPermission) {
+              this.protocolDialogVisible = true;
             }
-            if (!rs.result.isPermission || (rs.result.isPermission && this.Internet==1)){
+            if (
+              !rs.result.isPermission ||
+              (rs.result.isPermission && this.Internet == 1)
+            ) {
               // this.getInternet()
-              this.renderCourse = true
-            }else{
+              this.renderCourse = true;
+            } else {
               // this.Internet=1;
-              this.renderCourse = false
-              this.protocolDialogVisible=true
+              this.renderCourse = false;
+              this.protocolDialogVisible = true;
             }
-            if(rs.result.contents.length==0){
-              $this.$message.error('课程内容已删除或课程已不再使用');
+            if (rs.result.contents.length == 0) {
+              $this.$message.error("课程内容已删除或课程已不再使用");
               return;
             }
-            if(!rs.result.course.enabled){
-              $this.$message.error('十分抱歉，此课程已停用，如需使用，请联系管理员。');
+            if (!rs.result.course.enabled) {
+              $this.$message.error(
+                "十分抱歉，此课程已停用，如需使用，请联系管理员。"
+              );
               return;
             }
             //设置必须的字段
-            if(rs.result.contents.length==1){
-              $this.tab=2;
+            if (rs.result.contents.length == 1) {
+              $this.tab = 2;
               //console.log('内容只有一个');
             }
-            if(!rs.result.isCrowd){
-              $this.$message.error('您没有查看该课程的权限');
+            if (!rs.result.isCrowd) {
+              $this.$message.error("您没有查看该课程的权限");
             }
             // 是否播放
-            this.isCrowd = rs.result.isCrowd
-            if (rs.result.course.type == 20) { //有目录课程
+            this.isCrowd = rs.result.isCrowd;
+            if (rs.result.course.type == 20) {
+              //有目录课程
 
-              rs.result.sections.forEach(sec => {
+              rs.result.sections.forEach((sec) => {
                 sec.status = 0; //加入状态表未开始
-                rs.result.contents.forEach(c => {
+                rs.result.contents.forEach((c) => {
                   c.status = 0; //初始化状态 ，未开始
-                  c.studyItemId = ''; //初始化字段，学习条目id
+                  c.studyItemId = ""; //初始化字段，学习条目id
                   c.lastStudyTime = 0; //初始化上次一学习的时间，作用于视频插放
                 });
               });
               this.sectionList = rs.result.sections;
-            }else if(rs.result.course.type==10){ //无目录课程
+            } else if (rs.result.course.type == 10) {
+              //无目录课程
               //如果是多个的话，就需要过滤一下
-              let indexNum=0;
-              let delIndexs=[];
-              rs.result.contents.forEach((c,cidx) => {
+              let indexNum = 0;
+              let delIndexs = [];
+              rs.result.contents.forEach((c, cidx) => {
                 c.status = 0; //
-                c.studyItemId = '';
+                c.studyItemId = "";
                 c.lastStudyTime = 0;
-                if(c.sortIndex==1){
-                  c.contentName=rs.result.course.name;
+                if (c.sortIndex == 1) {
+                  c.contentName = rs.result.course.name;
                   indexNum++;
-                  if(indexNum>1){
+                  if (indexNum > 1) {
                     delIndexs.push(cidx);
                   }
-                }else if(c.sortIndex==2){
-                  c.contentName='作业';
-                }else if(c.sortIndex==3){
-                  c.contentName='考试';
-                }else if(c.sortIndex==4){
-                  c.contentName='评估';
+                } else if (c.sortIndex == 2) {
+                  c.contentName = "作业";
+                } else if (c.sortIndex == 3) {
+                  c.contentName = "考试";
+                } else if (c.sortIndex == 4) {
+                  c.contentName = "评估";
                 }
               });
-              if(delIndexs.length>0){
-                delIndexs.forEach(delIdx=>{
-                  rs.result.contents.splice(delIdx,1);
-                })
+              if (delIndexs.length > 0) {
+                delIndexs.forEach((delIdx) => {
+                  rs.result.contents.splice(delIdx, 1);
+                });
               }
             }
             this.courseInfo = rs.result.course;
@@ -1398,20 +1912,20 @@
             if (rs.result.teachers && rs.result.teachers.length > 0) {
               let userIds = [];
               let ctoUsers = [];
-              rs.result.teachers.forEach(item => {
+              rs.result.teachers.forEach((item) => {
                 item.authorInfo = {
-                  aid: '',
-                  name: '',
-                  orgInfo: '',
-                  avatar: '',
-                  code: '',
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  code: "",
                   sex: null,
-                  sign:''
+                  sign: "",
                 };
                 userIds.push(item.teacherId);
                 ctoUsers.push({
                   aid: item.teacherId,
-                  name: item.teacherName
+                  name: item.teacherName,
                 });
               });
               this.toUsers = ctoUsers;
@@ -1426,277 +1940,298 @@
           } else {
             this.$message.error(rs.message);
           }
-
         });
-      },
-      refreshPage() {
-        location.reload();
-        // this.getInternet();
-        // this.loadData();
-      },
-      getXmlHttpRequest() {
-        if (window.XMLHttpRequest) {
-          return new XMLHttpRequest();
-        }
-        else if (window.ActiveXObject) {
-          return new ActiveXObject("Microsoft.XMLHTTP");
-        }
-      },
-      // 检测是否为内网
-      getInternet() {
-        this.Internet = 3;
-        let $this = this;
-        let xmlhttp = this.getXmlHttpRequest();
-        let timedOut = false;
-        let timer = setTimeout(function () {
-          timedOut = true;
-          xmlhttp.abort();
-        }, 1000);
-        xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
-        xmlhttp.send();
-        xmlhttp.onreadystatechange = function () {
-          if (xmlhttp.readyState == 4) {
-            if (xmlhttp.status == 200) {
-              clearTimeout(timer);
-              $this.Internet = 1;
-            } else {
-              clearTimeout(timer);
-              // $this.protocolDialogVisible=true
-              $this.Internet = 2;
-            }
+    },
+    refreshPage() {
+      location.reload();
+      // this.getInternet();
+      // this.loadData();
+    },
+    getXmlHttpRequest() {
+      if (window.XMLHttpRequest) {
+        return new XMLHttpRequest();
+      } else if (window.ActiveXObject) {
+        return new ActiveXObject("Microsoft.XMLHTTP");
+      }
+    },
+    // 检测是否为内网
+    getInternet() {
+      this.Internet = 3;
+      let $this = this;
+      let xmlhttp = this.getXmlHttpRequest();
+      let timedOut = false;
+      let timer = setTimeout(function () {
+        timedOut = true;
+        xmlhttp.abort();
+      }, 1000);
+      // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
+      const url =
+        window.location.protocol +
+        "//uapi.boe.com.cn/500.html?t=" +
+        Date.now() +
+        Math.random();
+      // 2. 打开 HEAD 请求（URL已带随机参数）
+      xmlhttp.open("HEAD", url, true);
+
+      // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
+      xmlhttp.setRequestHeader(
+        "Cache-Control",
+        "no-cache, no-store, must-revalidate"
+      );
+      xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
+      xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
+      // xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
+      xmlhttp.send();
+      xmlhttp.onreadystatechange = function () {
+        if (xmlhttp.readyState == 4) {
+          if (xmlhttp.status == 200) {
+            clearTimeout(timer);
+            $this.Internet = 1;
           } else {
-            if (timedOut) return;//忽略中止请求
-            clearTimeout(timer);//取消等待的超时
+            clearTimeout(timer);
+            // $this.protocolDialogVisible=true
+            $this.Internet = 2;
           }
+        } else {
+          if (timedOut) return; //忽略中止请求
+          clearTimeout(timer); //取消等待的超时
         }
-      },
-      loadStudyData(result) {
-        let $this=this;
-        this.loadScorePraiseAndTrample();
-        this.studyId = result.studyId;
-        //对已学习的内容进行比对，重要的字段， 学习内容id，在后缀的
-        let playIndex = -1;
-        this.contentList.forEach((con, conIdx) => {
-          con.progressVideo = con.progressVideo || 0;
-          result.contentStudys.forEach((scon, sconIdx) => {
-            if (scon.contentId == con.id) {
-              //定位显示的内容
-              if ($this.initContentId != '' && $this.initContentId == scon.contentId) {
-                //定位当前学习的内容，是上一次学习的内容
+      };
+    },
+    loadStudyData(result) {
+      let $this = this;
+      this.loadScorePraiseAndTrample();
+      this.studyId = result.studyId;
+      //对已学习的内容进行比对，重要的字段， 学习内容id，在后缀的
+      let playIndex = -1;
+      this.contentList.forEach((con, conIdx) => {
+        con.progressVideo = con.progressVideo || 0;
+        result.contentStudys.forEach((scon, sconIdx) => {
+          if (scon.contentId == con.id) {
+            //定位显示的内容
+            if (
+              $this.initContentId != "" &&
+              $this.initContentId == scon.contentId
+            ) {
+              //定位当前学习的内容，是上一次学习的内容
+              playIndex = conIdx;
+            } else {
+              if (sconIdx == 0 && con.contentType < 52) {
                 playIndex = conIdx;
-              } else {
-                if (sconIdx == 0 && con.contentType < 52) {
-                  playIndex = conIdx;
-                }
               }
-              con.lastStudyTime = scon.lastStudyTime;
-              con.progressVideo = scon.progressVideo || 0;
-              //以下判断是为了兼容之前的问题，学习状态
-              if (scon.status) {
-                con.status = scon.status;
-              } else {
-                con.status = 9;
-              }
-              con.studyItemId = scon.id; //这个就是学习内容（条目）的id
             }
-          });
-        });
-
-        if (this.courseInfo.type == 10) {
-          this.showRes(this.contentList[0]);
-        } else {
-          //如果没有，就定位第一项内容
-          if (playIndex === -1) {
-            this.showRes(this.catalogTree[0].children[0])
-          } else {
-            this.showRes(this.contentList[playIndex]);
-          }
-        }
-      },
-      saveScormStudy() {
-        //只记录SCORM课件的学习
-        if (this.contentData.contentType != 50) {
-          return;
-        }
-        if (this.contentData.status == 9) {
-          //已学习完的，不会再记录
-          return;
-        }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 1,
-          status: 2,
-          contentTotal: this.totalContent
-        };
-        apiStudy.studyContent(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.status = 2; //进行中
-            this.contentData.studyItemId = res.result; //学习记录id
-          } else {
-            console.log('记录学习失败:' + res.message + '，' + res.error);
-          }
-        });
-      },
-      saveStudyInfo() {
-        this.tentative = true
-        if(this.isContentType){
-          if(this.isContentType != this.contentData.contentType){
-            //定时器产生的，不记录
-            return
-          }
-        }
-        //记录课件学习信息
-        if (this.contentData.contentType >= 60) {
-          //只有在课件页面停留超过5秒才会记录
-          return;
-        }
-        if (this.contentData.status == 9) {
-          //已学习完的，不用再添加
-          return;
-        }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 100,
-          status: 9,
-          contentTotal: this.totalContent
-        };
-        apiStudy.studyContent(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.status = 9; //完成
-            this.contentData.studyItemId = res.result; //学习记录id
-          } else {
-            console.log('记录学习失败:' + res.message + '，' + res.error);
-          }
-        });
-      },
-      homeWorkSubmit(){
-        if(this.contentData.contentType == 60){
-          this.contentData.status = 9;
-        }
-      },
-      startTest(val){
-        if(this.contentData.contentType == 61){
-          if(this.contentData.status < 2){
-            this.contentData.status = 2;
-          }
-        }
-      },
-      progress(val) {
-        const progressValue = parseFloat(val) * 100;
-        this.sendEventProgress = Number(progressValue.toFixed(2));
-      },
-      saveStudyDuration(duration) { //保存本地存储的学习时长
-        if (duration > 0) {
-          //发送用户学习事件
-          //console.log('保存到后台学习时长='+duration);
-          let postData={
-            "key": "StudyCourse",//课程学习的key
-            "title": "学习课程",//事件的标题
-            "parameters":"second:"+duration,//second:value,total:value 本次的学习时长
-            "content": "学习课程【"+this.courseInfo.name+"】",//事件的内容
-            "objId": this.courseInfo.id,//课程的id
-            "objType": "1",//类型
-            "source":"page",
-            "objInfo": ""+this.courseInfo.name,
-            "aid":this.userInfo.aid, //当前登录人的id
-            "aname":this.userInfo.name,//当前人的姓名
-            "status": 1, //状态
-            "contentId": this.contentData.id,
-          }
-          if(this.resType == 10){
-            postData.progress = this.sendEventProgress;
-          }
-          //静默处理
-          apiStat.sendEvent(postData).then(rs=>{
-            if(rs.status == 200) {
-              // this.appendStartTime = new Date();//重新计时
-              // studyUtil.clearStudyDuration(); //清除本地存储
+            con.lastStudyTime = scon.lastStudyTime;
+            con.progressVideo = scon.progressVideo || 0;
+            //以下判断是为了兼容之前的问题，学习状态
+            if (scon.status) {
+              con.status = scon.status;
             } else {
-              console.log(rs.message);
+              con.status = 9;
             }
-          });
-          // let postAppendData = {
-          //   id: this.appentId,
-          //   studyId: this.studyId,
-          //   courseId: this.courseInfo.id,
-          //   contentId: this.contentData.id,
-          //   studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-          //   duration: duration,
-          //   type: 1
-          // };
-          // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
-          //   if (rs.status == 200) {
-          //     this.appentId = rs.result;
-          //     studyUtil.clearStudyDuration(); //清除本地存储
-          //   } else {
-          //     console.log(rs.message);
-          //   }
-          // });
-        }
-      },
-      //结束追加学习时长
-      stopStudyTime(){
-        //console.log('停止追加学习时长');
-        this.isAppendTime=false;
-        //暂停让他为空 从新计时
-        this.appendStartTime = null
-        if (this.appendHandle != null) {
-          window.clearTimeout(this.appendHandle);
-        }
-      },
-      appendStudyTime() {
-        // 暂停的时候重新从十五秒开始计时
-        if(!this.appendStartTime){
-          this.appentInterval = 15
-        }
-        //重新覆盖时间
-        this.appendStartTime = new Date().getTime();
-        //console.log('开始追加学习时长',this.isAppendTime);
-        if (this.studyId == '') {
-          return;
-        }
-        if (!this.contentData.id) {
-          return;
-        }
-        if (!this.isAppendTime) {
-          return;
-        }
-        this.appendHandle &&  window.clearTimeout(this.appendHandle);
-        //启动下次追加学习时长
-        this.appendHandle = setTimeout(() => {
-          let endTime = new Date().getTime();
-          this.appentInterval = 60
-          let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
-          this.appendStudyTime();
-          this.saveStudyDuration(totalTime)
-        }, this.appentInterval * 1000);
-      },
+            con.studyItemId = scon.id; //这个就是学习内容（条目）的id
+          }
+        });
+      });
 
-      finishStudyItem() { //设置完成学习的内容,针对于音视频的内容
-        if (!this.contentData.studyItemId) {
-          //这种可能没有，不过这里也是为了万中那个1
-          !this.tentative && this.saveStudyInfo();
+      if (this.courseInfo.type == 10) {
+        this.showRes(this.contentList[0]);
+      } else {
+        //如果没有，就定位第一项内容
+        if (playIndex === -1) {
+          this.showRes(this.catalogTree[0].children[0]);
         } else {
-          // 如果正在处理完成请求，则直接返回，避免重复调用
-          if (this.isFinishingStudyItem) {
-            return;
+          this.showRes(this.contentList[playIndex]);
+        }
+      }
+    },
+    saveScormStudy() {
+      //只记录SCORM课件的学习
+      if (this.contentData.contentType != 50) {
+        return;
+      }
+      if (this.contentData.status == 9) {
+        //已学习完的，不会再记录
+        return;
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 1,
+        status: 2,
+        contentTotal: this.totalContent,
+      };
+      apiStudy.studyContent(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.status = 2; //进行中
+          this.contentData.studyItemId = res.result; //学习记录id
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
+        }
+      });
+    },
+    saveStudyInfo() {
+      this.tentative = true;
+      if (this.isContentType) {
+        if (this.isContentType != this.contentData.contentType) {
+          //定时器产生的，不记录
+          return;
+        }
+      }
+      //记录课件学习信息
+      if (this.contentData.contentType >= 60) {
+        //只有在课件页面停留超过5秒才会记录
+        return;
+      }
+      if (this.contentData.status == 9) {
+        //已学习完的，不用再添加
+        return;
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 100,
+        status: 9,
+        contentTotal: this.totalContent,
+      };
+      apiStudy.studyContent(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.status = 9; //完成
+          this.contentData.studyItemId = res.result; //学习记录id
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
+        }
+      });
+    },
+    homeWorkSubmit() {
+      if (this.contentData.contentType == 60) {
+        this.contentData.status = 9;
+      }
+    },
+    startTest(val) {
+      if (this.contentData.contentType == 61) {
+        if (this.contentData.status < 2) {
+          this.contentData.status = 2;
+        }
+      }
+    },
+    progress(val) {
+      const progressValue = parseFloat(val) * 100;
+      this.sendEventProgress = Number(progressValue.toFixed(2));
+    },
+    saveStudyDuration(duration) {
+      //保存本地存储的学习时长
+      if (duration > 0) {
+        //发送用户学习事件
+        //console.log('保存到后台学习时长='+duration);
+        let postData = {
+          key: "StudyCourse", //课程学习的key
+          title: "学习课程", //事件的标题
+          parameters: "second:" + duration, //second:value,total:value 本次的学习时长
+          content: "学习课程【" + this.courseInfo.name + "】", //事件的内容
+          objId: this.courseInfo.id, //课程的id
+          objType: "1", //类型
+          source: "page",
+          objInfo: "" + this.courseInfo.name,
+          aid: this.userInfo.aid, //当前登录人的id
+          aname: this.userInfo.name, //当前人的姓名
+          status: 1, //状态
+          contentId: this.contentData.id,
+        };
+        if (this.resType == 10) {
+          postData.progress = this.sendEventProgress;
+        }
+        //静默处理
+        apiStat.sendEvent(postData).then((rs) => {
+          if (rs.status == 200) {
+            // this.appendStartTime = new Date();//重新计时
+            // studyUtil.clearStudyDuration(); //清除本地存储
+          } else {
+            console.log(rs.message);
           }
-          let params = {
-            itemId: this.contentData.studyItemId,
-            studyId: this.studyId,
-            courseId: this.courseId,
-            cnum: this.totalContent
-          }
-          this.isFinishingStudyItem = true; // 设置标志位
-          apiVideoStudy.finishStudyItem(params).then(res => {
+        });
+        // let postAppendData = {
+        //   id: this.appentId,
+        //   studyId: this.studyId,
+        //   courseId: this.courseInfo.id,
+        //   contentId: this.contentData.id,
+        //   studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
+        //   duration: duration,
+        //   type: 1
+        // };
+        // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
+        //   if (rs.status == 200) {
+        //     this.appentId = rs.result;
+        //     studyUtil.clearStudyDuration(); //清除本地存储
+        //   } else {
+        //     console.log(rs.message);
+        //   }
+        // });
+      }
+    },
+    //结束追加学习时长
+    stopStudyTime() {
+      //console.log('停止追加学习时长');
+      this.isAppendTime = false;
+      //暂停让他为空 从新计时
+      this.appendStartTime = null;
+      if (this.appendHandle != null) {
+        window.clearTimeout(this.appendHandle);
+      }
+    },
+    appendStudyTime() {
+      // 暂停的时候重新从十五秒开始计时
+      if (!this.appendStartTime) {
+        this.appentInterval = 15;
+      }
+      //重新覆盖时间
+      this.appendStartTime = new Date().getTime();
+      //console.log('开始追加学习时长',this.isAppendTime);
+      if (this.studyId == "") {
+        return;
+      }
+      if (!this.contentData.id) {
+        return;
+      }
+      if (!this.isAppendTime) {
+        return;
+      }
+      this.appendHandle && window.clearTimeout(this.appendHandle);
+      //启动下次追加学习时长
+      this.appendHandle = setTimeout(() => {
+        let endTime = new Date().getTime();
+        this.appentInterval = 60;
+        let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
+        this.appendStudyTime();
+        this.saveStudyDuration(totalTime);
+      }, this.appentInterval * 1000);
+    },
+
+    finishStudyItem() {
+      //设置完成学习的内容,针对于音视频的内容
+      if (!this.contentData.studyItemId) {
+        //这种可能没有，不过这里也是为了万中那个1
+        !this.tentative && this.saveStudyInfo();
+      } else {
+        // 如果正在处理完成请求，则直接返回，避免重复调用
+        if (this.isFinishingStudyItem) {
+          return;
+        }
+        let params = {
+          itemId: this.contentData.studyItemId,
+          studyId: this.studyId,
+          courseId: this.courseId,
+          cnum: this.totalContent,
+        };
+        this.isFinishingStudyItem = true; // 设置标志位
+        apiVideoStudy
+          .finishStudyItem(params)
+          .then((res) => {
             if (res.status == 200) {
               this.contentData.status = 9;
               this.contentData.progress = 100;
@@ -1704,82 +2239,84 @@
               console.log("记录完成学习失败:" + res.message + "，" + res.error);
             }
             this.isFinishingStudyItem = false; // 重置标志位
-          }).catch(error => {
+          })
+          .catch((error) => {
             console.error("记录完成学习出错:", error);
             this.isFinishingStudyItem = false; // 出错时也重置标志位
           });
-        }
-      },
+      }
+    },
 
-      saveStudyItem() { //先保存学习的内容,针对于音视频的内容
-        if (this.contentData.studyItemId) {
-          return; //已经有记录的，不需要再保存了
+    saveStudyItem() {
+      //先保存学习的内容,针对于音视频的内容
+      if (this.contentData.studyItemId) {
+        return; //已经有记录的，不需要再保存了
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType, //内容id,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 0,
+        lastStudyTime: 0,
+        status: 2,
+        studyDuration: 0,
+        contentTotal: this.totalContent,
+      };
+      apiVideoStudy.saveStudyItem(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.studyItemId = res.result.id;
+          this.contentData.status = 2; //进行中状态
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
         }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType, //内容id,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 0,
-          lastStudyTime: 0,
-          status: 2,
-          studyDuration: 0,
-          contentTotal: this.totalContent
-        };
-        apiVideoStudy.saveStudyItem(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.studyItemId = res.result.id;
-            this.contentData.status = 2; //进行中状态
-          } else {
-            console.log("记录学习失败:" + res.message + "，" + res.error);
+      });
+    },
+    formatTime(duration) {
+      let min = 0;
+      if (duration > 0) {
+        min = parseInt(duration / 60);
+      }
+      return min;
+    },
+    heartabone() {
+      this.tab = 1;
+    },
+    heartabtwo() {
+      this.tab = 2;
+    },
+    handleAudioTimeUpdate(currentTime) {
+      // if(this.contentStudysLength.length == 0){
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 1,
+        status: 2,
+        contentTotal: this.totalContent,
+      };
+      if (currentTime > 2 && this.trueFalse) {
+        apiStudy.studyContent(params).then(() => {
+          if (this.contentData.status < 2) {
+            this.contentData.status = 2;
           }
         });
-      },
-      formatTime(duration) {
-        let min = 0;
-        if (duration > 0) {
-          min = parseInt(duration / 60);
-        }
-        return min;
-      },
-      heartabone() {
-        this.tab = 1
-      },
-      heartabtwo() {
-        this.tab = 2
-      },
-      handleAudioTimeUpdate(currentTime) {
-        // if(this.contentStudysLength.length == 0){
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 1,
-          status: 2,
-          contentTotal: this.totalContent
-        };
-        if(currentTime > 2 && this.trueFalse){
-          apiStudy.studyContent(params).then(()=>{
-            if(this.contentData.status<2){
-              this.contentData.status = 2;
-            }
-          })
-          this.trueFalse = false
-        }
-      },
+        this.trueFalse = false;
+      }
     },
-    destroyed(){
-      this.cleanAppendTime();
-      this.stopStudyTime();
-    },
-  }
+  },
+  destroyed() {
+    this.cleanAppendTime();
+    this.stopStudyTime();
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-icon-arrow-down{
+::v-deep .el-icon-arrow-down {
   color: #000;
   font-weight: 900;
   font-size: 16px;
@@ -1804,685 +2341,681 @@
   background-color: transparent !important; /* 移除鼠标悬停时的背景色变化 */
   color: inherit !important; /* 保持文字颜色不变 */
 }
-  //内容块样式定义
-  .course-content {
-    min-height: 745px;
+//内容块样式定义
+.course-content {
+  min-height: 745px;
 
-    margin: 20px auto;
-    .course-playbox {
-      background-color: #fff;
-      //min-height: 400px;
+  margin: 20px auto;
+  .course-playbox {
+    background-color: #fff;
+    //min-height: 400px;
+    display: flex;
+    justify-content: space-between;
+    .course-player-container {
       display: flex;
-      justify-content: space-between;
-      .course-player-container {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-      }
-      .course-player{ //内容播放区域
-        flex: 4; // 80%高度
-        min-width: 700px;
-        // min-height: 400px;
-        // max-height: 800px;
-        height: 80%;
-        border: 1px solid #ffffff;
-        padding-right: 20px;
-        background-color: rgb(238, 238, 238);
-        // overflow: auto;
-      }
-      .course-control{ //内容控制区域
-        width: 420px;
-      }
+      flex-direction: column;
+      height: 100%;
     }
+    .course-player {
+      //内容播放区域
+      flex: 4; // 80%高度
+      min-width: 700px;
+      // min-height: 400px;
+      // max-height: 800px;
+      height: 80%;
+      border: 1px solid #ffffff;
+      padding-right: 20px;
+      background-color: rgb(238, 238, 238);
+      // overflow: auto;
+    }
+    .course-control {
+      //内容控制区域
+      width: 420px;
+    }
+  }
 
-    @media screen and (max-width: 1200px) {
-      .course-playbox,
-      .course-infobox {
-        flex-direction: column;
-      }
-      .course-player,
-      .course-info {
-        min-width: 100%;
-        padding-right: 0;
-      }
-      .course-control,
-      .course-teacher {
-        width: 100%;
-        margin-top: 20px;
-      }
-    }
+  @media screen and (max-width: 1200px) {
+    .course-playbox,
     .course-infobox {
-      margin-top: 20px;
-      display: flex;
-      justify-content: space-between;
-      .course-info {
-        flex:1;
-        min-width: 700px;
-
-        min-height: 710px;
-        box-sizing: border-box;
-        padding-right: 20px;
-      }
-      .course-teacher{
-        width: 420px;
-      }
+      flex-direction: column;
     }
-  }
-
-  .control-tab {
-    margin: 35px 30px 10px 30px;
-
-    border-bottom: 1px solid #D8D8D8;
-    display: flex;
-    justify-content: space-around;
-    padding-bottom: 12px;
-    div {
-      color: #666666;
-      cursor: pointer;
+    .course-player,
+    .course-info {
+      min-width: 100%;
+      padding-right: 0;
     }
-    .control-tab-active {
-      color: #333333;
-      font-weight: 600;
-    }
-  }
-
-  .course-info-tab {
-    display: flex;
-    padding-top: 30px;
-    margin-left: 47px;
-    div {
-      color: #333333;
-      font-size: 16px;
-      cursor: pointer;
-      margin-right: 50px;
-    }
-
-    .course-info-tab-active {
-      color: #333333;
-      font-weight: 600;
-      position: relative;
-      span {
-        display: inline-block;
-        width: 69px;
-        height: 4px;
-        background: #387DF7;
-        border-radius: 5px;
-        position: absolute;
-        left: 0;
-        top: 128%;
-      }
-
-    }
-
-  }
-
-  .course-info-row{
-    padding: 10px 0;
-    font-size: 18px;
-    color: #343434;
-    img{
-      width:18px
-    }
-    .course-info-text{
-      margin: 10px 0;
-      font-size: 14px;
-      text-indent: 2em;
-      color: #666666;
-      word-break: break-all;
-    }
-  }
-  //右侧老师部分头部及标题
-  .cteacher-top {
-    background-color: #fff;
-    margin-top: 0px;
-    .cteacher-top-bar{
+    .course-control,
+    .course-teacher {
       width: 100%;
-      height: 15px;
-    }
-    .cteacher-top-title{
-      padding-left:30px;
-      padding-top:10px;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 50px;
-    }
-
-  }
-  //右侧老师部分 老师列表
-  .cteacher-list {
-    background-color: #fff;
-    padding: 10px 30px 30px 30px;
-  }
-
-//以下是未整理的样式，上面的整理之后的样式
-  .coures-note {
-    min-height: 500px;
-    padding-left: 17px;
-    padding-top: 10px;
-
-    .note-tole {
-      color: #333333;
-      font-size: 18px;
-      font-weight: 600;
-    }
-
-    .note-info {}
-  }
-
-  .player-box {
-    position: absolute;
-    width: 100%;
-    max-width: 300px;
-    margin: 20px auto;
-    height: 187px;
-    background: rgba(74, 74, 74, .8);
-    border-radius: 33px;
-    text-align: center;
-    padding: 20px;
-    top: 50%;
-    box-sizing: border-box;
-    left: 50%;
-    transform: translate(-50%, -50%);
-
-    .player-praise {
-      margin-top: 25px;
-      display: flex;
-      // justify-items: center;
-      justify-content: center;
-    }
-
-    .player-rate {
-      margin-top: 35px;
+      margin-top: 20px;
     }
   }
+  .course-infobox {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    .course-info {
+      flex: 1;
+      min-width: 700px;
 
-  .score-text {
-    font-size: 18px;
-    color: #ffb30f;
-    font-family: 'Arial';
-    margin-left: 23px;
-    // font-weight: 600;
+      min-height: 710px;
+      box-sizing: border-box;
+      padding-right: 20px;
+    }
+    .course-teacher {
+      width: 420px;
+    }
   }
+}
 
-  // .score {
-  //   display: flex;
-  //   justify-content: center;
-  //   align-items: center;
+.control-tab {
+  margin: 35px 30px 10px 30px;
 
-  //   .el-rate {
-  //     display: inline-block;
-  //   }
-  //   // margin-bottom: 19px;
-  //   .score-no {
-  //     color: #ffb30f;
-  //     padding: 5px 0;
-  //     background: #efefef;
-  //     border-radius: 20px;
-  //     width: 65px;
-  //     font-size: 12px;
-  //     font-weight: 600;
-  //     text-align: center;
-  //   }
-  // }
-
-  .portal-content-title {
-    font-weight: 600;
-    padding: 10px;
-    font-size: 22px;
-    line-height: 40px;
+  border-bottom: 1px solid #d8d8d8;
+  display: flex;
+  justify-content: space-around;
+  padding-bottom: 12px;
+  div {
+    color: #666666;
+    cursor: pointer;
+  }
+  .control-tab-active {
     color: #333333;
+    font-weight: 600;
+  }
+}
+
+.course-info-tab {
+  display: flex;
+  padding-top: 30px;
+  margin-left: 47px;
+  div {
+    color: #333333;
+    font-size: 16px;
+    cursor: pointer;
+    margin-right: 50px;
+  }
+
+  .course-info-tab-active {
+    color: #333333;
+    font-weight: 600;
+    position: relative;
+    span {
+      display: inline-block;
+      width: 69px;
+      height: 4px;
+      background: #387df7;
+      border-radius: 5px;
+      position: absolute;
+      left: 0;
+      top: 128%;
+    }
+  }
+}
+
+.course-info-row {
+  padding: 10px 0;
+  font-size: 18px;
+  color: #343434;
+  img {
+    width: 18px;
+  }
+  .course-info-text {
+    margin: 10px 0;
+    font-size: 14px;
+    text-indent: 2em;
+    color: #666666;
     word-break: break-all;
   }
+}
+//右侧老师部分头部及标题
+.cteacher-top {
+  background-color: #fff;
+  margin-top: 0px;
+  .cteacher-top-bar {
+    width: 100%;
+    height: 15px;
+  }
+  .cteacher-top-title {
+    padding-left: 30px;
+    padding-top: 10px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 50px;
+  }
+}
+//右侧老师部分 老师列表
+.cteacher-list {
+  background-color: #fff;
+  padding: 10px 30px 30px 30px;
+}
 
-  .type-kuang {
-    color: #666666;
-    border: 1px solid #666666;
+//以下是未整理的样式，上面的整理之后的样式
+.coures-note {
+  min-height: 500px;
+  padding-left: 17px;
+  padding-top: 10px;
+
+  .note-tole {
+    color: #333333;
+    font-size: 18px;
+    font-weight: 600;
   }
 
-  .type-click {
-    color: #ffb30f !important;
-    border: 1px solid #ffb30f !important;
+  .note-info {
+  }
+}
+
+.player-box {
+  position: absolute;
+  width: 100%;
+  max-width: 300px;
+  margin: 20px auto;
+  height: 187px;
+  background: rgba(74, 74, 74, 0.8);
+  border-radius: 33px;
+  text-align: center;
+  padding: 20px;
+  top: 50%;
+  box-sizing: border-box;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .player-praise {
+    margin-top: 25px;
+    display: flex;
+    // justify-items: center;
+    justify-content: center;
   }
 
-  ::v-deep .el-rate__icon {
-    font-size: 22px;
-    margin-right: 6px;
-    color: #ff8e00;
-    transition: 0.3s;
+  .player-rate {
+    margin-top: 35px;
+  }
+}
+
+.score-text {
+  font-size: 18px;
+  color: #ffb30f;
+  font-family: "Arial";
+  margin-left: 23px;
+  // font-weight: 600;
+}
+
+// .score {
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+
+//   .el-rate {
+//     display: inline-block;
+//   }
+//   // margin-bottom: 19px;
+//   .score-no {
+//     color: #ffb30f;
+//     padding: 5px 0;
+//     background: #efefef;
+//     border-radius: 20px;
+//     width: 65px;
+//     font-size: 12px;
+//     font-weight: 600;
+//     text-align: center;
+//   }
+// }
+
+.portal-content-title {
+  font-weight: 600;
+  padding: 10px;
+  font-size: 22px;
+  line-height: 40px;
+  color: #333333;
+  word-break: break-all;
+}
+
+.type-kuang {
+  color: #666666;
+  border: 1px solid #666666;
+}
+
+.type-click {
+  color: #ffb30f !important;
+  border: 1px solid #ffb30f !important;
+}
+
+::v-deep .el-rate__icon {
+  font-size: 22px;
+  margin-right: 6px;
+  color: #ff8e00;
+  transition: 0.3s;
+}
+
+.ref-score {
+  // background: #e4e4e4;
+  // width: 64px;
+  // height: 32px;
+  // border-radius: 17px;
+  // line-height: 32px;
+  // // opacity: 0.24;
+  // color: #000;
+  // font-size: 14px;
+  // border: none;
+}
+
+.icon-small {
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  vertical-align: middle;
+}
+
+.con-audio {
+  padding: 50px;
+  text-align: center;
+
+  .con-audio-title {
+    font-size: 16px;
+    font-weight: 700;
   }
 
-  .ref-score {
-    // background: #e4e4e4;
-    // width: 64px;
-    // height: 32px;
-    // border-radius: 17px;
-    // line-height: 32px;
-    // // opacity: 0.24;
-    // color: #000;
-    // font-size: 14px;
-    // border: none;
+  .con-audio-player {
+    min-height: 300px;
+    padding: 60px 50px 80px 50px;
+  }
+}
+
+.hyper-link {
+  padding-left: 20px;
+  text-align: center;
+  padding-top: 100px;
+
+  .hyper-link-row {
+    padding: 20px;
+  }
+}
+
+.catalog-box {
+  background: #fff;
+
+  // padding: 15px 0px;
+  // box-shadow: 1px 1px 2px 2px #ededed;
+  .title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333333;
+    padding-left: 20px;
+  }
+}
+
+.collapse-title {
+  flex: 1 0 90%;
+  order: 1;
+}
+
+.el-collapse-item__header {
+  flex: 1 0 auto;
+  order: -1;
+}
+
+.course-interact {
+  flex: 1; // 20%高度
+  height: 54px;
+  // padding-top: 10px;
+  // padding-right: 10px;
+  padding: 0 20px;
+  line-height: 54px;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.interact-btn {
+  margin-right: 10px;
+}
+
+.uc-badge {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.cres-list {
+  list-style-type: decimal;
+  margin: 0px;
+
+  li {
+    line-height: 30px;
   }
 
-  .icon-small {
-    width: 16px;
-    height: 16px;
-    line-height: 16px;
-    vertical-align: middle;
+  .current {
+    color: #1ea0fa;
+  }
+}
+
+.uc-course {
+  display: flex;
+  justify-content: space-around;
+  border: 1px solid #f0f0f0;
+  padding: 10px;
+
+  .uc-course-img {
+    width: 200px;
+
+    img {
+      width: 200px;
+      border: 1px solid #f4f4f5;
+    }
   }
 
-  .con-audio {
-    padding: 50px;
-    text-align: center;
+  .uc-course-info {
+    flex: 1;
+    line-height: 28px;
+    padding: 0px 10px;
 
-    .con-audio-title {
-      font-size: 16px;
+    .uc-course-name {
+      font-size: 18px;
       font-weight: 700;
     }
 
-    .con-audio-player {
-      min-height: 300px;
-      padding: 60px 50px 80px 50px;
+    .uc-course-text {
+      color: #747474;
     }
   }
 
-  .hyper-link {
-    padding-left: 20px;
-    text-align: center;
-    padding-top: 100px;
-
-    .hyper-link-row {
-      padding: 20px;
-    }
+  .uc-course-btns {
+    width: 150px;
   }
+}
 
-  .catalog-box {
-    background: #fff;
+.catalog-cell-state2 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #bed2f8;
+  padding: 3px 10px;
+  color: #ff8e00;
+  font-size: 12px;
+  border-radius: 6px;
+  margin-left: 2px;
+  background: #ffedd6;
+}
 
-    // padding: 15px 0px;
-    // box-shadow: 1px 1px 2px 2px #ededed;
-    .title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #333333;
-      padding-left: 20px;
-    }
-  }
+.catalog-cell-state9 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #bed2f8;
+  padding: 3px 10px;
+  color: #3e7fff;
+  font-size: 12px;
+  border-radius: 6px;
+  margin-left: 2px;
+  background: #edf2fd;
+  // margin-left: 68%;
+  // background-color: #BED2F8;
+}
 
-  .collapse-title {
-    flex: 1 0 90%;
-    order: 1;
-  }
+.catalog-cell-state1 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #edf2fd;
+  border-radius: 6px;
+  padding: 3px 10px;
+  color: #ff3e3e;
+  font-size: 12px;
+  margin-left: 2px;
+  background: #fff0f0;
+}
 
-  .el-collapse-item__header {
-    flex: 1 0 auto;
-    order: -1;
-  }
+.catalog {
+  height: 100%;
+  max-width: 500px;
+  overflow: auto;
 
-  .course-interact {
-    flex: 1; // 20%高度
-    height: 54px;
-    // padding-top: 10px;
-    // padding-right: 10px;
-    padding: 0 20px;
-    line-height: 54px;
-    background-color: #FFFFFF;
-    display: flex;
-    justify-content: space-between;
-    box-sizing: border-box;
-  }
-
-  .interact-btn {
-    margin-right: 10px;
-  }
-
-  .uc-badge {
-    margin-top: 10px;
-    margin-right: 40px;
-  }
-
-  .cres-list {
-    list-style-type: decimal;
+  .catalog-row {
     margin: 0px;
+    padding: 0px 10px 10px 10px;
 
-    li {
-      line-height: 30px;
+    .title-type {
+      width: 36px;
+      height: 24px;
+      padding: 2px 5px;
+      color: #666666;
+      border: 1px solid #666666;
+      margin-right: 8px;
     }
 
-    .current {
-      color: #1ea0fa;
-    }
-  }
-
-  .uc-course {
-    display: flex;
-    justify-content: space-around;
-    border: 1px solid #f0f0f0;
-    padding: 10px;
-
-    .uc-course-img {
-      width: 200px;
-
-      img {
-        width: 200px;
-        border: 1px solid #f4f4f5;
-      }
-    }
-
-    .uc-course-info {
-      flex: 1;
-      line-height: 28px;
-      padding: 0px 10px;
-
-      .uc-course-name {
-        font-size: 18px;
-        font-weight: 700;
-      }
-
-      .uc-course-text {
-        color: #747474;
-      }
-    }
-
-    .uc-course-btns {
-      width: 150px;
-    }
-  }
-
-  .catalog-cell-state2 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #bed2f8;
-    padding: 3px 10px;
-    color: #ff8e00;
-    font-size: 12px;
-    border-radius: 6px;
-    margin-left: 2px;
-    background: #ffedd6;
-  }
-
-  .catalog-cell-state9 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #bed2f8;
-    padding: 3px 10px;
-    color: #3e7fff;
-    font-size: 12px;
-    border-radius: 6px;
-    margin-left: 2px;
-    background: #edf2fd;
-    // margin-left: 68%;
-    // background-color: #BED2F8;
-  }
-
-  .catalog-cell-state1 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #edf2fd;
-    border-radius: 6px;
-    padding: 3px 10px;
-    color: #ff3e3e;
-    font-size: 12px;
-    margin-left: 2px;
-    background: #fff0f0;
-  }
-
-  .catalog {
-    height: 100%;
-    max-width: 500px;
-    overflow: auto;
-
-    .catalog-row {
+    ul {
+      padding: 0px;
       margin: 0px;
-      padding: 0px 10px 10px 10px;
 
-      .title-type {
-        width: 36px;
-        height: 24px;
-        padding: 2px 5px;
-        color: #666666;
-        border: 1px solid #666666;
-        margin-right: 8px;
-      }
-
-      ul {
-        padding: 0px;
-        margin: 0px;
-
-        li {
-          padding: 6px 0;
-        }
-      }
-
-      .catalog-cell {
-        line-height: 32px;
-        cursor: pointer;
-        list-style: none;
-        margin: 0px;
-        padding-left: 20px;
-        color: #5c5c5c;
+      li {
+        padding: 6px 0;
       }
     }
-  }
 
-  .video-div {
-    position: absolute;
-    z-index: 999999999;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(101, 101, 101, 0.9);
-
-    .good {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-top: 200px;
-
-      div {
-        line-height: 1;
-        margin: 0 15px;
-
-        .svg-icon {
-          width: 30px;
-          height: 30px;
-        }
-      }
-
-      div:nth-of-type(2) {
-        .svg-icon {
-          transform: scaleX(-1);
-          transform: rotate(180deg);
-        }
-      }
+    .catalog-cell {
+      line-height: 32px;
+      cursor: pointer;
+      list-style: none;
+      margin: 0px;
+      padding-left: 20px;
+      color: #5c5c5c;
     }
   }
+}
 
-  ::v-deep .el-tag {
-    background-color: #ecf5ff;
-    border-color: #409EFF;
-    display: inline-block;
-    height: 28px;
-    padding: 0 10px;
-    line-height: 28px;
-    font-size: 12px;
-    color: #3e7fff;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 0px;
-    box-sizing: border-box;
-    white-space: nowrap;
-  }
+.video-div {
+  position: absolute;
+  z-index: 999999999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(101, 101, 101, 0.9);
 
-  ::v-deep .teacher .teacher-avator .teacher-text {
-    background: none;
-    border: none;
-  }
-
-  .teacher {
-    background-color: #ffffff;
+  .good {
     display: flex;
-    width: 100%;
-    border-top: none;
-    padding: 10px 0px;
-    .teacher-avator {
-      cursor: pointer;
-      ::v-deep .el-avatar {
-        width: 60px !important;
-        height: 60px !important;
-        border-radius: 50%;
-         img{
-             width: 100% !important;
-             }
-      }
-      .teacher-text {
-        width: 68px;
-        height: 68px;
-
-        div {
-          img {
-            width: 68px;
-            height: 68px;
-          }
-        }
-      }
-    }
-    .teacher-info {
-      flex: 1;
-      .teacher-name {
-        padding: 5px 5px 10px 10px;
-      }
-      .teacher-remark {
-        padding: 0px 5px 0 10px;
-        font-size: 14px;
-        color: #666666;
-        line-height: 20px;
-        overflow:hidden;
-        text-overflow:ellipsis;
-        // white-space:nowrap;
-        word-break:break-all
-      }
-    }
-  }
-
-
-
-  .breadname {
-    margin-bottom: 15px;
-  }
-
-  //目录的样式更改
-  ::v-deep .el-collapse-item {
-    .el-collapse-item__header {
-      // position: relative;
-      direction: rtl;
-      display: flex;
-      // justify-content;
-      justify-content: space-between;
-
-      // .el-collapse-item__arrow{
-      //   float:right;
-      // }
-      // span{
-      //   float:right;
-      // }
-      i {
-        display: none
-      }
-    }
-  }
-
-  .course-units {
-    padding: 10px 30px;
-    .units-info {
-      padding: 0 30px;
-      height: 60px;
-      line-height: 60px;
-      font-size: 16px;
-      cursor: pointer;
-      overflow: hidden;
-      white-space:nowrap;
-      word-break:break-all;
-      text-overflow:ellipsis;
-    }
-
-    .units-active {
-      background: #F6F6F6;
-      color: #387DF7;
-      font-weight: 600;
-      cursor: text;
-      img {
-        width: 18px;
-        height: 20px;
-        vertical-align: middle;
-        // margin-right: 20px;
-      }
-    }
-  }
-
-  .more {
-    float: right;
-  }
-
-  .coures-title {
-    margin-left: 82px;
-    font-size: 20px;
-    font-weight: 600;
-    color: #FFFFFF;
-    margin-top: 25px;
+    justify-content: center;
+    align-items: center;
+    margin-top: 200px;
 
     div {
-      float: left;
-      font-size: 20px;
-      font-weight: 600;
-      color: #FFFFFF;
+      line-height: 1;
+      margin: 0 15px;
+
+      .svg-icon {
+        width: 30px;
+        height: 30px;
+      }
+    }
+
+    div:nth-of-type(2) {
+      .svg-icon {
+        transform: scaleX(-1);
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+::v-deep .el-tag {
+  background-color: #ecf5ff;
+  border-color: #409eff;
+  display: inline-block;
+  height: 28px;
+  padding: 0 10px;
+  line-height: 28px;
+  font-size: 12px;
+  color: #3e7fff;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0px;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+
+::v-deep .teacher .teacher-avator .teacher-text {
+  background: none;
+  border: none;
+}
+
+.teacher {
+  background-color: #ffffff;
+  display: flex;
+  width: 100%;
+  border-top: none;
+  padding: 10px 0px;
+  .teacher-avator {
+    cursor: pointer;
+    ::v-deep .el-avatar {
+      width: 60px !important;
+      height: 60px !important;
+      border-radius: 50%;
+      img {
+        width: 100% !important;
+      }
+    }
+    .teacher-text {
+      width: 68px;
+      height: 68px;
+
+      div {
+        img {
+          width: 68px;
+          height: 68px;
+        }
+      }
+    }
+  }
+  .teacher-info {
+    flex: 1;
+    .teacher-name {
+      padding: 5px 5px 10px 10px;
+    }
+    .teacher-remark {
+      padding: 0px 5px 0 10px;
+      font-size: 14px;
+      color: #666666;
       line-height: 20px;
-
-    }
-
-    span {
-      float: left;
-      font-size: 16px;
-      font-weight: 400;
-      color: #FFFFFF;
-      margin-left: 27px;
-    }
-
-    h6 {
-      float: left;
-      font-size: 16px;
-      font-weight: 600;
-      color: #FFFFFF;
-      margin: 0 20px;
-
+      overflow: hidden;
+      text-overflow: ellipsis;
+      // white-space:nowrap;
+      word-break: break-all;
     }
   }
+}
 
-  ::v-deep.el-breadcrumb__item:first-child .el-breadcrumb__inner a,
-  .el-breadcrumb__inner .is-link {
-    color: #fff !important;
+.breadname {
+  margin-bottom: 15px;
+}
+
+//目录的样式更改
+::v-deep .el-collapse-item {
+  .el-collapse-item__header {
+    // position: relative;
+    direction: rtl;
+    display: flex;
+    // justify-content;
+    justify-content: space-between;
+
+    // .el-collapse-item__arrow{
+    //   float:right;
+    // }
+    // span{
+    //   float:right;
+    // }
+    i {
+      display: none;
+    }
+  }
+}
+
+.course-units {
+  padding: 10px 30px;
+  .units-info {
+    padding: 0 30px;
+    height: 60px;
+    line-height: 60px;
+    font-size: 16px;
+    cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
   }
 
-  ::v-deep.el-breadcrumb__item:last-child .el-breadcrumb__inner {
-    color: #fff !important;
+  .units-active {
+    background: #f6f6f6;
+    color: #387df7;
+    font-weight: 600;
+    cursor: text;
+    img {
+      width: 18px;
+      height: 20px;
+      vertical-align: middle;
+      // margin-right: 20px;
+    }
+  }
+}
+
+.more {
+  float: right;
+}
+
+.coures-title {
+  margin-left: 82px;
+  font-size: 20px;
+  font-weight: 600;
+  color: #ffffff;
+  margin-top: 25px;
+
+  div {
+    float: left;
+    font-size: 20px;
+    font-weight: 600;
+    color: #ffffff;
+    line-height: 20px;
   }
 
-  ::v-deep.hear-nav {
-    color: #fff !important;
+  span {
+    float: left;
+    font-size: 16px;
+    font-weight: 400;
+    color: #ffffff;
+    margin-left: 27px;
   }
 
-  .breadcrumb-nav {
-    color: #FFFFFF;
+  h6 {
+    float: left;
+    font-size: 16px;
+    font-weight: 600;
+    color: #ffffff;
+    margin: 0 20px;
   }
+}
 
-  .coures-bg {
-    width: 100%;
-    height: 200px;
-    background: url('../../../public/images/couresdetail.png');
-  }
+::v-deep.el-breadcrumb__item:first-child .el-breadcrumb__inner a,
+.el-breadcrumb__inner .is-link {
+  color: #fff !important;
+}
+
+::v-deep.el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: #fff !important;
+}
+
+::v-deep.hear-nav {
+  color: #fff !important;
+}
+
+.breadcrumb-nav {
+  color: #ffffff;
+}
+
+.coures-bg {
+  width: 100%;
+  height: 200px;
+  background: url("../../../public/images/couresdetail.png");
+}
 
 .protocol {
   .protocol-title {

From 8c2f128578fb1f1e0fdaef4b94b949c58d1cfd38 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Tue, 25 Nov 2025 18:53:35 +0800
Subject: [PATCH 03/10] =?UTF-8?q?fix:=E5=9B=9E=E6=BB=9A=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=A0=A1=E9=AA=8C=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Detail.vue | 28 ++++++++++++++++------------
 src/views/study/coursenew.vue    | 30 +++++++++++++++++-------------
 2 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 0d660168..7ccef57f 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -563,22 +563,26 @@ export default {
         xmlhttp.abort();
       }, 5000);
       // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
-      const url =
-        window.location.protocol +
-        "//uapi.boe.com.cn/500.html?t=" +
-        Date.now() +
-        Math.random();
+      // const url =
+      //   window.location.protocol +
+      //   "//uapi.boe.com.cn/500.html?t=" +
+      //   Date.now() +
+      //   Math.random();
       // 2. 打开 HEAD 请求（URL已带随机参数）
-      xmlhttp.open("HEAD", url, true);
+      //xmlhttp.open("HEAD", url, true);
 
       // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
-      xmlhttp.setRequestHeader(
-        "Cache-Control",
-        "no-cache, no-store, must-revalidate"
+      // xmlhttp.setRequestHeader(
+      //   "Cache-Control",
+      //   "no-cache, no-store, must-revalidate"
+      // );
+      // xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
+      // xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
+      xmlhttp.open(
+        "HEAD",
+        window.location.protocol + "//uapi.boe.com.cn/500.html",
+        true
       );
-      xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
-      xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
-      // xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index cfcb143f..5fb4c8fb 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -1965,22 +1965,26 @@ export default {
         xmlhttp.abort();
       }, 1000);
       // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
-      const url =
-        window.location.protocol +
-        "//uapi.boe.com.cn/500.html?t=" +
-        Date.now() +
-        Math.random();
-      // 2. 打开 HEAD 请求（URL已带随机参数）
-      xmlhttp.open("HEAD", url, true);
+      // const url =
+      //   window.location.protocol +
+      //   "//uapi.boe.com.cn/500.html?t=" +
+      //   Date.now() +
+      //   Math.random();
+      // // 2. 打开 HEAD 请求（URL已带随机参数）
+      // xmlhttp.open("HEAD", url, true);
 
       // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
-      xmlhttp.setRequestHeader(
-        "Cache-Control",
-        "no-cache, no-store, must-revalidate"
+      // xmlhttp.setRequestHeader(
+      //   "Cache-Control",
+      //   "no-cache, no-store, must-revalidate"
+      // );
+      // xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
+      // xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
+      xmlhttp.open(
+        "HEAD",
+        window.location.protocol + "//uapi.boe.com.cn/500.html",
+        true
       );
-      xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
-      xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
-      // xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {

From 051d35f540010156fcb41d110b6f0b7f412adade Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Wed, 26 Nov 2025 15:21:22 +0800
Subject: [PATCH 04/10] =?UTF-8?q?fix:=E6=88=90=E7=BB=A9=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E9=80=BB=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/new-employee/StudyPage.vue | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/src/views/new-employee/StudyPage.vue b/src/views/new-employee/StudyPage.vue
index e0f2498c..8455300a 100644
--- a/src/views/new-employee/StudyPage.vue
+++ b/src/views/new-employee/StudyPage.vue
@@ -373,26 +373,6 @@ export default {
       );
     },
     async onDownload() {
-      // if (!this.projectId || !this.studentId) {
-      //   this.$message.warning("缺少项目信息或学员信息");
-      //   return;
-      // }
-      if (this.approvalResults != 2) {
-        // this.$refs.customMessage.show(
-        //   "您的报名正在审核中，无法下载成绩单，请审核通过后下载"
-        // );
-        return;
-      }
-      if (this.approvalResults != 4) {
-        // this.$refs.customMessage.show(
-        //   "请您重新报名，重新报名不影响当前学习进度，请在审核通过后下载成绩单"
-        // );
-        return;
-      }
-      if (this.progressRing.total != 100) {
-        // this.$message.warning("请您完成学习课程后下载成绩单");
-        return;
-      }
       try {
         const res = await downloadSocialRecruitReport(
           this.projectId,

From da72c156e99e5d86113c854290d30ace1c4cab78 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Thu, 27 Nov 2025 12:19:47 +0800
Subject: [PATCH 05/10] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=A0=A1=E9=AA=8C=E6=90=BA=E5=B8=A6=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Detail.vue | 28 ++++++++++------------------
 src/views/study/coursenew.vue    | 28 ++++++++++------------------
 2 files changed, 20 insertions(+), 36 deletions(-)

diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 7ccef57f..c051c89c 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -563,26 +563,18 @@ export default {
         xmlhttp.abort();
       }, 5000);
       // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
-      // const url =
-      //   window.location.protocol +
-      //   "//uapi.boe.com.cn/500.html?t=" +
-      //   Date.now() +
-      //   Math.random();
+      const url =
+        window.location.protocol +
+        "//uapi.boe.com.cn/500.html?t=" +
+        Date.now() +
+        Math.random();
       // 2. 打开 HEAD 请求（URL已带随机参数）
-      //xmlhttp.open("HEAD", url, true);
-
-      // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
-      // xmlhttp.setRequestHeader(
-      //   "Cache-Control",
-      //   "no-cache, no-store, must-revalidate"
+      xmlhttp.open("HEAD", url, true);
+      // xmlhttp.open(
+      //   "HEAD",
+      //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+      //   true
       // );
-      // xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
-      // xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
-      xmlhttp.open(
-        "HEAD",
-        window.location.protocol + "//uapi.boe.com.cn/500.html",
-        true
-      );
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 5fb4c8fb..3d79b795 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -1965,26 +1965,18 @@ export default {
         xmlhttp.abort();
       }, 1000);
       // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
-      // const url =
-      //   window.location.protocol +
-      //   "//uapi.boe.com.cn/500.html?t=" +
-      //   Date.now() +
-      //   Math.random();
+      const url =
+        window.location.protocol +
+        "//uapi.boe.com.cn/500.html?t=" +
+        Date.now() +
+        Math.random();
       // // 2. 打开 HEAD 请求（URL已带随机参数）
-      // xmlhttp.open("HEAD", url, true);
-
-      // 3. 设置禁用缓存的请求头（覆盖现代浏览器+老IE+代理）
-      // xmlhttp.setRequestHeader(
-      //   "Cache-Control",
-      //   "no-cache, no-store, must-revalidate"
+      xmlhttp.open("HEAD", url, true);
+      // xmlhttp.open(
+      //   "HEAD",
+      //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+      //   true
       // );
-      // xmlhttp.setRequestHeader("Pragma", "no-cache"); // IE兼容
-      // xmlhttp.setRequestHeader("Expires", "0"); // 禁止过期缓存复用
-      xmlhttp.open(
-        "HEAD",
-        window.location.protocol + "//uapi.boe.com.cn/500.html",
-        true
-      );
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {

From d62499edeff3a8cfc036a6e942e798e5a168a228 Mon Sep 17 00:00:00 2001
From: joshen <qinshengcheng@163.com>
Date: Thu, 27 Nov 2025 15:20:29 +0800
Subject: [PATCH 06/10] =?UTF-8?q?fix:=E7=BC=BA=E5=B0=91div=E7=BB=93?=
 =?UTF-8?q?=E6=9D=9F=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/study/coursenew.vue | 2153 ++++++++++++++++++---------------
 1 file changed, 1148 insertions(+), 1005 deletions(-)

diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 5ddb4990..ce3a388d 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -7,66 +7,328 @@
         :goSearch="1"
       ></portal-header>
       <div style="margin: 0px 80px">
-      <portal-header
-        current="course"
-        textColor="#fff"
-        :goSearch="1"
-      ></portal-header>
-      <div style="margin: 0px 80px">
-        <div class="banner-crumbs">
-          <router-link :to="newEmployee ? `/new-employee/study` : `/course`"
-            ><span class="crumbs-first">课程列表</span></router-link
-          >
-          <span class="crumbs-line"> &gt; </span>
-          <span class="crumbs-last">课程详情</span>
-        </div>
-        <div class="bcourse-title">
-          <span>{{ courseInfo.name }}</span>
-          <!-- <span>{{courseInfo.summary}}</span>  -->
-          <!--
+        <portal-header
+          current="course"
+          textColor="#fff"
+          :goSearch="1"
+        ></portal-header>
+        <div style="margin: 0px 80px">
+          <div class="banner-crumbs">
+            <router-link :to="newEmployee ? `/new-employee/study` : `/course`"
+              ><span class="crumbs-first">课程列表</span></router-link
+            >
+            <span class="crumbs-line"> &gt; </span>
+            <span class="crumbs-last">课程详情</span>
+          </div>
+          <div class="bcourse-title">
+            <span>{{ courseInfo.name }}</span>
+            <!-- <span>{{courseInfo.summary}}</span>  -->
+            <!--
           <span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
           <span class="bcourse-score" v-else>无评分</span>
-          -->
+          --></div>
         </div>
       </div>
-    </div>
-    <div class="course-content xcontent">
-      <div
-        class="course-playbox"
-        ref="coursePlayerBox"
-        id="id_course_player_box"
-      >
-        <div class="course-player" ref="coursePlayer" id="id_course_player">
-          <div>
-            <div v-if="renderCourse">
-              <div v-if="resType == null || resType == 0">
-                <!--先显示视频图片-->
-                <course-image
-                  v-if="courseInfo.id != ''"
-                  :course="courseInfo"
-                ></course-image>
+      <div class="course-content xcontent">
+        <div
+          class="course-playbox"
+          ref="coursePlayerBox"
+          id="id_course_player_box"
+        >
+          <div class="course-player" ref="coursePlayer" id="id_course_player">
+            <div>
+              <div v-if="renderCourse">
+                <div v-if="resType == null || resType == 0">
+                  <!--先显示视频图片-->
+                  <course-image
+                    v-if="courseInfo.id != ''"
+                    :course="courseInfo"
+                  ></course-image>
+                </div>
+                <div v-if="resType == 10" style="position: relative">
+                  <videoPlayer
+                    ref="myVideoPlayer"
+                    id="myVideoPlayer"
+                    @progress="progress"
+                    :src="blobUrl"
+                    :blobId="blobId"
+                    @onPlayerPlaying="onPlayerPlaying"
+                    :initTime="contentData.lastStudyTime"
+                    :notePlay="notePlay"
+                    @onPlayerPlay="onPlayerPlay"
+                    :isDrag="curriculumData.isDrag"
+                    @onFullscreen="onFullscreen"
+                    @onPlayerPause="onPlayerPause"
+                    @onPlayerEnded="onPlayerEnded"
+                    :isCrowd="isCrowd"
+                    @onTimeUpdate="handleAudioTimeUpdate"
+                  ></videoPlayer>
+                  <div class="player-box" v-if="playerBoxShow">
+                    <div class="player-praise" style="cursor: pointer">
+                      <div @click="praiseContent">
+                        <img
+                          class="icon-small"
+                          v-if="isPraise"
+                          :src="
+                            require('@/assets/images/icon/praise-active.png')
+                          "
+                        />
+                        <img
+                          class="icon-small"
+                          v-else
+                          :src="require('@/assets/images/icon/zhan.png')"
+                        />
+                        <!-- {{ courseInfo.praises }} -->
+                        <div style="color: #fff; cursor: pointer">赞</div>
+                      </div>
+                      <div
+                        style="margin-left: 15px; cursor: pointer"
+                        @click="treadContent"
+                      >
+                        <img
+                          class="icon-small"
+                          v-if="isTrample"
+                          :src="
+                            require('@/assets/images/icon/trample-active.png')
+                          "
+                        />
+                        <img
+                          class="icon-small"
+                          v-else
+                          :src="require('@/assets/images/icon/cai.png')"
+                        />
+                        <!-- {{ courseInfo.trampleCount }} -->
+                        <div style="color: #fff; cursor: pointer">踩</div>
+                      </div>
+                    </div>
+                    <div v-if="!scoreInfo.has" class="player-rate">
+                      <el-rate
+                        v-model="scoreInfo.score"
+                        text-color="#ff9900"
+                        score-template="{value}"
+                        void-color="#fff"
+                        @change="addScore"
+                      ></el-rate>
+                    </div>
+                    <div
+                      v-if="scoreInfo.has"
+                      style="padding-top: 5px; display: flex"
+                    >
+                      <div class="player-rate" style="padding-left: 35px">
+                        <el-rate
+                          disabled
+                          v-model="courseInfo.score"
+                          :allow-half="true"
+                        ></el-rate>
+                      </div>
+                      <span class="score-text" style="margin-top: 35px">
+                        <span style="color: #ffb30f">{{
+                          toScore(courseInfo.score)
+                        }}</span>
+                        <span style="font-size: 12px; color: #fff">分</span>
+                      </span>
+                    </div>
+                  </div>
+                </div>
+                <div v-if="resType == 20">
+                  <div class="con-audio">
+                    <div class="con-audio-title">
+                      {{ contentData.contentName }}
+                    </div>
+                    <div class="con-audio-player">
+                      <audioPlayer
+                        v-if="resType == 20"
+                        :url="blobUrl"
+                        :name="contentData.contentName"
+                        @onPlaying="audioPlaying"
+                        :isDrag="curriculumData.isDrag"
+                        @onPlay="audioPlay"
+                        @onPause="audioPause"
+                        @onPlayEnd="audioEnd"
+                      ></audioPlayer>
+                    </div>
+                  </div>
+                </div>
+                <div v-if="resType == 40">
+                  <div
+                    style="padding: 10px; color: #ed0000"
+                    v-if="curCFile.converStatus < 2 && !contentData.content"
+                  >
+                    <div>此课程内容无法预览，请联系管理员</div>
+                  </div>
+                  <div
+                    style="padding: 10px; color: #ed0000"
+                    v-if="curCFile.converStatus == 3 && !contentData.content"
+                  >
+                    此课程内容无法预览，请联系管理员
+                  </div>
+                  <pdfPreview
+                    :autoScroll="true"
+                    v-if="resType == 40"
+                    :filePath="fileBaseUrl + contentData.content"
+                  >
+                  </pdfPreview>
+                </div>
+                <div v-if="resType == 41">
+                  <div style="padding: 20px" v-html="contentData.content"></div>
+                </div>
+                <div v-if="resType == 50" style="min-height: 500px">
+                  <iframe
+                    v-if="scormUrl"
+                    :src="scormUrl"
+                    frameborder="0"
+                    border="0px"
+                    style="width: 100%; height: 500px; border: 0px"
+                  ></iframe>
+                </div>
+                <div v-if="resType == 52">
+                  <div v-if="contentData.content != ''">
+                    <div class="hyper-link" v-if="conLink.openType == 2">
+                      <div class="hyper-link-row">
+                        {{ contentData.contentName }}
+                      </div>
+                      <div class="hyper-link-row">{{ conLink.url }}</div>
+                    </div>
+                    <div v-if="conLink.openType == 1">
+                      <iframe
+                        :src="conLink.url"
+                        style="width: 100%; border: 0px; min-height: 473px"
+                        frameborder="0"
+                      ></iframe>
+                    </div>
+                  </div>
+                </div>
+                <div v-if="resType == 60">
+                  <homework
+                    @submit="homeWorkSubmit"
+                    v-if="resType == 60 && studyId != ''"
+                    :studyId="studyId"
+                    :content="contentData"
+                  ></homework>
+                </div>
+                <div v-if="resType == 61">
+                  <exam
+                    @startTest="startTest"
+                    v-if="resType == 61 && studyId != ''"
+                    :studyId="studyId"
+                    :content="contentData"
+                  ></exam>
+                </div>
+                <div v-if="resType == 62" style="padding: 5px">
+                  <assess
+                    v-if="resType == 62 && studyId != '' && contentData.id"
+                    :studyId="studyId"
+                    :content="contentData"
+                  >
+                  </assess>
+                </div>
               </div>
-              <div v-if="resType == 10" style="position: relative">
-                <videoPlayer
-                  ref="myVideoPlayer"
-                  id="myVideoPlayer"
-                  @progress="progress"
-                  :src="blobUrl"
-                  :blobId="blobId"
-                  @onPlayerPlaying="onPlayerPlaying"
-                  :initTime="contentData.lastStudyTime"
-                  :notePlay="notePlay"
-                  @onPlayerPlay="onPlayerPlay"
-                  :isDrag="curriculumData.isDrag"
-                  @onFullscreen="onFullscreen"
-                  @onPlayerPause="onPlayerPause"
-                  @onPlayerEnded="onPlayerEnded"
-                  :isCrowd="isCrowd"
-                  @onTimeUpdate="handleAudioTimeUpdate"
-                ></videoPlayer>
-                <div class="player-box" v-if="playerBoxShow">
-                  <div class="player-praise" style="cursor: pointer">
-                    <div @click="praiseContent">
+              <div
+                v-if="!renderCourse && Internet == 2"
+                style="margin: 350px 250px"
+                class="jianjie pdftext"
+                id="pdfPreview"
+              >
+                <div
+                  style="
+                    margin-top: 40px;
+                    font-weight: 700;
+                    font-size: 22px;
+                    color: #ccc;
+                  "
+                >
+                  <span
+                    >十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span
+                  >
+                </div>
+                <div
+                  style="margin-top: 20px; text-align: center"
+                  @click="refreshPage"
+                >
+                  <el-button type="primary">重新检测</el-button>
+                </div>
+              </div>
+            </div>
+            <!--交互部分-->
+            <div>
+              <div class="course-interact">
+                <div class="score" style="display: flex">
+                  <div
+                    v-if="!scoreInfo.has"
+                    style="
+                      margin-left: 10px;
+                      cursor: pointer;
+                      padding-top: 10px;
+                      display: flex;
+                      align-items: center;
+                    "
+                  >
+                    <!-- <el-popover placement="top" width="300" trigger="hover"> -->
+                    <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
+
+                      <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
+                    </div> -->
+                    <p style="margin-right: 10px">告诉我们您的喜欢程度</p>
+                    <el-rate
+                      v-model="scoreInfo.score"
+                      @change="showConfirmScore"
+                      :allow-half="true"
+                    ></el-rate>
+                    <div v-if="isShowScoreConfirm">
+                      <span class="score-text">{{
+                        toScore(scoreInfo.score)
+                      }}</span>
+                      <span style="font-size: 18px">分</span>
+                      <el-button
+                        style="margin-left: 10px"
+                        type="primary"
+                        size="mini"
+                        @click="addScore"
+                        >确定</el-button
+                      >
+                      <el-button size="mini" @click="handleCancelScore"
+                        >取消</el-button
+                      >
+                    </div>
+                    <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
+                    <!-- </el-popover> -->
+                  </div>
+                  <div
+                    v-if="scoreInfo.has"
+                    style="padding-top: 5px; display: flex"
+                  >
+                    <div style="padding-top: 16px">
+                      <el-rate
+                        disabled
+                        v-model="courseInfo.score"
+                        :allow-half="true"
+                      ></el-rate>
+                    </div>
+                    <div>
+                      <span class="score-text">{{
+                        toScore(courseInfo.score)
+                      }}</span>
+                      <span style="font-size: 18px">分</span>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  style="
+                    display: flex;
+                    justify-content: flex-end;
+                    cursor: pointer;
+                    padding-top: 5px;
+                  "
+                >
+                  <div @click="praiseContent">
+                    <el-tooltip
+                      class="item"
+                      effect="light"
+                      :content="isPraise ? '取消点赞' : '点赞'"
+                      placement="top-start"
+                      :visible-arrow="false"
+                      popper-class="text-tooltip"
+                    >
                       <img
                         class="icon-small"
                         v-if="isPraise"
@@ -75,14 +337,19 @@
                       <img
                         class="icon-small"
                         v-else
-                        :src="require('@/assets/images/icon/zhan.png')"
+                        :src="require('@/assets/images/icon/praise.png')"
                       />
-                      <!-- {{ courseInfo.praises }} -->
-                      <div style="color: #fff; cursor: pointer">赞</div>
-                    </div>
-                    <div
-                      style="margin-left: 15px; cursor: pointer"
-                      @click="treadContent"
+                    </el-tooltip>
+                    {{ courseInfo.praises }}
+                  </div>
+                  <div style="margin-left: 20px" @click="treadContent">
+                    <el-tooltip
+                      class="item"
+                      effect="light"
+                      :content="isTrample ? '取消踩' : '踩'"
+                      placement="top-start"
+                      :visible-arrow="false"
+                      popper-class="text-tooltip"
                     >
                       <img
                         class="icon-small"
@@ -94,1010 +361,886 @@
                       <img
                         class="icon-small"
                         v-else
-                        :src="require('@/assets/images/icon/cai.png')"
+                        :src="require('@/assets/images/icon/trample.png')"
                       />
-                      <!-- {{ courseInfo.trampleCount }} -->
-                      <div style="color: #fff; cursor: pointer">踩</div>
-                    </div>
+                    </el-tooltip>
+                    {{ courseInfo.trampleCount }}
                   </div>
-                  <div v-if="!scoreInfo.has" class="player-rate">
-                    <el-rate
-                      v-model="scoreInfo.score"
-                      text-color="#ff9900"
-                      score-template="{value}"
-                      void-color="#fff"
-                      @change="addScore"
-                    ></el-rate>
+                  <div style="margin-left: 6px">
+                    <interactBar
+                      :size="16"
+                      :type="1"
+                      :aid="courseInfo.sysCreateAid"
+                      :data="courseInfo"
+                      :praises="false"
+                      :favorites="true"
+                      :shares="true"
+                      :comments="false"
+                      :views="false"
+                    ></interactBar>
                   </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="course-control">
+            <div class="control-tab" v-if="contentList.length > 0">
+              <div
+                v-if="contentList.length > 1"
+                @click="heartabone"
+                :class="tab == 1 ? 'control-tab-active' : ' '"
+              >
+                <i
+                  class="el-icon-reading"
+                  style="margin-right: 9px; margin-left: 9px"
+                ></i
+                >课程单元
+              </div>
+              <div
+                @click="heartabtwo"
+                :class="tab == 2 ? 'control-tab-active' : ' '"
+              >
+                <i
+                  class="el-icon-edit"
+                  style="margin-right: 9px; margin-left: 9px"
+                ></i
+                >我的笔记
+              </div>
+            </div>
+            <!-- 课程单元  -->
+            <div class="course-units" v-if="tab == 1">
+              <div
+                style="min-height: 350px; max-height: 650px; overflow-y: auto"
+              >
+                <div class="catalog" v-if="courseInfo.type == 20">
                   <div
-                    v-if="scoreInfo.has"
-                    style="padding-top: 5px; display: flex"
+                    v-for="(item, index) in catalogTree"
+                    :key="index"
+                    :name="index"
                   >
-                    <div class="player-rate" style="padding-left: 35px">
-                      <el-rate
-                        disabled
-                        v-model="courseInfo.score"
-                        :allow-half="true"
-                      ></el-rate>
-                    </div>
-                    <span class="score-text" style="margin-top: 35px">
-                      <span style="color: #ffb30f">{{
-                        toScore(courseInfo.score)
-                      }}</span>
-                      <span style="font-size: 12px; color: #fff">分</span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div v-if="resType == 20">
-                <div class="con-audio">
-                  <div class="con-audio-title">
-                    {{ contentData.contentName }}
-                  </div>
-                  <div class="con-audio-player">
-                    <audioPlayer
-                      v-if="resType == 20"
-                      :url="blobUrl"
-                      :name="contentData.contentName"
-                      @onPlaying="audioPlaying"
-                      :isDrag="curriculumData.isDrag"
-                      @onPlay="audioPlay"
-                      @onPause="audioPause"
-                      @onPlayEnd="audioEnd"
-                    ></audioPlayer>
-                  </div>
-                </div>
-              </div>
-              <div v-if="resType == 40">
-                <div
-                  style="padding: 10px; color: #ed0000"
-                  v-if="curCFile.converStatus < 2 && !contentData.content"
-                >
-                  <div>此课程内容无法预览，请联系管理员</div>
-                </div>
-                <div
-                  style="padding: 10px; color: #ed0000"
-                  v-if="curCFile.converStatus == 3 && !contentData.content"
-                >
-                  此课程内容无法预览，请联系管理员
-                </div>
-                <pdfPreview
-                  :autoScroll="true"
-                  v-if="resType == 40"
-                  :filePath="fileBaseUrl + contentData.content"
-                >
-                </pdfPreview>
-              </div>
-              <div v-if="resType == 41">
-                <div style="padding: 20px" v-html="contentData.content"></div>
-              </div>
-              <div v-if="resType == 50" style="min-height: 500px">
-                <iframe
-                  v-if="scormUrl"
-                  :src="scormUrl"
-                  frameborder="0"
-                  border="0px"
-                  style="width: 100%; height: 500px; border: 0px"
-                ></iframe>
-              </div>
-              <div v-if="resType == 52">
-                <div v-if="contentData.content != ''">
-                  <div class="hyper-link" v-if="conLink.openType == 2">
-                    <div class="hyper-link-row">
-                      {{ contentData.contentName }}
-                    </div>
-                    <div class="hyper-link-row">{{ conLink.url }}</div>
-                  </div>
-                  <div v-if="conLink.openType == 1">
-                    <iframe
-                      :src="conLink.url"
-                      style="width: 100%; border: 0px; min-height: 473px"
-                      frameborder="0"
-                    ></iframe>
-                  </div>
-                </div>
-              </div>
-              <div v-if="resType == 60">
-                <homework
-                  @submit="homeWorkSubmit"
-                  v-if="resType == 60 && studyId != ''"
-                  :studyId="studyId"
-                  :content="contentData"
-                ></homework>
-              </div>
-              <div v-if="resType == 61">
-                <exam
-                  @startTest="startTest"
-                  v-if="resType == 61 && studyId != ''"
-                  :studyId="studyId"
-                  :content="contentData"
-                ></exam>
-              </div>
-              <div v-if="resType == 62" style="padding: 5px">
-                <assess
-                  v-if="resType == 62 && studyId != '' && contentData.id"
-                  :studyId="studyId"
-                  :content="contentData"
-                >
-                </assess>
-              </div>
-            </div>
-            <div
-              v-if="!renderCourse && Internet == 2"
-              style="margin: 350px 250px"
-              class="jianjie pdftext"
-              id="pdfPreview"
-            >
-              <div
-                style="
-                  margin-top: 40px;
-                  font-weight: 700;
-                  font-size: 22px;
-                  color: #ccc;
-                "
-              >
-                <span
-                  >十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span
-                >
-              </div>
-              <div
-                style="margin-top: 20px; text-align: center"
-                @click="refreshPage"
-              >
-                <el-button type="primary">重新检测</el-button>
-              </div>
-            </div>
-          </div>
-          <!--交互部分-->
-          <div>
-            <div class="course-interact">
-              <div class="score" style="display: flex">
-                <div
-                  v-if="!scoreInfo.has"
-                  style="margin-left: 10px; cursor: pointer; padding-top: 10px;display: flex;align-items: center;"
-                >
-                  <!-- <el-popover placement="top" width="300" trigger="hover"> -->
-                  <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
-
-                      <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
-                    </div> -->
-                  <p style="margin-right:10px">告诉我们您的喜欢程度</p>
-                      <el-rate
-                    v-model="scoreInfo.score"
-                    @change="showConfirmScore" :allow-half="true"
-                  ></el-rate><div v-if="isShowScoreConfirm">
-                        <span class="score-text">{{ toScore(scoreInfo.score) }}</span>
-                        <span style="font-size: 18px;">分</span>
-                        <el-button style="margin-left:10px" type="primary" size="mini" @click="addScore" >确定</el-button>
-                        <el-button  size="mini" @click="handleCancelScore">取消</el-button>
-                      </div>
-                  <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
-                  <!-- </el-popover> -->
-                </div>
-                <div
-                  v-if="scoreInfo.has"
-                  style="padding-top: 5px; display: flex"
-                >
-                  <div style="padding-top: 16px">
-                    <el-rate
-                      disabled
-                      v-model="courseInfo.score"
-                      :allow-half="true"
-                    ></el-rate>
-                  </div>
-                  <div>
-                    <span class="score-text">{{
-                      toScore(courseInfo.score)
-                    }}</span>
-                    <span style="font-size: 18px">分</span>
-                  </div>
-                </div>
-              </div>
-              <div
-                style="
-                  display: flex;
-                  justify-content: flex-end;
-                  cursor: pointer;
-                  padding-top: 5px;
-                "
-              >
-                <div @click="praiseContent">
-                  <el-tooltip
-                    class="item"
-                    effect="light"
-                    :content="isPraise ? '取消点赞' : '点赞'"
-                    placement="top-start"
-                    :visible-arrow="false"
-                    popper-class="text-tooltip"
-                  >
-                    <img
-                      class="icon-small"
-                      v-if="isPraise"
-                      :src="require('@/assets/images/icon/praise-active.png')"
-                    />
-                    <img
-                      class="icon-small"
-                      v-else
-                      :src="require('@/assets/images/icon/praise.png')"
-                    />
-                  </el-tooltip>
-                  {{ courseInfo.praises }}
-                </div>
-                <div style="margin-left: 20px" @click="treadContent">
-                  <el-tooltip
-                    class="item"
-                    effect="light"
-                    :content="isTrample ? '取消踩' : '踩'"
-                    placement="top-start"
-                    :visible-arrow="false"
-                    popper-class="text-tooltip"
-                  >
-                    <img
-                      class="icon-small"
-                      v-if="isTrample"
-                      :src="require('@/assets/images/icon/trample-active.png')"
-                    />
-                    <img
-                      class="icon-small"
-                      v-else
-                      :src="require('@/assets/images/icon/trample.png')"
-                    />
-                  </el-tooltip>
-                  {{ courseInfo.trampleCount }}
-                </div>
-                <div style="margin-left: 6px">
-                  <interactBar
-                    :size="16"
-                    :type="1"
-                    :aid="courseInfo.sysCreateAid"
-                    :data="courseInfo"
-                    :praises="false"
-                    :favorites="true"
-                    :shares="true"
-                    :comments="false"
-                    :views="false"
-                  ></interactBar>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="course-control">
-          <div class="control-tab" v-if="contentList.length > 0">
-            <div
-              v-if="contentList.length > 1"
-              @click="heartabone"
-              :class="tab == 1 ? 'control-tab-active' : ' '"
-            >
-              <i
-                class="el-icon-reading"
-                style="margin-right: 9px; margin-left: 9px"
-              ></i
-              >课程单元
-            </div>
-            <div
-              @click="heartabtwo"
-              :class="tab == 2 ? 'control-tab-active' : ' '"
-            >
-              <i
-                class="el-icon-edit"
-                style="margin-right: 9px; margin-left: 9px"
-              ></i
-              >我的笔记
-            </div>
-          </div>
-          <!-- 课程单元  -->
-          <div class="course-units" v-if="tab == 1">
-            <div style="min-height: 350px; max-height: 650px; overflow-y: auto">
-              <div class="catalog" v-if="courseInfo.type == 20">
-                <div
-                  v-for="(item, index) in catalogTree"
-                  :key="index"
-                  :name="index"
-                >
-                  <el-menu
-                    ref="menu"
-                    :default-openeds="defaultOpeneds"
-                    :default-active="activeId"
-                    :unique-opened="true"
-                    class="el-menu-vertical-demo"
-                    @open="handleOpen"
-                    @close="handleClose"
-                  >
-                    <el-submenu :index="item.section.id" v-if="catalogTree.length > 1">
-                      <template slot="title">
-                        <div
-                          style="display: flex; justify-content: space-between"
-                        >
-                          <div
-                            style="
-                              width: 240px;
-                              font-weight: 700;
-                              font-size: 16px;
-                              overflow: hidden;
-                              white-space: nowrap;
-                              text-overflow: ellipsis;
-                            "
-                            :title="item.section.name"
-                          >
-                            {{ item.section.name }}
-                          </div>
-                          <div
-                            style="
-                              margin-right: 23px;
-                              font-weight: 700;
-                              font-size: 16px;
-                            "
-                          >
-                            ({{
-                              item.children.filter((item) => item.status == 9)
-                                .length
-                            }}/{{ item.children.length }})
-                          </div>
-                        </div>
-                      </template>
-                      <el-menu-item-group
-                        v-for="(ele, i) in item.children"
-                        :key="i"
+                    <el-menu
+                      ref="menu"
+                      :default-openeds="defaultOpeneds"
+                      :default-active="activeId"
+                      :unique-opened="true"
+                      class="el-menu-vertical-demo"
+                      @open="handleOpen"
+                      @close="handleClose"
+                    >
+                      <el-submenu
+                        :index="item.section.id"
+                        v-if="catalogTree.length > 1"
                       >
-                        <div
-                          class="units-info"
-                          :class="{ 'units-active': contentData.id == ele.id }"
-                          @click="showRes(ele, i, index, item)"
-                        >
-                          <el-menu-item
-                            :index="ele.id"
-                            style="padding: 0; padding-left: 10px"
+                        <template slot="title">
+                          <div
+                            style="
+                              display: flex;
+                              justify-content: space-between;
+                            "
                           >
                             <div
                               style="
-                                display: flex;
-                                justify-content: space-between;
+                                width: 240px;
+                                font-weight: 700;
+                                font-size: 16px;
+                                overflow: hidden;
+                                white-space: nowrap;
+                                text-overflow: ellipsis;
                               "
+                              :title="item.section.name"
+                            >
+                              {{ item.section.name }}
+                            </div>
+                            <div
+                              style="
+                                margin-right: 23px;
+                                font-weight: 700;
+                                font-size: 16px;
+                              "
+                            >
+                              ({{
+                                item.children.filter((item) => item.status == 9)
+                                  .length
+                              }}/{{ item.children.length }})
+                            </div>
+                          </div>
+                        </template>
+                        <el-menu-item-group
+                          v-for="(ele, i) in item.children"
+                          :key="i"
+                        >
+                          <div
+                            class="units-info"
+                            :class="{
+                              'units-active': contentData.id == ele.id,
+                            }"
+                            @click="showRes(ele, i, index, item)"
+                          >
+                            <el-menu-item
+                              :index="ele.id"
+                              style="padding: 0; padding-left: 10px"
                             >
                               <div
                                 style="
-                                  width: 200px;
-                                  font-size: 16px;
-                                  overflow: hidden;
-                                  white-space: nowrap;
-                                  text-overflow: ellipsis;
+                                  display: flex;
+                                  justify-content: space-between;
                                 "
-                                :title="ele.contentName"
                               >
-                                {{ i + 1 }}. {{ ele.contentName }}
-                              </div>
-                              <div>
-                                <span
-                                  v-if="contentData.id == ele.id"
+                                <div
                                   style="
-                                    color: #387df7;
-                                    font-size: 14px;
-                                    margin-right: 4px;
+                                    width: 200px;
+                                    font-size: 16px;
+                                    overflow: hidden;
+                                    white-space: nowrap;
+                                    text-overflow: ellipsis;
                                   "
-                                  >学习中</span
+                                  :title="ele.contentName"
                                 >
-                                <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
-                                <img
-                                  v-if="
-                                    contentData.id == ele.id && ele.status == 9
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/over.png"
-                                  alt=""
-                                />
-                                <img
-                                  v-if="
-                                    contentData.id == ele.id && ele.status == 0
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/nowNot.png"
-                                  alt=""
-                                />
-                                <img
-                                  v-if="
-                                    contentData.id == ele.id &&
-                                    ele.status != 9 &&
-                                    ele.status != 0
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/ban1.png"
-                                  alt=""
-                                />
-                                <img
-                                  v-if="
-                                    contentData.id != ele.id && ele.status == 9
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/notNew.png"
-                                  alt=""
-                                />
-                                <img
-                                  v-if="
-                                    contentData.id != ele.id && ele.status == 0
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/not.png"
-                                  alt=""
-                                />
-                                <img
-                                  v-if="
-                                    contentData.id != ele.id &&
-                                    ele.status != 9 &&
-                                    ele.status != 0
-                                  "
-                                  style="width: 16px; height: 16px"
-                                  src="@/assets/images/newBan.png"
-                                  alt=""
-                                />
+                                  {{ i + 1 }}. {{ ele.contentName }}
+                                </div>
+                                <div>
+                                  <span
+                                    v-if="contentData.id == ele.id"
+                                    style="
+                                      color: #387df7;
+                                      font-size: 14px;
+                                      margin-right: 4px;
+                                    "
+                                    >学习中</span
+                                  >
+                                  <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status == 9
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/over.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status == 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/nowNot.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status != 9 &&
+                                      ele.status != 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/ban1.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status == 9
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/notNew.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status == 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/not.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status != 9 &&
+                                      ele.status != 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/newBan.png"
+                                    alt=""
+                                  />
+                                </div>
                               </div>
-                            </div>
-                          </el-menu-item>
-                        </div>
-                      </el-menu-item-group>
-                    </el-submenu>
+                            </el-menu-item>
+                          </div>
+                        </el-menu-item-group>
+                      </el-submenu>
                       <div v-else>
-                      <el-menu-item-group v-for="(ele, i) in item.children" :key="i">
-                        <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index,item)">
-                          <el-menu-item :index="ele.id" style="padding: 0;padding-left: 10px;">
-                            <div style="display: flex;justify-content: space-between;">
-                              <div style="width: 200px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="ele.contentName">{{i+1}}. {{ ele.contentName }}</div>
-                              <div>
-                                <span v-if="contentData.id == ele.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
-                                <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
-                                <img v-if="contentData.id == ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                                <img v-if="contentData.id == ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                                <img v-if="contentData.id == ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                                <img v-if="contentData.id != ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                                <img v-if="contentData.id != ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                                <img v-if="contentData.id != ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
+                        <el-menu-item-group
+                          v-for="(ele, i) in item.children"
+                          :key="i"
+                        >
+                          <div
+                            class="units-info"
+                            :class="{
+                              'units-active': contentData.id == ele.id,
+                            }"
+                            @click="showRes(ele, i, index, item)"
+                          >
+                            <el-menu-item
+                              :index="ele.id"
+                              style="padding: 0; padding-left: 10px"
+                            >
+                              <div
+                                style="
+                                  display: flex;
+                                  justify-content: space-between;
+                                "
+                              >
+                                <div
+                                  style="
+                                    width: 200px;
+                                    font-size: 16px;
+                                    overflow: hidden;
+                                    white-space: nowrap;
+                                    text-overflow: ellipsis;
+                                  "
+                                  :title="ele.contentName"
+                                >
+                                  {{ i + 1 }}. {{ ele.contentName }}
+                                </div>
+                                <div>
+                                  <span
+                                    v-if="contentData.id == ele.id"
+                                    style="
+                                      color: #387df7;
+                                      font-size: 14px;
+                                      margin-right: 4px;
+                                    "
+                                    >学习中</span
+                                  >
+                                  <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status == 9
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/over.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status == 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/nowNot.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id == ele.id &&
+                                      ele.status != 9 &&
+                                      ele.status != 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/ban1.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status == 9
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/notNew.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status == 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/not.png"
+                                    alt=""
+                                  />
+                                  <img
+                                    v-if="
+                                      contentData.id != ele.id &&
+                                      ele.status != 9 &&
+                                      ele.status != 0
+                                    "
+                                    style="width: 16px; height: 16px"
+                                    src="@/assets/images/newBan.png"
+                                    alt=""
+                                  />
+                                </div>
                               </div>
-                            </div>
-                        </el-menu-item>
-                        </div>
-                      </el-menu-item-group>
+                            </el-menu-item>
+                          </div>
+                        </el-menu-item-group>
                       </div>
-                  </el-menu>
-                </div>
-                <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
+                    </el-menu>
+                  </div>
+                  <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
                     <div class="units-info" :class="{'units-active':contentData.id == ele.id}"  v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
                       <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
                       <span>{{ ele.contentName }}</span>
                     </div>
                   </div> -->
-              </div>
-              <div v-else class="catalog">
-                <!-- contentList -->
-                <div
-                  class="units-info"
-                  style="display: flex; justify-content: space-between"
-                  v-for="(list, index) in contentList"
-                  :key="index"
-                  :name="index"
-                  @click="showRes(list, -1, index)"
-                  :class="{ 'units-active': contentData.id == list.id }"
-                >
-                  <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
-                  <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
+                </div>
+                <div v-else class="catalog">
+                  <!-- contentList -->
                   <div
-                    style="
-                      max-width: 193px;
-                      overflow: hidden;
-                      white-space: nowrap;
-                      text-overflow: ellipsis;
-                    "
+                    class="units-info"
+                    style="display: flex; justify-content: space-between"
+                    v-for="(list, index) in contentList"
+                    :key="index"
+                    :name="index"
+                    @click="showRes(list, -1, index)"
+                    :class="{ 'units-active': contentData.id == list.id }"
                   >
-                    {{ index + 1 }}.{{ list.contentName }}
-                  </div>
-                  <div style="margin-left: 5px">
-                    <span
-                      v-if="contentData.id == list.id"
-                      style="color: #387df7; font-size: 14px; margin-right: 4px"
-                      >学习中</span
+                    <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
+                    <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
+                    <div
+                      style="
+                        max-width: 193px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                      "
                     >
-                    <img
-                      v-if="contentData.id == list.id && list.status == 9"
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/over.png"
-                      alt=""
-                    />
-                    <img
-                      v-if="contentData.id == list.id && list.status == 0"
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/nowNot.png"
-                      alt=""
-                    />
-                    <img
-                      v-if="
-                        contentData.id == list.id &&
-                        list.status != 9 &&
-                        list.status != 0
-                      "
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/ban1.png"
-                      alt=""
-                    />
-                    <img
-                      v-if="contentData.id != list.id && list.status == 9"
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/notNew.png"
-                      alt=""
-                    />
-                    <img
-                      v-if="contentData.id != list.id && list.status == 0"
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/not.png"
-                      alt=""
-                    />
-                    <img
-                      v-if="
-                        contentData.id != list.id &&
-                        list.status != 9 &&
-                        list.status != 0
-                      "
-                      style="width: 16px; height: 16px"
-                      src="@/assets/images/newBan.png"
-                      alt=""
-                    />
+                      {{ index + 1 }}.{{ list.contentName }}
+                    </div>
+                    <div style="margin-left: 5px">
+                      <span
+                        v-if="contentData.id == list.id"
+                        style="
+                          color: #387df7;
+                          font-size: 14px;
+                          margin-right: 4px;
+                        "
+                        >学习中</span
+                      >
+                      <img
+                        v-if="contentData.id == list.id && list.status == 9"
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/over.png"
+                        alt=""
+                      />
+                      <img
+                        v-if="contentData.id == list.id && list.status == 0"
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/nowNot.png"
+                        alt=""
+                      />
+                      <img
+                        v-if="
+                          contentData.id == list.id &&
+                          list.status != 9 &&
+                          list.status != 0
+                        "
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/ban1.png"
+                        alt=""
+                      />
+                      <img
+                        v-if="contentData.id != list.id && list.status == 9"
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/notNew.png"
+                        alt=""
+                      />
+                      <img
+                        v-if="contentData.id != list.id && list.status == 0"
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/not.png"
+                        alt=""
+                      />
+                      <img
+                        v-if="
+                          contentData.id != list.id &&
+                          list.status != 9 &&
+                          list.status != 0
+                        "
+                        style="width: 16px; height: 16px"
+                        src="@/assets/images/newBan.png"
+                        alt=""
+                      />
+                    </div>
+                    <!-- </div> -->
                   </div>
-                  <!-- </div> -->
                 </div>
               </div>
             </div>
-          </div>
-          <!-- 我的笔记 -->
-          <div class="mynote" v-show="tab == 2">
-            <my-note
-              ref="mynote"
-              :height="controlHeight"
-              @change="noteChange"
-              :data="courseInfo"
-              @videoLocation="videoLocation"
-              @onPlayVideo="onPlayVideo"
-              :score="courseInfo.score"
-            ></my-note>
-          </div>
-        </div>
-      </div>
-      <div class="course-infobox">
-        <div class="course-info">
-          <div style="background-color: #fff">
-            <div class="course-info-tab">
-              <div
-                @click="coutab(1)"
-                :class="courestab == 1 ? 'course-info-tab-active' : ''"
-              >
-                内容简介<span class=""></span>
-              </div>
-              <div
-                @click="coutab(2)"
-                :class="courestab == 2 ? 'course-info-tab-active' : ''"
-              >
-                课程评论<span class=""></span>
-              </div>
-              <div
-                @click="coutab(3)"
-                :class="courestab == 3 ? 'course-info-tab-active' : ''"
-              >
-                课程笔记<span class=""></span>
-              </div>
-            </div>
-            <div
-              v-show="courestab == 1"
-              style="margin-left: 17px; padding-top: 20px"
-            >
-              <div style="padding: 30px">
-                <div class="course-info-row">
-                  <img
-                    src="@/assets/images/icon/remark-iocn.png"
-                    alt=""
-                    srcset=""
-                  />
-                  目标人群：
-                  <div class="course-info-text">{{ courseInfo.forUsers }}</div>
-                </div>
-                <div class="course-info-row">
-                  <img
-                    src="@/assets/images/icon/remark-iocn.png"
-                    alt=""
-                    srcset=""
-                  />
-                  课程价值：
-                  <div class="course-info-text">{{ courseInfo.value }}</div>
-                </div>
-                <div class="course-info-row">
-                  <img
-                    src="@/assets/images/icon/remark-iocn.png"
-                    alt=""
-                    srcset=""
-                  />
-                  详细介绍：
-                  <div
-                    class="course-info-text"
-                    v-html="courseInfo.summary"
-                  ></div>
-                </div>
-              </div>
-            </div>
-            <div
-              v-show="courestab == 2"
-              class="coures-comments"
-              style="margin-left: 17px"
-            >
-              <comments
-                v-if="courseInfo.id && courseInfo.id != ''"
-                :obj-type="1"
-                :obj-id="courseInfo.id"
-                :toUsers="toUsers"
-              ></comments>
-            </div>
-            <div v-show="courestab == 3" class="coures-note">
-              <note-comments
-                :key="timer"
-                v-if="courseInfo.id && courseInfo.id != ''"
-                :obj-type="6"
-                :obj-id="courseInfo.id"
-                :name="courseInfo.name"
-              ></note-comments>
+            <!-- 我的笔记 -->
+            <div class="mynote" v-show="tab == 2">
+              <my-note
+                ref="mynote"
+                :height="controlHeight"
+                @change="noteChange"
+                :data="courseInfo"
+                @videoLocation="videoLocation"
+                @onPlayVideo="onPlayVideo"
+                :score="courseInfo.score"
+              ></my-note>
             </div>
           </div>
         </div>
-        <div class="course-teacher">
-          <div class="cteacher-top">
+        <div class="course-infobox">
+          <div class="course-info">
+            <div style="background-color: #fff">
+              <div class="course-info-tab">
+                <div
+                  @click="coutab(1)"
+                  :class="courestab == 1 ? 'course-info-tab-active' : ''"
+                >
+                  内容简介<span class=""></span>
+                </div>
+                <div
+                  @click="coutab(2)"
+                  :class="courestab == 2 ? 'course-info-tab-active' : ''"
+                >
+                  课程评论<span class=""></span>
+                </div>
+                <div
+                  @click="coutab(3)"
+                  :class="courestab == 3 ? 'course-info-tab-active' : ''"
+                >
+                  课程笔记<span class=""></span>
+                </div>
+              </div>
+              <div
+                v-show="courestab == 1"
+                style="margin-left: 17px; padding-top: 20px"
+              >
+                <div style="padding: 30px">
+                  <div class="course-info-row">
+                    <img
+                      src="@/assets/images/icon/remark-iocn.png"
+                      alt=""
+                      srcset=""
+                    />
+                    目标人群：
+                    <div class="course-info-text">
+                      {{ courseInfo.forUsers }}
+                    </div>
+                  </div>
+                  <div class="course-info-row">
+                    <img
+                      src="@/assets/images/icon/remark-iocn.png"
+                      alt=""
+                      srcset=""
+                    />
+                    课程价值：
+                    <div class="course-info-text">{{ courseInfo.value }}</div>
+                  </div>
+                  <div class="course-info-row">
+                    <img
+                      src="@/assets/images/icon/remark-iocn.png"
+                      alt=""
+                      srcset=""
+                    />
+                    详细介绍：
+                    <div
+                      class="course-info-text"
+                      v-html="courseInfo.summary"
+                    ></div>
+                  </div>
+                </div>
+              </div>
+              <div
+                v-show="courestab == 2"
+                class="coures-comments"
+                style="margin-left: 17px"
+              >
+                <comments
+                  v-if="courseInfo.id && courseInfo.id != ''"
+                  :obj-type="1"
+                  :obj-id="courseInfo.id"
+                  :toUsers="toUsers"
+                ></comments>
+              </div>
+              <div v-show="courestab == 3" class="coures-note">
+                <note-comments
+                  :key="timer"
+                  v-if="courseInfo.id && courseInfo.id != ''"
+                  :obj-type="6"
+                  :obj-id="courseInfo.id"
+                  :name="courseInfo.name"
+                ></note-comments>
+              </div>
+            </div>
+          </div>
+          <div class="course-teacher">
             <div class="cteacher-top">
-              <img
-                width="100%"
-                style="vertical-align: top"
-                height="10px"
-                src="../../../public/images/tearch-top.png"
-                alt=""
-              />
+              <div class="cteacher-top">
+                <img
+                  width="100%"
+                  style="vertical-align: top"
+                  height="10px"
+                  src="../../../public/images/tearch-top.png"
+                  alt=""
+                />
+              </div>
+              <div class="cteacher-top-title">课程讲师</div>
             </div>
-            <div class="cteacher-top-title">课程讲师</div>
-          </div>
 
-          <div class="cteacher-list">
-            <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
-              <div
-                class="teacher-avator"
-                @click="toUserHome(item)"
-                title="点击进入他的主页"
-              >
-                <div v-if="item.authorInfo && item.authorInfo.avatar">
-                  <el-avatar  :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
+            <div class="cteacher-list">
+              <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
+                <div
+                  class="teacher-avator"
+                  @click="toUserHome(item)"
+                  title="点击进入他的主页"
+                >
+                  <div v-if="item.authorInfo && item.authorInfo.avatar">
+                    <el-avatar
+                      :src="fileBaseUrl + item.authorInfo.avatar"
+                      shape="circle"
+                      :size="50"
+                    ></el-avatar>
+                  </div>
+                  <div v-else-if="item.photo">
+                    <el-avatar
+                      :src="item.photo"
+                      shape="circle"
+                      :size="50"
+                    ></el-avatar>
+                  </div>
+                  <div v-else class="teacher-text">
+                    <div v-if="item.authorInfo && item.authorInfo.sex === 1">
+                      <img
+                        src="../../../public/images/Avatarwoman.png"
+                        alt=""
+                      />
+                    </div>
+                    <div v-else>
+                      <img src="../../../public/images/Avatarman.png" alt="" />
+                    </div>
+                  </div>
                 </div>
-                <div v-else-if="item.photo">
-                  <el-avatar :src="item.photo" shape="circle" :size="50"></el-avatar>
+                <div class="teacher-info">
+                  <div class="teacher-name">
+                    <span> {{ item.teacherName }}</span>
+                    <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
+                  </div>
+                  <!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
+                  <div v-if="item.teacherType === 1" class="teacher-remark">
+                    {{ cutOrgNamePath(item.authorInfo.orgInfo) }}
+                  </div>
+                  <div v-else>{{ item.supplier }}</div>
                 </div>
-                <div v-else class="teacher-text">
-                  <div v-if="item.authorInfo && item.authorInfo.sex === 1"><img src="../../../public/images/Avatarwoman.png" alt=""></div>
-                  <div v-else><img src="../../../public/images/Avatarman.png" alt=""></div>
+                <div style="padding-top: 15px; width: 70px">
+                  <followButton
+                    v-if="item.teacherName !== 'BOE教师'"
+                    :auto="true"
+                    size="small"
+                    :aid="item.teacherId"
+                  ></followButton>
                 </div>
               </div>
-              <div class="teacher-info">
-                <div class="teacher-name">
-                  <span> {{ item.teacherName }}</span>
-                  <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
-                </div>
-                <!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
-                <div v-if="item.teacherType === 1" class="teacher-remark">
-                  {{ cutOrgNamePath(item.authorInfo.orgInfo) }}
-                </div>
-                <div v-else>{{ item.supplier }}</div>
-              </div>
-              <div style="padding-top: 15px; width: 70px">
-                <followButton
-                  v-if="item.teacherName !== 'BOE教师'"
-                  :auto="true"
-                  size="small"
-                  :aid="item.teacherId"
-                ></followButton>
-              </div>
             </div>
           </div>
         </div>
       </div>
+      <el-dialog
+        class="protocol"
+        :close-on-click-modal="false"
+        :visible="protocolDialogVisible"
+        width="30%"
+        :show-close="false"
+      >
+        <div class="protocol-title">{{ warnTitle }}</div>
+        <div class="protocol-content">&emsp;&emsp;{{ warn }}</div>
+        <span slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="protocolDialogVisible = false"
+            >确 定</el-button
+          >
+        </span>
+      </el-dialog>
+      <!-- <div><portal-footer></portal-footer></div> -->
     </div>
-    <el-dialog
-      class="protocol"
-      :close-on-click-modal="false"
-      :visible="protocolDialogVisible"
-      width="30%"
-      :show-close="false"
-    >
-      <div class="protocol-title">{{ warnTitle }}</div>
-      <div class="protocol-content">&emsp;&emsp;{{ warn }}</div>
-      <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="protocolDialogVisible = false"
-          >确 定</el-button
-        >
-      </span>
-    </el-dialog>
-    <!-- <div><portal-footer></portal-footer></div> -->
   </div>
 </template>
 <script>
-  import { mapGetters } from 'vuex';
-  import followButton from "@/components/Follow/button.vue";
-  import portalHeader from "@/components/PortalHeader.vue";
-  import portalFooter from "@/components/PortalFooter.vue";
-  import comments from "@/components/Portal/comments.vue";
-  import noteComments from "@/components/Portal/noteComment.vue";
-  import interactBar from "@/components/Portal/interactBar.vue";
-  import audioPlayer from '@/components/AudioPlayer/index.vue';
-  import videoPlayer from '@/components/VideoPlayer/index.vue';
-  import hyperLink from '@/components/Course/hyperLink.vue';
-  import studyUtil from '@/utils/study.js';
-  import { encrypt } from '@/utils/jsencrypt.js';
-  import cookies from 'vue-cookies';
-  import apiStat from '@/api/phase2/stat.js';
-  import apiStudy from '@/api/modules/courseStudy.js';
-  import apiVideoStudy from "@/api/modules/videoStudy.js";
-  import apiCourseGrade from '@/api/modules/courseGrade.js';
-  import apiPraises from '@/api/modules/praises.js';
-  import apiTrample from '@/api/modules/trample.js';
-  import apiCoursePortal from '@/api/modules/coursePortal.js';
-  import apiUser from '@/api/system/user.js';
-  import apiCourseFile from '@/api/modules/courseFile.js';
-  import {
-    resListMap,
-    resOwnerListMap,
-    courseType,
-    getType,
-    toScore,
-    cutOrgNamePath,
-    userAvatarText
-  } from '@/utils/tools.js';
-  import pdfPreview from '@/components/PdfPreview/index.vue';
-  import courseImage from '@/components/Course/courseImage.vue';
-  import exam from '@/components/Course/exam';
-  import homework from '@/components/Course/homework';
-  import assess from '@/components/Course/assess';
-  import myNote from '../../components/Course/myNote.vue';
-  import apiFollow from "@/api/phase2/userfollow.js";
-  import apiMessage from '@/api/system/message.js'
-  // import Vue from 'vue';
-  // Vue.forceUpdate();
-  export default {
-    name: "atticle",
-    components: {
-      courseImage,
-      portalHeader,
-      hyperLink,
-      comments,
-      homework,
-      exam,
-      interactBar,
-      assess,
-      pdfPreview,
-      audioPlayer,
-      videoPlayer,
-      myNote,
-      noteComments,
-      portalFooter,
-      followButton
-    },
-    data() {
-      return {
-        isShowScoreConfirm: false,
-        protocolDialogVisible: false,
-        tentative: false,
-        isContentTypeTwo: null,
-        isContentType: null,
-        activeId: '',
-        isFalse: false,
-        defaultOpeneds: [],
-        sendEventProgress: 0,
-        trueFalse: true,
-        audiences:'',
-        isCrowd:false,
-        cutOrgNamePath,
-        scormUrl:'',//当前播放的scormUrl
-        loading:false,
-        controlHeight:400,//左边控制区域的内容高度
-        timer: '',
-        notePlay: null,
-        intTimeNote: '',
-        courestab: 2,//默认是课程评论
-        curCFile: {
-          converStatus: 4,
-        },
-        Internet: 3,//1是成功 2是是失败 3是检测中
-        radio: '',
-        interactRuning: false,
-        playerBoxShow: false,
-        userAvatarText,
-        publicPath: process.env.VUE_APP_PUBLIC_PATH,
-        showiframe: false,
-        toScore,
-        courseId: '', //当前课程的id
-        studyId: '', //当前学习的id
-        initContentId: '', //初始化当前学习的内容节
-        blobUrl: '', //播放的文件地址，新添加，采用blob方式
-        contentData: {
-          studyItemId: '',
-          status: 1
-        }, //当前的显示的内容
-        conLink: {
-          openType: 1,
-          url: ''
-        }, //对于超连接的内容
-        curriculumData: {
-          url: '',
-          isDrag: true,
-          completeSetup: 0,
-          setupTage: 0,
-          second: 0
-        }, // 课件内容
-        courseInfo: {
-          id: '',
-          name: ''
-        }, //课程信息
-        totalContent: 0, //课程内容数量
-        pageCount: 0,
-        currentPage: 0,
-        fileBaseUrl: this.$xpage.constants.fileBaseUrl,//使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
-        contentList: [],
-        sectionList: [],
-        teachers: [],
-        toUsers: [], //对于@教师的处理
-        getType: getType,
-        ctabName: 'catalog',
-        resType: null,
-        renderCourse: true,
-        activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
-        scoreInfo: {
-          dlgShow: false,
-          score: 5,
-          has: false
-        },
-        isPraise: false,
-        isTrample: false,
-        appendStartTime: null, //记录追加的开始时间
-        appendHandle: null, //追加学习时长的timeout句柄
-        isAppendTime: false, //是否追加学习时长
-        appentId: '', //当前追加的学习时长的id,此字段已经不再使用
-        appentInterval: 15, //追加学习时间的间隔 5秒加一次
-        handleTimeout: null,
-        completed: [],
-        tab: 1,
-        notetab: 1,
-        localTimeKey:'boeu-study-time' ,//本地存储的学习时长的key   json格式
-        localTimeValue:0,//计算的时间
-        appendStudyOtherHandle:null,
-        cumulativeDuration:0, //非音频累计时长
-        maxDuration:0, //非音频最大时长
-        defaultMaxTime:1800, //非音频默认最大时间
-        warn:"测试内容",
-        warnTitle:"测试标题",
-        isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
-      }
-    },
-    mounted() {
-      this.getInternet();
-      // 增加的用户受众id
-      let localKey = "user_" + this.userInfo.sysId + "_gids";
-      let hasIds = sessionStorage.getItem(localKey);
-      this.audiences = hasIds ?? ''
-      this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
-      this.courseId = this.$route.query.id;
-      this.initContentId = this.$route.query.contentId;
-      this.stopStudyTime();//先关闭
-      this.cleanAppendTime();//
-      this.loadData();
-    },
-    computed: {
-      ...mapGetters(['userInfo']),
-      catalogTree(){
-        let treeList = [];
-        this.completed = [];
-        let $this = this;
-        $this.sectionList.forEach(sec => {
-          let treeNode = {
-            section: sec,
-            children: []
-          };
-          sec.status = 1;
-          let finishCount = 0;
-          $this.contentList.forEach(c => {
-            if (c.csectionId == sec.id) {
-              if (c.status > 1) {
-                sec.status = 2;
-                if (c.status == 9) {
-                  finishCount++;
-                }
-              }
+import { mapGetters } from "vuex";
+import followButton from "@/components/Follow/button.vue";
+import portalHeader from "@/components/PortalHeader.vue";
+import portalFooter from "@/components/PortalFooter.vue";
+import comments from "@/components/Portal/comments.vue";
+import noteComments from "@/components/Portal/noteComment.vue";
+import interactBar from "@/components/Portal/interactBar.vue";
+import audioPlayer from "@/components/AudioPlayer/index.vue";
+import videoPlayer from "@/components/VideoPlayer/index.vue";
+import hyperLink from "@/components/Course/hyperLink.vue";
+import studyUtil from "@/utils/study.js";
+import { encrypt } from "@/utils/jsencrypt.js";
+import cookies from "vue-cookies";
+import apiStat from "@/api/phase2/stat.js";
+import apiStudy from "@/api/modules/courseStudy.js";
+import apiVideoStudy from "@/api/modules/videoStudy.js";
+import apiCourseGrade from "@/api/modules/courseGrade.js";
+import apiPraises from "@/api/modules/praises.js";
+import apiTrample from "@/api/modules/trample.js";
+import apiCoursePortal from "@/api/modules/coursePortal.js";
+import apiUser from "@/api/system/user.js";
+import apiCourseFile from "@/api/modules/courseFile.js";
+import {
+  resListMap,
+  resOwnerListMap,
+  courseType,
+  getType,
+  toScore,
+  cutOrgNamePath,
+  userAvatarText,
+} from "@/utils/tools.js";
+import pdfPreview from "@/components/PdfPreview/index.vue";
+import courseImage from "@/components/Course/courseImage.vue";
+import exam from "@/components/Course/exam";
+import homework from "@/components/Course/homework";
+import assess from "@/components/Course/assess";
+import myNote from "../../components/Course/myNote.vue";
+import apiFollow from "@/api/phase2/userfollow.js";
+import apiMessage from "@/api/system/message.js";
+// import Vue from 'vue';
+// Vue.forceUpdate();
+export default {
+  name: "atticle",
+  components: {
+    courseImage,
+    portalHeader,
+    hyperLink,
+    comments,
+    homework,
+    exam,
+    interactBar,
+    assess,
+    pdfPreview,
+    audioPlayer,
+    videoPlayer,
+    myNote,
+    noteComments,
+    portalFooter,
+    followButton,
+  },
+  data() {
+    return {
+      isShowScoreConfirm: false,
+      protocolDialogVisible: false,
+      tentative: false,
+      isContentTypeTwo: null,
+      isContentType: null,
+      activeId: "",
+      isFalse: false,
+      defaultOpeneds: [],
+      sendEventProgress: 0,
+      trueFalse: true,
+      audiences: "",
+      isCrowd: false,
+      cutOrgNamePath,
+      scormUrl: "", //当前播放的scormUrl
+      loading: false,
+      controlHeight: 400, //左边控制区域的内容高度
+      timer: "",
+      notePlay: null,
+      intTimeNote: "",
+      courestab: 2, //默认是课程评论
+      curCFile: {
+        converStatus: 4,
+      },
+      Internet: 3, //1是成功 2是是失败 3是检测中
+      radio: "",
+      interactRuning: false,
+      playerBoxShow: false,
+      userAvatarText,
+      publicPath: process.env.VUE_APP_PUBLIC_PATH,
+      showiframe: false,
+      toScore,
+      courseId: "", //当前课程的id
+      studyId: "", //当前学习的id
+      initContentId: "", //初始化当前学习的内容节
+      blobUrl: "", //播放的文件地址，新添加，采用blob方式
+      contentData: {
+        studyItemId: "",
+        status: 1,
+      }, //当前的显示的内容
+      conLink: {
+        openType: 1,
+        url: "",
+      }, //对于超连接的内容
+      curriculumData: {
+        url: "",
+        isDrag: true,
+        completeSetup: 0,
+        setupTage: 0,
+        second: 0,
+      }, // 课件内容
+      courseInfo: {
+        id: "",
+        name: "",
+      }, //课程信息
+      totalContent: 0, //课程内容数量
+      pageCount: 0,
+      currentPage: 0,
+      fileBaseUrl: this.$xpage.constants.fileBaseUrl, //使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
+      contentList: [],
+      sectionList: [],
+      teachers: [],
+      toUsers: [], //对于@教师的处理
+      getType: getType,
+      ctabName: "catalog",
+      resType: null,
+      renderCourse: true,
+      activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+      scoreInfo: {
+        dlgShow: false,
+        score: 5,
+        has: false,
+      },
+      isPraise: false,
+      isTrample: false,
+      appendStartTime: null, //记录追加的开始时间
+      appendHandle: null, //追加学习时长的timeout句柄
+      isAppendTime: false, //是否追加学习时长
+      appentId: "", //当前追加的学习时长的id,此字段已经不再使用
+      appentInterval: 15, //追加学习时间的间隔 5秒加一次
+      handleTimeout: null,
+      completed: [],
+      tab: 1,
+      notetab: 1,
+      localTimeKey: "boeu-study-time", //本地存储的学习时长的key   json格式
+      localTimeValue: 0, //计算的时间
+      appendStudyOtherHandle: null,
+      cumulativeDuration: 0, //非音频累计时长
+      maxDuration: 0, //非音频最大时长
+      defaultMaxTime: 1800, //非音频默认最大时间
+      warn: "测试内容",
+      warnTitle: "测试标题",
+      isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
+    };
+  },
+  mounted() {
+    this.getInternet();
+    // 增加的用户受众id
+    let localKey = "user_" + this.userInfo.sysId + "_gids";
+    let hasIds = sessionStorage.getItem(localKey);
+    this.audiences = hasIds ?? "";
+    this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
+    this.courseId = this.$route.query.id;
+    this.initContentId = this.$route.query.contentId;
+    this.stopStudyTime(); //先关闭
+    this.cleanAppendTime(); //
+    this.loadData();
+  },
+  computed: {
+    ...mapGetters(["userInfo"]),
+    catalogTree() {
+      let treeList = [];
+      this.completed = [];
+      let $this = this;
+      $this.sectionList.forEach((sec) => {
+        let treeNode = {
+          section: sec,
+          children: [],
+        };
+        sec.status = 1;
+        let finishCount = 0;
+        $this.contentList.forEach((c) => {
+          if (c.csectionId == sec.id) {
+            if (c.status > 1) {
+              sec.status = 2;
               if (c.status == 9) {
-                $this.completed.push(c.id);
+                finishCount++;
               }
-              treeNode.children.push(c);
             }
-          });
-          if (finishCount == treeNode.children.length) {
-            sec.status = 9;
+            if (c.status == 9) {
+              $this.completed.push(c.id);
+            }
+            treeNode.children.push(c);
           }
-          treeList.push(treeNode);
         });
-        // console.log(treeList,'treeList')
-        return treeList;
+        if (finishCount == treeNode.children.length) {
+          sec.status = 9;
+        }
+        treeList.push(treeNode);
+      });
+      // console.log(treeList,'treeList')
+      return treeList;
+    },
+  },
+  methods: {
+    handleCancelScore() {
+      this.isShowScoreConfirm = false;
+      this.scoreInfo.score = 5;
+    },
+    showConfirmScore() {
+      this.isShowScoreConfirm = true;
+    },
+    handleOpen(key, path) {
+      if (this.isFalse) {
+        this.defaultOpeneds = [key];
+      }
+      this.isFalse = false;
+    },
+    handleClose(key, path) {},
+    toUserHome(tea) {
+      this.$router.push({ path: this.$xpage.getHomePath(tea.teacherId) });
+    },
+    noteChange() {
+      //视频点定位，直接到播放的视频位置
+      this.timer = new Date().getTime();
+    },
+    //清空追加学习时长事件
+    cleanAppendTime() {
+      if (this.appendStudyOtherHandle) {
+        window.clearTimeout(this.appendStudyOtherHandle);
       }
     },
-    methods: {
-      handleCancelScore() {
-        this.isShowScoreConfirm = false;
-        this.scoreInfo.score = 5
-      },
-      showConfirmScore() {
-        this.isShowScoreConfirm = true;
-      },
-      handleOpen(key,path){
-        if(this.isFalse){
-          this.defaultOpeneds = [key]
+    //非音视频课学习时长的增加,每一分钟保存一次
+    appendStudyOtherTime() {
+      //console.log('开始追加学习时长',this.isAppendTime);
+      if (this.studyId == "") {
+        return;
+      }
+      if (!this.contentData.id) {
+        return;
+      }
+      //每一分钟保存一次
+      // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
+      let $this = this;
+      let startTime = new Date().getTime();
+      this.appendStudyOtherHandle = setTimeout(function () {
+        let endTime = new Date().getTime();
+        let totalTime = Math.round((endTime - startTime) / 1000);
+        $this.cumulativeDuration += totalTime;
+        if ($this.cumulativeDuration <= $this.maxDuration) {
+          //发送时长
+          $this.sendStudyOtherTime(totalTime);
+          //递归调用
+          $this.appendStudyOtherTime();
+        } else {
+          clearTimeout(this.appendStudyOtherHandle);
+          $this.cumulativeDuration = 0;
+          $this.maxDuration = 0;
         }
-        this.isFalse = false
-      },
-      handleClose(key,path){
-      },
-      toUserHome(tea){
-        this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
-      },
-      noteChange(){
-        //视频点定位，直接到播放的视频位置
-        this.timer = new Date().getTime()
-      },
-      //清空追加学习时长事件
-      cleanAppendTime(){
-        if(this.appendStudyOtherHandle){
-          window.clearTimeout(this.appendStudyOtherHandle);
-        }
-      },
-      //非音视频课学习时长的增加,每一分钟保存一次
-      appendStudyOtherTime() {
-        //console.log('开始追加学习时长',this.isAppendTime);
-        if (this.studyId == '') {
-          return;
-        }
-        if (!this.contentData.id) {
-          return;
-        }
-        //每一分钟保存一次
-        // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
-        let $this=this;
-        let startTime = new Date().getTime();
-        this.appendStudyOtherHandle = setTimeout(function() {
-          let endTime = new Date().getTime();
-          let totalTime = Math.round((endTime - startTime) / 1000);
-          $this.cumulativeDuration += totalTime;
-          if($this.cumulativeDuration <= $this.maxDuration){
-            //发送时长
-            $this.sendStudyOtherTime(totalTime);
-            //递归调用
-            $this.appendStudyOtherTime();
-          }else{
-            clearTimeout(this.appendStudyOtherHandle);
-            $this.cumulativeDuration = 0;
-            $this.maxDuration = 0;
-          }
-        }, 1000*60);
-
-      },
-      sendStudyOtherTime(totalTime){
-        //静默处理
-        apiStat.sendEvent({
-          "key": "StudyCourseOther",//课程学习的key
-          "title": "非音视频课内容",//事件的标题
-          "parameters":"second:" + totalTime,//second:value 本次的学习时长
-          "content": "学习课程",//事件的内容
-          "objId": this.courseInfo.id,//课程的id
-          "objType": "1",//类型
-          "source":"page",
-          "objInfo": ""+this.courseInfo.name,
-          "aid":this.userInfo.aid, //当前登录人的id
-          "aname":this.userInfo.name,//当前人的姓名
-          "status": 1 //状态
-        }).then(rs=>{
-          if(rs.status != 200) {
+      }, 1000 * 60);
+    },
+    sendStudyOtherTime(totalTime) {
+      //静默处理
+      apiStat
+        .sendEvent({
+          key: "StudyCourseOther", //课程学习的key
+          title: "非音视频课内容", //事件的标题
+          parameters: "second:" + totalTime, //second:value 本次的学习时长
+          content: "学习课程", //事件的内容
+          objId: this.courseInfo.id, //课程的id
+          objType: "1", //类型
+          source: "page",
+          objInfo: "" + this.courseInfo.name,
+          aid: this.userInfo.aid, //当前登录人的id
+          aname: this.userInfo.name, //当前人的姓名
+          status: 1, //状态
+        })
+        .then((rs) => {
+          if (rs.status != 200) {
             console.log(rs.message);
           }
         });

From d2f3b2d79c6782ee6b97c7b5050a3b1a85d7918b Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Wed, 3 Dec 2025 16:33:23 +0800
Subject: [PATCH 07/10] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E6=90=9C=E7=B4=A2=E4=B8=8D=E7=94=9F?=
 =?UTF-8?q?=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Index.vue | 1540 +++++++++++++++++++------------
 1 file changed, 937 insertions(+), 603 deletions(-)

diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 70f7c91e..326e35bb 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -1,10 +1,26 @@
 <template>
   <div id="case-list-content">
-    <div style="margin-bottom:30px;position: relative" class="case-banner">
-      <portal-header @type1="handleType" :type="queryCondition" current="case" textColor="#fff" @emitInput="emitInput"
-        @showClass="showClass"></portal-header>
+    <div style="margin-bottom: 30px; position: relative" class="case-banner">
+      <portal-header
+        @type1="handleType"
+        :type="queryCondition"
+        current="case"
+        textColor="#fff"
+        @emitInput="emitInput"
+        @showClass="showClass"
+      ></portal-header>
 
-        <p style="position: absolute;z-index: 10;bottom:20px;left:220px;color:#fff">案例专区隆重推出“AI案例专家”助力高效案例应用</p>
+      <p
+        style="
+          position: absolute;
+          z-index: 10;
+          bottom: 20px;
+          left: 220px;
+          color: #fff;
+        "
+      >
+        案例专区隆重推出“AI案例专家”助力高效案例应用
+      </p>
     </div>
     <div class="xcontent2">
       <!-- 新增的案例分类 -->
@@ -44,30 +60,50 @@
         </div>
       </div>
     </div> -->
-      <div class="xcontent2-main" style="margin-right: 30px;">
+      <div class="xcontent2-main" style="margin-right: 30px">
         <div class="left-div">
           <div class="search-div">
             <div class="searchbar" v-if="tagList.length > 0">
-              <div style="line-height: 30px;">
+              <div style="line-height: 30px">
                 <span class="item-title">搜索条件</span>
-                <el-tag closable v-for="(tag, tagIdx) in tagList" :key="tagIdx" @close="tagsClose(tag, tagIdx)">{{
-                  tag.name
-                }}</el-tag>
+                <el-tag
+                  closable
+                  v-for="(tag, tagIdx) in tagList"
+                  :key="tagIdx"
+                  @close="tagsClose(tag, tagIdx)"
+                  >{{ tag.name }}</el-tag
+                >
               </div>
             </div>
             <div class="search-item">
-              <div style="margin-top:10px; display: flex;margin-bottom:24px;">
-                <div style="flex:1;">
+              <div style="margin-top: 10px; display: flex; margin-bottom: 24px">
+                <div style="flex: 1">
                   <div class="field">
-                    <div style="line-height: 25px;padding-right: 10px;padding-left: 0;">
+                    <div
+                      style="
+                        line-height: 25px;
+                        padding-right: 10px;
+                        padding-left: 0;
+                      "
+                    >
                       <!-- <img class="orgaicon" :src="`${webBaseUrl}/images/orgaimg.png`" alt=""> -->
                       <span class="item-title">组织领域</span>
                       <span class="item-line"></span>
                     </div>
-                    <div style="padding:0;" :class="oneTagAll ? 'fieldactive' : ''" @click="domainall(1)">全部</div>
+                    <div
+                      style="padding: 0"
+                      :class="oneTagAll ? 'fieldactive' : ''"
+                      @click="domainall(1)"
+                    >
+                      全部
+                    </div>
                     <div class="fieldbox">
-                      <div :class="item.fielclass ? 'fieldactive' : ''" @click="fieldswich(item, 1)"
-                        v-for="(item, idx) in domain" :key="'a' + idx">
+                      <div
+                        :class="item.fielclass ? 'fieldactive' : ''"
+                        @click="fieldswich(item, 1)"
+                        v-for="(item, idx) in domain"
+                        :key="'a' + idx"
+                      >
                         {{ item.name }}
                       </div>
                     </div>
@@ -107,18 +143,35 @@
             <!-- 专业分类 -->
             <div class="search-div-collapse">
               <div class="search-item">
-                <div style="margin-top:10px; display: flex;">
-                  <div style="line-height: 25px;padding-right: 10px;white-space: nowrap;">
+                <div style="margin-top: 10px; display: flex">
+                  <div
+                    style="
+                      line-height: 25px;
+                      padding-right: 10px;
+                      white-space: nowrap;
+                    "
+                  >
                     <!-- <img class="orgaicon" :src="`${webBaseUrl}/images/specimg.png`" alt=""> -->
                     <span class="item-title">专业分类</span>
                     <span class="item-line"></span>
                   </div>
-                  <div style="flex:1;" id="searchBox">
+                  <div style="flex: 1" id="searchBox">
                     <div class="field">
-                      <div style="padding:0;" :class="speciAll ? 'fieldactive' : ''" @click="majorall()">全部</div>
+                      <div
+                        style="padding: 0"
+                        :class="speciAll ? 'fieldactive' : ''"
+                        @click="majorall()"
+                      >
+                        全部
+                      </div>
                       <div class="fieldbox">
-                        <div :class="item.fielclass ? 'fieldactive' : ''" @click="fieldmajor(item)"
-                          v-for="(item, idx) in speciData" :key="'d' + idx">{{ item.name }}({{ item.explanation }})
+                        <div
+                          :class="item.fielclass ? 'fieldactive' : ''"
+                          @click="fieldmajor(item)"
+                          v-for="(item, idx) in speciData"
+                          :key="'d' + idx"
+                        >
+                          {{ item.name }}({{ item.explanation }})
                         </div>
                       </div>
                     </div>
@@ -130,62 +183,124 @@
                           </el-radio-group> -->
                   </div>
                 </div>
-
               </div>
             </div>
             <div class="searBox" v-if="searchwd">
               <el-button type="text" id="closeSearchBtn" @click="closeSearch">
                 {{ word }}
-                <i :class="showAll ? 'el-icon-arrow-up ' : 'el-icon-arrow-down'"></i>
+                <i
+                  :class="showAll ? 'el-icon-arrow-up ' : 'el-icon-arrow-down'"
+                ></i>
               </el-button>
             </div>
           </div>
-          <div style="height:30px;background-color:#f6f7fc;"></div>
-          <div class="order-div" style="border-bottom:none">
+          <div style="height: 30px; background-color: #f6f7fc"></div>
+          <div class="order-div" style="border-bottom: none">
             <span class="quyer-tag">
-              <el-button type="text" class="order-class" @click="searchexcellent('all')"
-                :class="{ actice: queryCondition.type == 'all' }">全部</el-button>
-              <el-button type="text" class="order-class" @click="searchexcellent('excellent')"
-                :class="{ actice: queryCondition.type == 'excellent' }">年度最佳</el-button>
-              <el-button type="text" class="order-class" @click="searchexcellent('recommend')"
-                :class="{ actice: queryCondition.type == 'recommend' }">推荐案例</el-button>
+              <el-button
+                type="text"
+                class="order-class"
+                @click="searchexcellent('all')"
+                :class="{ actice: queryCondition.type == 'all' }"
+                >全部</el-button
+              >
+              <el-button
+                type="text"
+                class="order-class"
+                @click="searchexcellent('excellent')"
+                :class="{ actice: queryCondition.type == 'excellent' }"
+                >年度最佳</el-button
+              >
+              <el-button
+                type="text"
+                class="order-class"
+                @click="searchexcellent('recommend')"
+                :class="{ actice: queryCondition.type == 'recommend' }"
+                >推荐案例</el-button
+              >
               <!-- <el-button type="text" class="order-class" @click="searchexcellent('hot')"
                 :class="{ actice: queryCondition.type == 'hot' }">最热</el-button>
               <el-button type="text" class="order-class" @click="searchexcellent('new')"
                 :class="{ actice: queryCondition.type == 'new' }">最新</el-button> -->
             </span>
-            <div style="flex: 1; display: flex; justify-content: flex-end;align-items: center;">
+            <div
+              style="
+                flex: 1;
+                display: flex;
+                justify-content: flex-end;
+                align-items: center;
+              "
+            >
               <!-- <div style="margin-right: 20px;color: #6E7B84;font-size: 14px;">当前已检索 <span style="color:#387DF7;">
                   {{ caseList.count }}</span> 条数据</div> -->
               <div v-if="caseTimeShow" class="pub_time" @click="searchTime">
                 <div class="text">发布时间</div>
                 <div class="triangle">
-                  <div :style="{ borderBottomColor: pubTimeNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
-                  </div>
-                  <div :style="{ borderTopColor: pubTimeNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
-                  </div>
+                  <div
+                    :style="{
+                      borderBottomColor:
+                        pubTimeNum === 2 ? '#387DF7' : '#DCDFE6',
+                    }"
+                    class="up-triangle"
+                  ></div>
+                  <div
+                    :style="{
+                      borderTopColor: pubTimeNum === 1 ? '#387DF7' : '#DCDFE6',
+                    }"
+                    class="down-triangle"
+                  ></div>
                 </div>
               </div>
               <div v-if="caseTimeShow" class="pub_time" @click="searchPageView">
                 <div class="text">浏览量</div>
                 <div class="triangle">
-                  <div :style="{ borderBottomColor: pageViewNum === 2 ? '#387DF7' : '#DCDFE6' }" class="up-triangle">
-                  </div>
-                  <div :style="{ borderTopColor: pageViewNum === 1 ? '#387DF7' : '#DCDFE6' }" class="down-triangle">
-                  </div>
+                  <div
+                    :style="{
+                      borderBottomColor:
+                        pageViewNum === 2 ? '#387DF7' : '#DCDFE6',
+                    }"
+                    class="up-triangle"
+                  ></div>
+                  <div
+                    :style="{
+                      borderTopColor: pageViewNum === 1 ? '#387DF7' : '#DCDFE6',
+                    }"
+                    class="down-triangle"
+                  ></div>
                 </div>
               </div>
-              <el-select v-if="caseTimeShow" @change="yearsChange" v-model="years" multiple collapse-tags
-                style=" width: 147px; border-radius:20px !important;" placeholder="全部年份">
-                <el-option v-for="item in caseYears" :key="item.value" :label="item.label" :value="item.value">
+              <el-select
+                v-if="caseTimeShow"
+                @change="yearsChange"
+                v-model="years"
+                multiple
+                collapse-tags
+                style="width: 147px; border-radius: 20px !important"
+                placeholder="全部年份"
+              >
+                <el-option
+                  v-for="item in caseYears"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
                 </el-option>
               </el-select>
-              <div :class="queryCondition.type == 'collect' ? 'collect_active' : 'collect'"
-                @click="searchexcellent('collect')">
+              <div
+                :class="
+                  queryCondition.type == 'collect'
+                    ? 'collect_active'
+                    : 'collect'
+                "
+                @click="searchexcellent('collect')"
+              >
                 <div class="png"></div>
                 <div class="text">收藏案例</div>
               </div>
-              <div :class="queryCondition.type == 'time' ? 'time_active' : 'time'" @click="searchexcellent('time')">
+              <div
+                :class="queryCondition.type == 'time' ? 'time_active' : 'time'"
+                @click="searchexcellent('time')"
+              >
                 <div class="png"></div>
                 <div class="text">浏览记录</div>
               </div>
@@ -193,84 +308,173 @@
           </div>
           <div class="back_num" v-if="numIsFalse">
             <div class="search_div_num">
-              当前已检索 <span style="color:#FF4040 ;">
-                {{ this.caseList.count }}</span> 条数据
+              当前已检索
+              <span style="color: #ff4040"> {{ this.caseList.count }}</span>
+              条数据
             </div>
           </div>
           <div class="data-content">
-            <div v-for="item in this.caseList.list" :key="isTimeData ? item.browsingHistoryId : item.id"
-              class="case-list">
+            <div
+              v-for="item in this.caseList.list"
+              :key="isTimeData ? item.browsingHistoryId : item.id"
+              class="case-list"
+            >
               <div class="case-info">
                 <div class="case-info-cont">
                   <!-- <router-link :to="'/case/detail?id=' + item.id"> -->
-                  <div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                  <div
+                    @click="toCaseDetail(item.id, item.refId)"
+                    style="cursor: pointer"
+                  >
                     <div v-if="isTime" class="case_text">
-                      <span style="margin-right:28px">阅读了案例</span>
+                      <span style="margin-right: 28px">阅读了案例</span>
                       <span>{{ item.eventTime }}</span>
                     </div>
                     <div class="case-info-title">
                       <div class="case-titdiv">
                         <div class="case-tittext">
                           <span
-                            :style="{ maxWidth: item.excellentTag && item.viewRankTags.length != 0 ? '400px' : item.viewRankTags.length != 0 ? '500px' : '' }"
-                            class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
+                            :style="{
+                              maxWidth:
+                                item.excellentTag &&
+                                item.viewRankTags.length != 0
+                                  ? '400px'
+                                  : item.viewRankTags.length != 0
+                                  ? '500px'
+                                  : '',
+                            }"
+                            class="title-line-ellipsis"
+                            :title="item.title"
+                            >{{ item.title || item.contentInfo }}</span
+                          >
                         </div>
                         <div class="case-activeText">
                           <!-- <span v-if="item.breCommend" class="comWords"
                             style="background-color:rgba(232, 139, 72);">荐</span>
                           <span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
-                          <span @click.stop="() => { }" v-if="item.excellentTag" class="comWords"
-                            style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
+                          <span
+                            @click.stop="() => {}"
+                            v-if="item.excellentTag"
+                            class="comWords"
+                            style="
+                              width: 98px;
+                              height: 24px;
+                              background: #f99000;
+                              border-radius: 2px;
+                              font-weight: 400;
+                              font-size: 12px;
+                              color: #ffffff;
+                              padding: 4px 10px;
+                              cursor: auto;
+                            "
+                          >
                             {{ item.excellentTag }}
                           </span>
-                          <span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0"
-                            v-for="tag in item.viewRankTags" class="comWords"
-                            style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
+                          <span
+                            @click.stop="toExcellent(tag)"
+                            v-if="item.viewRankTags.length != 0"
+                            v-for="tag in item.viewRankTags"
+                            class="comWords"
+                            style="
+                              width: 98px;
+                              height: 24px;
+                              background: #f99000;
+                              border-radius: 2px;
+                              font-weight: 400;
+                              font-size: 12px;
+                              color: #ffffff;
+                              padding: 4px 10px;
+                            "
+                          >
                             {{ tag.tagName }}
                           </span>
                         </div>
                         <div class="case-info-date portal-time">
                           <i class="el-icon-time"></i>
-                          <time-show v-if="item.id" :time="item.sysCreateTime"></time-show>
+                          <time-show
+                            v-if="item.id"
+                            :time="item.sysCreateTime"
+                          ></time-show>
                           <span v-else>该案例已被删除</span>
                         </div>
                       </div>
                     </div>
                   </div>
                   <!-- </router-link> -->
-                  <div v-if="!item.id" style="height:25px;padding-top:14px "></div>
-                  <div v-if="item.id" style="height:58px;padding-top:14px ">
-                    <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name"
-                      :info="item.authorInfo.orgInfo" :sex="item.authorInfo.sex" :authorTags="item.authorTags"
-                      :aid="item.authorInfo.aid">
+                  <div
+                    v-if="!item.id"
+                    style="height: 25px; padding-top: 14px"
+                  ></div>
+                  <div v-if="item.id" style="height: 58px; padding-top: 14px">
+                    <author
+                      :avatar="item.authorInfo.avatar"
+                      :name="item.authorInfo.name"
+                      :info="item.authorInfo.orgInfo"
+                      :sex="item.authorInfo.sex"
+                      :authorTags="item.authorTags"
+                      :aid="item.authorInfo.aid"
+                    >
                       <template>
-                        <div v-if="item.breCommend"
-                          style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
+                        <div
+                          v-if="item.breCommend"
+                          style="
+                            padding-top: 6px;
+                            flex: 1;
+                            display: flex;
+                            justify-content: flex-end;
+                            color: #999;
+                            font-size: 12px;
+                          "
+                        >
                           <span>{{ item.recommendOrgName }}推荐</span>
                         </div>
                       </template>
                     </author>
                   </div>
                   <!-- <router-link :to="'/case/detail?id=' + item.id"> -->
-                  <div v-if="item.id" @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                  <div
+                    v-if="item.id"
+                    @click="toCaseDetail(item.id, item.refId)"
+                    style="cursor: pointer"
+                  >
                     <div class="keyword-text clearfix">
-                      <div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomainParent">
+                      <div
+                        style="color: #2974d6; font-weight: 450"
+                        v-if="item.orgDomainParent"
+                      >
                         {{ orgDomainTranslate(item.orgDomainParent) }}
                       </div>
                       <!-- <div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomain">{{ orgDomainTranslate(item.orgDomain) }}</div> -->
-                      <div style="color:#2974D6;font-weight: 450;" v-for="(item, idx) in item.majorType" :key="idx">
+                      <div
+                        style="color: #2974d6; font-weight: 450"
+                        v-for="(item, idx) in item.majorType"
+                        :key="idx"
+                      >
                         {{ majorTypeTranslate(item) }}
                       </div>
-                      <div v-if="item.keyword1 && item.keyword1 != 'null'">{{ item.keyword1 }}</div>
-                      <div v-if="item.keyword2 && item.keyword2 != 'null'">{{ item.keyword2 }}</div>
-                      <div v-if="item.keyword3 && item.keyword3 != 'null'">{{ item.keyword3 }}</div>
-                      <div v-if="item.keyword4 && item.keyword4 != 'null'">{{ item.keyword4 }}</div>
-                      <div v-if="item.keyword5 && item.keyword5 != 'null'">{{ item.keyword5 }}</div>
+                      <div v-if="item.keyword1 && item.keyword1 != 'null'">
+                        {{ item.keyword1 }}
+                      </div>
+                      <div v-if="item.keyword2 && item.keyword2 != 'null'">
+                        {{ item.keyword2 }}
+                      </div>
+                      <div v-if="item.keyword3 && item.keyword3 != 'null'">
+                        {{ item.keyword3 }}
+                      </div>
+                      <div v-if="item.keyword4 && item.keyword4 != 'null'">
+                        {{ item.keyword4 }}
+                      </div>
+                      <div v-if="item.keyword5 && item.keyword5 != 'null'">
+                        {{ item.keyword5 }}
+                      </div>
                     </div>
                   </div>
                   <!-- </router-link> -->
-                  <div v-if="item.id" class="case-info-summary two-line-ellipsis"
-                    @click="toCaseDetail(item.id, item.refId)">
+                  <div
+                    v-if="item.id"
+                    class="case-info-summary two-line-ellipsis"
+                    @click="toCaseDetail(item.id, item.refId)"
+                  >
                     {{ item.summary }}
                     <!-- <router-link :to="'/case/detail?id='+item.id"> -->
                     <!-- {{displayAll(item)}} -->
@@ -279,18 +483,31 @@
                     <!-- {{item.isAll?'收起':'展开'}} -->
                     <!-- </span> -->
                   </div>
-                  <div v-if="item.id" style="display: flex;justify-content: flex-end;">
-                    <div style="margin:8px 0;">
-                      <interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false"
-                        :shares="true"></interactBar>
+                  <div
+                    v-if="item.id"
+                    style="display: flex; justify-content: flex-end"
+                  >
+                    <div style="margin: 8px 0">
+                      <interactBar
+                        @deleteFavorite="deleteFavorite"
+                        :type="3"
+                        :data="item"
+                        :comments="false"
+                        :shares="true"
+                      ></interactBar>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
             <div v-if="this.caseList.showPagCount > queryCondition.pageSize">
-              <pagination :size="queryCondition.pageSize" :total="caseList.count" :page="queryCondition.pageIndex"
-                layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
+              <pagination
+                :size="queryCondition.pageSize"
+                :total="caseList.count"
+                :page="queryCondition.pageIndex"
+                layout="total, prev, pager, next, jumper"
+                @change-page="currentChange"
+              ></pagination>
             </div>
           </div>
           <div class="pagination-div">
@@ -298,19 +515,16 @@
             <span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
             <span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span> -->
             <span class="notcoures" v-if="this.caseList.list.length == 0">
-              <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
+              <img :src="`${webBaseUrl}/images/nocase.png`" alt="" />
               <h5>暂无案例，请优先学习其它案例吧～</h5>
             </span>
             <!-- <span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span> -->
           </div>
-          <div v-if="isSeach" style="height:382px">
-          </div>
+          <div v-if="isSeach" style="height: 382px"></div>
         </div>
-
       </div>
       <!-- 打开排行榜 -->
       <div class="xcontent2-minor">
-
         <div id="fixd-box">
           <AICaseConsult />
           <router-link class="the_charts" to="/case/charts">
@@ -318,12 +532,16 @@
             <div class="icon">></div>
           </router-link>
           <div>
-            <div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
-              <div style="display: flex;justify-content: space-between;">
+            <div
+              class="portal-ranking ranking-bg"
+              style="padding: 20px 15px; max-height: 222px"
+            >
+              <div style="display: flex; justify-content: space-between">
                 <p class="ranking-title">好评榜</p>
                 <el-dropdown trigger="click" @command="positiveReview">
                   <span class="el-dropdown-link">
-                    {{ favorableName }}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{ favorableName
+                    }}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
                   <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="total">总</el-dropdown-item>
@@ -332,17 +550,33 @@
                 </el-dropdown>
               </div>
               <ul class="ranking-data">
-                <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
-                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                <li
+                  v-for="(item, index) in Positive"
+                  :key="index"
+                  class="title-line-ellipsis"
+                  style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                >
                   <router-link :to="'/case/detail?id=' + item.caseId">
                     <span class="portal-right-text blue-one" v-if="index == 0">
-                      <img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
+                      <img
+                        :src="`${webBaseUrl}/images/listblue01.png`"
+                        alt=""
+                      />
                     </span>
                     <span class="portal-right-text blue-tow" v-if="index == 1">
-                      <img :src="`${webBaseUrl}/images/listblue02.png`" alt="">
+                      <img
+                        :src="`${webBaseUrl}/images/listblue02.png`"
+                        alt=""
+                      />
                     </span>
-                    <span class="portal-right-text blue-three" v-if="index == 2">
-                      <img :src="`${webBaseUrl}/images/listblue03.png`" alt="">
+                    <span
+                      class="portal-right-text blue-three"
+                      v-if="index == 2"
+                    >
+                      <img
+                        :src="`${webBaseUrl}/images/listblue03.png`"
+                        alt=""
+                      />
                     </span>
                     <!-- <span class="portal-right-text" v-if="index == 3">
                       <img :src="`${webBaseUrl}/images/list04.png`" alt="">
@@ -350,17 +584,23 @@
                     <span class="portal-right-text" v-if="index == 4">
                       <img :src="`${webBaseUrl}/images/list05.png`" alt="">
                     </span> -->
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px">{{
+                      item.caseTitle
+                    }}</span>
                   </router-link>
                 </li>
               </ul>
             </div>
-            <div class="portal-ranking ranking-bg1" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
-              <div style="display: flex;justify-content: space-between;">
+            <div
+              class="portal-ranking ranking-bg1"
+              style="padding: 20px 15px; max-height: 222px; margin-top: 20px"
+            >
+              <div style="display: flex; justify-content: space-between">
                 <p class="ranking-title">人气榜</p>
                 <el-dropdown trigger="click" @command="popularityReview">
                   <span class="el-dropdown-link">
-                    {{ popularityName }}<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{ popularityName
+                    }}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
                   <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="total">总</el-dropdown-item>
@@ -369,46 +609,76 @@
                 </el-dropdown>
               </div>
               <ul class="ranking-data">
-                <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
-                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                <li
+                  v-for="(item, index) in Popularity"
+                  :key="index"
+                  class="title-line-ellipsis"
+                  style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                >
                   <router-link :to="'/case/detail?id=' + item.caseId">
-                    <span class="portal-right-text orange-one" v-if="index == 0">
-                      <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
+                    <span
+                      class="portal-right-text orange-one"
+                      v-if="index == 0"
+                    >
+                      <img :src="`${webBaseUrl}/images/list-01.png`" alt="" />
                     </span>
-                    <span class="portal-right-text orange-tow" v-if="index == 1">
-                      <img :src="`${webBaseUrl}/images/list02.png`" alt="">
+                    <span
+                      class="portal-right-text orange-tow"
+                      v-if="index == 1"
+                    >
+                      <img :src="`${webBaseUrl}/images/list02.png`" alt="" />
                     </span>
-                    <span class="portal-right-text orange-three" v-if="index == 2">
-                      <img :src="`${webBaseUrl}/images/list03.png`" alt="">
+                    <span
+                      class="portal-right-text orange-three"
+                      v-if="index == 2"
+                    >
+                      <img :src="`${webBaseUrl}/images/list03.png`" alt="" />
                     </span>
                     <span class="portal-right-text" v-if="index == 3">
-                      <img :src="`${webBaseUrl}/images/list04.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list04.png`" alt="" />
                     </span>
                     <span class="portal-right-text" v-if="index == 4">
-                      <img :src="`${webBaseUrl}/images/list05.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/list05.png`" alt="" />
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px">{{
+                      item.caseTitle
+                    }}</span>
                   </router-link>
                 </li>
               </ul>
             </div>
-            <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2"
-              style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
+            <div
+              v-if="recommendRank.length > 0"
+              class="portal-ranking ranking-bg2"
+              style="margin-top: 20px; padding: 20px 15px; max-height: 222px"
+            >
               <p class="ranking-title">推荐榜</p>
               <ul class="ranking-data">
-                <li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
-                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                <li
+                  v-for="(item, index) in recommendRank"
+                  :key="index"
+                  class="title-line-ellipsis"
+                  style="cursor: pointer; margin-top: 15px; line-height: 22px"
+                >
                   <router-link :to="'/case/detail?id=' + item.caseId">
                     <span class="portal-right-text blue-one" v-if="index == 0">
-                      <img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
+                      <img
+                        :src="`${webBaseUrl}/images/listred01 .png`"
+                        alt=""
+                      />
                     </span>
                     <span class="portal-right-text blue-tow" v-if="index == 1">
-                      <img :src="`${webBaseUrl}/images/listred02.png`" alt="">
+                      <img :src="`${webBaseUrl}/images/listred02.png`" alt="" />
                     </span>
-                    <span class="portal-right-text blue-three" v-if="index == 2">
-                      <img :src="`${webBaseUrl}/images/listred03.png`" alt="">
+                    <span
+                      class="portal-right-text blue-three"
+                      v-if="index == 2"
+                    >
+                      <img :src="`${webBaseUrl}/images/listred03.png`" alt="" />
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px">{{
+                      item.caseTitle
+                    }}</span>
                   </router-link>
                 </li>
               </ul>
@@ -416,19 +686,42 @@
           </div>
         </div>
       </div>
-      <div style="height: 50px;"></div>
-      <el-dialog class="protocol" :close-on-click-modal="false" :visible.sync="protocolDialogVisible" width="30%"
-        :show-close="false">
+      <div style="height: 50px"></div>
+      <el-dialog
+        class="protocol"
+        :close-on-click-modal="false"
+        :visible.sync="protocolDialogVisible"
+        width="30%"
+        :show-close="false"
+      >
         <div class="protocol-title">案例查阅及使用用户协议</div>
         <div class="protocol-content">
-          &emsp;&emsp;本专区内案例为BOE各组织沉淀的通用案例、 组织案例、卓越绩效案例、管理案例、 职级晋升案例、企业文化案例等。 案例内容记录作者亲历的、真实的、已完成的、
-          典型工作事件，提炼解决具体问题的心得、思路经验、方法等。 仅供BOE员工查询、学习、交流使用，未经允许不得以任何方式外传。
+          &emsp;&emsp;本专区内案例为BOE各组织沉淀的通用案例、
+          组织案例、卓越绩效案例、管理案例、 职级晋升案例、企业文化案例等。
+          案例内容记录作者亲历的、真实的、已完成的、
+          典型工作事件，提炼解决具体问题的心得、思路经验、方法等。
+          仅供BOE员工查询、学习、交流使用，未经允许不得以任何方式外传。
         </div>
         <span slot="footer" class="dialog-footer">
-          <el-checkbox label="我已阅读并同意。" @change="protocolCheck" style="float: left"></el-checkbox>
-          <el-tooltip :disabled="!protocolConfirmButton" effect="light" content="请先勾选‘我已阅读并同意。’" placement="bottom">
-            <span><el-button type="primary" :disabled="protocolConfirmButton" @click="protocolConfirm">确
-                定</el-button></span>
+          <el-checkbox
+            label="我已阅读并同意。"
+            @change="protocolCheck"
+            style="float: left"
+          ></el-checkbox>
+          <el-tooltip
+            :disabled="!protocolConfirmButton"
+            effect="light"
+            content="请先勾选‘我已阅读并同意。’"
+            placement="bottom"
+          >
+            <span
+              ><el-button
+                type="primary"
+                :disabled="protocolConfirmButton"
+                @click="protocolConfirm"
+                >确 定</el-button
+              ></span
+            >
           </el-tooltip>
         </span>
       </el-dialog>
@@ -452,7 +745,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>
@@ -460,9 +757,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" />
@@ -479,7 +774,7 @@
         </div>
       </el-dialog>
     </div>
-<!--    <AICall :dialogVisible="showAICall" @close="onClose" />-->
+    <!--    <AICall :dialogVisible="showAICall" @close="onClose" />-->
   </div>
 </template>
 
@@ -498,9 +793,9 @@ import { deepClone } from "../../../utils";
 import apiDict from "@/api/modules/dict.js";
 import apiType from "@/api/modules/type.js";
 import { cutFullName } from "@/utils/tools.js";
-import apiPlace from "@/api/phase2/place.js"
-import AICall from '@/views/portal/case/AICall.vue'
-import AICaseConsult from '@/views/portal/case/components/AICaseConsult.vue'
+import apiPlace from "@/api/phase2/place.js";
+import AICall from "@/views/portal/case/AICall.vue";
+import AICaseConsult from "@/views/portal/case/components/AICaseConsult.vue";
 export default {
   name: "case",
   components: {
@@ -511,11 +806,10 @@ export default {
     timeShow,
     author,
     AICall,
-    AICaseConsult
+    AICaseConsult,
   },
   data() {
     return {
-
       timeoutId: null,
       isTimeData: false,
       articlePageList: [],
@@ -523,41 +817,41 @@ export default {
       isTime: false,
       numIsFalse: true,
       switch: {
-        'total': '总',
-        'quarter': '季度',
+        total: "总",
+        quarter: "季度",
       },
-      favorableName: '季度',
-      popularityName: '季度',
+      favorableName: "季度",
+      popularityName: "季度",
       pubTimeNum: 1,
       pageViewNum: 0,
-      twoId: '',
+      twoId: "",
       treeList: [],
-      caseType: process.env.VUE_APP_CASE_TYPE,//类型
+      caseType: process.env.VUE_APP_CASE_TYPE, //类型
       caseYears: [],
-      refId: '',//消息跳转案例的id
-      selectList: [],//点击选中的list
+      refId: "", //消息跳转案例的id
+      selectList: [], //点击选中的list
       twoList: [], //二级分类{type:12}
-      threeList: [],//三级分类{type:13}
+      threeList: [], //三级分类{type:13}
       showUClass: false,
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
       resonimg: {},
-      domain: [],//组织领域
-      domainAll: [],//全部的组织领域
-      speciData: [],//专业分类
+      domain: [], //组织领域
+      domainAll: [], //全部的组织领域
+      speciData: [], //专业分类
       moreState: 1, // 1 加载更多 2 加载中 3无数据
       isSeach: false,
       searchwd: false,
       showAll: true, //是否展开全部
-      initHeight: 40,//原始 高度
-      searchRecords: [],//热门搜索词
+      initHeight: 40, //原始 高度
+      searchRecords: [], //热门搜索词
       caseList: {
         count: 0,
         list: [],
-        showPagCount: 0
+        showPagCount: 0,
       },
-      ankingList: [],//排行数据1
-      Popularity: [],//排行数据2
-      Positive: [],//排行数据3
+      ankingList: [], //排行数据1
+      Popularity: [], //排行数据2
+      Positive: [], //排行数据3
       recommendRank: [],
       protocolDialogVisible: false,
       protocolConfirmButton: true,
@@ -566,28 +860,28 @@ export default {
         pageIndex: 1,
         pageSize: 5,
         // orderField: "excellent",
-        majorType: '', //专业分类code
+        majorType: "", //专业分类code
         // orderAsc: false,
         // isTop: true,
         excellent: true,
-        keyWord: '',
+        keyWord: "",
         orgDomainDtos: [],
-        caseType: '',
-        authorName: '',
+        caseType: "",
+        authorName: "",
         notInIds: [],
-        type: 'all',
-        userId: '',
-        parent: '',
+        type: "all",
+        userId: "",
+        parent: "",
         children: [],
-        name: '',
+        name: "",
         years: [],
         // 随机
         // notInIds: [],//重复的id
         orderField: "id",
-        orderAsc: false,//排序
-        sysType1: '',
-        sysType2: '',
-        sysType3: ''
+        orderAsc: false, //排序
+        sysType1: "",
+        sysType2: "",
+        sysType3: "",
       },
       keyWord: "",
       anking: 2,
@@ -597,7 +891,7 @@ export default {
       type3: 0,
       isFind: false,
       fielclassjor: true,
-      localSessionKey: this.$xpage.constants.localCaseFiltersKey
+      localSessionKey: this.$xpage.constants.localCaseFiltersKey,
     };
   },
   watch: {
@@ -622,19 +916,25 @@ export default {
       }
       return isOk;
     },
-    tagList() { //列表属性，用于计算
+    tagList() {
+      //列表属性，用于计算
       let list = [];
       if (this.keyWord) {
-        list.push({ type: '0', code: 'keyword', name: this.keyWord, checked: true })
+        list.push({
+          type: "0",
+          code: "keyword",
+          name: this.keyWord,
+          checked: true,
+        });
       }
-      this.domain.forEach(one => {
-        var twoChildChecked = false;//是否有下级
-        one.list.forEach(two => {
+      this.domain.forEach((one) => {
+        var twoChildChecked = false; //是否有下级
+        one.list.forEach((two) => {
           if (two.fielclass) {
             twoChildChecked = true;
           }
           var threeChildChecked = false;
-          two.list.forEach(three => {
+          two.list.forEach((three) => {
             if (three.fielclass) {
               list.push(three);
               threeChildChecked = true;
@@ -647,144 +947,148 @@ export default {
         if (one.fielclass && !twoChildChecked) {
           list.push(one);
         }
-      })
-      this.speciData.forEach(item => {
+      });
+      this.speciData.forEach((item) => {
         if (item.fielclass) {
           list.push(item);
         }
       });
-      this.treeList.forEach(one => {
-        var twoChildChecked = false;//是否有下级
-        one.children && one.children.forEach(two => {
-          if (two.checked) {
-            twoChildChecked = true;
-          }
-          var threeChildChecked = false;
-          two.children && two.children.forEach(three => {
-            if (three.checked) {
-              list.push(three);
-              threeChildChecked = true;
+      this.treeList.forEach((one) => {
+        var twoChildChecked = false; //是否有下级
+        one.children &&
+          one.children.forEach((two) => {
+            if (two.checked) {
+              twoChildChecked = true;
+            }
+            var threeChildChecked = false;
+            two.children &&
+              two.children.forEach((three) => {
+                if (three.checked) {
+                  list.push(three);
+                  threeChildChecked = true;
+                }
+              });
+            if (two.checked && !threeChildChecked) {
+              list.push(two);
             }
           });
-          if (two.checked && !threeChildChecked) {
-            list.push(two);
-          }
-        });
         if (one.checked && !twoChildChecked) {
           list.push(one);
         }
-      })
+      });
       // console.log(list,'计算属性');
 
       return list;
     },
     oneTagAll() {
-      return !this.domain.some(item => item.fielclass);
+      return !this.domain.some((item) => item.fielclass);
     },
     twoTagAll() {
-      return !this.twoList.some(item => item.fielclass)
+      return !this.twoList.some((item) => item.fielclass);
     },
     threeTagAll() {
-      return !this.threeList.some(item => item.fielclass);
+      return !this.threeList.some((item) => item.fielclass);
     },
     speciAll() {
-      return !this.speciData.some(item => item.fielclass);
-    }
+      return !this.speciData.some((item) => item.fielclass);
+    },
   },
   beforeRouteLeave(to, from, next) {
-    const isScroll = 'caseDetail,caseCharts,caseExcellent'
+    const isScroll = "caseDetail,caseCharts,caseExcellent";
     if (!isScroll.includes(to.name)) {
       // console.log('我是外')
-      this.queryCondition.pageIndex = 1
-      this.search()
+      this.queryCondition.pageIndex = 1;
+      this.search();
       // window.location.reload()
       // this.$destroy()
     } else {
-      sessionStorage.setItem('pagesScroll', JSON.stringify(window.pageYOffset))
+      sessionStorage.setItem("pagesScroll", JSON.stringify(window.pageYOffset));
     }
     window.removeEventListener("scroll", this.handleScroll);
-    next()
+    next();
   },
   beforeRouteEnter(to, from, next) {
-    if (from.name !== 'caseDetail') {
+    if (from.name !== "caseDetail") {
       // console.log('我是内')
     }
-    next(vm => {
+    next((vm) => {
       vm.$nextTick(() => {
         window.scrollTo({
           left: 0,
           top: JSON.parse(sessionStorage.getItem("pagesScroll")),
-        })
-        sessionStorage.removeItem("pagesScroll")
-        vm.allRequests()
+        });
+        sessionStorage.removeItem("pagesScroll");
+        vm.allRequests();
       });
-    })
+    });
   },
   created() {
     (() => {
       const allData = {
         0: {
-          orderField: 'id',
-          orderAsc: false
+          orderField: "id",
+          orderAsc: false,
         },
         1: {
-          orderField: 'id',
-          orderAsc: true
+          orderField: "id",
+          orderAsc: true,
         },
         2: {
-          orderField: 'title',
-          orderAsc: false
+          orderField: "title",
+          orderAsc: false,
         },
         3: {
-          orderField: 'title',
-          orderAsc: true
+          orderField: "title",
+          orderAsc: true,
         },
         4: {
-          orderField: 'sysCreateTime',
-          orderAsc: false
+          orderField: "sysCreateTime",
+          orderAsc: false,
         },
         5: {
-          orderField: 'sysCreateTime',
-          orderAsc: true
+          orderField: "sysCreateTime",
+          orderAsc: true,
         },
         6: {
-          orderField: 'authorId',
-          orderAsc: false
+          orderField: "authorId",
+          orderAsc: false,
         },
         7: {
-          orderField: 'authorId',
-          orderAsc: true
+          orderField: "authorId",
+          orderAsc: true,
         },
         8: {
-          orderField: 'authorName',
-          orderAsc: false
+          orderField: "authorName",
+          orderAsc: false,
         },
         9: {
-          orderField: 'authorName',
-          orderAsc: true
+          orderField: "authorName",
+          orderAsc: true,
         },
-      }
-      const allArr = Object.keys(allData)
+      };
+      const allArr = Object.keys(allData);
       let recordsArr = JSON.parse(sessionStorage.getItem("recordsArr")) || [];
-      let difference = allArr.filter(element => !recordsArr.includes(element));
+      let difference = allArr.filter(
+        (element) => !recordsArr.includes(element)
+      );
       if (recordsArr.length === allArr.length) {
-        difference = [...allArr]
-        recordsArr = []
+        difference = [...allArr];
+        recordsArr = [];
       }
-      let random = Math.floor(Math.random() * difference.length)
+      let random = Math.floor(Math.random() * difference.length);
       for (let i = 0; i < difference.length; i++) {
         if (i == random) {
-          recordsArr.push(difference[i])
+          recordsArr.push(difference[i]);
           break;
         }
       }
-      sessionStorage.setItem("recordsArr", JSON.stringify(recordsArr))
+      sessionStorage.setItem("recordsArr", JSON.stringify(recordsArr));
       const dataList = (data) => {
-        this.queryCondition.orderField = data.orderField
-        this.queryCondition.orderAsc = data.orderAsc
-      }
-      dataList(allData[random])
-    })()
+        this.queryCondition.orderField = data.orderField;
+        this.queryCondition.orderAsc = data.orderAsc;
+      };
+      dataList(allData[random]);
+    })();
   },
   mounted() {
     let $this = this;
@@ -804,33 +1108,36 @@ export default {
     // 90是测试环境，155是生产环境
     // console.log(this.caseType);
 
-    Promise.all([apiType.treeList(1, Number(this.caseType ?? 155), 1), apiCase.majorTypes()]).then(rs => {
+    Promise.all([
+      apiType.treeList(1, Number(this.caseType ?? 155), 1),
+      apiCase.majorTypes(),
+    ]).then((rs) => {
       if (rs[0].code == 200) {
-        const { records } = rs[0].data
-        records.forEach(item => {
+        const { records } = rs[0].data;
+        records.forEach((item) => {
           item.fielclass = false;
-          item.type = 'org_domain';
-          item.list = item.children ? item.children : []
+          item.type = "org_domain";
+          item.list = item.children ? item.children : [];
           if (Array.isArray(item.children)) {
-            item.list.forEach(sub => {
-              sub.list = sub.children ? sub.children : []
-              sub.fielclass = false
+            item.list.forEach((sub) => {
+              sub.list = sub.children ? sub.children : [];
+              sub.fielclass = false;
               if (Array.isArray(sub.children)) {
-                sub.list.forEach(three => {
-                  three.list = three.children ? three.children : []
-                  three.fielclass = false
-                })
+                sub.list.forEach((three) => {
+                  three.list = three.children ? three.children : [];
+                  three.fielclass = false;
+                });
               }
-            })
+            });
           }
-        })
+        });
         this.domain = records;
       }
       if (rs[1].status == 200) {
-        rs[1].result.forEach(item => {
+        rs[1].result.forEach((item) => {
           item.fielclass = false;
-          item.type = 'major_type';
-        })
+          item.type = "major_type";
+        });
         this.speciData = rs[1].result;
       }
       this.loadLocalFilters();
@@ -851,140 +1158,145 @@ export default {
     // 从消息多个案例跳转到本页面
     this.refId = this.$route.query.recommendId;
     if (this.refId) {
-      this.queryCondition.type = 'recommend'
+      this.queryCondition.type = "recommend";
     }
-    this.loadTypeData();//加载分类
+    this.loadTypeData(); //加载分类
     this.getAnkingData();
     this.searchterm();
     //打开排行榜下边的两个
     this.getPopularity();
     this.getPositive();
-    this.getQueryRecommendRank()
+    this.getQueryRecommendRank();
     this.couresreso();
     // window.addEventListener("scroll", this.handleScroll);
     // 获取年
     this.getYears();
-    this.allRequests()
+    this.allRequests();
   },
   beforeDestroy() {
     // window.removeEventListener("scroll", this.handleScroll);
     // console.log('销毁了');
-
   },
   methods: {
-//  是否展示入口
+    //  是否展示入口
     allRequests() {
-      window.addEventListener(
-        "scroll",
-        this.handleScroll
-      );
+      window.addEventListener("scroll", this.handleScroll);
     },
     deleteFavorite(e) {
-      this.search()
+      this.search();
     },
     positiveReview(e) {
-      this.favorableName = this.switch[e]
-      this.getPositive()
+      this.favorableName = this.switch[e];
+      this.getPositive();
     },
     popularityReview(e) {
-      this.popularityName = this.switch[e]
-      this.getPopularity()
+      this.popularityName = this.switch[e];
+      this.getPopularity();
     },
     handleType(msg) {
       // this.queryCondition.type = msg
     },
     handleOptionClick(treeItem) {
-      this.treeList.forEach(one => {
+      this.treeList.forEach((one) => {
         one.checked = false;
         if (one.id == treeItem.id) {
           one.checked = true;
-          this.queryCondition.sysType2 = ''
-          this.queryCondition.sysType3 = ''
-          this.queryCondition.sysType1 = one.id
+          this.queryCondition.sysType2 = "";
+          this.queryCondition.sysType3 = "";
+          this.queryCondition.sysType1 = one.id;
         }
-        one.children.forEach(two => {
+        one.children.forEach((two) => {
           two.checked = false;
           if (two.id == treeItem.id) {
-            two.checked = true
-            this.queryCondition.sysType1 = ''
-            this.queryCondition.sysType3 = ''
-            this.queryCondition.sysType2 = two.id
+            two.checked = true;
+            this.queryCondition.sysType1 = "";
+            this.queryCondition.sysType3 = "";
+            this.queryCondition.sysType2 = two.id;
           }
-          two.children.forEach(three => {
+          two.children.forEach((three) => {
             three.checked = false;
             if (three.id == treeItem.id) {
-              three.checked = true
-              this.queryCondition.sysType1 = ''
-              this.queryCondition.sysType2 = ''
-              this.queryCondition.sysType3 = three.id
+              three.checked = true;
+              this.queryCondition.sysType1 = "";
+              this.queryCondition.sysType2 = "";
+              this.queryCondition.sysType3 = three.id;
             }
-          })
-        })
-      })
-      this.getCaseData()
+          });
+        });
+      });
+      this.getCaseData();
     },
     // 移入
     changeIndex(twoId) {
-      this.twoId = twoId
+      this.twoId = twoId;
     },
     // 移除
     leaveIndex() {
-      this.twoId = ''
+      this.twoId = "";
     },
     // 加载分类
     async loadTypeData() {
       try {
         const { result, status } = await apiType.tree(1);
         if (status === 200) {
-          result.forEach(one => {
+          result.forEach((one) => {
             one.checked = false;
-            if (!one.children) one.children = []
-            one.children && one.children.forEach(two => {
-              two.checked = false;
-              if (!two.children) two.children = []
-              two.children && two.children.forEach(three => {
-                three.checked = false;
-                if (!three.children) three.children = []
-              })
-            })
-          })
-          this.treeList = result
+            if (!one.children) one.children = [];
+            one.children &&
+              one.children.forEach((two) => {
+                two.checked = false;
+                if (!two.children) two.children = [];
+                two.children &&
+                  two.children.forEach((three) => {
+                    three.checked = false;
+                    if (!three.children) three.children = [];
+                  });
+              });
+          });
+          this.treeList = result;
         }
       } catch (error) {
         // console.log(error);
       }
     },
     getYears() {
-      apiCase.caseYears().then(res => {
+      apiCase.caseYears().then((res) => {
         if (res.status == 200) {
           const { result } = res;
           // console.log(result);
-          this.caseYears = result.map(year => ({
+          this.caseYears = result.map((year) => ({
             value: year,
             label: year,
-          }))
+          }));
         }
-      })
+      });
     },
     // 查看率的时间
     toCaseDetail(id, refId) {
       if (!id) {
-        this.$message.error('该案例已被删除')
-        return
+        this.$message.error("该案例已被删除");
+        return;
       }
-      apiCase.details(id, true).then(res => {
+      apiCase.details(id, true).then((res) => {
         if (res.status == 200) {
           if (refId) {
-            apiCase.startReadTimer(refId)
+            apiCase.startReadTimer(refId);
           }
-          this.$router.push({ path: '/case/detail', query: { id } });
+          this.$router.push({ path: "/case/detail", query: { id } });
         } else {
           this.$message.error(res.message);
         }
-      })
+      });
     },
     toExcellent(item) {
-      this.$router.push({ path: '/case/excellent', query: { majorId: item.majorId, majorName: item.majorName, riseRankTime: item.riseRankTime.split(' ')[0] } })
+      this.$router.push({
+        path: "/case/excellent",
+        query: {
+          majorId: item.majorId,
+          majorName: item.majorName,
+          riseRankTime: item.riseRankTime.split(" ")[0],
+        },
+      });
     },
     tylClick() {
       window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
@@ -999,12 +1311,12 @@ export default {
     },
     saveLocalFilters() {
       let typeCodeList = [];
-      this.tagList.forEach(item => {
+      this.tagList.forEach((item) => {
         typeCodeList.push({
           type: item.type,
           code: item.code,
-          name: item.name
-        })
+          name: item.name,
+        });
       });
       let typeCodeString = JSON.stringify(typeCodeList);
       sessionStorage.setItem(this.localSessionKey, typeCodeString);
@@ -1013,36 +1325,34 @@ export default {
       let hasData = sessionStorage.getItem(this.localSessionKey);
       if (hasData) {
         let typeCodeList = JSON.parse(hasData);
-        typeCodeList.forEach(item => {
-          if (item.type == '0') {
+        typeCodeList.forEach((item) => {
+          if (item.type == "0") {
             this.keyWord = item.name;
-          } else if (item.type == 'major_type') {
-            this.speciData.some(m => {
+          } else if (item.type == "major_type") {
+            this.speciData.some((m) => {
               if (m.code == item.code) {
                 m.fielclass = true;
                 return true;
               }
               return false;
-            })
-
-          } else if (item.type == 'org_domain') {
-            this.domain.some(m => {
+            });
+          } else if (item.type == "org_domain") {
+            this.domain.some((m) => {
               if (m.code == item.code) {
                 m.fielclass = true;
                 return true;
               }
               return false;
-            })
-
+            });
           }
-        })
+        });
       }
     },
     majorall() {
-      this.queryCondition.majorType = '';
-      this.speciData.forEach(item => {
+      this.queryCondition.majorType = "";
+      this.speciData.forEach((item) => {
         item.fielclass = false;
-      })
+      });
       this.search(true);
     },
     // 组织领域全部
@@ -1050,40 +1360,41 @@ export default {
       // console.log(this.selectList, 999);
       if (type == 1) {
         // 清空一下所有的
-        this.domain.forEach(item => {
+        this.domain.forEach((item) => {
           item.fielclass = false;
-          item?.list?.forEach(sub => {
+          item?.list?.forEach((sub) => {
             sub.fielclass = false;
-            sub?.list.forEach(subsub => {
+            sub?.list.forEach((subsub) => {
               subsub.fielclass = false;
-            })
-          })
-        })
+            });
+          });
+        });
         this.twoList = [];
         this.threeList = [];
       } else if (type == 2) {
-        this.twoList.forEach(item => {
+        this.twoList.forEach((item) => {
           item.fielclass = false;
-        })
+        });
         // 清空当前元素的三级的
-        this.domain.forEach(item => {
+        this.domain.forEach((item) => {
           if (this.selectList.code == item.code) {
-            item?.list?.forEach(sub => {
-              sub?.list?.forEach(three => {
-                three.fielclass = false
+            item?.list?.forEach((sub) => {
+              sub?.list?.forEach((three) => {
+                three.fielclass = false;
               });
-            })
+            });
           }
-        })
+        });
         this.threeList = [];
       } else if (type == 3) {
-        this.threeList.forEach(item => {
+        this.threeList.forEach((item) => {
           item.fielclass = false;
-        })
+        });
       }
       this.search(true);
     },
-    fieldmajor(item) {//专业分类
+    fieldmajor(item) {
+      //专业分类
       item.fielclass = !item.fielclass;
       this.search(true);
     },
@@ -1093,12 +1404,12 @@ export default {
       // 清空下边的为false的时候
       if (!item.fielclass) {
         if (Array.isArray(item.list)) {
-          item.list.forEach(subItem => {
+          item.list.forEach((subItem) => {
             subItem.fielclass = false;
             if (subItem.list) {
-              subItem.list.forEach(sub => {
+              subItem.list.forEach((sub) => {
                 sub.fielclass = false;
-              })
+              });
             }
           });
         }
@@ -1118,7 +1429,7 @@ export default {
         this.threeList = [];
         this.twoList.push(...item.list);
         // 全选根据他判断清楚三级
-        this.selectList = item
+        this.selectList = item;
       } else if (level === 2) {
         this.threeList = [];
         this.threeList.push(...item.list);
@@ -1133,31 +1444,32 @@ export default {
       }
     },
     couresreso() {
-      let key = 'case';
-      apiPlace.detail(key).then(res => {
-        let lmj = JSON.parse(res.result.content)
-        this.resonimg = lmj[0]
-      })
+      let key = "case";
+      apiPlace.detail(key).then((res) => {
+        let lmj = JSON.parse(res.result.content);
+        this.resonimg = lmj[0];
+      });
     },
     specialized() {
       let $this = this;
-      apiCase.majorTypes().then(res => {
+      apiCase.majorTypes().then((res) => {
         if (res.status == 200) {
           if (res.status == 200) {
-            res.result.forEach(item => {
+            res.result.forEach((item) => {
               item.fielclass = false;
-              item.type = 'major_type';
-            })
+              item.type = "major_type";
+            });
           }
           this.speciData = res.result;
           this.loadLocalFilters(1);
           //this.Profess=res.result;
           this.$nextTick(function () {
-            $this.initHeight = document.getElementById("searchBox").offsetHeight;
+            $this.initHeight =
+              document.getElementById("searchBox").offsetHeight;
             $this.closeSearch();
           });
         }
-      })
+      });
     },
     // jumcasedet(item) {
     //   this.$router.push({ path: '/case/detail', query: { id: item.id } });
@@ -1200,7 +1512,7 @@ export default {
       }
     },
     getAnkingData() {
-      apiCase.usernameList(5).then(res => {
+      apiCase.usernameList(5).then((res) => {
         if (res.status == 200) {
           this.ankingList = res.result;
         }
@@ -1225,12 +1537,12 @@ export default {
     // 无用
     async getdomain() {
       let key = "org_domain";
-      await apiDict.items("org_domain").then(res => {
+      await apiDict.items("org_domain").then((res) => {
         if (res.status == 200) {
-          res.result.forEach(item => {
+          res.result.forEach((item) => {
             item.fielclass = false;
             item.type = key;
-          })
+          });
           this.domain = res.result;
           this.loadLocalFilters(2);
           // if(res.result.length > 0) {
@@ -1259,14 +1571,15 @@ export default {
     //    }
     //  })
     // },
-    orgDomainTranslate(code) { // 组织领域翻译
-      if (code == '') {
-        return
+    orgDomainTranslate(code) {
+      // 组织领域翻译
+      if (code == "") {
+        return;
       }
       //console.log(code,'code')
       //console.log(this.domain,'this.domain')
-      let name = '';
-      let data = this.domain.find(item => {
+      let name = "";
+      let data = this.domain.find((item) => {
         return item.code == code;
       });
       if (data) {
@@ -1274,9 +1587,10 @@ export default {
       }
       return name;
     },
-    majorTypeTranslate(code) { // 专业分类翻译
-      let name = '';
-      let data = this.speciData.find(item => item.code == code);
+    majorTypeTranslate(code) {
+      // 专业分类翻译
+      let name = "";
+      let data = this.speciData.find((item) => item.code == code);
       if (data) {
         name = data.name;
       }
@@ -1288,40 +1602,42 @@ export default {
       this.search(true);
     },
     searchTime() {
-      this.pubTimeNum++
+      this.pubTimeNum++;
       if (this.pubTimeNum > 2) {
         this.pubTimeNum = 0;
       }
       if (this.pubTimeNum != 0) {
         this.pageViewNum = 0;
       }
-      this.queryCondition.orderField = 'sysCreateTime'
-      this.queryCondition.orderAsc = this.pubTimeNum == 2 ? true : this.pubTimeNum == 1 ? false : ''
+      this.queryCondition.orderField = "sysCreateTime";
+      this.queryCondition.orderAsc =
+        this.pubTimeNum == 2 ? true : this.pubTimeNum == 1 ? false : "";
       this.search(true);
     },
     searchPageView() {
-      this.pageViewNum++
+      this.pageViewNum++;
       if (this.pageViewNum > 2) {
         this.pageViewNum = 0;
       }
       if (this.pageViewNum != 0) {
         this.pubTimeNum = 0;
       }
-      this.queryCondition.orderField = 'views'
-      this.queryCondition.orderAsc = this.pageViewNum == 2 ? true : this.pageViewNum == 1 ? false : ''
+      this.queryCondition.orderField = "views";
+      this.queryCondition.orderAsc =
+        this.pageViewNum == 2 ? true : this.pageViewNum == 1 ? false : "";
       this.search(true);
     },
     yearsChange(e) {
-      this.search(true)
+      this.search(true);
     },
     searchexcellent(num) {
-      this.isTimeData = false
-      this.isTime = false
-      this.caseTimeShow = true
-      this.pubTimeNum = 0
-      this.pageViewNum = 0
-      this.queryCondition.orderField = ''
-      this.queryCondition.orderAsc = ''
+      this.isTimeData = false;
+      this.isTime = false;
+      this.caseTimeShow = true;
+      this.pubTimeNum = 0;
+      this.pageViewNum = 0;
+      this.queryCondition.orderField = "";
+      this.queryCondition.orderAsc = "";
       // if(this.queryCondition.type==num){
       //   this.queryCondition.excellent =false;
       //   this.queryCondition.type = '';
@@ -1330,23 +1646,23 @@ export default {
       // }
       this.queryCondition.excellent = false;
       this.queryCondition.type = num;
-      this.years = []
-      if (num == 'excellent') {
+      this.years = [];
+      if (num == "excellent") {
         this.queryCondition.excellent = true;
         this.queryCondition.type = num;
       }
-      if (num == 'all' || num == 'recommend') {
-        this.pubTimeNum = 1
-        this.queryCondition.orderField = 'sysCreateTime'
-        this.queryCondition.orderAsc = false
+      if (num == "all" || num == "recommend") {
+        this.pubTimeNum = 1;
+        this.queryCondition.orderField = "sysCreateTime";
+        this.queryCondition.orderAsc = false;
       }
-      if (num == 'time') {
-        this.isTime = true
-        this.caseTimeShow = false
-        this.isTimeData = true
+      if (num == "time") {
+        this.isTime = true;
+        this.caseTimeShow = false;
+        this.isTimeData = true;
       }
-      if (num == 'collect') {
-        this.caseTimeShow = false
+      if (num == "collect") {
+        this.caseTimeShow = false;
       }
       if (this.timeoutId) {
         clearTimeout(this.timeoutId);
@@ -1389,7 +1705,7 @@ export default {
       this.search();
     },
     searchterm() {
-      apiSearchterm.list(5, 3).then(res => {
+      apiSearchterm.list(5, 3).then((res) => {
         if (res.status === 200) {
           this.searchRecords = res.result;
         }
@@ -1413,32 +1729,36 @@ export default {
     // handleCurrentChange(item) {
     //   this.queryCondition.pageIndex = item;
     // },
-    getAllFielclass() { //获取全部选中的标签
-      let newlist = JSON.parse(JSON.stringify(this.domain))
-      return newlist.filter(one => {
-        one.list = one.list.filter(two => {
+    getAllFielclass() {
+      //获取全部选中的标签
+      let newlist = JSON.parse(JSON.stringify(this.domain));
+      return newlist.filter((one) => {
+        one.list = one.list.filter((two) => {
           // if (!two.fielclass) {
           //   one.list = []
           // }
-          two.list = two.list.filter(three => {
+          two.list = two.list.filter((three) => {
             // if (!three.fielclass) {
             //   two.list = []
             // }
             return three.fielclass;
-          })
+          });
           return two.fielclass;
         });
-        return one.fielclass
-      })
+        return one.fielclass;
+      });
     },
     // 改变分页
     currentChange(val) {
-      this.caseList.showPagCount = 0
-      this.queryCondition.pageIndex = val
-      this.search()
+      this.caseList.showPagCount = 0;
+      this.queryCondition.pageIndex = val;
+      this.search();
     },
     // 查询
     search(num = false) {
+      if (this.$route.query.keyword) {
+        this.keyWord = this.$route.query.keyword;
+      }
       // 记录查询的数据
       if (this.keyWord) {
         apiSearchterm.save({ keyword: this.keyWord, type: 3 });
@@ -1447,58 +1767,59 @@ export default {
         this.isFind = true;
       }
       if (num) {
-        this.caseList.showPagCount = 0
+        this.caseList.showPagCount = 0;
         this.queryCondition.pageIndex = 1;
       }
       if (this.keyWord != this.queryCondition.keyWord) {
         this.queryCondition.keyWord = this.keyWord;
+        this.tagList.forEach((tag, index) => {
+          this.tagsClose(tag, index);
+        });
       }
       if (this.queryCondition.majorType == 0) {
-        this.queryCondition.majorType = ''
+        this.queryCondition.majorType = "";
       }
       this.getCaseData();
     },
 
     async getCaseData() {
-      this.saveLocalFilters();//存储本地刷新有记录
+      this.saveLocalFilters(); //存储本地刷新有记录
       let majorTypeList = [];
       let allFielclass = JSON.parse(JSON.stringify(this.getAllFielclass()));
       // 获取树状id
-      this.queryCondition.orgDomainDtos = allFielclass.map(item => {
-        item.list = item.list.map(two => {
-          two.list = two.list.map(three => {
+      this.queryCondition.orgDomainDtos = allFielclass.map((item) => {
+        item.list = item.list.map((two) => {
+          two.list = two.list.map((three) => {
             return {
-              parent: three.code
-            }
-          })
+              parent: three.code,
+            };
+          });
           return {
             parent: two.code,
-            children: two.list || []
-          }
-        })
+            children: two.list || [],
+          };
+        });
         return {
           parent: item.code,
-          children: item.list || []
-        }
-      })
+          children: item.list || [],
+        };
+      });
       // console.log(JSON.stringify(this.queryCondition.orgDomainDtos));
 
-
-
       // 专业分类的id
-      this.tagList.forEach(tag => {
-        if (tag.type == '0') {
+      this.tagList.forEach((tag) => {
+        if (tag.type == "0") {
           this.queryCondition.keyWord = tag.name;
-        } else if (tag.type == 'major_type') {
+        } else if (tag.type == "major_type") {
           majorTypeList.push(tag.code);
         }
       });
-      this.queryCondition.majorType = majorTypeList.join(',');
+      this.queryCondition.majorType = majorTypeList.join(",");
       //设置年
-      this.queryCondition.years = this.years.map(item => parseInt(item))
+      this.queryCondition.years = this.years.map((item) => parseInt(item));
 
       // 设置最佳案例为true或是false
-      if (this.queryCondition.type == 'excellent') {
+      if (this.queryCondition.type == "excellent") {
         this.queryCondition.excellent = true;
       } else {
         this.queryCondition.excellent = false;
@@ -1511,46 +1832,48 @@ export default {
       this.moreState = 2;
       // this.queryCondition.pubTimeNum = this.pubTimeNum
       // this.queryCondition.pageViewNum = this.pageViewNum
-      this.numIsFalse = true
-      if (this.queryCondition.type == 'collect') {
+      this.numIsFalse = true;
+      if (this.queryCondition.type == "collect") {
         const params = {
           pageIndex: this.queryCondition.pageIndex,
           pageSize: 5,
           orderField: this.queryCondition.orderField,
-          orderAsc: this.queryCondition.orderAsc
-        }
-        await apiCase.queryFavoriteCaseOfIndex(params).then(res => {
+          orderAsc: this.queryCondition.orderAsc,
+        };
+        await apiCase.queryFavoriteCaseOfIndex(params).then((res) => {
           if (res.status == 200) {
             if (res.result.list.length > 0) {
               this.isSeach = false;
-              res.result.list.forEach(item => {
-                item.majorType = item.majorType ? item.majorType.split(",") : [];
+              res.result.list.forEach((item) => {
+                item.majorType = item.majorType
+                  ? item.majorType.split(",")
+                  : [];
                 item.isAll = false;
                 item.authorInfo = {
                   aid: "",
                   name: "",
                   orgInfo: "",
                   avatar: "",
-                  sex: null
+                  sex: null,
                 };
               });
-              res.result.list.forEach(item => {
-                item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
-              })
-              this.caseList.list = res.result.list
+              res.result.list.forEach((item) => {
+                item.viewRankTags = item.viewRankTags?.slice(0, 2) || [];
+              });
+              this.caseList.list = res.result.list;
               this.getCaseUserData(res.result.list);
               // 给所有的赋值
               this.caseList.count = res.result.count;
               this.caseList.showPagCount = res.result.count;
               this.timeoutId = setTimeout(() => {
-                this.numIsFalse = false
+                this.numIsFalse = false;
               }, 3000);
             }
           }
-        })
-        return
+        });
+        return;
       }
-      if (this.queryCondition.type == 'time') {
+      if (this.queryCondition.type == "time") {
         // const data = {
         //   pageIndex: this.queryCondition.pageIndex,
         //   pageSize: 5,
@@ -1573,86 +1896,93 @@ export default {
         // })
         const params = {
           pageIndex: this.queryCondition.pageIndex,
-        }
-        await apiCase.browsingHistory(params).then(res => {
+        };
+        await apiCase.browsingHistory(params).then((res) => {
           if (res.status == 200) {
             if (res.result.list.length > 0) {
               this.isSeach = false;
-              res.result.list.forEach(item => {
-                item.majorType = item.majorType ? item.majorType.split(",") : [];
+              res.result.list.forEach((item) => {
+                item.majorType = item.majorType
+                  ? item.majorType.split(",")
+                  : [];
                 item.isAll = false;
                 item.authorInfo = {
                   aid: "",
                   name: "",
                   orgInfo: "",
                   avatar: "",
-                  sex: null
+                  sex: null,
                 };
               });
-              res.result.list.forEach(item => {
-                item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
-              })
-              this.caseList.list = res.result.list
+              res.result.list.forEach((item) => {
+                item.viewRankTags = item.viewRankTags?.slice(0, 2) || [];
+              });
+              this.caseList.list = res.result.list;
               this.getCaseUserData(res.result.list);
               this.caseList.count = res.result.count;
               this.caseList.showPagCount = res.result.count;
               this.timeoutId = setTimeout(() => {
-                this.numIsFalse = false
+                this.numIsFalse = false;
               }, 3000);
             }
           }
-        })
-        return
+        });
+        return;
       }
-      await apiCase.queryListV2(this.queryCondition).then((res) => {
-        if (res.status == 200) {
-          if (res.result.list.length > 0) {
-            this.isSeach = false;
-            res.result.list.forEach(item => {
-              item.majorType = item.majorType ? item.majorType.split(",") : [];
-              item.isAll = false;
-              item.authorInfo = {
-                aid: "",
-                name: "",
-                orgInfo: "",
-                avatar: "",
-                sex: null
-              };
-            });
-            // this.caseList.list.push(...res.result.list);
-            this.moreState = 1;
-            if (res.result.count === res.result.list.length) {
+      await apiCase
+        .queryListV2(this.queryCondition)
+        .then((res) => {
+          if (res.status == 200) {
+            if (res.result.list.length > 0) {
+              this.isSeach = false;
+              res.result.list.forEach((item) => {
+                item.majorType = item.majorType
+                  ? item.majorType.split(",")
+                  : [];
+                item.isAll = false;
+                item.authorInfo = {
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  sex: null,
+                };
+              });
+              // this.caseList.list.push(...res.result.list);
+              this.moreState = 1;
+              if (res.result.count === res.result.list.length) {
+                this.moreState = 3;
+              }
+            } else {
               this.moreState = 3;
             }
+            if (res.result.list.length === 0) {
+              this.moreState = 3;
+              this.isSeach = false;
+            }
+            console.log(res?.result?.list, "有没有数据1");
+            res.result.list.forEach((item) => {
+              item.viewRankTags = item.viewRankTags?.slice(0, 2) || [];
+            });
+            console.log(res?.result?.list, "有没有数据2");
+            this.caseList.list = res.result.list;
+            this.getCaseUserData(res.result.list);
+            // 给所有的赋值
+            this.caseList.count = res.result.count;
+            this.caseList.showPagCount = res.result.count;
+            this.timeoutId = setTimeout(() => {
+              this.numIsFalse = false;
+            }, 3000);
           } else {
-            this.moreState = 3;
+            this.$message.error(res.message);
           }
-          if (res.result.list.length === 0) {
-            this.moreState = 3;
-            this.isSeach = false;
-          }
-          console.log(res?.result?.list, '有没有数据1');
-          res.result.list.forEach(item => {
-            item.viewRankTags = item.viewRankTags?.slice(0, 2) || []
-          })
-          console.log(res?.result?.list, '有没有数据2');
-          this.caseList.list = res.result.list
-          this.getCaseUserData(res.result.list);
-          // 给所有的赋值
-          this.caseList.count = res.result.count;
-          this.caseList.showPagCount = res.result.count;
+        })
+        .catch((err) => {
+          // console.log(err);
           this.timeoutId = setTimeout(() => {
-            this.numIsFalse = false
+            this.numIsFalse = false;
           }, 3000);
-        } else {
-          this.$message.error(res.message);
-        }
-      }).catch(err => {
-        // console.log(err);
-        this.timeoutId = setTimeout(() => {
-          this.numIsFalse = false
-        }, 3000);
-      });
+        });
 
       // await apiCase.queryList(this.queryCondition).then(res => {
       //   if (res.status == 200) {
@@ -1688,18 +2018,18 @@ export default {
       //   });
     },
     getCase(ids, list) {
-      apiCase.ids(ids).then(res => {
+      apiCase.ids(ids).then((res) => {
         if (res.status == 200) {
           this.isSeach = false;
-          const listData = []
+          const listData = [];
           list.forEach((item, index) => {
-            res.result.some(con => {
+            res.result.some((con) => {
               if (con.id == item.contentId) {
                 item.info = con;
-                con.eventTime = item.eventTime
-                listData.push(con)
-                if (typeof item.info.majorType == 'string') {
-                  item.info.majorType = item.info.majorType.split(',');
+                con.eventTime = item.eventTime;
+                listData.push(con);
+                if (typeof item.info.majorType == "string") {
+                  item.info.majorType = item.info.majorType.split(",");
                 }
                 return true;
               } else {
@@ -1707,7 +2037,7 @@ export default {
               }
             });
           });
-          listData.forEach(item => {
+          listData.forEach((item) => {
             item.info = {};
             item.deleted = false;
             item.authorInfo = {
@@ -1715,18 +2045,18 @@ export default {
               name: "",
               orgInfo: "",
               avatar: "",
-              sex: null
-            }
+              sex: null,
+            };
             item.isAll = false;
-          })
+          });
           setTimeout(() => {
-            this.numIsFalse = false
+            this.numIsFalse = false;
           }, 3000);
           this.getCaseUserData(listData);
-          this.caseList.list = listData
-          console.log(listData, 'this.caseList.list')
+          this.caseList.list = listData;
+          console.log(listData, "this.caseList.list");
         }
-      })
+      });
     },
     // getTags() {
     //   this.searchTags = [];
@@ -1770,17 +2100,17 @@ export default {
     // },
     tagsClose(tag, index) {
       // 课程分类
-      if (tag.hasOwnProperty('checked')) {
+      if (tag.hasOwnProperty("checked")) {
         tag.checked = false;
-        this.queryCondition.sysType1 = ''
-        this.queryCondition.sysType2 = ''
-        this.queryCondition.sysType3 = ''
+        this.queryCondition.sysType1 = "";
+        this.queryCondition.sysType2 = "";
+        this.queryCondition.sysType3 = "";
       } else {
         // 案例分类
         tag.fielclass = false;
       }
       if (tag.type == 0) {
-        this.keyWord = '';
+        this.keyWord = "";
       }
       // if(tag.type=='org_domain'){
       //   console.log(tag)
@@ -1806,20 +2136,19 @@ export default {
       //this.fieldData.splice(index,1);
       //this.getCaseData();
       this.search(true);
-
     },
     getCaseUserData(caseList) {
       let ids = caseList.map((item, index) => {
         return item.authorId;
       });
       //不能为空
-      if (!ids.length) return
+      if (!ids.length) return;
 
       const noReapetIds = [...new Set(ids)];
-      apiUser.getByIds(noReapetIds).then(res => {
+      apiUser.getByIds(noReapetIds).then((res) => {
         if (res.status == 200) {
           caseList.forEach((item, index) => {
-            res.result.some(author => {
+            res.result.some((author) => {
               if (author.aid == item.authorId) {
                 item.authorInfo = author;
                 author.orgInfo = cutFullName(author.orgInfo, 1);
@@ -1851,11 +2180,13 @@ export default {
 
       //   }
       // });
-      apiCase.queryPraisesNew(3, this.popularityName == '季度' ? 1 : 2).then(res => {
-        if (res.status == 200) {
-          this.Popularity = res.result
-        }
-      })
+      apiCase
+        .queryPraisesNew(3, this.popularityName == "季度" ? 1 : 2)
+        .then((res) => {
+          if (res.status == 200) {
+            this.Popularity = res.result;
+          }
+        });
     },
     getPositive() {
       // apiCase.queryComments(5).then(res => {
@@ -1874,19 +2205,21 @@ export default {
       //     // }
       //   }
       // });
-      apiCase.queryCommentsNew(3, this.favorableName == '季度' ? 3 : 4).then(res => {
-        if (res.status == 200) {
-          this.Positive = res.result
-        }
-      })
+      apiCase
+        .queryCommentsNew(3, this.favorableName == "季度" ? 3 : 4)
+        .then((res) => {
+          if (res.status == 200) {
+            this.Positive = res.result;
+          }
+        });
     },
 
     getQueryRecommendRank() {
-      apiCase.queryRecommendRank(3).then(res => {
+      apiCase.queryRecommendRank(3).then((res) => {
         if (res.status == 200) {
-          this.recommendRank = res.result
+          this.recommendRank = res.result;
         }
-      })
+      });
     },
 
     jumpRouter(item) {
@@ -1894,8 +2227,7 @@ export default {
       this.$router.push(`/case/detail?id=${item.id}`);
     },
     // 案例立即咨询
-
-  }
+  },
 };
 </script>
 
@@ -1921,51 +2253,48 @@ export default {
   max-width: 400px;
   min-width: 260px;
   height: 47px;
-  background: #DDEDFF;
+  background: #ddedff;
   border-radius: 8px;
 
   .text {
     font-size: 17px;
-    color: #387DF7;
+    color: #387df7;
   }
 
   .icon {
     position: absolute;
     font-size: 17px;
-    color: #387DF7;
+    color: #387df7;
     right: 25px;
     top: 50%;
     transform: translateY(-50%);
   }
-
 }
 
 // 课程分类
 .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;
     }
-
   }
 }
 
@@ -1981,19 +2310,29 @@ export default {
       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;
@@ -2005,11 +2344,13 @@ export default {
     }
 
     .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%
+      );
     }
-
   }
-
 }
 
 .u-class {
@@ -2215,7 +2556,6 @@ export default {
 }
 
 .fieldbox {
-
   display: flex;
   white-space: nowrap;
   flex-wrap: wrap;
@@ -2230,7 +2570,7 @@ export default {
   }
 
   .fieldactive {
-    color: #387DF7;
+    color: #387df7;
   }
 }
 
@@ -2249,7 +2589,7 @@ export default {
   }
 
   .fieldactive {
-    color: #387DF7;
+    color: #387df7;
   }
 }
 
@@ -2309,7 +2649,7 @@ export default {
 
 .case-banner {
   height: 240px;
-  background: url('../../../../public/images/case-banner.png');
+  background: url("../../../../public/images/case-banner.png");
 }
 
 ::v-deep .el-checkbox {
@@ -2318,7 +2658,6 @@ export default {
       border: 1px solid #3e3c3c;
     }
   }
-
 }
 
 ::v-deep .el-radio-button {
@@ -2350,7 +2689,6 @@ export default {
       padding: 2px 4px;
       margin-left: 15px;
     }
-
   }
 }
 
@@ -2368,7 +2706,6 @@ export default {
 }
 
 .keyword-text {
-
   div {
     padding: 0px 8px;
     margin-top: 5px;
@@ -2377,7 +2714,7 @@ export default {
     font-size: 12px;
     border-radius: 2px;
     margin-right: 8px;
-    color: #2C68FF;
+    color: #2c68ff;
     height: 24px;
     background: rgba(44, 104, 255, 0.06);
   }
@@ -2390,7 +2727,6 @@ export default {
 
 #searchBox {
   overflow: hidden;
-
 }
 
 ::v-deep .title-line-ellipsis {
@@ -2444,7 +2780,7 @@ export default {
   margin: 15px 10px 10px 0;
   font-size: 16px !important;
   font-weight: 400;
-  color: #6B7C85;
+  color: #6b7c85;
   line-height: 25px;
 }
 
@@ -2457,12 +2793,10 @@ export default {
 .portal-content {
   display: flex;
   justify-content: space-between;
-
 }
 
 .searchbar {
   background-color: #ffffff;
-
 }
 
 .fixed {
@@ -2491,11 +2825,10 @@ export default {
   border: none;
 
   .quyer-tag {
-
     // margin-left: 10px;
     .order-class {
       padding: 0px 12px;
-      color: #6E7B84;
+      color: #6e7b84;
       line-height: 32px;
       border-radius: 0px;
 
@@ -2506,7 +2839,7 @@ export default {
 
     .actice {
       border: 0px;
-      background: #387DF7;
+      background: #387df7;
       color: #fff;
       font-size: 14px;
       border-radius: 4px;
@@ -2518,7 +2851,8 @@ export default {
     text-align: center;
     padding: 10px 0;
 
-    .pag-text {}
+    .pag-text {
+    }
   }
 
   .order-div {
@@ -2547,7 +2881,7 @@ export default {
           height: 0;
           border-left: 4px solid transparent;
           border-right: 4px solid transparent;
-          border-bottom: 6px solid #DCDFE6;
+          border-bottom: 6px solid #dcdfe6;
           margin-bottom: 2px;
         }
 
@@ -2556,7 +2890,7 @@ export default {
           height: 0;
           border-left: 4px solid transparent;
           border-right: 4px solid transparent;
-          border-top: 6px solid #DCDFE6;
+          border-top: 6px solid #dcdfe6;
         }
       }
     }
@@ -2574,7 +2908,7 @@ export default {
       // background: #04243C;
       &:hover {
         // background: #387DF7;
-        border: 1px solid #387DF7;
+        border: 1px solid #387df7;
 
         .text {
           // color: #fff;
@@ -2588,7 +2922,7 @@ export default {
       .png {
         width: 18px;
         height: 18px;
-        background: url('../../../../public/images/browse.png') no-repeat;
+        background: url("../../../../public/images/browse.png") no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
@@ -2600,13 +2934,13 @@ export default {
     }
 
     .time::before {
-      content: '';
+      content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
-      background: #04243C;
+      background: #04243c;
       opacity: 0.05;
       z-index: 1;
       border-radius: 4px;
@@ -2619,13 +2953,13 @@ export default {
       margin-left: 15px;
       width: 116px;
       height: 38px;
-      background: #387DF7;
+      background: #387df7;
       border-radius: 4px;
 
       .png {
         width: 20px;
         height: 20px;
-        background: url('../../../assets/images/case/wighttime.png') no-repeat;
+        background: url("../../../assets/images/case/wighttime.png") no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
@@ -2649,7 +2983,7 @@ export default {
       // background: #04243C;
       &:hover {
         // background: #387DF7;
-        border: 1px solid #387DF7;
+        border: 1px solid #387df7;
 
         .text {
           // color: #fff;
@@ -2663,7 +2997,7 @@ export default {
       .png {
         width: 18px;
         height: 18px;
-        background: url('../../../../public/images/collect.png') no-repeat;
+        background: url("../../../../public/images/collect.png") no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
@@ -2675,13 +3009,13 @@ export default {
     }
 
     .collect::before {
-      content: '';
+      content: "";
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
-      background: #04243C;
+      background: #04243c;
       opacity: 0.05;
       z-index: 1;
       border-radius: 4px;
@@ -2694,13 +3028,13 @@ export default {
       margin-left: 15px;
       width: 116px;
       height: 38px;
-      background: #387DF7;
+      background: #387df7;
       border-radius: 4px;
 
       .png {
         width: 18px;
         height: 18px;
-        background: url('../../../assets/images/case/wight.png') no-repeat;
+        background: url("../../../assets/images/case/wight.png") no-repeat;
         background-size: 100%;
         margin-right: 9px;
       }
@@ -2713,7 +3047,7 @@ export default {
   }
 
   .back_num {
-    background: #FFFFFF;
+    background: #ffffff;
     display: flex;
     justify-content: center;
     padding: 0 40px;
@@ -2724,10 +3058,10 @@ export default {
       align-items: center;
       width: 100%;
       height: 38px;
-      background: #DDEDFF;
+      background: #ddedff;
       border-radius: 4px;
-      border: 1px solid #387DF7;
-      color: #387DF7;
+      border: 1px solid #387df7;
+      color: #387df7;
     }
   }
 
@@ -2748,7 +3082,7 @@ export default {
     }
 
     .case-list {
-      border-bottom: 1px solid rgba(153, 153, 153, .2);
+      border-bottom: 1px solid rgba(153, 153, 153, 0.2);
       margin-top: 10px;
       margin-bottom: 25px;
       padding-left: 5px;

From 56103bbdf6955943e60cd12ad535f2b9434d50a2 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Wed, 3 Dec 2025 17:21:04 +0800
Subject: [PATCH 08/10] =?UTF-8?q?fix:=E6=A1=88=E4=BE=8B=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E7=82=B9=E5=87=BB=E6=90=9C=E7=B4=A2=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E6=97=B6=E8=A7=A6=E5=8F=91=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PortalHeader.vue | 838 +++++++++++++++++++-------------
 src/views/portal/case/Index.vue |   8 +
 2 files changed, 521 insertions(+), 325 deletions(-)

diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index 628c84b8..b55b1091 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -1,236 +1,403 @@
 <template>
   <div class="portal-header">
-    <div class="portal-top" :style="{color:textColor}">
-        <div class="portal-top-left">
-          <div class="portal-top-logo">
-            <img src="../assets/logo/logo-white.png" v-if="textColor == '#fff' || textColor == '#ffffff'" style="width:160px;height: 27px;" />
-            <img src="../assets/logo/logo.png" v-else style="width:160px;height: 27px;" />
+    <div class="portal-top" :style="{ color: textColor }">
+      <div class="portal-top-left">
+        <div class="portal-top-logo">
+          <img
+            src="../assets/logo/logo-white.png"
+            v-if="textColor == '#fff' || textColor == '#ffffff'"
+            style="width: 160px; height: 27px"
+          />
+          <img
+            src="../assets/logo/logo.png"
+            v-else
+            style="width: 160px; height: 27px"
+          />
+        </div>
+        <div class="portal-top-nav" v-if="userInfo.role === 1">
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'index' ? activeNav : ''"
+          >
+            <router-link to="/index"
+              >首页
+              <div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'course' ? activeNav : ''"
+          >
+            <a @click="handleChangeCourse"
+              >课程
+              <div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
+            </a>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'case' ? activeNav : ''"
+          >
+            <router-link to="/case"
+              >案例
+              <div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'article' ? activeNav : ''"
+          >
+            <router-link to="/article"
+              >文章
+              <div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'qa' ? activeNav : ''"
+          >
+            <router-link to="/qa"
+              >问答
+              <div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
+            </router-link>
+          </div>
+          <div class="top-nav">
+            <el-dropdown placement="bottom" @command="handleCommand">
+              <span
+                class="el-dropdown-link"
+                style="font-size: 16px; cursor: pointer"
+                :style="{ color: textColor }"
+                >专区</span
+              >
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="zero">热点论坛</el-dropdown-item>
+                <el-dropdown-item command="one" divided
+                  >BOE系列公开课</el-dropdown-item
+                >
+                <el-dropdown-item command="two" divided
+                  >Grow180</el-dropdown-item
+                >
+                <el-dropdown-item command="three" divided
+                  >管理者进阶</el-dropdown-item
+                >
+                <el-dropdown-item command="four" divided
+                  >U选小课堂</el-dropdown-item
+                >
+                <el-dropdown-item command="five" divided
+                  >社招新员工</el-dropdown-item
+                >
+                <!-- <el-dropdown-item command="six" divided>贡献者专区</el-dropdown-item> -->
+                <el-dropdown-item command="seven" divided
+                  >教师专区</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="top-nav">
+            <el-dropdown placement="bottom" @command="handleContributor">
+              <span
+                class="el-dropdown-link"
+                style="font-size: 16px; cursor: pointer"
+                :style="{ color: textColor }"
+                >贡献者大会</span
+              >
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="three">2024</el-dropdown-item>
+                <el-dropdown-item command="one" divided>2023</el-dropdown-item>
+                <el-dropdown-item command="two" divided>2022</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
           </div>
-          <div class="portal-top-nav" v-if="userInfo.role === 1">
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'index' ? activeNav : ''">
-              <router-link to="/index" >首页
-                <div :class="current == 'index' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'course' ? activeNav : ''">
-              <a @click="handleChangeCourse">课程
-                <div :class="current == 'course' ? 'nav-bottbor' : ''"></div>
-              </a>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'case' ? activeNav : ''">
-              <router-link to="/case">案例
-                  <div :class="current == 'case' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'article' ? activeNav : ''">
-              <router-link to="/article">文章
-                <div :class="current == 'article' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'qa' ? activeNav : ''">
-              <router-link to="/qa" >问答
-                <div :class="current == 'qa' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
-            <div class="top-nav">
-              <el-dropdown placement="bottom" @command="handleCommand">
-                <span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">专区</span>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="zero">热点论坛</el-dropdown-item>
-                  <el-dropdown-item command="one" divided>BOE系列公开课</el-dropdown-item>
-                  <el-dropdown-item command="two" divided>Grow180</el-dropdown-item>
-                  <el-dropdown-item command="three" divided>管理者进阶</el-dropdown-item>
-                  <el-dropdown-item command="four" divided>U选小课堂</el-dropdown-item>
-                  <el-dropdown-item command="five" divided>社招新员工</el-dropdown-item>
-                  <!-- <el-dropdown-item command="six" divided>贡献者专区</el-dropdown-item> -->
-                  <el-dropdown-item command="seven" divided>教师专区</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-            <div class="top-nav">
-              <el-dropdown placement="bottom" @command="handleContributor">
-                <span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="three">2024</el-dropdown-item>
-                  <el-dropdown-item command="one" divided>2023</el-dropdown-item>
-                  <el-dropdown-item command="two" divided>2022</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </div>
-
-            <div class="top-nav" :style="{color:textColor}" :class="current == 'follow' ? activeNav : ''">
-              <router-link to="/follow">我的关注
-                <div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
-              </router-link>
-            </div>
 
+          <div
+            class="top-nav"
+            :style="{ color: textColor }"
+            :class="current == 'follow' ? activeNav : ''"
+          >
+            <router-link to="/follow"
+              >我的关注
+              <div :class="current == 'follow' ? 'nav-bottbor' : ''"></div>
+            </router-link>
           </div>
         </div>
-        <div class="portal-top-right">
-          <div  v-if="goSearch !=10 && userInfo.role === 1" style="position: relative;">
-            <el-input class="portal-input" v-show="!hideSearch" placeholder="搜索全部" style="border-radius: 20px !important; " @keyup.enter.native="searchJump()" clearable maxlength="50" v-model="keyword" >
-              <el-select v-if="current == 'index'"  v-model="findType" style="width: 75px; border-radius:20px !important;" slot="prepend" placeholder="请选择">
-                <el-option label="课程" value="1"></el-option>
-                <el-option label="案例" value="2"></el-option>
-                <el-option label="文章" value="3"></el-option>
-                <el-option label="问答" value="4"></el-option>
-                <!-- <el-option label="专区" value="5"></el-option> -->
-              </el-select>
-            </el-input>
-             <el-button v-show="!hideSearch" class="sear-but"  @click="searchJump()" type="primary" size="mini">搜索</el-button>
-          </div>
+      </div>
+      <div class="portal-top-right">
+        <div
+          v-if="goSearch != 10 && userInfo.role === 1"
+          style="position: relative"
+        >
+          <el-input
+            class="portal-input"
+            v-show="!hideSearch"
+            placeholder="搜索全部"
+            style="border-radius: 20px !important"
+            @keyup.enter.native="searchJump()"
+            clearable
+            maxlength="50"
+            v-model="keyword"
+          >
+            <el-select
+              v-if="current == 'index'"
+              v-model="findType"
+              style="width: 75px; border-radius: 20px !important"
+              slot="prepend"
+              placeholder="请选择"
+            >
+              <el-option label="课程" value="1"></el-option>
+              <el-option label="案例" value="2"></el-option>
+              <el-option label="文章" value="3"></el-option>
+              <el-option label="问答" value="4"></el-option>
+              <!-- <el-option label="专区" value="5"></el-option> -->
+            </el-select>
+          </el-input>
+          <el-button
+            v-show="!hideSearch"
+            class="sear-but"
+            @click="searchJump()"
+            type="primary"
+            size="mini"
+            >搜索</el-button
+          >
+        </div>
 
-          <div class="person-action">
-            <!-- 消息 -->
-            <!-- <el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
+        <div class="person-action">
+          <!-- 消息 -->
+          <!-- <el-link v-if="current == 'qa'" class="person-action-index" type="primary" style="margin-right:10px; color:#333;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link>
             <el-link v-else class="person-action-index" type="primary" style="margin-right:10px; color:#fff;" :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`" :underline="false">个人中心</el-link> -->
-            <!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
-            <div class="person-action-item">
-              <el-badge class="person-action-index"  :value="userMsg" :hidden="userMsg == 0">
-                <el-tooltip   content="消息" placement="bottom" effect="light" :visible-arrow="false" popper-class="text-tooltip">
-                   <!-- <el-link  type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false"> -->
-                    <router-link to="/message/center/index">
-                        <svg-icon :style="{color:textColor}" style="margin-right: 0;font-size:22px;" icon-class="messfff"></svg-icon>
-                    </router-link>
-                   <!-- </el-link> -->
-                </el-tooltip>
-              </el-badge>
-            </div>
-            <div class="person-action-item">
-                <el-dropdown class="person-action-index">
-                  <span class="el-dropdown-link">
-                    <span :style="{color:textColor}">学员</span>
-                    <i :style="{color:textColor}" class="el-icon-arrow-down el-icon--right"></i>
-                  </span>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item>
-                    <el-dropdown-item v-if="identity == 2 || identity == 5" @click.native="setCurIdentity(2)"><router-link to="/need/waitaudit">教师</router-link></el-dropdown-item>
-                    <el-dropdown-item v-if="identity == 3 || identity == 5" ><a :href="managerPath+'/learningpath'">管理员</a></el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-             </div>
-             <div class="person-action-item">
-                <el-dropdown>
-                  <div class="el-dropdown-link" style="display:flex" :style="{color:textColor}">
-                    <div class="person-action-index">
-                      <div v-if="userInfo.avatar !== '' " class="user-avatar">
-                          <img :src="userInfo.avatar"  style="width: 35px;height: 35px;"/>
-                      </div>
-                      <div v-else class="uavatar">
-                          <div v-if="sex === 1 "><img src="../../public/images/Avatarman.png" alt="" style="width: 30px;height: 30px;"></div>
-                          <div v-else><img src="../../public/images/Avatarwoman.png" alt="" style="width: 30px;height: 30px;"></div>
-                      </div>
-                    </div>
-                    <div style="font-weight: 400;font-size: 16px; margin-top: 8px;">{{userInfo.name}}</div>
+          <!-- <el-link type="primary" @click="logout()" icon="el-icon-switch-button" :underline="false">退出</el-link> -->
+          <div class="person-action-item">
+            <el-badge
+              class="person-action-index"
+              :value="userMsg"
+              :hidden="userMsg == 0"
+            >
+              <el-tooltip
+                content="消息"
+                placement="bottom"
+                effect="light"
+                :visible-arrow="false"
+                popper-class="text-tooltip"
+              >
+                <!-- <el-link  type="primary" :href="`${webBaseUrl}/message/center/index`" :underline="false"> -->
+                <router-link to="/message/center/index">
+                  <svg-icon
+                    :style="{ color: textColor }"
+                    style="margin-right: 0; font-size: 22px"
+                    icon-class="messfff"
+                  ></svg-icon>
+                </router-link>
+                <!-- </el-link> -->
+              </el-tooltip>
+            </el-badge>
+          </div>
+          <div class="person-action-item">
+            <el-dropdown class="person-action-index">
+              <span class="el-dropdown-link">
+                <span :style="{ color: textColor }">学员</span>
+                <i
+                  :style="{ color: textColor }"
+                  class="el-icon-arrow-down el-icon--right"
+                ></i>
+              </span>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item
+                  ><router-link to="/index">学员</router-link></el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="identity == 2 || identity == 5"
+                  @click.native="setCurIdentity(2)"
+                  ><router-link to="/need/waitaudit"
+                    >教师</router-link
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item v-if="identity == 3 || identity == 5"
+                  ><a :href="managerPath + '/learningpath'"
+                    >管理员</a
+                  ></el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="person-action-item">
+            <el-dropdown>
+              <div
+                class="el-dropdown-link"
+                style="display: flex"
+                :style="{ color: textColor }"
+              >
+                <div class="person-action-index">
+                  <div v-if="userInfo.avatar !== ''" class="user-avatar">
+                    <img
+                      :src="userInfo.avatar"
+                      style="width: 35px; height: 35px"
+                    />
                   </div>
-                  <el-dropdown-menu slot="dropdown">
-                    <el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
-                    <el-dropdown-item><router-link :to="'/home/'+userInfo.aid">个人主页</router-link></el-dropdown-item>
-                  </el-dropdown-menu>
-                </el-dropdown>
-            </div>
-            <div class="person-action-item">
-
-              <div class="person-action-index pointer" :style="{color:textColor}" @click="logout()">
-                <svg-icon  style="margin-right: 4px;font-size:16px;" icon-class="white-out"></svg-icon>登出
+                  <div v-else class="uavatar">
+                    <div v-if="sex === 1">
+                      <img
+                        src="../../public/images/Avatarman.png"
+                        alt=""
+                        style="width: 30px; height: 30px"
+                      />
+                    </div>
+                    <div v-else>
+                      <img
+                        src="../../public/images/Avatarwoman.png"
+                        alt=""
+                        style="width: 30px; height: 30px"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div style="font-weight: 400; font-size: 16px; margin-top: 8px">
+                  {{ userInfo.name }}
+                </div>
               </div>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="setCurIdentity(1)"
+                  ><a
+                    :href="`${webBaseUrl}${
+                      isTiao ? '/uc/study/task' : '/uc/study/courses'
+                    }`"
+                    >个人中心</a
+                  ></el-dropdown-item
+                >
+                <el-dropdown-item
+                  ><router-link :to="'/home/' + userInfo.aid"
+                    >个人主页</router-link
+                  ></el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="person-action-item">
+            <div
+              class="person-action-index pointer"
+              :style="{ color: textColor }"
+              @click="logout()"
+            >
+              <svg-icon
+                style="margin-right: 4px; font-size: 16px"
+                icon-class="white-out"
+              ></svg-icon
+              >登出
             </div>
           </div>
         </div>
+      </div>
     </div>
     <popup></popup><yearMedal></yearMedal>
   </div>
 </template>
 <script>
-import { mapGetters, mapActions } from 'vuex';
-import apiMessage from '@/api/system/message.js';
-import popup from '@/components/AlertPopup.vue';
-import yearMedal from '@/components/Popup/China2023.vue';
-import apiBoeCourse from '@/api/boe/course.js';
-import {userAvatarText} from "@/utils/tools.js";
+import { mapGetters, mapActions } from "vuex";
+import apiMessage from "@/api/system/message.js";
+import popup from "@/components/AlertPopup.vue";
+import yearMedal from "@/components/Popup/China2023.vue";
+import apiBoeCourse from "@/api/boe/course.js";
+import { userAvatarText } from "@/utils/tools.js";
 import apiCase from "@/api/modules/cases.js";
 export default {
   props: {
     current: {
       type: String,
-      default: '',
+      default: "",
     },
-    hideSearch:{
+    hideSearch: {
       type: Boolean,
       default: false,
     },
-    textColor:{
+    textColor: {
       type: String,
-      default: '',
+      default: "",
     },
-    goSearch:{
+    goSearch: {
       type: Number,
       default: 0,
     },
-    keywords:{
-      type:String,
-      default:''
+    keywords: {
+      type: String,
+      default: "",
     },
   },
-  components:{popup,yearMedal},
+  components: { popup, yearMedal },
   computed: {
-    ...mapGetters(['userInfo','curIdentity', 'userMsg','identity','studyTaskCount']),
+    ...mapGetters([
+      "userInfo",
+      "curIdentity",
+      "userMsg",
+      "identity",
+      "studyTaskCount",
+    ]),
 
-    avatarText(){
+    avatarText() {
       return userAvatarText(this.userInfo.name);
     },
-    activeNav(){
-        return {
-          'top-nav-active-blue': this.textColor=='#000000',
-          'top-nav-active-white': this.textColor=='#fff' || this.textColor=='#ffffff',
-        }
-    }
+    activeNav() {
+      return {
+        "top-nav-active-blue": this.textColor == "#000000",
+        "top-nav-active-white":
+          this.textColor == "#fff" || this.textColor == "#ffffff",
+      };
+    },
   },
-  watch:{
-    keywords(newval){
-      console.log(newval,9999);
-      if(this.findType == '1'){
-        this.keyword = newval
+  watch: {
+    keywords(newval) {
+      console.log(newval, 9999);
+      if (this.findType == "1") {
+        this.keyword = newval;
       }
-    }
+    },
+    "$route.query.keyword": {
+      handler(newval) {
+        if (newval && this.current == "case") {
+          this.keyword = newval;
+        }
+      },
+      immediate: true,
+    },
   },
   data() {
     return {
-      popupConfig:{},
-      ctx:process.env.VUE_APP_PUBLIC_PATH,
-      managerPath:process.env.VUE_APP_MANAGER_PATH,
+      popupConfig: {},
+      ctx: process.env.VUE_APP_PUBLIC_PATH,
+      managerPath: process.env.VUE_APP_MANAGER_PATH,
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
-      findType: '1',
-      keyword: '',
+      findType: "1",
+      keyword: "",
       isTiao: false,
-      sex:'',
+      sex: "",
     };
   },
   mounted() {
     this.sex = this.userInfo.sex;
-    this.$store.dispatch('refrashMsg');
+    this.$store.dispatch("refrashMsg");
     this.loadBoeData();
     // console.log('this.userInfo::',this.userInfo)
     //this.loadPopupConfig();
   },
   methods: {
     handleChangeCourse() {
-      const paths = ["/course","/qualityCourse"]
+      const paths = ["/course", "/qualityCourse"];
       // 如果是 课程 和 精品课程， 那么就不再重定向
-      const needReload = paths.findIndex(e=> e === this.$route.path) === -1
-      if (needReload) this.$router.push({path: paths[0]})
+      const needReload = paths.findIndex((e) => e === this.$route.path) === -1;
+      if (needReload) this.$router.push({ path: paths[0] });
     },
 
-    setCurIdentity(iden){
-        this.$store.dispatch('SetCurIdentity',iden);
-      },
-    tomy(){
-      console.log('lll')
+    setCurIdentity(iden) {
+      this.$store.dispatch("SetCurIdentity", iden);
+    },
+    tomy() {
+      console.log("lll");
     },
     loadBoeData() {
-      if(this.studyTaskCount>0){
+      if (this.studyTaskCount > 0) {
         this.isTiao = true;
-      }else{
+      } else {
         this.isTiao = false;
       }
       // let params = {
@@ -248,20 +415,20 @@ export default {
       //   }
       // });
     },
-    handleContributor(val){
+    handleContributor(val) {
       let urlPre = window.location.protocol + "//" + window.location.host;
       let obj = {
-          one: urlPre + "/web/contributornew/index",
-          two: urlPre + "/web/contributor/index",
-          three: urlPre + "/web/contributor_2024/index"
-        };
-        window.open(obj[val]);
+        one: urlPre + "/web/contributornew/index",
+        two: urlPre + "/web/contributor/index",
+        three: urlPre + "/web/contributor_2024/index",
+      };
+      window.open(obj[val]);
     },
     handleCommand(val) {
       if (val === "four") {
-        window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130")
-          // this.$emit('showClass',true)
-      }  else {
+        window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
+        // this.$emit('showClass',true)
+      } else {
         let urlPre = window.location.protocol + "//" + window.location.host;
         // process.env.VUE_APP_BOE_WEB_URL
         let obj = {
@@ -272,83 +439,104 @@ export default {
           // four: 'https://m.qingxuetang.com/x/?appId=qxtcorp306130',
           five: urlPre + "/boe/new-employee/index.html",
           six: urlPre + "/web/contributor/index",
-          seven: this.webBaseUrl + '/grateful/index'
+          seven: this.webBaseUrl + "/grateful/index",
         };
         window.open(obj[val]);
       }
     },
     handleUcCommand(val) {
-      if (val == 'uc') {
-        window.location.href = `${this.webBaseUrl}${this.isTiao ? '/uc/study/task' : '/uc/study/courses'}`;
-      } else if (val == 'logout') {
+      if (val == "uc") {
+        window.location.href = `${this.webBaseUrl}${
+          this.isTiao ? "/uc/study/task" : "/uc/study/courses"
+        }`;
+      } else if (val == "logout") {
         this.logout();
       }
     },
     searchJump() {
-      this.$emit('type1', '')
-  if(this.current == 'index') {
-    if (this.findType == '1') {
-          if(this.keyword==''){return;}
+      this.$emit("type1", "");
+      if (this.current == "index") {
+        if (this.findType == "1") {
+          if (this.keyword == "") {
+            return;
+          }
           // 课程
-          location.href=`${this.webBaseUrl}/course?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/course?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/course?keyword=${this.keyword}`);
-        } else if (this.findType == '2') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "2") {
+          if (this.keyword == "") {
+            return;
+          }
           // 案例
-          location.href=`${this.webBaseUrl}/case?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/case?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/case?keyword=${this.keyword}`);
-        } else if (this.findType == '3') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "3") {
+          if (this.keyword == "") {
+            return;
+          }
           //文章
-          location.href=`${this.webBaseUrl}/article?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/article?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/article?keyword=${this.keyword}`);
-        } else if (this.findType == '4') {
-          if(this.keyword==''){return;}
+        } else if (this.findType == "4") {
+          if (this.keyword == "") {
+            return;
+          }
           // 问答
-          location.href=`${this.webBaseUrl}/qa?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/qa?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/qa?keyword=${this.keyword}`);
-        } else if (this.findType == '5') {
+        } else if (this.findType == "5") {
           // 专区,专区要单独的写，因为不是一个系统呀
           window.open(`${this.webBaseUrl}/zone?keyword=${this.keyword}`);
         }
-} else {
-  this.$emit('emitInput',this.keyword)
-  if(this.goSearch == 1) {
-    if(this.keyword==''){return;}
+      } else {
+        this.$emit("emitInput", this.keyword);
+        if (this.goSearch == 1) {
+          if (this.keyword == "") {
+            return;
+          }
           // 课程
-          location.href=`${this.webBaseUrl}/course?keyword=${this.keyword}`;
-  } else if (this.goSearch == 2) {
-          if(this.keyword==''){return;}
+          location.href = `${this.webBaseUrl}/course?keyword=${this.keyword}`;
+        } else if (this.goSearch == 2) {
+          if (this.keyword == "") {
+            return;
+          }
           // 案例
           // location.href=`${this.webBaseUrl}/case?keyword=${this.keyword}`;
-          this.$router.push(`/case?keyword=${this.keyword}`)
+          this.$router.push(`/case?keyword=${this.keyword}`);
           //window.open(`${this.webBaseUrl}/case?keyword=${this.keyword}`);
         } else if (this.goSearch == 3) {
-          if(this.keyword==''){return;}
+          if (this.keyword == "") {
+            return;
+          }
           //文章
-          location.href=`${this.webBaseUrl}/article?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/article?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/article?keyword=${this.keyword}`);
         } else if (this.goSearch == 4) {
-          if(this.keyword==''){return;}
+          if (this.keyword == "") {
+            return;
+          }
           // 问答
-          location.href=`${this.webBaseUrl}/qa?keyword=${this.keyword}`;
+          location.href = `${this.webBaseUrl}/qa?keyword=${this.keyword}`;
           //window.open(`${this.webBaseUrl}/qa?keyword=${this.keyword}`);
         } else if (this.goSearch == 5) {
           // 专区,专区要单独的写，因为不是一个系统呀
           window.open(`${this.webBaseUrl}/zone?keyword=${this.keyword}`);
         }
-}
-
+      }
     },
     logout() {
-      this.$confirm('您确定要退出系统吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-          this.$store.dispatch('LogOut').then(() => {
+      this.$confirm("您确定要退出系统吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.$store.dispatch("LogOut").then(() => {
             //location.href = this.webBaseUrl + '/login';
-            sessionStorage.setItem('dialog_session_show'+this.userInfo.aid,null); // 清除兴趣采集的"关闭"缓存
+            sessionStorage.setItem(
+              "dialog_session_show" + this.userInfo.aid,
+              null
+            ); // 清除兴趣采集的"关闭"缓存
             location.href = process.env.VUE_APP_LOGIN_URL;
           });
         })
@@ -356,68 +544,71 @@ export default {
     },
     //获取未读消息数量
     getMsgNum() {
-      apiMessage.isRead().then(res => {
+      apiMessage.isRead().then((res) => {
         if (res.status == 200) {
           this.msgNum = res.result;
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
 <style scoped rel="stylesheet/scss" lang="scss">
-
-::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
-    background-color: #fff !important;
-    color: #0059FF !important;
+::v-deep .el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: #fff !important;
+  color: #0059ff !important;
 }
 ::v-deep.el-dropdown-menu {
-text-align: center;
+  text-align: center;
   border: none !important;
 }
-  //定义消息的图标的样式，按ui，未完成
-.msg-icon{
-  font-size:16px;
-  background-color:#fff;
-  border-radius:50%;
+//定义消息的图标的样式，按ui，未完成
+.msg-icon {
+  font-size: 16px;
+  background-color: #fff;
+  border-radius: 50%;
 }
-.top-nav-active-blue{
-    color: #387DF7;
-    a{color:#387DF7;}
-    div{
-      width: 75%;
-      height: 4px;
-      top: 75%;
-      left: 13%;
-      background: #387DF7;
-      border-radius: 5px;
-      position: absolute;
-    }
+.top-nav-active-blue {
+  color: #387df7;
+  a {
+    color: #387df7;
+  }
+  div {
+    width: 75%;
+    height: 4px;
+    top: 75%;
+    left: 13%;
+    background: #387df7;
+    border-radius: 5px;
+    position: absolute;
+  }
 }
-.top-nav-active-white{
+.top-nav-active-white {
+  color: #fff;
+  a {
     color: #fff;
-    a{color:#fff;}
-    div{
-      width: 75%;
-      height: 4px;
-      top: 75%;
-      left: 13%;
-      background: #fff;
-      border-radius: 5px;
-      position: absolute;
-    }
+  }
+  div {
+    width: 75%;
+    height: 4px;
+    top: 75%;
+    left: 13%;
+    background: #fff;
+    border-radius: 5px;
+    position: absolute;
+  }
 }
 
-.sear-but{
+.sear-but {
   position: absolute;
   bottom: 10%;
   right: 5px;
 }
-  ::v-deep .el-input__inner{
-    border-radius: 6px;
-    border-right: none;
-  }
+::v-deep .el-input__inner {
+  border-radius: 6px;
+  border-right: none;
+}
 ::v-deep .el-badge__content.is-fixed {
   right: 10px;
 }
@@ -426,42 +617,41 @@ text-align: center;
   // margin: 0 87px;
   height: 72px;
   display: flex;
-  background: rgba(255,255,255,0.1);
-  border: 1px solid rgba(61,61,61,0.15);
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(61, 61, 61, 0.15);
   backdrop-filter: blur(10px);
 }
-.portal-top{
+.portal-top {
   width: 100%;
   margin: 0px 40px;
   display: flex;
-  justify-content:space-between;
-  .portal-top-left{
+  justify-content: space-between;
+  .portal-top-left {
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    .portal-top-logo{
-
+    .portal-top-logo {
     }
-    .portal-top-nav{
+    .portal-top-nav {
       display: flex;
       justify-content: space-around;
       margin-left: 20px;
     }
   }
-  .portal-top-right{
-    flex:1;
+  .portal-top-right {
+    flex: 1;
     display: flex;
     justify-content: flex-end;
     align-items: center;
   }
   //width: 1050px;
-  .person-action{
+  .person-action {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     margin-left: 10px;
 
-    .person-action-index{
+    .person-action-index {
       //margin-left: 40px;
       font-size: 16px;
       font-weight: 400;
@@ -476,21 +666,21 @@ text-align: center;
     // //     right: 48px;
     // //   }
     // }
-  ::v-deep.el-avatar{
+    ::v-deep.el-avatar {
       margin-right: 8px;
-       img{
-            width: 100% !important;
-         }
+      img {
+        width: 100% !important;
+      }
     }
-    .el-button{
+    .el-button {
       margin-left: 15px;
       margin-top: 1px;
       // font-size: 14px;
     }
   }
 }
-.person-action-item{
-    margin-left: 30px;
+.person-action-item {
+  margin-left: 30px;
 }
 .top-nav {
   font-size: 16px;
@@ -499,50 +689,49 @@ text-align: center;
   color: #000000;
   line-height: 72px;
   padding: 0px 10px;
-  white-space:nowrap;
+  white-space: nowrap;
   position: relative;
 }
 
 //此处理应该移到单独的一个样式中比较好
 
-@media screen and (max-width: 1366px){
+@media screen and (max-width: 1366px) {
   .top-nav {
     padding: 0px 10px;
   }
-  .person-action-item{
-      margin-left: 20px;
+  .person-action-item {
+    margin-left: 20px;
   }
 }
-@media screen and (max-width: 1680px) and (min-width:1367px){
+@media screen and (max-width: 1680px) and (min-width: 1367px) {
   .top-nav {
     padding: 0px 15px;
   }
-  .person-action-item{
-      margin-left: 30px;
+  .person-action-item {
+    margin-left: 30px;
   }
 }
-@media screen and (max-width: 1920px) and (min-width: 1681px){
+@media screen and (max-width: 1920px) and (min-width: 1681px) {
   .top-nav {
     padding: 0px 30px;
   }
-  .person-action-item{
-      margin-left: 40px;
+  .person-action-item {
+    margin-left: 40px;
   }
 }
 
-@media screen and (min-width: 1921px){
+@media screen and (min-width: 1921px) {
   .top-nav {
     padding: 0px 40px;
   }
-  .person-action-item{
-      margin-left: 45px;
+  .person-action-item {
+    margin-left: 45px;
   }
 }
 
 ::v-deep .el-badge {
   .el-badge__content {
     top: 0px;
-
   }
 }
 
@@ -553,7 +742,7 @@ text-align: center;
   // border: 1px solid #333333;
   border-radius: 0 20px 20px 0;
   border-left: none;
-  background: rgba(255,255,255,0.12);
+  background: rgba(255, 255, 255, 0.12);
 }
 
 .message-count a {
@@ -563,7 +752,6 @@ text-align: center;
 }
 ::v-deep .el-badge {
   margin-top: 0 !important;
-
 }
 ::v-deep .el-link.el-link--primary:hover {
   color: #588afc;
@@ -572,36 +760,36 @@ text-align: center;
   cursor: pointer;
   color: #000000;
 }
- .uavatar{
-   div{
-     border-radius: 50%;
-     img{
-       border-radius: 50%;
-       width: 30px;
-       height: 30px;
-     }
-   }
+.uavatar {
+  div {
+    border-radius: 50%;
+    img {
+      border-radius: 50%;
+      width: 30px;
+      height: 30px;
+    }
+  }
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  margin-right: 8px;
+  border-radius: 50%;
+}
+.user-avatar {
+  display: inline-block;
+  border-radius: 50%;
+  img {
+    border-radius: 50%;
     width: 30px;
     height: 30px;
-    line-height: 30px;
-    font-size: 14px;
-    margin-right: 8px;
-    border-radius: 50%;
   }
-  .user-avatar{
-    display: inline-block;
-    border-radius: 50%;
-    img{
-        border-radius: 50%;
-        width: 30px;
-        height: 30px;
-    }
 
-     width: 30px;
-     height: 30px;
-     line-height: 30px;
-     font-size: 14px;
-     margin-right: 8px;
-     border-radius: 50%;
-   }
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  margin-right: 8px;
+  border-radius: 50%;
+}
 </style>
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 326e35bb..98567f27 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -895,6 +895,14 @@ export default {
     };
   },
   watch: {
+    "$route.query.keyword": {
+      handler(newval) {
+        if (newval) {
+          this.search(true);
+        }
+      },
+      immediate: true,
+    },
     // years() {
     //   this.search(true)
     // }

From 3852a92ab377c217f5bb157436a72b01443a7526 Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Wed, 3 Dec 2025 17:40:44 +0800
Subject: [PATCH 09/10] =?UTF-8?q?fix:=E8=BF=94=E5=9B=9E=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B5=E6=97=B6=E5=85=88=E8=A7=A6=E5=8F=91=E6=A0=A1=E9=AA=8C?=
 =?UTF-8?q?=E5=86=8D=E6=89=A7=E8=A1=8C=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Index.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 98567f27..e101f1d8 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -897,7 +897,8 @@ export default {
   watch: {
     "$route.query.keyword": {
       handler(newval) {
-        if (newval) {
+        if (newval && this.keyWord != newval) {
+          this.keyWord = newval;
           this.search(true);
         }
       },
@@ -1764,9 +1765,6 @@ export default {
     },
     // 查询
     search(num = false) {
-      if (this.$route.query.keyword) {
-        this.keyWord = this.$route.query.keyword;
-      }
       // 记录查询的数据
       if (this.keyWord) {
         apiSearchterm.save({ keyword: this.keyWord, type: 3 });

From 12e91854fe59debe4405ee0444055c2fa09cf34b Mon Sep 17 00:00:00 2001
From: zxj <zhang.xijie@iwhalecloud.com>
Date: Wed, 3 Dec 2025 17:46:13 +0800
Subject: [PATCH 10/10] =?UTF-8?q?fix:=E6=81=A2=E5=A4=8D=E4=BF=9D=E7=95=99?=
 =?UTF-8?q?=E5=85=B6=E4=BD=99=E9=80=89=E6=8B=A9=E6=9D=A1=E4=BB=B6=E7=9A=84?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/portal/case/Index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index e101f1d8..79daae12 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -1778,9 +1778,9 @@ export default {
       }
       if (this.keyWord != this.queryCondition.keyWord) {
         this.queryCondition.keyWord = this.keyWord;
-        this.tagList.forEach((tag, index) => {
-          this.tagsClose(tag, index);
-        });
+        // this.tagList.forEach((tag, index) => {
+        //   this.tagsClose(tag, index);
+        // });
       }
       if (this.queryCondition.majorType == 0) {
         this.queryCondition.majorType = "";