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
Split View
  1. 8
      src/layouts/header/index.vue
  2. 10
      src/pages/ass/list/index.vue
  3. 474
      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: [

474
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>
@ -227,28 +384,28 @@ import util from '@/libs/util'
import WOW from 'wow.js'
export default {
name: 'index',
data() {
data () {
return {
token: util.local.get(Setting.tokenKey),
active: ''
}
},
mounted() {
mounted () {
new WOW().init()
},
methods: {
toPart(i){
toPart (i) {
this.active = i
document.querySelector(`#part${i}`).scrollIntoView()
},
// 置顶
topping() {
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/')
},
}
};
@ -256,9 +413,9 @@ export default {
<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;
@ -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,
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-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,
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,
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;
}
@ -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