From f7f57d84dd7224bd97508b52db524789db1ab045 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 24 Jul 2024 17:23:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E9=AA=8C=E5=8F=B0=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         |  47 +++-
 src/api/index.js                    |   2 +
 src/layouts/header/index.vue        | 161 +++++------
 src/pages/product/show/index.vue    |  30 +-
 src/pages/station/list/index.vue    | 413 ++++++++++++++++------------
 src/pages/station/preview/index.vue |  59 ++--
 src/setting.js                      |   6 +-
 7 files changed, 394 insertions(+), 324 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d5535d4..e89ccff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,12 @@
 <template>
-    <div id="app">
-        <router-view></router-view>
-    </div>
+  <div id="app">
+    <el-radio-group v-if="Setting.isDev" v-model="ip" @change="ipChange">
+      <el-radio :label="0">刘榕ip</el-radio>
+      <el-radio :label="1">陈赓ip</el-radio>
+      <el-radio :label="2">测试服ip</el-radio>
+    </el-radio-group>
+    <router-view></router-view>
+  </div>
 </template>
 
 <script>
@@ -9,18 +14,30 @@ import Setting from "@/setting";
 import util from "@/libs/util";
 
 export default {
-    name: "App",
-    created() {
-        //在页面加载时读取localStorage里的状态信息
-        if (util.local.get(Setting.storeKey)) {
-            this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
-        }
-
-        //在页面刷新时将vuex里的信息保存到localStorage里
-        window.addEventListener("beforeunload", () => {
-            sessionStorage.removeItem('handelPermission')
-            util.local.get(Setting.tokenKey) && util.local.set(Setting.storeKey, this.$store.state);
-        });
+  name: "App",
+  data () {
+    return {
+      Setting,
+      ip: localStorage.getItem('ip') ? +localStorage.getItem('ip') : 0,
+    };
+  },
+  created () {
+    //在页面加载时读取localStorage里的状态信息
+    if (util.local.get(Setting.storeKey)) {
+      this.$store.replaceState(Object.assign({}, this.$store.state, util.local.get(Setting.storeKey)));
     }
+
+    //在页面刷新时将vuex里的信息保存到localStorage里
+    window.addEventListener("beforeunload", () => {
+      sessionStorage.removeItem('handelPermission')
+      util.local.get(Setting.tokenKey) && util.local.set(Setting.storeKey, this.$store.state);
+    });
+  },
+  methods: {
+    ipChange (val) {
+      localStorage.setItem('ip', val)
+      location.reload()
+    },
+  }
 };
 </script>
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
index dcd84f1..120a354 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -34,6 +34,8 @@ export default {
   updateLearningProgress: 'nakadai/nakadai/curriculum/learning/progressprogress/update',
   maximumPracticeScoreList: 'occupationlab/occupationlab/achievement/maximumPracticeScoreList',
   getSandTableLastCache: `product/product/bank/operation/getSandTableLastCache`,
+  getSchoolCourseAuthority: `nakadai/nakadai/curriculum/getSchoolCourseAuthority`,
+  requestRenewalNotice: `nakadai/nakadai/curriculum/requestRenewalNotice`,
   // 课程笔记
   addNote: `nakadai/curriculumNotes/addNote`,
   curriculumNoteList: `nakadai/curriculumNotes/curriculumNoteList`,
diff --git a/src/layouts/header/index.vue b/src/layouts/header/index.vue
index 92207cf..44d2c28 100644
--- a/src/layouts/header/index.vue
+++ b/src/layouts/header/index.vue
@@ -1,82 +1,46 @@
 <template>
   <div class="header">
     <div style="line-height: 60px">
-      <img v-if="Setting.isSq"
-           class="logo"
-           style="max-height: 100%"
-           src="/images/1.png"
-           alt="">
-      <img v-else
-           class="logo"
-           :src="logoUrl" />
+      <img v-if="Setting.isSq" class="logo" style="max-height: 100%" src="/images/1.png" alt="">
+      <img v-else class="logo" :src="logoUrl" />
       <span class="title">{{ title }}</span>
     </div>
-    <el-radio-group v-if="Setting.isDev"
-                    v-model="ip"
-                    @change="ipChange">
-      <el-radio :label="0">刘榕ip</el-radio>
-      <el-radio :label="1">陈赓ip</el-radio>
-    </el-radio-group>
     <div class="action">
-      <el-popover placement="top"
-                  :disabled="!notices.length">
-        <p v-for="(item, i) in notices"
-           :key="i"
-           class="p-v-5 cursor-pointer"
-           @click="toComment(item)">{{ item.commentUsername }} 回复了你的评论</p>
-        <el-badge class="msg"
-                  :is-dot="!!notices.length"
-                  slot="reference">消息</el-badge>
+      <el-popover placement="top" :disabled="!notices.length">
+        <p v-for="(item, i) in notices" :key="i" class="p-v-5 cursor-pointer" @click="toComment(item)">{{
+          item.commentUsername }} 回复了你的评论</p>
+        <el-badge class="msg" :is-dot="!!notices.length" slot="reference">消息</el-badge>
       </el-popover>
-      <el-dropdown class="user-wrap"
-                   @command="userCommand">
+      <el-dropdown class="user-wrap" @command="userCommand">
         <div class="user">
-          <el-avatar :size="40"
-                     :src="avatar"></el-avatar>
+          <el-avatar :size="40" :src="avatar"></el-avatar>
           <span class="m-l-10">{{ customerName || userName }}</span>
         </div>
         <el-dropdown-menu slot="dropdown">
-          <el-dropdown-item v-if="!customerName"
-                            command="person">个人中心</el-dropdown-item>
-          <el-dropdown-item v-else
-                            command="resetPw">修改密码</el-dropdown-item>
+          <el-dropdown-item v-if="!customerName" command="person">个人中心</el-dropdown-item>
+          <el-dropdown-item v-else command="resetPw">修改密码</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
       <el-divider direction="vertical"></el-divider>
-      <el-button type="text"
-                 class="ml20"
-                 @click="logout">退出</el-button>
+      <el-button type="text" class="ml20" @click="logout">退出</el-button>
     </div>
-    <el-dialog title="修改密码"
-               :visible.sync="passwordVisible"
-               :close-on-click-modal="false"
-               :append-to-body="true"
-               @close="resetPassword"
-               width="30%">
-      <el-form ref="passwordForm"
-               label-width="82px">
+    <el-dialog title="修改密码" :visible.sync="passwordVisible" :close-on-click-modal="false" :append-to-body="true"
+      @close="resetPassword" width="30%">
+      <el-form ref="passwordForm" label-width="82px">
         <el-form-item label="原密码">
-          <el-input type="password"
-                    v-model="passwordForm.password"
-                    placeholder="请输入原密码"></el-input>
+          <el-input type="password" v-model="passwordForm.password" placeholder="请输入原密码"></el-input>
         </el-form-item>
         <el-form-item label="新密码">
-          <el-input type="password"
-                    v-model="passwordForm.newPassword"
-                    placeholder="请输入新密码"></el-input>
+          <el-input type="password" v-model="passwordForm.newPassword" placeholder="请输入新密码"></el-input>
         </el-form-item>
         <el-form-item label="确认新密码">
-          <el-input type="password"
-                    v-model="passwordForm.reNewPassword"
-                    placeholder="请确认新密码"
-                    @keyup.enter.native="submitPassword"></el-input>
+          <el-input type="password" v-model="passwordForm.reNewPassword" placeholder="请确认新密码"
+            @keyup.enter.native="submitPassword"></el-input>
         </el-form-item>
       </el-form>
-      <span slot="footer"
-            class="dialog-footer">
+      <span slot="footer" class="dialog-footer">
         <el-button @click="passwordVisible = false">取 消</el-button>
-        <el-button type="primary"
-                   @click="submitPassword">确 定</el-button>
+        <el-button type="primary" @click="submitPassword">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -250,56 +214,57 @@ export default {
 </script>
 <style lang="scss" scoped>
 .header {
-    position: relative;
-    height: 60px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-size: 16px;
-    color: #333;
-    background-color: #fff;
+  position: relative;
+  height: 60px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  color: #333;
+  background-color: #fff;
 
-    .logo {
-        max-height: 50px;
-        margin: 0 40px;
-    }
+  .logo {
+    max-height: 50px;
+    margin: 0 20px 0 40px;
+  }
 
-    .title {
-        font-size: 18px;
-        font-weight: bold;
-    }
+  .title {
+    font-size: 18px;
+    font-weight: bold;
+  }
 
-    .action {
-        display: flex;
-        padding-right: 50px;
-        align-items: center;
+  .action {
+    display: flex;
+    padding-right: 50px;
+    align-items: center;
 
-        .user {
-            display: inline-flex;
-            align-items: center;
-            cursor: pointer;
-            span {
-                font-size: 12px;
-            }
-        }
+    .user {
+      display: inline-flex;
+      align-items: center;
+      cursor: pointer;
 
-        .el-button--text {
-            margin-left: 20px;
-            color: #333;
-        }
+      span {
+        font-size: 12px;
+      }
+    }
 
-        .el-divider {
-            width: 2px;
-            height: 15px;
-            margin-left: 20px;
-            background-color: #333;
-        }
+    .el-button--text {
+      margin-left: 20px;
+      color: #333;
     }
 
-    .msg {
-        margin-right: 30px;
-        font-size: 12px;
-        cursor: pointer;
+    .el-divider {
+      width: 2px;
+      height: 15px;
+      margin-left: 20px;
+      background-color: #333;
     }
+  }
+
+  .msg {
+    margin-right: 30px;
+    font-size: 12px;
+    cursor: pointer;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/product/show/index.vue b/src/pages/product/show/index.vue
index 79c193d..e106f1f 100644
--- a/src/pages/product/show/index.vue
+++ b/src/pages/product/show/index.vue
@@ -52,7 +52,9 @@
               <div class="text">{{ form.goodsRes.typeName }}</div>
             </div>
           </div>
-          <button v-if="!form.goodsRes.logoOfOurSchool" class="btn" @click="toTrail">试用体验</button>
+
+          <button v-if="!overdue" class="btn" @click="toRenew">续费</button>
+          <button v-else-if="!form.goodsRes.logoOfOurSchool" class="btn" @click="toTrail">试用体验</button>
           <button v-else-if="isCourse || withLink" class="btn entry" @click="toStation">进入{{ isDataforward ? '系统' : '实验'
             }}</button>
           <button v-else-if="isValueModule" class="btn entry" @click="toSystem">进入系统</button>
@@ -148,7 +150,8 @@ export default {
       chapterList: [],
       hots: [],
       linkVisible: false,
-      height: ''
+      height: '',
+      overdue: 0, //是否过期
     };
   },
   computed: {
@@ -196,6 +199,7 @@ export default {
     next()
   },
   mounted () {
+    this.getStatus()
     this.getData()
     this.getHot()
   },
@@ -225,6 +229,15 @@ export default {
         this.chapterList = res.chapterList
       }
     },
+    // 查询是否过期
+    getStatus () {
+      this.$get(this.api.whetherToRenewTheFee, {
+        mallId: this.id
+      }).then(({ isRenew }) => {
+        // 1正常显示资源，0显示续费
+        this.overdue = isRenew
+      }).catch(res => { })
+    },
     // tab切换
     tabChange ({ id }) {
       this.curTab = id
@@ -253,6 +266,19 @@ export default {
           this.getChapter()
         }).catch(res => { })
     },
+    // 续费
+    async toRenew () {
+      try {
+        await this.$confirm(`<p style="margin-bottom: 10px;">确认提交续期申请吗？</p><p style="font-size: 12px;">提交后，我们将立即处理您的续期请求。请耐心等待，我们会尽快完成续期流程。</p>`, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'success',
+          closeOnClickModal: false,
+          dangerouslyUseHTMLString: true,
+        })
+        await this.$post(`${this.api.requestRenewalNotice}?mallId=${this.id}`)
+      } catch (e) { }
+    },
     // 跳转试用体验
     toTrail () {
       window.open('https://www.wjx.top/vm/wFCPCFp.aspx')
diff --git a/src/pages/station/list/index.vue b/src/pages/station/list/index.vue
index 11e77d6..f5f526d 100644
--- a/src/pages/station/list/index.vue
+++ b/src/pages/station/list/index.vue
@@ -3,104 +3,135 @@
   <div class="wrap">
     <div class="search">
       <h6>创新实验，智能教学</h6>
-      <div class="input"
-           v-auth="'搜索'">
-        <img src="@/assets/img/search.png"
-             alt="">
-        <input type="text"
-               placeholder="请输入关键词"
-               v-model="keyword">
+      <div class="input" v-auth="'搜索'">
+        <img src="@/assets/img/search.png" alt="">
+        <input type="text" placeholder="请输入关键词" v-model="keyword">
       </div>
     </div>
     <div class="station">
       <div class="inner">
         <div class="tab">
-          <a class="item"
-             v-for="(item, i) in tabs"
-             :key="i"
-             :class="{active: item.id == active}"
-             @click="tabChange(item)">{{ item.name }}</a>
+          <a class="item" v-for="(item, i) in tabs" :key="i" :class="{ active: item.classificationId === active }"
+            @click="tabChange(item)">{{ item.classificationName }}</a>
         </div>
         <div class="curs">
-          <template v-if="curriculumList.length">
-            <template v-for="(item,i) in curriculumList">
-              <div class="item"
-                   :title="item.goodsName"
-                   @click="goPreview(item)"
-                   :key="i"
-                   v-if="!keyword || item.goodsName.includes(keyword)">
-                <div v-if="isSq"
-                     class="cover"
-                     :style="{backgroundImage: 'url(/images/' + i + '.png)'}"></div>
-                <div v-else
-                     class="cover"
-                     :style="{backgroundImage: 'url(' + item.coverUrl + ')'}"></div>
-                <div class="bottom">
-                  <p class="text"><span>{{ item.goodsName || item.curriculumName }}</span></p>
-                  <a>进入实验</a>
-                </div>
+          <template v-if="products.length">
+            <div v-for="(item, i) in products" class="item" :title="item.goodsName" @click="toProduct(item)" :key="i">
+              <div v-if="isZj || isSq" class="cover" :style="{ backgroundImage: 'url(/images/' + i + '.png)' }"></div>
+              <div v-else class="cover" :style="{ backgroundImage: 'url(' + item.coverUrl + ')' }"></div>
+              <div class="bottom">
+                <p class="text"><span>{{ item.goodsName || item.curriculumName }}</span></p>
+                <a>{{ item.isInEffect ? '进入实验' : '续费' }}</a>
               </div>
-            </template>
+            </div>
           </template>
-          <div class="empty flex-1"
-               v-else>
+          <div class="empty flex-1" v-else>
             <div>
-              <img src="@/assets/img/none.png"
-                   alt="">
+              <img src="@/assets/img/none.png" alt="">
               <p>暂无数据</p>
             </div>
           </div>
         </div>
       </div>
     </div>
+
+    <!-- 选择链接 -->
+    <el-dialog title="请选择链接" :visible.sync="linkVisible" width="420px" center :close-on-click-modal="false">
+      <div class="buy">
+        <div v-for="(link, i) in links" :key="i" class="link-line">
+          {{ link.urlName }}：
+          <a class="url" :href="link.url" target="_blank">{{ link.url }}</a>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import Setting from "@/setting";
+import Setting from '@/setting'
 export default {
-  name: "backstage",
   data () {
     return {
+      isZj: location.host === '10.60.32.76', // 浙江万里
       isSq: Setting.isSq,
       keyword: this.$route.query.keyword || '',
-      active: +this.$route.query.active || 0,
-      tabs: [
-        {
-          id: 0,
-          name: '实验课程'
-        },
-        {
-          id: 1,
-          name: '最近使用'
-        }
-      ],
-      curriculumList: []
+      active: +this.$route.query.active || '',
+      searchTimer: null,
+      tabs: [],
+      products: [],
+
+      linkVisible: false,
+      links: [],
     }
   },
+  watch: {
+    keyword: function () {
+      clearTimeout(this.searchTimer)
+      this.searchTimer = setTimeout(this.getList, 500)
+    },
+  },
   mounted () {
-    this.getschoolCourse();
+    this.getTab()
   },
   methods: {
-    getschoolCourse () { // 获取课程列表
-      this.active ?
-        this.$post(this.api.recentUse, {
+    // 获取tab
+    async getTab () {
+      const { data } = await this.$get(this.api.getSchoolCourseAuthority)
+      this.tabs = [
+        {
+          classificationId: '',
+          classificationName: '全部',
+        },
+        ...data,
+        {
+          classificationId: 0,
+          classificationName: '最近使用',
+        },
+      ]
+      this.getList()
+    },
+    // 获取课程列表
+    async getList () {
+      // 最近使用
+      if (this.active === 0) {
+        const { page } = await this.$post(this.api.recentUse, {
           pageNum: 1,
-          pageSize: 100
-        }).then(({ page }) => {
-          this.curriculumList = page.records
-        }).catch(err => { }) :
-        this.$get(this.api.schoolCourse).then(res => {
-          this.curriculumList = res.data;
-        }).catch(err => { });
+          pageSize: 100,
+          goodsName: this.keyword,
+        })
+        this.curriculumList = page.records
+      } else {
+        const { data } = await this.$get(this.api.schoolCourse, {
+          authority: this.active,
+          goodsName: this.keyword,
+        })
+        this.products = data
+      }
     },
-    goPreview (item) {
-      this.$router.push(`/station/preview?courseId=${item.cid}&curriculumName=${item.goodsName}&mallId=${item.mallId || ''}&keyword=${this.keyword}&active=${this.active}`);
+    toProduct (item) {
+      // 未过期
+      if (item.isInEffect) {
+        const links = item.nonAssociatedLinks
+        // 有链接
+        if (links && links.length) {
+          if (links.length === 1) {
+            window.open(links[0].url)
+          } else {
+            this.linkVisible = true
+            this.links = item.nonAssociatedLinks
+          }
+        } else {
+          this.$router.push(`/station/preview?courseId=${item.cid}&curriculumName=${item.goodsName}&mallId=${item.mallId || ''}&keyword=${this.keyword}&active=${this.active}`)
+        }
+      } else {
+        // 续费
+        this.$router.push(`/product/show?id=${item.mallId}`)
+      }
     },
     // tab切换
     tabChange (item) {
-      this.active = item.id
-      this.getschoolCourse()
+      this.active = item.classificationId
+      this.getList()
     },
   }
 };
@@ -108,137 +139,157 @@ export default {
 
 <style lang="scss" scoped>
 .wrap {
-    margin: -24px;
+  margin: -24px;
 }
+
 .search {
+  position: relative;
+  padding: 100px 0 130px;
+  text-align: center;
+  background: url(../../../assets/img/station-bg.png) 0 0/100% 100% no-repeat;
+
+  h6 {
+    margin-bottom: 25px;
+    font-size: 26px;
+    color: #fff;
+  }
+
+  .input {
     position: relative;
-    padding: 100px 0 130px;
-    text-align: center;
-    background: url(../../../assets/img/station-bg.png) 0 0/100% 100% no-repeat;
-    h6 {
-        margin-bottom: 25px;
-        font-size: 26px;
-        color: #fff;
-    }
-    .input {
-        position: relative;
-        width: 700px;
-        margin: 0 auto;
-    }
-    img {
-        position: absolute;
-        top: 19px;
-        left: 14px;
-    }
-    input {
-        width: 100%;
-        height: 62px;
-        line-height: 62px;
-        padding: 0 50px;
-        font-size: 18px;
-        color: #333;
-        border: 0;
-        outline: none;
-        border-radius: 4px;
-    }
+    width: 700px;
+    margin: 0 auto;
+  }
+
+  img {
+    position: absolute;
+    top: 19px;
+    left: 14px;
+  }
+
+  input {
+    width: 100%;
+    height: 62px;
+    line-height: 62px;
+    padding: 0 50px;
+    font-size: 18px;
+    color: #333;
+    border: 0;
+    outline: none;
+    border-radius: 4px;
+  }
 }
 
 .tab {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    .item {
-        padding: 0 20px;
-        margin-right: 16px;
-        font-size: 17px;
-        text-align: center;
-        color: #333;
-        line-height: 50px;
-        border-bottom: 3px solid transparent;
-        cursor: pointer;
-        &.active {
-            color: #007eff;
-            border-color: #007eff;
-        }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .item {
+    padding: 0 20px;
+    margin-right: 16px;
+    font-size: 17px;
+    text-align: center;
+    color: #333;
+    line-height: 50px;
+    border-bottom: 3px solid transparent;
+    cursor: pointer;
+
+    &.active {
+      color: #007eff;
+      border-color: #007eff;
     }
+  }
 }
+
 .station {
-    min-height: calc(100vh - 520px);
-    background: url(../../../assets/img/station1.png) (top left) / auto no-repeat,
-        url(../../../assets/img/station2.png) bottom right/auto no-repeat;
-    .inner {
-        width: 1072px;
-        margin: 0 auto;
-    }
-    .curs {
+  min-height: calc(100vh - 520px);
+  background: url(../../../assets/img/station1.png) (top left) / auto no-repeat,
+    url(../../../assets/img/station2.png) bottom right/auto no-repeat;
+
+  .inner {
+    width: 1072px;
+    margin: 0 auto;
+  }
+
+  .curs {
+    display: flex;
+    flex-wrap: wrap;
+    width: 1072px;
+    padding-top: 60px;
+    margin: 0 auto;
+
+    .item {
+      position: relative;
+      padding: 0 10px;
+      margin: 0 10px 40px;
+      text-align: center;
+      background-color: #fff;
+      border-radius: 8px;
+      cursor: pointer;
+
+      &:hover {
+        opacity: 0.9;
+      }
+
+      .cover {
+        width: 215px;
+        height: 118px;
+        margin-top: -20px;
+        border-radius: 12px;
+        background-size: 100% 100%;
+        background-position: 0 0;
+        background-repeat: no-repeat;
+      }
+
+      .bottom {
         display: flex;
-        flex-wrap: wrap;
-        width: 1072px;
-        padding-top: 60px;
-        margin: 0 auto;
-        .item {
-            position: relative;
-            padding: 0 10px;
-            margin: 0 10px 40px;
-            text-align: center;
-            background-color: #fff;
-            border-radius: 8px;
-            cursor: pointer;
-            &:hover {
-                opacity: 0.9;
-            }
-            .cover {
-                width: 215px;
-                height: 118px;
-                margin-top: -20px;
-                border-radius: 12px;
-                background-size: 100% 100%;
-                background-position: 0 0;
-                background-repeat: no-repeat;
-            }
-            .bottom {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                padding: 10px 5px;
-            }
-            .text {
-                display: inline-flex;
-                align-items: center;
-                width: 130px;
-                height: 40px;
-                text-align: left;
-                font-size: 12px;
-                line-height: 1.6;
-                overflow: hidden;
-                span {
-                    @include mul-ellipsis(2);
-                }
-            }
-            a {
-                padding: 0 8px;
-                line-height: 28px;
-                font-size: 14px;
-                color: #7a7a7a;
-                border-radius: 20px;
-                border: 1px solid #dadada;
-            }
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px 5px;
+      }
+
+      .text {
+        display: inline-flex;
+        align-items: center;
+        width: 130px;
+        height: 40px;
+        text-align: left;
+        font-size: 12px;
+        line-height: 1.6;
+        overflow: hidden;
+
+        span {
+          @include mul-ellipsis(2);
         }
+      }
+
+      a {
+        padding: 0 8px;
+        line-height: 28px;
+        font-size: 14px;
+        color: #7a7a7a;
+        border-radius: 20px;
+        border: 1px solid #dadada;
+      }
     }
+  }
 }
+
 .empty {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 50px 0;
-    text-align: center;
-    img {
-        width: 471px;
-    }
-    p {
-        margin-top: 40px;
-        font-size: 18px;
-        color: rgba(0, 0, 0, 0.25);
-    }
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 50px 0;
+  text-align: center;
+
+  img {
+    width: 471px;
+  }
+
+  p {
+    margin-top: 40px;
+    font-size: 18px;
+    color: rgba(0, 0, 0, 0.25);
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/station/preview/index.vue b/src/pages/station/preview/index.vue
index bc56186..eb4aaf1 100644
--- a/src/pages/station/preview/index.vue
+++ b/src/pages/station/preview/index.vue
@@ -303,7 +303,7 @@
 </template>
 
 <script>
-import util from "@/libs/util";
+import Util from "@/libs/util";
 import Setting from "@/setting";
 import { mapState } from "vuex";
 import pdf from "vue-pdf";
@@ -524,11 +524,11 @@ export default {
     // 保存笔记
     submitNote () {
       const form = this.noteForm
-      if (!form.noteName) return util.errorMsg('请输入笔记标题')
-      if (!form.noteContent) return util.errorMsg('请输入笔记内容')
+      if (!form.noteName) return Util.errorMsg('请输入笔记标题')
+      if (!form.noteContent) return Util.errorMsg('请输入笔记内容')
       this.$post(this.api[form.noteId ? 'updateNote' : 'addNote'], form).then(res => {
         this.getNote()
-        util.successMsg(form.noteId ? '修改成功' : '添加成功')
+        Util.successMsg(form.noteId ? '修改成功' : '添加成功')
         this.showNoteAdd = false
         this.noteForm = {
           cid: this.courseId,
@@ -543,7 +543,7 @@ export default {
         type: "warning"
       }).then(() => {
         this.$post(`${this.api.deleteNotes}?noteId=${row.noteId}`).then(res => {
-          util.successMsg("删除成功");
+          Util.successMsg("删除成功");
           this.getNote();
         }).catch(res => { })
       }).catch(() => { })
@@ -604,7 +604,7 @@ export default {
         type: "warning"
       }).then(() => {
         this.$post(`${this.api.deleteAComment}?commentId=${row.commentId}`).then(res => {
-          util.successMsg("删除成功");
+          Util.successMsg("删除成功");
           this.getComment();
         }).catch(res => { })
       }).catch(() => { })
@@ -612,7 +612,7 @@ export default {
     // 保存评论
     submitComment (row, reply) {
       const content = reply ? reply.replyContent : row ? row.replyContent : this.comment
-      if (!content) return util.errorMsg('请输入内容！')
+      if (!content) return Util.errorMsg('请输入内容！')
       this.$post(this.api.addCommentStation, {
         mallId: this.mallId,
         content,
@@ -827,6 +827,15 @@ export default {
           this.showProjectDia()
         })
       } else { // python
+        // python只能存在一个打开的窗口
+        const opened = +localStorage.getItem('opened')
+        if (opened) {
+          Util.errorMsg('Python系统限单页活跃，请切换至当前已有的活跃实验页面。', 5000)
+          return false
+        } else {
+          localStorage.setItem('opened', 1)
+        }
+
         this.$get(this.api.getTheMostRecentlyRunProject, {
           cid: this.courseId
         }).then(({ data }) => {
@@ -844,23 +853,23 @@ export default {
     // 进入python系统
     toPython (projectId) {
       const id = this.systemIds
-      let token = util.local.get(Setting.tokenKey);
-      util.cookies.set('assessmentId', '', -1)
-      util.cookies.set('startTime', '', -1)
-      util.cookies.set('stopTime', '', -1)
-      projectId ? util.cookies.set('projectId', projectId) : util.cookies.set('projectId', '', -1)
-      util.cookies.set('token', token)
-      util.cookies.set('mallId', this.mallId)
-      util.cookies.set('third', this.third)
-      util.cookies.set('courseId', this.courseId)
-      util.cookies.set('curriculumName', encodeURIComponent(this.curriculumName))
-      util.cookies.set('systemId', id)
-      util.cookies.set('fromManager', 1)
-      util.cookies.set('isSubmit', '', -1)
-      util.cookies.set('competitionId', '', -1)
-      util.cookies.set('language', '', -1)
-      util.cookies.set('className', '', -1)
-      util.cookies.set('loaded', '', -1)
+      let token = Util.local.get(Setting.tokenKey);
+      Util.cookies.set('assessmentId', '', -1)
+      Util.cookies.set('startTime', '', -1)
+      Util.cookies.set('stopTime', '', -1)
+      projectId ? Util.cookies.set('projectId', projectId) : Util.cookies.set('projectId', '', -1)
+      Util.cookies.set('token', token)
+      Util.cookies.set('mallId', this.mallId)
+      Util.cookies.set('third', this.third)
+      Util.cookies.set('courseId', this.courseId)
+      Util.cookies.set('curriculumName', encodeURIComponent(this.curriculumName))
+      Util.cookies.set('systemId', id)
+      Util.cookies.set('fromManager', 1)
+      Util.cookies.set('isSubmit', '', -1)
+      Util.cookies.set('competitionId', '', -1)
+      Util.cookies.set('language', '', -1)
+      Util.cookies.set('className', '', -1)
+      Util.cookies.set('loaded', '', -1)
       // 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统
       location.href = process.env.NODE_ENV === 'development' ?
         `http://${location.hostname}:8085/#/` :
@@ -877,7 +886,7 @@ export default {
       }
       const { systemId } = curProject
 
-      let token = util.local.get(Setting.tokenKey);
+      let token = Util.local.get(Setting.tokenKey);
       this.third = curProject.type === 2 ? (curProject.systemId === 28 ? 'low' : 'ai') : ''
       if (systemId == 11) {
         // 银行系统
diff --git a/src/setting.js b/src/setting.js
index 844bc35..775a6a6 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -30,9 +30,9 @@ if (isPro) {
   uploadURL = `http://121.37.12.51/`
   host = "http://121.37.12.51/"; // 中台测试服
   host = 'https://www.occupationlab.com/' // 正式服
-  // host = "http://192.168.31.51:9000/";
-  host = localStorage.getItem('localIp') == 1 ? 'http://192.168.31.51:9000/' : 'http://192.168.31.217:9000/'
-  // host = 'http://192.168.31.51:9000/'
+  const ips = ['http://192.168.31.217:9000/', 'http://192.168.31.51:9000/', 'http://121.37.12.51/']
+  host = ips[+localStorage.getItem('ip')]
+  // host = 'http://192.168.31.217:9000/'
 } else if (isSq) {
   zcPath = `10.20.100.204:8883`
 }