huoran
/
FE_occupationlab_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

课程换成产品

Browse Source
alioss
yujialong 2 years ago
parent 6a87d478c5
commit 6de3eb9d23
6 changed files with 594 additions and 427 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/layouts/header/index.vue
  2. 10
      src/pages/ass/list/index.vue
  3. 382
      src/pages/index/list/index.vue
  4. 29
      src/pages/station/preview/index.vue
  5. 2
      src/setting.js
  6. 2
      src/styles/page/station.scss

8
src/layouts/header/index.vue
Unescape View File

@ -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)

10
src/pages/ass/list/index.vue
Unescape View File

@ -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: [

382
src/pages/index/list/index.vue
Unescape View File

@ -1,11 +1,16 @@
<template>
<div class="wrap index">
<img class="screen" src="@/assets/img/index/index0.png" alt="首页">
<img class="screen"
src="@/assets/img/index/index0.png"
alt="首页">
<div class="banner">
<el-carousel height="350px" :autoplay="false">
<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="">
<img class="text"
src="@/assets/img/index/banner1-text.png"
alt="">
</el-carousel-item>
<el-carousel-item>
<div class="bg banner-bg2"></div>
@ -25,22 +30,34 @@
</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="">
<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="">
<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="">
<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>
@ -48,8 +65,10 @@
</li>
</ul>
<!-- 关于 -->
<div class="about" id="part1">
<div class="inner wow fadeInDown" style="padding-bottom: 0">
<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>
@ -60,26 +79,39 @@
</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="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="">
<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="">
<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="">
<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>
@ -87,29 +119,71 @@
</div>
</div>
<!-- 产品展示 -->
<div class="product" id="part3">
<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>
<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">
<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>
@ -118,16 +192,36 @@
<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">
<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>
<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>
@ -136,16 +230,36 @@
<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>
<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">
<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>
@ -154,15 +268,32 @@
<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">
<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>
<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>
@ -171,15 +302,32 @@
<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>
<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">
<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>
@ -190,33 +338,42 @@
<div class="popup wechat-popup">
<p class="tips">微信扫码添加职站售前咨询</p>
<p class="des">提供付费咨询及解决方案</p>
<img width="150" src="@/assets/img/index/customer.png" alt="">
<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="">
<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"
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="">
<img class="icon"
src="@/assets/img/index/sug.png"
alt="">
</div>
<div class="text">
<p class="title" @click="toQues">咨询，建议与反馈</p>
<p class="title"
@click="toQues">咨询，建议与反馈</p>
<p class="des">您的每一条建议声音，我们都认真对待</p>
</div>
</div>
</div>
</div>
<div class="item topping" @click="topping"></div>
<div class="item topping"
@click="topping"></div>
</div>
</div>
</template>
@ -248,7 +405,7 @@ export default {
},
// 问卷调查
toQues () {
window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
window.open('https://f.wps.cn/g/0sJLI4NA/')
},
}
};
@ -258,7 +415,7 @@ export default {
@import url(../../../plugins/wow/animate.css);
.wrap {
position: relative;
background-color: #F3F6FA;
background-color: #f3f6fa;
.screen {
position: absolute;
top: -1000px;
@ -278,7 +435,8 @@ export default {
line-height: 30px;
}
.text3 {
h6, .des {
h6,
.des {
color: #fff;
}
}
@ -311,7 +469,7 @@ export default {
margin-bottom: 37px;
font-size: 30px;
text-align: center;
color: #0B1D30;
color: #0b1d30;
&:after {
content: '';
position: absolute;
@ -320,7 +478,7 @@ export default {
width: 30px;
height: 4px;
transform: translate(-50%);
background-color: #006EFF;
background-color: #006eff;
}
}
.intro {
@ -333,16 +491,18 @@ export default {
display: inline-flex;
align-items: center;
cursor: pointer;
transition: .3s;
transition: 0.3s;
&.active {
h6, .desc{
color: #006EFF;
h6,
.desc {
color: #006eff;
}
}
&:hover {
margin-top: -15px;
h6, .desc{
color: #006EFF;
h6,
.desc {
color: #006eff;
}
}
}
@ -353,13 +513,13 @@ export default {
h6 {
margin-bottom: 5px;
font-size: 16px;
color: #0B1D30;
transition: .5s;
color: #0b1d30;
transition: 0.5s;
}
.desc {
font-size: 13px;
color: #757F92;
transition: .5s;
color: #757f92;
transition: 0.5s;
}
}
.inner {
@ -376,7 +536,7 @@ export default {
text-align: center;
font-size: 28px;
font-family: PingFangSC-Semibold, PingFang SC;
color: #E5EBF1;
color: #e5ebf1;
transform: translate(-50%);
}
.about {
@ -387,7 +547,7 @@ export default {
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;
}
@ -424,7 +584,7 @@ export default {
}
&:hover {
img {
transform: rotateY(180deg)
transform: rotateY(180deg);
}
h6 {
margin-top: 40px;
@ -433,18 +593,18 @@ export default {
}
img {
width: 64px;
transition: .6s;
transition: 0.6s;
}
h6 {
margin: 45px 0 16px;
font-size: 18px;
line-height: 28px;
color: #0B1D30;
transition: .3s;
color: #0b1d30;
transition: 0.3s;
}
.text {
font-size: 14px;
color: #757F92;
color: #757f92;
}
}
}
@ -460,11 +620,11 @@ export default {
h6 {
margin: 30px 0 10px;
font-size: 28px;
color: #0B1D30;
color: #0b1d30;
}
.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;
@ -732,7 +900,7 @@ export default {
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;
background-color: #006eff;
& + .popup {
display: block;
}
@ -742,7 +910,7 @@ export default {
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;
background-color: #006eff;
& + .popup {
display: block;
}
@ -752,7 +920,7 @@ export default {
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;
background-color: #006eff;
}
}
.popup {
@ -802,12 +970,12 @@ export default {
font-size: 14px;
cursor: pointer;
&:hover {
color: #006EFF;
color: #006eff;
}
}
.tel-num {
font-size: 12px;
color: #006EFF;
color: #006eff;
}
.des {
font-size: 12px;

29
src/pages/station/preview/index.vue
Unescape View File

@ -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,7 +208,6 @@
:key="i">
<p class="sign">{{ item.createTime }}</p>
<div class="ver">
<div>
{{ item.noteName }}
<span class="action">
<i class="el-icon-edit-outline"
@ -217,7 +216,6 @@
@click="delNote(item)"></i>
</span>
</div>
</div>
<div class="des"
v-html="item.noteContent"></div>
</el-timeline-item>
@ -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 {

2
src/setting.js
Unescape View File

@ -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/"; // 赓
}

2
src/styles/page/station.scss
Unescape View File

@ -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;
}

Write Preview
Loading…
Cancel
Save