diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index afc0bdeb..493ad7e3 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -353,6 +353,14 @@ export default {
         this.keyword = newval;
       }
     },
+    "$route.query.keyword": {
+      handler(newval) {
+        if (newval && this.current == "case") {
+          this.keyword = newval;
+        }
+      },
+      immediate: true,
+    },
   },
   data() {
     return {
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,
diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 8ea10183..c051c89c 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,19 @@ 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);
+      // xmlhttp.open(
+      //   "HEAD",
+      //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+      //   true
+      // );
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
@@ -403,16 +582,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 +599,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 +645,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 +688,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 +702,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 +774,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 +805,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 +819,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 +904,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 +916,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 +936,7 @@ export default {
     border-radius: 8px;
   }
 }
-.the_charts{
+.the_charts {
   position: relative;
   display: flex;
   justify-content: center;
@@ -751,24 +946,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 +980,6 @@ export default {
 
 ::v-deep .interact-bar .interact-bar-btns {
   justify-content: flex-start !important;
-
 }
 
 ::v-deep .interact-bar-btn {
@@ -804,7 +996,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 +1025,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 +1104,6 @@ export default {
     color: #0079fe;
   }
 
-
   .clearfix:after {
     content: "020";
     display: block;
@@ -942,7 +1130,7 @@ export default {
       font-size: 12px;
       height: 24px;
       box-sizing: border-box;
-      color: #2C68FF;
+      color: #2c68ff;
     }
 
     .item-right {
@@ -1089,12 +1277,12 @@ export default {
     }
   }
 
-  .ranking-title {}
+  .ranking-title {
+  }
 
   .aligh-title {
     font-size: 14px;
     color: #333333;
-
   }
 
   .ranking-data {
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index 70f7c91e..79daae12 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,10 +891,19 @@ export default {
       type3: 0,
       isFind: false,
       fielclassjor: true,
-      localSessionKey: this.$xpage.constants.localCaseFiltersKey
+      localSessionKey: this.$xpage.constants.localCaseFiltersKey,
     };
   },
   watch: {
+    "$route.query.keyword": {
+      handler(newval) {
+        if (newval && this.keyWord != newval) {
+          this.keyWord = newval;
+          this.search(true);
+        }
+      },
+      immediate: true,
+    },
     // years() {
     //   this.search(true)
     // }
@@ -622,19 +925,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 +956,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 +1117,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 +1167,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 +1320,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 +1334,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 +1369,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 +1413,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 +1438,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 +1453,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 +1521,7 @@ export default {
       }
     },
     getAnkingData() {
-      apiCase.usernameList(5).then(res => {
+      apiCase.usernameList(5).then((res) => {
         if (res.status == 200) {
           this.ankingList = res.result;
         }
@@ -1225,12 +1546,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 +1580,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 +1596,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 +1611,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 +1655,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 +1714,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,29 +1738,30 @@ 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) {
@@ -1447,58 +1773,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 +1838,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 +1902,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 +2024,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 +2043,7 @@ export default {
               }
             });
           });
-          listData.forEach(item => {
+          listData.forEach((item) => {
             item.info = {};
             item.deleted = false;
             item.authorInfo = {
@@ -1715,18 +2051,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 +2106,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 +2142,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 +2186,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 +2211,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 +2233,7 @@ export default {
       this.$router.push(`/case/detail?id=${item.id}`);
     },
     // 案例立即咨询
-
-  }
+  },
 };
 </script>
 
@@ -1921,51 +2259,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 +2316,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 +2350,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 +2562,6 @@ export default {
 }
 
 .fieldbox {
-
   display: flex;
   white-space: nowrap;
   flex-wrap: wrap;
@@ -2230,7 +2576,7 @@ export default {
   }
 
   .fieldactive {
-    color: #387DF7;
+    color: #387df7;
   }
 }
 
@@ -2249,7 +2595,7 @@ export default {
   }
 
   .fieldactive {
-    color: #387DF7;
+    color: #387df7;
   }
 }
 
@@ -2309,7 +2655,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 +2664,6 @@ export default {
       border: 1px solid #3e3c3c;
     }
   }
-
 }
 
 ::v-deep .el-radio-button {
@@ -2350,7 +2695,6 @@ export default {
       padding: 2px 4px;
       margin-left: 15px;
     }
-
   }
 }
 
@@ -2368,7 +2712,6 @@ export default {
 }
 
 .keyword-text {
-
   div {
     padding: 0px 8px;
     margin-top: 5px;
@@ -2377,7 +2720,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 +2733,6 @@ export default {
 
 #searchBox {
   overflow: hidden;
-
 }
 
 ::v-deep .title-line-ellipsis {
@@ -2444,7 +2786,7 @@ export default {
   margin: 15px 10px 10px 0;
   font-size: 16px !important;
   font-weight: 400;
-  color: #6B7C85;
+  color: #6b7c85;
   line-height: 25px;
 }
 
@@ -2457,12 +2799,10 @@ export default {
 .portal-content {
   display: flex;
   justify-content: space-between;
-
 }
 
 .searchbar {
   background-color: #ffffff;
-
 }
 
 .fixed {
@@ -2491,11 +2831,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 +2845,7 @@ export default {
 
     .actice {
       border: 0px;
-      background: #387DF7;
+      background: #387df7;
       color: #fff;
       font-size: 14px;
       border-radius: 4px;
@@ -2518,7 +2857,8 @@ export default {
     text-align: center;
     padding: 10px 0;
 
-    .pag-text {}
+    .pag-text {
+    }
   }
 
   .order-div {
@@ -2547,7 +2887,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 +2896,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 +2914,7 @@ export default {
       // background: #04243C;
       &:hover {
         // background: #387DF7;
-        border: 1px solid #387DF7;
+        border: 1px solid #387df7;
 
         .text {
           // color: #fff;
@@ -2588,7 +2928,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 +2940,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 +2959,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 +2989,7 @@ export default {
       // background: #04243C;
       &:hover {
         // background: #387DF7;
-        border: 1px solid #387DF7;
+        border: 1px solid #387df7;
 
         .text {
           // color: #fff;
@@ -2663,7 +3003,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 +3015,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 +3034,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 +3053,7 @@ export default {
   }
 
   .back_num {
-    background: #FFFFFF;
+    background: #ffffff;
     display: flex;
     justify-content: center;
     padding: 0 40px;
@@ -2724,10 +3064,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 +3088,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;
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index f7f58b28..ce3a388d 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -7,60 +7,328 @@
         :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"
@@ -69,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"
@@ -88,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);
           }
         });
@@ -1993,11 +2142,19 @@
         timedOut = true;
         xmlhttp.abort();
       }, 1000);
-      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);
+      // xmlhttp.open(
+      //   "HEAD",
+      //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+      //   true
+      // );
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
@@ -2229,23 +2386,26 @@
       }, 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 => {
+    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;
@@ -2253,12 +2413,13 @@
               console.log("记录完成学习失败:" + res.message + "，" + res.error);
             }
             this.isFinishingStudyItem = false; // 重置标志位
-          }).catch(error => {
+          })
+          .catch((error) => {
             console.error("记录完成学习出错:", error);
             this.isFinishingStudyItem = false; // 出错时也重置标志位
           });
-        }
-      },
+      }
+    },
 
     saveStudyItem() {
       //先保存学习的内容,针对于音视频的内容
@@ -2519,20 +2680,20 @@
   }
 }
 
-  .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-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;