From 6de3eb9d233f3684df9bfb636afb03059941b382 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Mon, 10 Jul 2023 17:16:23 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=8D=A2=E6=88=90=E4=BA=A7?=
 =?UTF-8?q?=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/header/index.vue        |   8 +-
 src/pages/ass/list/index.vue        |  10 +-
 src/pages/index/list/index.vue      | 956 ++++++++++++++++------------
 src/pages/station/preview/index.vue |  43 +-
 src/setting.js                      |   2 +-
 src/styles/page/station.scss        |   2 +-
 6 files changed, 594 insertions(+), 427 deletions(-)

diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 7840483..fa6a6db 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -22,7 +22,8 @@
 
       <div class="right">
         <template v-if="token || serverToken">
-          <el-popover placement="top"
+          <el-popover v-if="!isIndex"
+                      placement="top"
                       :disabled="!notices.length">
             <p v-for="(item, i) in notices"
                :key="i"
@@ -150,7 +151,7 @@ export default {
     },
     initSocket ({ id, account }) {
       // 实例化socket
-      this.socket = new WebSocket(`wss://${Setting.isDev ? '192.168.31.51' : location.host}/nakadai/websocket/${id}/${account}`)
+      this.socket = new WebSocket(`wss://${Setting.isDev ? '121.37.12.51' : location.host}/nakadai/websocket/${id}/${account}`)
       // this.socket = new WebSocket(`ws://121.37.12.51:9100/nakadai/websocket/${id}/${account}`)
       // 监听socket连接
       this.socket.onopen = this.open;
@@ -172,12 +173,13 @@ export default {
     // 前往评论列表
     async toComment (item) {
       await this.$post(`${this.api.noticeRead}?isRead=1&notifyId=${item.notifyId}`) // 该通知置为已读
+      this.getNotice()
       this.$router.push(`/station/preview?courseId=${item.cid}&commentId=${item.commentId}&notifyId=${item.notifyId}`)
     },
     // 获取用户信息
     getUserInfo () {
       this.$get(this.api.queryUserInfoDetails).then(res => {
-        this.initSocket(res.result.userAccount)
+        this.isIndex || this.initSocket(res.result.userAccount)
         const { userAvatars, userName, userId } = res.result.hrUserInfo || {}
         userAvatars && this.setAvatar(userAvatars);
         this.setUserId(userId)
diff --git a/src/pages/ass/list/index.vue b/src/pages/ass/list/index.vue
index 9d347b6..4afb955 100644
--- a/src/pages/ass/list/index.vue
+++ b/src/pages/ass/list/index.vue
@@ -37,14 +37,14 @@
         <li>
           <label>课程名称：</label>
           <el-select size="small"
-                     v-model="form.curriculumId"
+                     v-model="form.mallId"
                      @change="initData">
             <el-option label="不限"
                        value=""></el-option>
             <el-option v-for="(item,index) in courseList"
                        :key="index"
-                       :label="item.sysName"
-                       :value="item.sysId"></el-option>
+                       :label="item.goodsName"
+                       :value="item.mallId"></el-option>
           </el-select>
         </li>
         <li>
@@ -93,7 +93,7 @@
             {{ scope.$index + (page - 1) * pageSize + 1 }}
           </template>
         </el-table-column>
-        <el-table-column prop="sysName"
+        <el-table-column prop="goodsName"
                          label="课程名称"
                          align="center"
                          show-overflow-tooltip></el-table-column>
@@ -234,7 +234,7 @@ export default {
         startTime: "",
         endTime: "",
         status: "",
-        curriculumId: "",
+        mallId: "",
         classId: ""
       },
       dateList: [
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index c66f552..0303aaa 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -1,224 +1,381 @@
 <template>
-    <div class="wrap index">
-        <img class="screen" src="@/assets/img/index/index0.png" alt="首页">
-        <div class="banner">
-            <el-carousel height="350px" :autoplay="false">
-                <el-carousel-item>
-                    <div class="bg banner-bg1"></div>
-                    <img class="text" src="@/assets/img/index/banner1-text.png" alt="">
-                </el-carousel-item>
-                <el-carousel-item>
-                    <div class="bg banner-bg2"></div>
-                    <div class="text">
-                        <h6>金融科技与大数据</h6>
-                        <p class="des">围绕金融+科技+大数据，为院校培养复合型专业人才提供一“站”式服务</p>
-                    </div>
-                </el-carousel-item>
-                <el-carousel-item>
-                    <div class="bg banner-bg3"></div>
-                    <div class="text text3">
-                        <h6>智慧教育智能未来</h6>
-                        <p class="des">大数据、人工智能、云计算等技术应用，助力院校实现教学智能化升级</p>
-                    </div>
-                </el-carousel-item>
-            </el-carousel>
-        </div>
-        <!-- 简介 -->
-        <ul class="intro">
-            <li class="wow fadeInLeft" :class="{active: active === 1}" data-wow-delay="0.6s" @click="toPart(1)">
-                <img src="@/assets/img/index/index1.png" alt="">
-                <div class="text">
-                    <h6>平台概览</h6>
-                    <p class="desc">专业打造，满足开展虚拟实验教学的多样性需求</p>
-                </div>
-            </li>
-            <li class="wow fadeInUp" :class="{active: active === 2}" data-wow-delay="0.2s" @click="toPart(2)">
-                <img src="@/assets/img/index/index2.png" alt="">
-                <div class="text">
-                    <h6>平台特色与优势</h6>
-                    <p class="desc">助力院校实现教学智能化升级</p>
-                </div>
-            </li>
-            <li class="wow fadeInRight" :class="{active: active === 3}" data-wow-delay="0.8s" @click="toPart(3)">
-                <img src="@/assets/img/index/index20.png" alt="">
-                <div class="text">
-                    <h6>平台产品介绍</h6>
-                    <p class="desc">为院校培养复合型人才提供一“站”式服务</p>
-                </div>
-            </li>
-        </ul>
-        <!-- 关于 -->
-        <div class="about" id="part1">
-            <div class="inner wow fadeInDown" style="padding-bottom: 0">
-                <h6 class="i-title">关于职站</h6>
-                <p class="en">ABOUT OCCUPATION LAB</p>
-            </div>
+  <div class="wrap index">
+    <img class="screen"
+         src="@/assets/img/index/index0.png"
+         alt="首页">
+    <div class="banner">
+      <el-carousel height="350px"
+                   :autoplay="false">
+        <el-carousel-item>
+          <div class="bg banner-bg1"></div>
+          <img class="text"
+               src="@/assets/img/index/banner1-text.png"
+               alt="">
+        </el-carousel-item>
+        <el-carousel-item>
+          <div class="bg banner-bg2"></div>
+          <div class="text">
+            <h6>金融科技与大数据</h6>
+            <p class="des">围绕金融+科技+大数据，为院校培养复合型专业人才提供一“站”式服务</p>
+          </div>
+        </el-carousel-item>
+        <el-carousel-item>
+          <div class="bg banner-bg3"></div>
+          <div class="text text3">
+            <h6>智慧教育智能未来</h6>
+            <p class="des">大数据、人工智能、云计算等技术应用，助力院校实现教学智能化升级</p>
+          </div>
+        </el-carousel-item>
+      </el-carousel>
+    </div>
+    <!-- 简介 -->
+    <ul class="intro">
+      <li class="wow fadeInLeft"
+          :class="{active: active === 1}"
+          data-wow-delay="0.6s"
+          @click="toPart(1)">
+        <img src="@/assets/img/index/index1.png"
+             alt="">
+        <div class="text">
+          <h6>平台概览</h6>
+          <p class="desc">专业打造，满足开展虚拟实验教学的多样性需求</p>
         </div>
-        <div class="about bg-white">
-            <div class="inner">
-                <div class="desc">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。极简的平台操作，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学效果。</div>
-            </div>
+      </li>
+      <li class="wow fadeInUp"
+          :class="{active: active === 2}"
+          data-wow-delay="0.2s"
+          @click="toPart(2)">
+        <img src="@/assets/img/index/index2.png"
+             alt="">
+        <div class="text">
+          <h6>平台特色与优势</h6>
+          <p class="desc">助力院校实现教学智能化升级</p>
         </div>
-        <!-- 特色与优势 -->
-        <div class="adv" id="part2">
-            <img src="@/assets/img/index/index8.png" alt="" class="shape shape1">
-            <img src="@/assets/img/index/index9.png" alt="" class="shape shape2">
-            <img src="@/assets/img/index/index10.png" alt="" class="shape shape3">
-            <div class="inner">
-                <h6 class="i-title wow fadeInDown">特色与优势</h6>
-                <p class="en">FEATURES AND ADVANTAGES</p>
-                <ul class="list">
-                    <li class="wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/index3.png" alt="">
-                        <h6>大数据分析统计<br>教学效果有“据”可依</h6>
-                        <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
-                    </li>
-                    <li class="wow fadeInRight" data-wow-delay="0.8s">
-                        <img src="@/assets/img/index/index4.png" alt="">
-                        <h6>云端部署<br>实验教学资源“云”共享</h6>
-                        <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
-                    </li>
-                    <li class="wow fadeInUp" data-wow-delay="1.1s">
-                        <img src="@/assets/img/index/index5.png" alt="">
-                        <h6>功能全面<br>打造“智”能化教学全场景</h6>
-                        <p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课上拓展到课堂外，为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
-                    </li>
-                </ul>
-            </div>
+      </li>
+      <li class="wow fadeInRight"
+          :class="{active: active === 3}"
+          data-wow-delay="0.8s"
+          @click="toPart(3)">
+        <img src="@/assets/img/index/index20.png"
+             alt="">
+        <div class="text">
+          <h6>平台产品介绍</h6>
+          <p class="desc">为院校培养复合型人才提供一“站”式服务</p>
         </div>
-        <!-- 产品展示 -->
-        <div class="product" id="part3">
-            <div class="inner">
-                <h6 class="i-title wow fadeInUp">平台产品介绍</h6>
-                <p class="en">PRODUCT DISPLAY</p>
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index11.png" alt="" class="icon wow flipInX" data-wow-delay="0.2s">
-                        <h6 class="wow fadeInDown" data-wow-delay="0.3s">金融+科技+大数据</h6>
-                        <p class="desc wow fadeInDown" data-wow-delay="0.7s">平台集成有银行综合、担保，Python程序设计、经济金融建模、数据采集、数据清洗、大数据分析、数据可视化、量化投资策略建模、金融随机过程、区块链交易所等十几款产品;可满足金融、金融科技、金融工程、大数据应用与管理等相关专业开设实验课程。</p>
-                    </div>
-                    <div class="pro-bg1">
-                        <img src="@/assets/img/index/pro-bg1-2.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg1-3.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg1-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg1-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg1-5.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.9s">
-                        <img src="@/assets/img/index/pro-bg1-6.png" alt="" class="bg6 wow fadeInDown" data-wow-delay="1.1s">
-                        <img src="@/assets/img/index/pro-bg1-7.png" alt="" class="bg7 wow fadeInDown" data-wow-delay="1.3s">
-                        <img src="@/assets/img/index/pro-bg1-8.png" alt="" class="bg8 wow fadeInDown" data-wow-delay="1.5s">
-                        <img src="@/assets/img/index/pro-bg1-9.png" alt="" class="bg9 wow fadeInDown" data-wow-delay="1.7s">
-                        <img src="@/assets/img/index/pro-bg1-10.png" alt="" class="bg10 wow fadeInDown" data-wow-delay="2s">
-                        <img src="@/assets/img/index/pro-bg1-11.png" alt="" class="bg11 wow fadeInDown" data-wow-delay="2.3s">
-                        <img src="@/assets/img/index/pro-bg1-12.png" alt="" class="bg12 wow fadeInDown" data-wow-delay="2.6s">
-                    </div>
-                </div>
-            </div>
+      </li>
+    </ul>
+    <!-- 关于 -->
+    <div class="about"
+         id="part1">
+      <div class="inner wow fadeInDown"
+           style="padding-bottom: 0">
+        <h6 class="i-title">关于职站</h6>
+        <p class="en">ABOUT OCCUPATION LAB</p>
+      </div>
+    </div>
+    <div class="about bg-white">
+      <div class="inner">
+        <div class="desc">职站是一款辅助院校教师开展虚拟仿真实验教学的智能云实践平台。极简的平台操作，可帮助老师轻松开展实验教学，并支持自定义发布考核和练习，检验学生的日常实训练习效果；老师还可以通过可视化图表报告直观查看学生实训成绩，评估教学效果。</div>
+      </div>
+    </div>
+    <!-- 特色与优势 -->
+    <div class="adv"
+         id="part2">
+      <img src="@/assets/img/index/index8.png"
+           alt=""
+           class="shape shape1">
+      <img src="@/assets/img/index/index9.png"
+           alt=""
+           class="shape shape2">
+      <img src="@/assets/img/index/index10.png"
+           alt=""
+           class="shape shape3">
+      <div class="inner">
+        <h6 class="i-title wow fadeInDown">特色与优势</h6>
+        <p class="en">FEATURES AND ADVANTAGES</p>
+        <ul class="list">
+          <li class="wow fadeInDown"
+              data-wow-delay="0.5s">
+            <img src="@/assets/img/index/index3.png"
+                 alt="">
+            <h6>大数据分析统计<br>教学效果有“据”可依</h6>
+            <p class="text">大数据追踪每个老师，学生教学和学习情况，统计分析并通过可视化图表展示，教学效果一目了然。</p>
+          </li>
+          <li class="wow fadeInRight"
+              data-wow-delay="0.8s">
+            <img src="@/assets/img/index/index4.png"
+                 alt="">
+            <h6>云端部署<br>实验教学资源“云”共享</h6>
+            <p class="text">随时随地，只需登录网站，无需安装部署，即可轻松享受云上“实验室”，可满足不同学科，不同场景下的教学需求。</p>
+          </li>
+          <li class="wow fadeInUp"
+              data-wow-delay="1.1s">
+            <img src="@/assets/img/index/index5.png"
+                 alt="">
+            <h6>功能全面<br>打造“智”能化教学全场景</h6>
+            <p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课上拓展到课堂外，为院校师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 产品展示 -->
+    <div class="product"
+         id="part3">
+      <div class="inner">
+        <h6 class="i-title wow fadeInUp">平台产品介绍</h6>
+        <p class="en">PRODUCT DISPLAY</p>
+        <div class="pics">
+          <div class="text">
+            <img src="@/assets/img/index/index11.png"
+                 alt=""
+                 class="icon wow flipInX"
+                 data-wow-delay="0.2s">
+            <h6 class="wow fadeInDown"
+                data-wow-delay="0.3s">金融+科技+大数据</h6>
+            <p class="desc wow fadeInDown"
+               data-wow-delay="0.7s">平台集成有银行综合、担保，Python程序设计、经济金融建模、数据采集、数据清洗、大数据分析、数据可视化、量化投资策略建模、金融随机过程、区块链交易所等十几款产品;可满足金融、金融科技、金融工程、大数据应用与管理等相关专业开设实验课程。</p>
+          </div>
+          <div class="pro-bg1">
+            <img src="@/assets/img/index/pro-bg1-2.png"
+                 alt=""
+                 class="bg1 wow fadeInDown"
+                 data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg1-3.png"
+                 alt=""
+                 class="bg2 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg1-1.png"
+                 alt=""
+                 class="bg3 wow fadeInDown"
+                 data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg1-4.png"
+                 alt=""
+                 class="bg4 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg1-5.png"
+                 alt=""
+                 class="bg5 wow fadeInDown"
+                 data-wow-delay="0.9s">
+            <img src="@/assets/img/index/pro-bg1-6.png"
+                 alt=""
+                 class="bg6 wow fadeInDown"
+                 data-wow-delay="1.1s">
+            <img src="@/assets/img/index/pro-bg1-7.png"
+                 alt=""
+                 class="bg7 wow fadeInDown"
+                 data-wow-delay="1.3s">
+            <img src="@/assets/img/index/pro-bg1-8.png"
+                 alt=""
+                 class="bg8 wow fadeInDown"
+                 data-wow-delay="1.5s">
+            <img src="@/assets/img/index/pro-bg1-9.png"
+                 alt=""
+                 class="bg9 wow fadeInDown"
+                 data-wow-delay="1.7s">
+            <img src="@/assets/img/index/pro-bg1-10.png"
+                 alt=""
+                 class="bg10 wow fadeInDown"
+                 data-wow-delay="2s">
+            <img src="@/assets/img/index/pro-bg1-11.png"
+                 alt=""
+                 class="bg11 wow fadeInDown"
+                 data-wow-delay="2.3s">
+            <img src="@/assets/img/index/pro-bg1-12.png"
+                 alt=""
+                 class="bg12 wow fadeInDown"
+                 data-wow-delay="2.6s">
+          </div>
         </div>
-        <div class="product bg-white">
-            <div class="inner">
-                <div class="pics">
-                    <div class="pro-bg2">
-                        <img src="@/assets/img/index/pro-bg2-5.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg2-1.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg2-4.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg2-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg2-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
-                    </div>
-                    <div class="text">
-                        <img src="@/assets/img/index/index13.png" alt="" class="icon wow fadeInRight" data-wow-delay="0.2s">
-                        <h6 class="wow fadeInLeft" data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6>
-                        <p class="desc wow fadeInLeft" data-wow-delay="0.7s">项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p>
-                    </div>
-                </div>
-            </div>
+      </div>
+    </div>
+    <div class="product bg-white">
+      <div class="inner">
+        <div class="pics">
+          <div class="pro-bg2">
+            <img src="@/assets/img/index/pro-bg2-5.png"
+                 alt=""
+                 class="bg1 wow fadeInDown"
+                 data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg2-1.png"
+                 alt=""
+                 class="bg2 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg2-4.png"
+                 alt=""
+                 class="bg3 wow fadeInDown"
+                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg2-2.png"
+                 alt=""
+                 class="bg4 wow fadeInDown"
+                 data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg2-3.png"
+                 alt=""
+                 class="bg5 wow fadeInDown"
+                 data-wow-delay="0.5s">
+          </div>
+          <div class="text">
+            <img src="@/assets/img/index/index13.png"
+                 alt=""
+                 class="icon wow fadeInRight"
+                 data-wow-delay="0.2s">
+            <h6 class="wow fadeInLeft"
+                data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6>
+            <p class="desc wow fadeInLeft"
+               data-wow-delay="0.7s">项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p>
+          </div>
         </div>
-        <div class="product">
-            <div class="inner">
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index15.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">数据追踪与统计</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。</p>
-                    </div>
-                    <div class="pro-bg3">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg3-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg3-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s">
-                        <img src="@/assets/img/index/pro-bg3-3.png" alt="" class="bg5 wow fadeInDown" data-wow-delay="0.5s">
-                    </div>
-                </div>
-            </div>
+      </div>
+    </div>
+    <div class="product">
+      <div class="inner">
+        <div class="pics">
+          <div class="text">
+            <img src="@/assets/img/index/index15.png"
+                 alt=""
+                 class="icon wow fadeInLeft"
+                 data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp"
+                data-wow-delay="0.5s">数据追踪与统计</h6>
+            <p class="desc wow fadeInUp"
+               data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。</p>
+          </div>
+          <div class="pro-bg3">
+            <img src="@/assets/img/index/pro-bg3-4.png"
+                 alt=""
+                 class="bg1 wow fadeInDown"
+                 data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png"
+                 alt=""
+                 class="bg2 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg3-1.png"
+                 alt=""
+                 class="bg3 wow fadeInDown"
+                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg3-2.png"
+                 alt=""
+                 class="bg4 wow fadeInDown"
+                 data-wow-delay="0.5s">
+            <img src="@/assets/img/index/pro-bg3-3.png"
+                 alt=""
+                 class="bg5 wow fadeInDown"
+                 data-wow-delay="0.5s">
+          </div>
         </div>
-        <div class="product bg-white">
-            <div class="inner">
-                <div class="pics">
-                    <div class="pro-bg4">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg4-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg4-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
-                    </div>
-                    <div class="text">
-                        <img src="@/assets/img/index/index21.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">共享精品课程资源</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p>
-                    </div>
-                </div>
-            </div>
+      </div>
+    </div>
+    <div class="product bg-white">
+      <div class="inner">
+        <div class="pics">
+          <div class="pro-bg4">
+            <img src="@/assets/img/index/pro-bg3-4.png"
+                 alt=""
+                 class="bg1 wow fadeInDown"
+                 data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png"
+                 alt=""
+                 class="bg2 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg4-1.png"
+                 alt=""
+                 class="bg3 wow fadeInDown"
+                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg4-2.png"
+                 alt=""
+                 class="bg4 wow fadeInDown"
+                 data-wow-delay="0.2s">
+          </div>
+          <div class="text">
+            <img src="@/assets/img/index/index21.png"
+                 alt=""
+                 class="icon wow fadeInLeft"
+                 data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp"
+                data-wow-delay="0.5s">共享精品课程资源</h6>
+            <p class="desc wow fadeInUp"
+               data-wow-delay="0.5s">学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p>
+          </div>
         </div>
-        <div class="product">
-            <div class="inner">
-                <div class="pics">
-                    <div class="text">
-                        <img src="@/assets/img/index/index22.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s">
-                        <h6 class="wow fadeInUp" data-wow-delay="0.5s">自定义赛事活动</h6>
-                        <p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p>
-                    </div>
-                    <div class="pro-bg5">
-                        <img src="@/assets/img/index/pro-bg3-4.png" alt="" class="bg1 wow fadeInDown" data-wow-delay="0.6s">
-                        <img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s">
-                        <img src="@/assets/img/index/pro-bg5-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s">
-                        <img src="@/assets/img/index/pro-bg5-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s">
-                    </div>
-                </div>
-            </div>
+      </div>
+    </div>
+    <div class="product">
+      <div class="inner">
+        <div class="pics">
+          <div class="text">
+            <img src="@/assets/img/index/index22.png"
+                 alt=""
+                 class="icon wow fadeInLeft"
+                 data-wow-delay="0.5s">
+            <h6 class="wow fadeInUp"
+                data-wow-delay="0.5s">自定义赛事活动</h6>
+            <p class="desc wow fadeInUp"
+               data-wow-delay="0.5s">学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p>
+          </div>
+          <div class="pro-bg5">
+            <img src="@/assets/img/index/pro-bg3-4.png"
+                 alt=""
+                 class="bg1 wow fadeInDown"
+                 data-wow-delay="0.6s">
+            <img src="@/assets/img/index/pro-bg3-5.png"
+                 alt=""
+                 class="bg2 wow fadeInDown"
+                 data-wow-delay="0.7s">
+            <img src="@/assets/img/index/pro-bg5-1.png"
+                 alt=""
+                 class="bg3 wow fadeInDown"
+                 data-wow-delay="0.2s">
+            <img src="@/assets/img/index/pro-bg5-2.png"
+                 alt=""
+                 class="bg4 wow fadeInDown"
+                 data-wow-delay="0.2s">
+          </div>
         </div>
+      </div>
+    </div>
 
-        <div class="tool">
-          <div class="item wechat"></div>
-          <div class="popup wechat-popup">
-            <p class="tips">微信扫码添加职站售前咨询</p>
-            <p class="des">提供付费咨询及解决方案</p>
-            <img width="150" src="@/assets/img/index/customer.png" alt="">
+    <div class="tool">
+      <div class="item wechat"></div>
+      <div class="popup wechat-popup">
+        <p class="tips">微信扫码添加职站售前咨询</p>
+        <p class="des">提供付费咨询及解决方案</p>
+        <img width="150"
+             src="@/assets/img/index/customer.png"
+             alt="">
+      </div>
+      <div class="item tel"></div>
+      <div class="popup tel-popup">
+        <div class="tel-inner">
+          <div class="line">
+            <div>
+              <img class="icon"
+                   src="@/assets/img/index/tel-2.png"
+                   alt="">
+            </div>
+            <div class="text">
+              <p class="title">售前咨询</p>
+              <p class="tel-num"
+                 style="margin-bottom: 5px">郭晶</p>
+              <p class="tel-num">17671782660</p>
+            </div>
           </div>
-          <div class="item tel"></div>
-          <div class="popup tel-popup">
-            <div class="tel-inner">
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/index/tel-2.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title">售前咨询</p>
-                  <p class="tel-num" style="margin-bottom: 5px">郭老师</p>
-                  <p class="tel-num">17671782660</p>
-                </div>
-              </div>
-              <div class="line">
-                <div>
-                  <img class="icon" src="@/assets/img/index/sug.png" alt="">
-                </div>
-                <div class="text">
-                  <p class="title" @click="toQues">咨询，建议与反馈</p>
-                  <p class="des">您的每一条建议声音，我们都认真对待</p>
-                </div>
-              </div>
+          <div class="line">
+            <div>
+              <img class="icon"
+                   src="@/assets/img/index/sug.png"
+                   alt="">
+            </div>
+            <div class="text">
+              <p class="title"
+                 @click="toQues">咨询，建议与反馈</p>
+              <p class="des">您的每一条建议声音，我们都认真对待</p>
             </div>
           </div>
-          <div class="item topping" @click="topping"></div>
         </div>
+      </div>
+      <div class="item topping"
+           @click="topping"></div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -226,42 +383,42 @@ import Setting from '@/setting'
 import util from '@/libs/util'
 import WOW from 'wow.js'
 export default {
-    name: 'index',
-    data() {
-        return {
-            token: util.local.get(Setting.tokenKey),
-            active: ''
-        }
+  name: 'index',
+  data () {
+    return {
+      token: util.local.get(Setting.tokenKey),
+      active: ''
+    }
+  },
+  mounted () {
+    new WOW().init()
+  },
+  methods: {
+    toPart (i) {
+      this.active = i
+      document.querySelector(`#part${i}`).scrollIntoView()
     },
-    mounted() {
-        new WOW().init()
+    // 置顶
+    topping () {
+      document.documentElement.scrollTop = 0
+      document.body.scrollTop = 0
     },
-    methods: {
-        toPart(i){
-            this.active = i
-            document.querySelector(`#part${i}`).scrollIntoView()
-        },
-        // 置顶
-        topping() {
-          document.documentElement.scrollTop = 0
-          document.body.scrollTop = 0
-        },
-        // 问卷调查
-        toQues() {
-          window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
-        },
-    }
+    // 问卷调查
+    toQues () {
+      window.open('https://f.wps.cn/g/0sJLI4NA/')
+    },
+  }
 };
 </script>
 
 <style lang="scss" scoped>
 @import url(../../../plugins/wow/animate.css);
-.wrap{
+.wrap {
     position: relative;
-    background-color: #F3F6FA;
+    background-color: #f3f6fa;
     .screen {
-      position: absolute;
-      top: -1000px;
+        position: absolute;
+        top: -1000px;
     }
     .banner {
         .text {
@@ -278,7 +435,8 @@ export default {
             line-height: 30px;
         }
         .text3 {
-            h6, .des {
+            h6,
+            .des {
                 color: #fff;
             }
         }
@@ -288,31 +446,31 @@ export default {
         height: 100%;
     }
     .banner-bg1 {
-        background: url(../../../assets/img/index/banner1-1.png) (bottom left)/auto no-repeat,
-                    url(../../../assets/img/index/banner1-2.png) top left/auto no-repeat,
-                    url(../../../assets/img/index/banner1-3.png) (90% 9px)/auto no-repeat,
-                    url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
+        background: url(../../../assets/img/index/banner1-1.png) (bottom left) / auto no-repeat,
+            url(../../../assets/img/index/banner1-2.png) top left/auto no-repeat,
+            url(../../../assets/img/index/banner1-3.png) (90% 9px) / auto no-repeat,
+            url(../../../assets/img/index/banner1.png) 0 0/100% 100% no-repeat;
     }
     .banner-bg2 {
-        background: url(../../../assets/img/index/banner2-1.png) (34px 46px)/auto no-repeat,
-                    url(../../../assets/img/index/banner2-2.png) (0 0)/auto no-repeat,
-                    #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
+        background: url(../../../assets/img/index/banner2-1.png) (34px 46px) / auto no-repeat,
+            url(../../../assets/img/index/banner2-2.png) (0 0) / auto no-repeat,
+            #f9faff url(../../../assets/img/index/banner2.png) top right/auto no-repeat;
     }
     .banner-bg3 {
-        background: url(../../../assets/img/index/banner3-2.png) (30% 0)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-3.png) (28px 12px)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-4.png) (90% 10px)/auto no-repeat,
-                    url(../../../assets/img/index/banner3-5.png) (top right)/auto no-repeat,
-                    url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
+        background: url(../../../assets/img/index/banner3-2.png) (30% 0) / auto no-repeat,
+            url(../../../assets/img/index/banner3-3.png) (28px 12px) / auto no-repeat,
+            url(../../../assets/img/index/banner3-4.png) (90% 10px) / auto no-repeat,
+            url(../../../assets/img/index/banner3-5.png) (top right) / auto no-repeat,
+            url(../../../assets/img/index/banner3.png) 0 0/100% 100% no-repeat;
     }
-    .i-title{
+    .i-title {
         z-index: 1;
         position: relative;
         margin-bottom: 37px;
         font-size: 30px;
         text-align: center;
-        color: #0B1D30;
-        &:after{
+        color: #0b1d30;
+        &:after {
             content: '';
             position: absolute;
             bottom: -10px;
@@ -320,49 +478,51 @@ export default {
             width: 30px;
             height: 4px;
             transform: translate(-50%);
-            background-color: #006EFF;
+            background-color: #006eff;
         }
     }
-    .intro{
+    .intro {
         display: flex;
         justify-content: space-around;
         align-items: center;
         padding: 43px 0;
         background-color: #fff;
-        li{
+        li {
             display: inline-flex;
             align-items: center;
             cursor: pointer;
-            transition: .3s;
-            &.active{
-                h6, .desc{
-                    color: #006EFF;
+            transition: 0.3s;
+            &.active {
+                h6,
+                .desc {
+                    color: #006eff;
                 }
             }
-            &:hover{
+            &:hover {
                 margin-top: -15px;
-                h6, .desc{
-                    color: #006EFF;
+                h6,
+                .desc {
+                    color: #006eff;
                 }
             }
         }
-        img{
+        img {
             width: 50px;
             margin-right: 15px;
         }
-        h6{
+        h6 {
             margin-bottom: 5px;
             font-size: 16px;
-            color: #0B1D30;
-            transition: .5s;
+            color: #0b1d30;
+            transition: 0.5s;
         }
-        .desc{
+        .desc {
             font-size: 13px;
-            color: #757F92;
-            transition: .5s;
+            color: #757f92;
+            transition: 0.5s;
         }
     }
-    .inner{
+    .inner {
         position: relative;
         width: 1200px;
         padding: 67px 0;
@@ -376,95 +536,95 @@ export default {
         text-align: center;
         font-size: 28px;
         font-family: PingFangSC-Semibold, PingFang SC;
-        color: #E5EBF1;
+        color: #e5ebf1;
         transform: translate(-50%);
     }
-    .about{
-        .inner{
+    .about {
+        .inner {
             padding: 67px;
         }
-        .desc{
+        .desc {
             min-height: 200px;
             padding: 35px 280px 35px 55px;
             font-size: 14px;
-            color: #0B1D30;
+            color: #0b1d30;
             line-height: 30px;
             background: url(../../../assets/img/index/index6.png) 0 0/100% 100% no-repeat;
         }
     }
-    .adv{
+    .adv {
         position: relative;
         background: #fff url(../../../assets/img/index/index7.png) 0 0/100% 100% no-repeat;
-        .shape{
+        .shape {
             position: absolute;
         }
-        .shape1{
+        .shape1 {
             top: 25px;
             right: 10px;
         }
-        .shape2{
+        .shape2 {
             bottom: 30px;
             left: 50px;
         }
-        .shape3{
+        .shape3 {
             bottom: 25px;
             right: 50px;
         }
-        .list{
+        .list {
             display: flex;
-            li{
+            li {
                 width: 33.33%;
                 padding: 107px 35px 30px;
                 margin-right: 20px;
                 text-align: center;
                 box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
                 border-radius: 10px;
-                &:last-child{
+                &:last-child {
                     margin-right: 0;
                 }
                 &:hover {
                     img {
-                        transform: rotateY(180deg)
+                        transform: rotateY(180deg);
                     }
                     h6 {
                         margin-top: 40px;
                     }
                 }
             }
-            img{
+            img {
                 width: 64px;
-                transition: .6s;
+                transition: 0.6s;
             }
-            h6{
+            h6 {
                 margin: 45px 0 16px;
                 font-size: 18px;
                 line-height: 28px;
-                color: #0B1D30;
-                transition: .3s;
+                color: #0b1d30;
+                transition: 0.3s;
             }
-            .text{
+            .text {
                 font-size: 14px;
-                color: #757F92;
+                color: #757f92;
             }
         }
     }
-    .pics{
+    .pics {
         display: flex;
         justify-content: space-between;
-        .icon{
+        .icon {
             width: 60px;
         }
-        .text{
+        .text {
             width: 340px;
         }
-        h6{
+        h6 {
             margin: 30px 0 10px;
             font-size: 28px;
-            color: #0B1D30;
+            color: #0b1d30;
         }
-        .desc{
+        .desc {
             font-size: 15px;
-            color: #757F92;
+            color: #757f92;
         }
         .pro-bg1 {
             position: relative;
@@ -472,7 +632,7 @@ export default {
             height: 410px;
             img {
                 position: absolute;
-                transition: .5s;
+                transition: 0.5s;
             }
             .bg1 {
                 top: 0;
@@ -527,7 +687,15 @@ export default {
                 .bg3 {
                     transform: scale(1.1);
                 }
-                .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10, .bg11, .bg12 {
+                .bg4,
+                .bg5,
+                .bg6,
+                .bg7,
+                .bg8,
+                .bg9,
+                .bg10,
+                .bg11,
+                .bg12 {
                     transform: translateY(-10px);
                 }
             }
@@ -538,7 +706,7 @@ export default {
             height: 360px;
             img {
                 position: absolute;
-                transition: .5s;
+                transition: 0.5s;
             }
             .bg1 {
                 top: 0;
@@ -581,7 +749,7 @@ export default {
             height: 360px;
             img {
                 position: absolute;
-                transition: .5s;
+                transition: 0.5s;
             }
             .bg1 {
                 top: 0;
@@ -622,7 +790,7 @@ export default {
             height: 360px;
             img {
                 position: absolute;
-                transition: .5s;
+                transition: 0.5s;
             }
             .bg1 {
                 top: 0;
@@ -660,7 +828,7 @@ export default {
             height: 360px;
             img {
                 position: absolute;
-                transition: .5s;
+                transition: 0.5s;
             }
             .bg1 {
                 top: 0;
@@ -692,14 +860,14 @@ export default {
             }
         }
     }
-    .none{
+    .none {
         padding: 50px 0;
         text-align: center;
-        img{
+        img {
             width: 324px;
             margin-bottom: 42px;
         }
-        .text{
+        .text {
             font-size: 12px;
             color: #333;
         }
@@ -717,102 +885,102 @@ export default {
     }
 }
 .tool {
-  z-index: 10;
-  position: fixed;
-  bottom: 100px;
-  right: 30px;
-  .item {
-    width: 45px;
-    height: 45px;
-    margin-bottom: 10px;
-    border: 1px solid #e5e5e5;
-    cursor: pointer;
-  }
-  .wechat {
-    background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/wechat-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .tel {
-    background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/tel-1.png);
-      background-color: #006EFF;
-      & + .popup {
-        display: block;
-      }
-    }
-  }
-  .topping {
-    background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
-    &:hover {
-      background-image: url(../../../assets/img/index/top-1.png);
-      background-color: #006EFF;
-    }
-  }
-  .popup {
-    position: absolute;
-    display: none;
-  }
-  .wechat-popup {
-    top: -100px;
-    left: -230px;
-    padding: 20px;
-    text-align: center;
-    background-color: #fff;
-	  box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
-    .tips {
-      font-size: 14px;
-    }
-    .des {
-      margin: 5px 0 15px;
-      font-size: 12px;
-      color: #333;
-    }
-  }
-  .tel-popup {
-    top: -10px;
-    left: -250px;
-    width: 250px;
-    border-right: 20px solid transparent;
-    &:hover {
-      display: block;
+    z-index: 10;
+    position: fixed;
+    bottom: 100px;
+    right: 30px;
+    .item {
+        width: 45px;
+        height: 45px;
+        margin-bottom: 10px;
+        border: 1px solid #e5e5e5;
+        cursor: pointer;
     }
-    .tel-inner {
-      padding: 20px;
-      background-color: #fff;
-      box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
+    .wechat {
+        background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
+        &:hover {
+            background-image: url(../../../assets/img/index/wechat-1.png);
+            background-color: #006eff;
+            & + .popup {
+                display: block;
+            }
+        }
     }
-    .line {
-      display: flex;
-      &:first-child {
-        margin-bottom: 20px;
-      }
+    .tel {
+        background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
+        &:hover {
+            background-image: url(../../../assets/img/index/tel-1.png);
+            background-color: #006eff;
+            & + .popup {
+                display: block;
+            }
+        }
     }
-    .text {
-      margin-left: 15px;
+    .topping {
+        background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
+        &:hover {
+            background-image: url(../../../assets/img/index/top-1.png);
+            background-color: #006eff;
+        }
     }
-    .title {
-      margin-bottom: 5px;
-      font-size: 14px;
-      cursor: pointer;
-      &:hover {
-        color: #006EFF;
-      }
+    .popup {
+        position: absolute;
+        display: none;
     }
-    .tel-num {
-      font-size: 12px;
-      color: #006EFF;
+    .wechat-popup {
+        top: -100px;
+        left: -230px;
+        padding: 20px;
+        text-align: center;
+        background-color: #fff;
+        box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
+        .tips {
+            font-size: 14px;
+        }
+        .des {
+            margin: 5px 0 15px;
+            font-size: 12px;
+            color: #333;
+        }
     }
-    .des {
-      font-size: 12px;
-      color: #686868;
+    .tel-popup {
+        top: -10px;
+        left: -250px;
+        width: 250px;
+        border-right: 20px solid transparent;
+        &:hover {
+            display: block;
+        }
+        .tel-inner {
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0px 0px 7px 0px rgba(203, 203, 203, 0.55);
+        }
+        .line {
+            display: flex;
+            &:first-child {
+                margin-bottom: 20px;
+            }
+        }
+        .text {
+            margin-left: 15px;
+        }
+        .title {
+            margin-bottom: 5px;
+            font-size: 14px;
+            cursor: pointer;
+            &:hover {
+                color: #006eff;
+            }
+        }
+        .tel-num {
+            font-size: 12px;
+            color: #006eff;
+        }
+        .des {
+            font-size: 12px;
+            color: #686868;
+        }
     }
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/station/preview/index.vue b/src/pages/station/preview/index.vue
index 3ad9ee7..940e50a 100644
--- a/src/pages/station/preview/index.vue
+++ b/src/pages/station/preview/index.vue
@@ -157,8 +157,8 @@
       <div class="tab-content">
         <div v-if="active === 1"
              class="page">
-          <p class="intro"
-             v-html="briefIntroduction"></p>
+          <div class="des"
+               v-html="briefIntroduction"></div>
         </div>
         <div v-if="active === 2"
              class="page">
@@ -208,15 +208,13 @@
                                 :key="i">
                 <p class="sign">{{ item.createTime }}</p>
                 <div class="ver">
-                  <div>
-                    {{ item.noteName }}
-                    <span class="action">
-                      <i class="el-icon-edit-outline"
-                         @click="editNote(item)"></i>
-                      <i class="el-icon-delete"
-                         @click="delNote(item)"></i>
-                    </span>
-                  </div>
+                  {{ item.noteName }}
+                  <span class="action">
+                    <i class="el-icon-edit-outline"
+                       @click="editNote(item)"></i>
+                    <i class="el-icon-delete"
+                       @click="delNote(item)"></i>
+                  </span>
                 </div>
                 <div class="des"
                      v-html="item.noteContent"></div>
@@ -256,7 +254,7 @@
                   <i class="icon el-icon-chat-dot-square"
                      @click="showReplay(item)"></i>
                   <!-- 当前用户是管理员 || 当前用户的account==该条评论的创建人accountId -->
-                  <i v-if="item.currentRoleName.includes('管理员') || item.currentAccountId == item.createAccountId"
+                  <i v-if="(item.currentRoleName && item.currentRoleName.includes('管理员')) || item.currentAccountId == item.createAccountId"
                      class="icon el-icon-delete"
                      @click="delComment(item)"></i>
                   <!-- <div class="like-wrap"
@@ -310,7 +308,7 @@
                       <i class="icon el-icon-chat-dot-square"
                          @click="showReplay(reply)"></i>
                       <!-- 当前用户是管理员 || 当前用户的account==该条评论的创建人accountId -->
-                      <i v-if="reply.currentRoleName.includes('管理员') || reply.currentAccountId == reply.createAccountId"
+                      <i v-if="(reply.currentRoleName && reply.currentRoleName.includes('管理员')) || reply.currentAccountId == reply.createAccountId"
                          class="icon el-icon-delete"
                          @click="delComment(reply)"></i>
                       <!-- <div class="like-wrap"
@@ -578,11 +576,11 @@ export default {
     // 查询是否过期
     getStatus () {
       this.$get(this.api.whetherToRenewTheFee, {
-        cid: this.courseId
+        mallId: this.mallId
       }).then(({ isRenew }) => {
         // 1正常显示资源，0显示续费
         this.overdue = isRenew
-        this.getChapter(1)
+        this.getChapter()
         this.getProgress()
       }).catch(res => { })
     },
@@ -679,7 +677,6 @@ export default {
         this.$nextTick(async () => {
           if (this.curReplyId) {
             const el = document.querySelector('#comment' + this.curReplyId)
-            console.log("🚀 ~ file: index.vue:681 ~ this.$nextTick ~ el:", el)
             el && el.scrollIntoView(false)
           }
           if (this.commentId) {
@@ -971,9 +968,7 @@ export default {
       let userName = window.btoa(encodeURIComponent(this.userName));
       if (systemId == 11) {
         // 银行系统
-        sessionStorage.removeItem('projectId')
-        sessionStorage.removeItem('submited')
-        location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true`
+        location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&mallId=${this.mallId}&systemId=${this.systemIds}&projectId=${this.curProject}&assessmentId=&classId=&stopTime=&test=true`
       } else if (systemId == 12) {
         // 众筹系统
         window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${this.courseId}&projectId=${this.curProject}&token=${token}&userId=${this.userId}&classId=1`);
@@ -1001,10 +996,12 @@ $height: 700px;
     border: 0;
 }
 .page {
-    .intro {
-        font-size: 14px;
-        color: #333;
-        line-height: 24px;
+    /deep/.des {
+        div,
+        p,
+        span {
+            font-family: PingFangSC-Regular !important;
+        }
     }
 }
 .l-title {
diff --git a/src/setting.js b/src/setting.js
index 70d8efa..bd109d5 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -28,7 +28,7 @@ if (isPro) {
     uploadURL = `http://121.37.12.51/`
     host = "http://121.37.12.51/"; // 测试服
     // host = 'https://www.occupationlab.com/' // 正式服
-    // host = "http://192.168.31.152:9000/"; // 榕
+    host = "http://192.168.31.152:9000/"; // 榕
     // host = "http://192.168.31.51:9000/"; // 赓
 }
 
diff --git a/src/styles/page/station.scss b/src/styles/page/station.scss
index e9ee4bd..e48d274 100644
--- a/src/styles/page/station.scss
+++ b/src/styles/page/station.scss
@@ -121,7 +121,7 @@
         align-items: center;
         padding-bottom: 10px;
         margin: -22px 0 20px;
-        font-size: 18px;
+        font-size: 20px;
         color: #007eff;
         border-bottom: 1px dashed #bfbfbf;
     }