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

fix

Browse Source
alioss V2.3.2
yujialong 2 years ago
parent 058b1c3fc4
commit 4f8d4f5136
4 changed files with 676 additions and 484 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 481
      src/pages/index/zxy/index.vue
  2. 59
      src/pages/screen/index.vue
  3. 10
      src/pages/station/preview/index.vue
  4. 2
      src/setting.js

481
src/pages/index/zxy/index.vue
Unescape View File

@ -1,45 +1,66 @@
<template> <template>
<div class="wrap index"> <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"> <div class="banner">
<el-carousel height="420px" :autoplay="false"> <el-carousel height="420px"
:autoplay="false">
<el-carousel-item> <el-carousel-item>
<div class="slide slide1"> <div class="slide slide1">
<div class="texts"> <div class="texts">
<img class="name" src="@/assets/img/zxy/name.png" alt=""> <img class="name"
src="@/assets/img/zxy/name.png"
alt="">
<p class="des">致力于帮助高校大商科类专业实现课程信息化、数字化和共建共享</p> <p class="des">致力于帮助高校大商科类专业实现课程信息化、数字化和共建共享</p>
<div class="btns"> <div class="btns">
<a class="btn1" @click="toTrial">预约演示</a> <a class="btn1"
<a class="btn2" @click="toTrial">免费试用</a> @click="toTrial">预约演示</a>
<a class="btn2"
@click="toTrial">免费试用</a>
</div> </div>
</div> </div>
<img class="bg" src="@/assets/img/zxy/banner1.png" alt=""> <img class="bg"
src="@/assets/img/zxy/banner1.png"
alt="">
</div> </div>
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<div class="slide slide2"> <div class="slide slide2">
<div class="texts"> <div class="texts">
<img class="name" src="@/assets/img/zxy/name.png" alt=""> <img class="name"
src="@/assets/img/zxy/name.png"
alt="">
<p class="des">集实践教学、课程学习、项目练习、考核管理、线上赛事为一体的教学辅助云平台 </p> <p class="des">集实践教学、课程学习、项目练习、考核管理、线上赛事为一体的教学辅助云平台 </p>
<div class="btns"> <div class="btns">
<a class="btn1" @click="toTrial">预约演示</a> <a class="btn1"
<a class="btn2" @click="toTrial">免费试用</a> @click="toTrial">预约演示</a>
<a class="btn2"
@click="toTrial">免费试用</a>
</div> </div>
</div> </div>
<img class="bg" src="@/assets/img/zxy/banner2.png" alt=""> <img class="bg"
src="@/assets/img/zxy/banner2.png"
alt="">
</div> </div>
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<div class="slide slide3"> <div class="slide slide3">
<div class="texts"> <div class="texts">
<img class="name" src="@/assets/img/zxy/name.png" alt=""> <img class="name"
src="@/assets/img/zxy/name.png"
alt="">
<p class="des">覆盖金融科技、大数据管理与应用、数字经济、金融工程、电子商务、财务管理等大商科相关专业，助力高校复合型人才培养 </p> <p class="des">覆盖金融科技、大数据管理与应用、数字经济、金融工程、电子商务、财务管理等大商科相关专业，助力高校复合型人才培养 </p>
<div class="btns"> <div class="btns">
<a class="btn1" @click="toTrial">预约演示</a> <a class="btn1"
<a class="btn2" @click="toTrial">免费试用</a> @click="toTrial">预约演示</a>
<a class="btn2"
@click="toTrial">免费试用</a>
</div> </div>
</div> </div>
<img class="bg" src="@/assets/img/zxy/banner3.png" alt=""> <img class="bg"
src="@/assets/img/zxy/banner3.png"
alt="">
</div> </div>
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
@ -47,56 +68,114 @@
<!-- 关于智信云 --> <!-- 关于智信云 -->
<div class="about bg-white"> <div class="about bg-white">
<div class="inner"> <div class="inner">
<h6 class="i-title wow fadeInUp" data-wow-delay="0.5s">关于智信云</h6> <h6 class="i-title wow fadeInUp"
<div class="des wow fadeInUp" data-wow-delay="0.7s">为院校客户提供真正有价值的产品与服务</div> data-wow-delay="0.5s">关于智信云</h6>
<img class="bg wow fadeInUp" data-wow-delay="1s" src="@/assets/img/zxy/about1.png" alt=""> <div class="des wow fadeInUp"
data-wow-delay="0.7s">为院校客户提供真正有价值的产品与服务</div>
<img class="bg wow fadeInUp"
data-wow-delay="1s"
src="@/assets/img/zxy/about1.png"
alt="">
</div> </div>
</div> </div>
<!-- 关于智信云平台 --> <!-- 关于智信云平台 -->
<div class="intro"> <div class="intro">
<img class="bg" src="@/assets/img/zxy/about4.png" alt=""> <img class="bg"
src="@/assets/img/zxy/about4.png"
alt="">
<div class="inner"> <div class="inner">
<div class="intro-pic"> <div class="intro-pic">
<div class="text"> <div class="text">
<h6 class="wow fadeInUp" data-wow-delay="0.5s">关于智信云平台</h6> <h6 class="wow fadeInUp"
<p class="des wow fadeInUp" data-wow-delay="0.5s">依托智信云平台，推出“1+X+N”综合解决方案，即“一平台・跨专业・多学科”新商科综合解决方案，协同创新，助力卓越商科人才培养。</p> data-wow-delay="0.5s">关于智信云平台</h6>
<ul class="des-list wow fadeInUp" data-wow-delay="1s"> <p class="des wow fadeInUp"
data-wow-delay="0.5s">依托智信云平台，推出“1+X+N”综合解决方案，即“一平台・跨专业・多学科”新商科综合解决方案，协同创新，助力卓越商科人才培养。</p>
<ul class="des-list wow fadeInUp"
data-wow-delay="1s">
<li>一平台：集教学练考赛于一体的辅助教学云平台</li> <li>一平台：集教学练考赛于一体的辅助教学云平台</li>
<li>跨专业：金融学专业、金融工程专业、大数据管理与应用、统计学等专业</li> <li>跨专业：金融学专业、金融工程专业、大数据管理与应用、统计学等专业</li>
<li>多学科：数学、计算机科学、管理学、经济学等多学科融合</li> <li>多学科：数学、计算机科学、管理学、经济学等多学科融合</li>
</ul> </ul>
</div> </div>
<img src="@/assets/img/zxy/about2.png" alt="" class="wow fadeInDown" data-wow-delay="0.6s"> <img src="@/assets/img/zxy/about2.png"
alt=""
class="wow fadeInDown"
data-wow-delay="0.6s">
</div> </div>
<div class="text-center"> <div class="text-center">
<img src="@/assets/img/zxy/about3.png" alt="" class="wow fadeInDown" data-wow-delay="0.9s"> <img src="@/assets/img/zxy/about3.png"
alt=""
class="wow fadeInDown"
data-wow-delay="0.9s">
</div> </div>
</div> </div>
</div> </div>
<!-- 产品展示 --> <!-- 产品展示 -->
<div class="product bg-white" id="part3"> <div class="product bg-white"
id="part3">
<div class="inner"> <div class="inner">
<h6 class="i-title wow fadeInUp">平台功能介绍</h6> <h6 class="i-title wow fadeInUp">平台功能介绍</h6>
<p class="en">PRODUCT DISPLAY</p> <p class="en">PRODUCT DISPLAY</p>
<div class="pics"> <div class="pics">
<div class="text"> <div class="text">
<img src="@/assets/img/index/index11.png" alt="" class="icon wow flipInX" data-wow-delay="0.2s"> <img src="@/assets/img/index/index11.png"
<h6 class="wow fadeInDown" data-wow-delay="0.3s">人工智能/大数据+“专业课程”</h6> alt=""
<p class="desc wow fadeInDown" data-wow-delay="0.7s">平台已集成有Python基础、数据采集、数据清洗、大数据分析、数据可视化、经济金融建模、量化投资策略建模、金融随机过程、商科大数据综合、金融大数据综合、财务大数据综合、商业银行综合等十几款产品；可满足金融科技专业、大数据管理与应用专业、财务管理专业、电子商务专业等经济大类、管理大类相关专业开设实验课程。</p> 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>
<div class="pro-bg1"> <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-2.png"
<img src="@/assets/img/index/pro-bg1-3.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s"> alt=""
<img src="@/assets/img/index/pro-bg1-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.5s"> class="bg1 wow fadeInDown"
<img src="@/assets/img/index/pro-bg1-4.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.7s"> data-wow-delay="0.6s">
<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-3.png"
<img src="@/assets/img/index/pro-bg1-6.png" alt="" class="bg6 wow fadeInDown" data-wow-delay="1.1s"> alt=""
<img src="@/assets/img/index/pro-bg1-7.png" alt="" class="bg7 wow fadeInDown" data-wow-delay="1.3s"> class="bg2 wow fadeInDown"
<img src="@/assets/img/index/pro-bg1-8.png" alt="" class="bg8 wow fadeInDown" data-wow-delay="1.5s"> data-wow-delay="0.7s">
<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-1.png"
<img src="@/assets/img/index/pro-bg1-10.png" alt="" class="bg10 wow fadeInDown" data-wow-delay="2s"> alt=""
<img src="@/assets/img/index/pro-bg1-11.png" alt="" class="bg11 wow fadeInDown" data-wow-delay="2.3s"> class="bg3 wow fadeInDown"
<img src="@/assets/img/index/pro-bg1-12.png" alt="" class="bg12 wow fadeInDown" data-wow-delay="2.6s"> 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> </div>
</div> </div>
@ -105,16 +184,36 @@
<div class="inner"> <div class="inner">
<div class="pics"> <div class="pics">
<div class="pro-bg2"> <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-5.png"
<img src="@/assets/img/index/pro-bg2-1.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s"> alt=""
<img src="@/assets/img/index/pro-bg2-4.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s"> class="bg1 wow fadeInDown"
<img src="@/assets/img/index/pro-bg2-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s"> data-wow-delay="0.6s">
<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-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>
<div class="text"> <div class="text">
<img src="@/assets/img/index/index13.png" alt="" class="icon wow fadeInRight" data-wow-delay="0.2s"> <img src="@/assets/img/index/index13.png"
<h6 class="wow fadeInLeft" data-wow-delay="0.3s">沉浸式岗位模拟与实操</h6> alt=""
<p class="desc wow fadeInLeft" data-wow-delay="0.7s">项目化教学，通过经典案例让学生亲身体验理论在实践中的应用，学会灵活运用所学知识解决实际问题，提升自身的职业实操能力。</p> 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>
@ -123,16 +222,36 @@
<div class="inner"> <div class="inner">
<div class="pics"> <div class="pics">
<div class="text"> <div class="text">
<img src="@/assets/img/index/index15.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s"> <img src="@/assets/img/index/index15.png"
<h6 class="wow fadeInUp" data-wow-delay="0.5s">数据追踪与统计</h6> alt=""
<p class="desc wow fadeInUp" data-wow-delay="0.5s">老师和学生可查看每一次的练习、考试的相关情况，随时了解自己的教学和学习的进展和效果，动态调整自己的教学和学习计划。</p> 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="pro-bg3"> <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-4.png"
<img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s"> alt=""
<img src="@/assets/img/index/pro-bg3-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s"> class="bg1 wow fadeInDown"
<img src="@/assets/img/index/pro-bg3-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.5s"> data-wow-delay="0.6s">
<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-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>
@ -141,15 +260,32 @@
<div class="inner"> <div class="inner">
<div class="pics"> <div class="pics">
<div class="pro-bg4"> <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-4.png"
<img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s"> alt=""
<img src="@/assets/img/index/pro-bg4-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s"> class="bg1 wow fadeInDown"
<img src="@/assets/img/index/pro-bg4-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s"> 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>
<div class="text"> <div class="text">
<img src="@/assets/img/index/index21.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s"> <img src="@/assets/img/index/index21.png"
<h6 class="wow fadeInUp" data-wow-delay="0.5s">共享精品课程资源</h6> alt=""
<p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自主打造自己的精品课程中心，老师可以在这里创建优质的课程，支持视频，课件，教案等不同格式的教学资源上传，让全校师生共同学习一起分享。</p> 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>
@ -158,45 +294,77 @@
<div class="inner"> <div class="inner">
<div class="pics"> <div class="pics">
<div class="text"> <div class="text">
<img src="@/assets/img/index/index22.png" alt="" class="icon wow fadeInLeft" data-wow-delay="0.5s"> <img src="@/assets/img/index/index22.png"
<h6 class="wow fadeInUp" data-wow-delay="0.5s">自定义赛事活动</h6> alt=""
<p class="desc wow fadeInUp" data-wow-delay="0.5s">学校可自行发布各种比赛活动的信息和活动进展，供全校学生参加报名，给学生提供一个展示自我，挑战自我的舞台，丰富学生的校园生活。</p> 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="pro-bg5"> <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-4.png"
<img src="@/assets/img/index/pro-bg3-5.png" alt="" class="bg2 wow fadeInDown" data-wow-delay="0.7s"> alt=""
<img src="@/assets/img/index/pro-bg5-1.png" alt="" class="bg3 wow fadeInDown" data-wow-delay="0.2s"> class="bg1 wow fadeInDown"
<img src="@/assets/img/index/pro-bg5-2.png" alt="" class="bg4 wow fadeInDown" data-wow-delay="0.2s"> 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>
</div> </div>
<!-- 特色与优势 --> <!-- 特色与优势 -->
<div class="adv" id="part2"> <div class="adv"
<img src="@/assets/img/index/index8.png" alt="" class="shape shape1"> id="part2">
<img src="@/assets/img/index/index9.png" alt="" class="shape shape2"> <img src="@/assets/img/index/index8.png"
<img src="@/assets/img/index/index10.png" alt="" class="shape shape3"> 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"> <div class="inner">
<h6 class="i-title wow fadeInDown">特色与优势</h6> <h6 class="i-title wow fadeInDown">特色与优势</h6>
<p class="en">FEATURES AND ADVANTAGES</p> <p class="en">FEATURES AND ADVANTAGES</p>
<ul class="list"> <ul class="list">
<li class="wow fadeInDown" data-wow-delay="0.5s"> <li class="wow fadeInDown"
<img src="@/assets/img/zxy/adv1.png" alt=""> data-wow-delay="0.5s">
<img src="@/assets/img/zxy/adv1.png"
alt="">
<h6>教学创新<br>引用各类案例采用项目化教学</h6> <h6>教学创新<br>引用各类案例采用项目化教学</h6>
<p class="text">实验教学系统采用案例教学方法与项目化教学方法相结合，帮助学生更好的掌握知识点，融会贯通。</p> <p class="text">实验教学系统采用案例教学方法与项目化教学方法相结合，帮助学生更好的掌握知识点，融会贯通。</p>
</li> </li>
<li class="wow fadeInRight" data-wow-delay="0.8s"> <li class="wow fadeInRight"
<img src="@/assets/img/zxy/adv2.png" alt=""> data-wow-delay="0.8s">
<img src="@/assets/img/zxy/adv2.png"
alt="">
<h6>云端部署<br>实验教学资源“云”共享</h6> <h6>云端部署<br>实验教学资源“云”共享</h6>
<p class="text">随时随地，智信云平台无需安装部署，即可享受云上“实验室”和云上“课堂”，可满足不同学科，不同场景下的教学需求。</p> <p class="text">随时随地，智信云平台无需安装部署，即可享受云上“实验室”和云上“课堂”，可满足不同学科，不同场景下的教学需求。</p>
</li> </li>
<li class="wow fadeInUp" data-wow-delay="1.1s"> <li class="wow fadeInUp"
<img src="@/assets/img/zxy/adv3.png" alt=""> data-wow-delay="1.1s">
<img src="@/assets/img/zxy/adv3.png"
alt="">
<h6>大数据分析统计<br>教学效果有“据”可依</h6> <h6>大数据分析统计<br>教学效果有“据”可依</h6>
<p class="text">实验教学系统采用案例教学方法与项目化教学方法相结合，帮助学生更好的掌握知识点，融会贯通。</p> <p class="text">实验教学系统采用案例教学方法与项目化教学方法相结合，帮助学生更好的掌握知识点，融会贯通。</p>
</li> </li>
<li class="wow fadeInUp" data-wow-delay="1.4s"> <li class="wow fadeInUp"
<img src="@/assets/img/zxy/adv4.png" alt=""> data-wow-delay="1.4s">
<img src="@/assets/img/zxy/adv4.png"
alt="">
<h6>功能全面<br>打造“智”能化教学全场景</h6> <h6>功能全面<br>打造“智”能化教学全场景</h6>
<p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课堂内拓展到课堂外，为师生打造智能化、多样化、个性化的“教”“学”全场景。</p> <p class="text">教、学、练、考以及大赛、资讯等功能模块，操作方便、智能快捷，将教学活动从课堂内拓展到课堂外，为师生打造智能化、多样化、个性化的“教”“学”全场景。</p>
</li> </li>
@ -207,35 +375,44 @@
<div class="tool"> <div class="tool">
<div class="item wechat"></div> <div class="item wechat"></div>
<div class="popup wechat-popup"> <div class="popup wechat-popup">
<p class="tips">微信扫码添加职站售前咨询</p> <p class="tips">微信扫码添加售前咨询</p>
<p class="des">提供付费咨询及解决方案</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>
<div class="item tel"></div> <div class="item tel"></div>
<div class="popup tel-popup"> <div class="popup tel-popup">
<div class="tel-inner"> <div class="tel-inner">
<div class="line"> <div class="line">
<div> <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>
<div class="text"> <div class="text">
<p class="title">售前咨询</p> <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">18019930142</p> <p class="tel-num">18019930142</p>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div> <div>
<img class="icon" src="@/assets/img/index/sug.png" alt=""> <img class="icon"
src="@/assets/img/index/sug.png"
alt="">
</div> </div>
<div class="text"> <div class="text">
<p class="title" @click="toQues">咨询，建议与反馈</p> <p class="title"
@click="toQues">咨询，建议与反馈</p>
<p class="des">您的每一条建议声音，我们都认真对待</p> <p class="des">您的每一条建议声音，我们都认真对待</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="item topping" @click="topping"></div> <div class="item topping"
@click="topping"></div>
</div> </div>
</div> </div>
</template> </template>
@ -246,31 +423,31 @@ import util from '@/libs/util'
import WOW from 'wow.js' import WOW from 'wow.js'
export default { export default {
name: 'index', name: 'index',
data() { data () {
return { return {
token: util.local.get(Setting.tokenKey), token: util.local.get(Setting.tokenKey),
active: '' active: ''
} }
}, },
mounted() { mounted () {
new WOW().init() new WOW().init()
}, },
methods: { methods: {
toPart(i){ toPart (i) {
this.active = i this.active = i
document.querySelector(`#part${i}`).scrollIntoView() document.querySelector(`#part${i}`).scrollIntoView()
}, },
// 置顶 // 置顶
topping() { topping () {
document.documentElement.scrollTop = 0 document.documentElement.scrollTop = 0
document.body.scrollTop = 0 document.body.scrollTop = 0
}, },
// 免费试用 // 免费试用
toTrial() { toTrial () {
window.open('https://www.wjx.top/vm/wFCPCFp.aspx') window.open('https://www.wjx.top/vm/wFCPCFp.aspx')
}, },
// 问卷调查 // 问卷调查
toQues() { toQues () {
window.open('https://www.wjx.cn/vm/wB0RcMm.aspx') window.open('https://www.wjx.cn/vm/wB0RcMm.aspx')
}, },
} }
@ -279,15 +456,15 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import url(../../../plugins/wow/animate.css); @import url(../../../plugins/wow/animate.css);
.wrap{ .wrap {
position: relative; position: relative;
background-color: #F3F6FA; background-color: #f3f6fa;
.screen { .screen {
position: absolute; position: absolute;
top: -1000px; top: -1000px;
} }
.banner { .banner {
background: linear-gradient(143deg, #376FF7 0%, #479DF8 100%); background: linear-gradient(143deg, #376ff7 0%, #479df8 100%);
.slide { .slide {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -328,7 +505,7 @@ export default {
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
opacity: .9; opacity: 0.9;
} }
} }
} }
@ -338,18 +515,18 @@ export default {
} }
.btn2 { .btn2 {
margin-left: 16px; margin-left: 16px;
color: #3B79F7; color: #3b79f7;
background-color: #fff; background-color: #fff;
} }
} }
.i-title{ .i-title {
z-index: 1; z-index: 1;
position: relative; position: relative;
margin-bottom: 37px; margin-bottom: 37px;
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
color: #0B1D30; color: #0b1d30;
&:after{ &:after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: -10px; bottom: -10px;
@ -357,12 +534,12 @@ export default {
width: 30px; width: 30px;
height: 4px; height: 4px;
transform: translate(-50%); transform: translate(-50%);
background-color: #006EFF; background-color: #006eff;
} }
} }
.intro { .intro {
position: relative; position: relative;
background: linear-gradient(179deg, rgba(255,255,255,0) 0%, #FFFFFF 36%, rgba(255,255,255,0) 100%); background: linear-gradient(179deg, rgba(255, 255, 255, 0) 0%, #ffffff 36%, rgba(255, 255, 255, 0) 100%);
.bg { .bg {
position: absolute; position: absolute;
top: 0; top: 0;
@ -382,7 +559,7 @@ export default {
} }
h6 { h6 {
font-size: 40px; font-size: 40px;
color: #0B1D30; color: #0b1d30;
} }
.des { .des {
margin: 20px 0; margin: 20px 0;
@ -399,19 +576,19 @@ export default {
align-items: center; align-items: center;
margin: 5px 0; margin: 5px 0;
font-size: 14px; font-size: 14px;
color: #031D32; color: #031d32;
&:before { &:before {
content: ''; content: '';
width: 8px; width: 8px;
height: 8px; height: 8px;
margin-right: 7px; margin-right: 7px;
background-color: #007EFF; background-color: #007eff;
border-radius: 50%; border-radius: 50%;
} }
} }
} }
} }
.inner{ .inner {
position: relative; position: relative;
width: 1200px; width: 1200px;
padding: 67px 0; padding: 67px 0;
@ -425,7 +602,7 @@ export default {
text-align: center; text-align: center;
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
color: #E5EBF1; color: #e5ebf1;
transform: translate(-50%); transform: translate(-50%);
} }
.about { .about {
@ -436,87 +613,87 @@ export default {
color: #666; color: #666;
} }
} }
.adv{ .adv {
position: relative; position: relative;
background: #F3F6FA; background: #f3f6fa;
.inner { .inner {
padding: 108px 0 130px; padding: 108px 0 130px;
} }
.en { .en {
top: 120px; top: 120px;
} }
.shape{ .shape {
position: absolute; position: absolute;
} }
.shape1{ .shape1 {
top: 25px; top: 25px;
right: 10px; right: 10px;
} }
.shape2{ .shape2 {
bottom: 30px; bottom: 30px;
left: 50px; left: 50px;
} }
.shape3{ .shape3 {
bottom: 25px; bottom: 25px;
right: 50px; right: 50px;
} }
.list{ .list {
display: flex; display: flex;
li{ li {
width: 25%; width: 25%;
padding: 38px 20px 62px; padding: 38px 20px 62px;
margin-right: 20px; margin-right: 20px;
text-align: center; text-align: center;
background-color: #fff; background-color: #fff;
box-shadow: 0px 5px 20px 0px rgba(98,117,163,0.08); box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
border-radius: 10px; border-radius: 10px;
&:last-child{ &:last-child {
margin-right: 0; margin-right: 0;
} }
&:hover { &:hover {
img { img {
transform: rotateY(180deg) transform: rotateY(180deg);
} }
h6 { h6 {
margin-top: 40px; margin-top: 40px;
} }
} }
} }
img{ img {
width: 64px; width: 64px;
transition: .6s; transition: 0.6s;
} }
h6{ h6 {
margin: 45px 0 16px; margin: 45px 0 16px;
font-size: 18px; font-size: 18px;
line-height: 28px; line-height: 28px;
color: #0B1D30; color: #0b1d30;
transition: .3s; transition: 0.3s;
} }
.text{ .text {
font-size: 14px; font-size: 14px;
color: #757F92; color: #757f92;
} }
} }
} }
.pics{ .pics {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.icon{ .icon {
width: 60px; width: 60px;
} }
.text{ .text {
width: 360px; width: 360px;
} }
h6{ h6 {
margin: 30px 0 10px; margin: 30px 0 10px;
font-size: 28px; font-size: 28px;
color: #0B1D30; color: #0b1d30;
white-space: nowrap; white-space: nowrap;
} }
.desc{ .desc {
font-size: 15px; font-size: 15px;
color: #757F92; color: #757f92;
} }
.pro-bg1 { .pro-bg1 {
position: relative; position: relative;
@ -524,7 +701,7 @@ export default {
height: 410px; height: 410px;
img { img {
position: absolute; position: absolute;
transition: .5s; transition: 0.5s;
} }
.bg1 { .bg1 {
top: 0; top: 0;
@ -579,7 +756,15 @@ export default {
.bg3 { .bg3 {
transform: scale(1.1); 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); transform: translateY(-10px);
} }
} }
@ -590,7 +775,7 @@ export default {
height: 360px; height: 360px;
img { img {
position: absolute; position: absolute;
transition: .5s; transition: 0.5s;
} }
.bg1 { .bg1 {
top: 0; top: 0;
@ -633,7 +818,7 @@ export default {
height: 360px; height: 360px;
img { img {
position: absolute; position: absolute;
transition: .5s; transition: 0.5s;
} }
.bg1 { .bg1 {
top: 0; top: 0;
@ -674,7 +859,7 @@ export default {
height: 360px; height: 360px;
img { img {
position: absolute; position: absolute;
transition: .5s; transition: 0.5s;
} }
.bg1 { .bg1 {
top: 0; top: 0;
@ -712,7 +897,7 @@ export default {
height: 360px; height: 360px;
img { img {
position: absolute; position: absolute;
transition: .5s; transition: 0.5s;
} }
.bg1 { .bg1 {
top: 0; top: 0;
@ -744,14 +929,14 @@ export default {
} }
} }
} }
.none{ .none {
padding: 50px 0; padding: 50px 0;
text-align: center; text-align: center;
img{ img {
width: 324px; width: 324px;
margin-bottom: 42px; margin-bottom: 42px;
} }
.text{ .text {
font-size: 12px; font-size: 12px;
color: #333; color: #333;
} }
@ -784,7 +969,7 @@ export default {
background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat; background: #fff url(../../../assets/img/index/wechat.png) center center/auto no-repeat;
&:hover { &:hover {
background-image: url(../../../assets/img/index/wechat-1.png); background-image: url(../../../assets/img/index/wechat-1.png);
background-color: #006EFF; background-color: #006eff;
& + .popup { & + .popup {
display: block; display: block;
} }
@ -794,7 +979,7 @@ export default {
background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat; background: #fff url(../../../assets/img/index/tel.png) center center/auto no-repeat;
&:hover { &:hover {
background-image: url(../../../assets/img/index/tel-1.png); background-image: url(../../../assets/img/index/tel-1.png);
background-color: #006EFF; background-color: #006eff;
& + .popup { & + .popup {
display: block; display: block;
} }
@ -804,7 +989,7 @@ export default {
background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat; background: #fff url(../../../assets/img/index/top.png) center center/auto no-repeat;
&:hover { &:hover {
background-image: url(../../../assets/img/index/top-1.png); background-image: url(../../../assets/img/index/top-1.png);
background-color: #006EFF; background-color: #006eff;
} }
} }
.popup { .popup {
@ -854,12 +1039,12 @@ export default {
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
color: #006EFF; color: #006eff;
} }
} }
.tel-num { .tel-num {
font-size: 12px; font-size: 12px;
color: #006EFF; color: #006eff;
} }
.des { .des {
font-size: 12px; font-size: 12px;

59
src/pages/screen/index.vue
Unescape View File

@ -718,11 +718,11 @@ export default {
}, },
{ {
color1: '#e71872', color1: '#e71872',
color2: 'rgba(243, 147, 189, 0.4)' color2: 'rgba(40, 147, 189, 0.4)'
}, },
{ {
color1: '#f9d437', color1: '#f9d437',
color2: 'rgba(255, 234, 144, 0.4)' color2: 'rgba(50, 234, 144, 0.4)'
}, },
{ {
color1: '#912892', color1: '#912892',
@ -730,11 +730,11 @@ export default {
}, },
{ {
color1: '#f21259', color1: '#f21259',
color2: 'rgba(213, 22, 11, 0.4)' color2: 'rgba(40, 176, 97, 0.4)'
}, },
{ {
color1: '#7343fe', color1: '#7343fe',
color2: 'rgba(243, 123, 2, 0.4)' color2: 'rgba(50, 240, 140, 0.4)'
}, },
{ {
color1: '#ea7321', color1: '#ea7321',
@ -746,8 +746,24 @@ export default {
}, },
{ {
color1: '#672313', color1: '#672313',
color2: 'rgba(156, 163, 2, 0.4)' color2: 'rgba(156, 40, 100, 0.4)'
} },
{
color1: '#0184d5',
color2: 'rgba(60, 132, 60, 0.4)'
},
{
color1: '#00d887',
color2: 'rgba(60, 42, 244, 0.4)'
},
{
color1: '#e71872',
color2: 'rgba(90, 147, 180, 0.4)'
},
{
color1: '#f9d437',
color2: 'rgba(150, 20, 144, 0.4)'
},
] ]
// 登录前登录后调的课程接口不一样 // 登录前登录后调的课程接口不一样
const cousrseRes = await this.$post(this.api.listOfGoods, { const cousrseRes = await this.$post(this.api.listOfGoods, {
@ -758,22 +774,20 @@ export default {
hotTag: 1, hotTag: 1,
}) })
if (cousrseRes) { if (cousrseRes) {
const courseList = const courseList = cousrseRes.page.records
cousrseRes.page.records
const ids = courseList.map(e => e.mallId) const ids = courseList.map(e => e.mallId)
times.map(e => { times.map(e => {
e.mallId = ids e.mallId = ids
}) })
const courseData = {} const courseData = {}
this.$post(this.api.studentAssessSchievement, times).then(({ data }) => {
const xData = data.map(e => e.time)
const len = xData.length
courseList.map(e => { courseList.map(e => {
// e.productName = e.productName.substring(0, 10) courseData[e.productName] = new Array(len).fill(0, 0)
courseData[e.productName] = []
}) })
this.$post(this.api.studentAssessSchievement, times).then(({ data }) => {
const times = []
const series = [] const series = []
data.map((e, i) => { data.map((e, i) => {
times.push(e.time)
e.assesScoreRespList.map(n => { e.assesScoreRespList.map(n => {
const item = courseList.find(j => j.mallId == n.mallId) const item = courseList.find(j => j.mallId == n.mallId)
if (item) { if (item) {
@ -790,7 +804,7 @@ export default {
series.push({ series.push({
name: i, name: i,
type: 'line', type: 'line',
smooth: true, // smooth: true,
symbol: 'circle', symbol: 'circle',
symbolSize: 5, symbolSize: 5,
lineStyle: { lineStyle: {
@ -799,23 +813,10 @@ export default {
width: 2 width: 2
} }
}, },
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: colors[index].color2
}, {
offset: 0.8,
color: colors[index].color2
}], false),
shadowColor: 'rgba(0, 0, 0, 0.1)',
}
},
itemStyle: { itemStyle: {
normal: { normal: {
color: colors[index].color1, color: colors[index].color1,
borderColor: 'rgba(221, 220, 107, .1)', borderWidth: 8
borderWidth: 12
} }
}, },
data: courseData[i] data: courseData[i]
@ -871,7 +872,7 @@ export default {
color: 'rgba(255,255,255,.2)' color: 'rgba(255,255,255,.2)'
} }
}, },
data: times data: xData
}, },
yAxis: [{ yAxis: [{
type: 'value', type: 'value',

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

@ -164,7 +164,7 @@
</div> </div>
<div v-if="active === 2" <div v-if="active === 2"
class="page"> class="page">
<template v-if="showNoteAdd"> <template v-if="showNoteAdd || !notes.length">
<el-form class="form" <el-form class="form"
ref="form" ref="form"
label-width="120px" label-width="120px"
@ -184,7 +184,8 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="text-right"> <div class="text-right">
<el-button @click="showNoteAdd = false">取消</el-button> <el-button v-if="notes.length"
@click="showNoteAdd = false">取消</el-button>
<el-button type="primary" <el-button type="primary"
@click="submitNote">保存</el-button> @click="submitNote">保存</el-button>
</div> </div>
@ -647,6 +648,11 @@ export default {
this.getNote() this.getNote()
util.successMsg(form.noteId ? '修改成功' : '添加成功') util.successMsg(form.noteId ? '修改成功' : '添加成功')
this.showNoteAdd = false this.showNoteAdd = false
this.noteForm = {
cid: this.courseId,
noteContent: '',
noteName: '',
}
}).catch(res => { }) }).catch(res => { })
}, },
// 删除笔记 // 删除笔记

2
src/setting.js
Unescape View File

@ -29,7 +29,7 @@ if (isPro) {
host = "http://121.37.12.51/"; // 测试服 host = "http://121.37.12.51/"; // 测试服
// host = 'https://www.occupationlab.com/' // 正式服 // 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/"; // 赓 host = "http://192.168.31.51:9000/"; // 赓
} }
const Setting = { const Setting = {

Write Preview
Loading…
Cancel
Save