myxiaowei
/
fanruan-edu-cas
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity
Labels Milestones
New Pull Request

develop #3

Merged
myxiaowei merged 3 commits from develop into master 2 years ago
Conversation 0 Commits 3 Files Changed 11
11 changed files with 1871 additions and 1879 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. 3
      package.json
  2. 507
      public/index.html
  3. 541
      src/components/banner.vue
  4. 6
      src/router.js
  5. 151
      src/utils/advertisementSDK.js
  6. 1128
      src/views/class/play.vue
  7. 19
      src/views/studypath/finebi.vue
  8. 21
      src/views/studypath/finereportStudyPath2023.vue
  9. 21
      src/views/studypath/jiandaoyun.vue
  10. 3
      src/views/video/indexVideo.vue
  11. 1350
      src/views/video/play.vue

3
package.json
Unescape View File

@ -54,7 +54,8 @@
"parser": "babel-eslint" "parser": "babel-eslint"
}, },
"rules": { "rules": {
"no-undef": "off" "no-undef": "off",
"no-unused-vars": "off"
} }
}, },
"browserslist": [ "browserslist": [

507
public/index.html
Unescape View File

@ -1,291 +1,278 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title>帆软学院-培养企业亟需的数据人才</title>
<meta name="keywords" content="帆软学院,帆软培训,帆软视频,帆软教程,帆软课程,数据分析培训,大数据培训" />
<meta name="description" content="帆软学院专注于培养企业亟需的数据人才。课程方向包括FineReport、FineBI、简道云、FineDataLink、数知鸟、阿米巴、数据分析、python、Linux、数据库、java、JavaScript等。" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_2400577_ckl19e6hyau.css" />
<head> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta charset="utf-8"> <meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Expires" content="0" />
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>帆软学院-培养企业亟需的数据人才</title>
<meta name="keywords" content="帆软学院,帆软培训,帆软视频,帆软教程,帆软课程,数据分析培训,大数据培训" />
<meta name="description"
content="帆软学院专注于培养企业亟需的数据人才。课程方向包括FineReport、FineBI、简道云、FineDataLink、数知鸟、阿米巴、数据分析、python、Linux、数据库、java、JavaScript等。" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_2400577_ckl19e6hyau.css">
<script type="text/javascript" src="https://cdn.fanruanclub.com/prod/dist/js/fineClubSDK.js"></script>
<!-- <script type="text/javascript" src="<%= BASE_URL %>js/ckplayer/ckplayer.min.js"></script> -->
</head>
<body> <script type="text/javascript" src="https://cdn.fanruanclub.com/prod/dist/js/fineClubSDK.js"></script>
<noscript> <!-- <script type="text/javascript" src="<%= BASE_URL %>js/ckplayer/ckplayer.min.js"></script> -->
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. </head>
Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<!-- seo --> <body>
<ul class="left-wrapper" style="display: none;"> <noscript>
<li><a href="https://edu.fanruan.com/video?class1=16" <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
target="_blank"><span>FineReport</span><i class="arrow el-icon-arrow-right"></i></a> </noscript>
<div class="child-nav"> <div id="app"></div>
<div class="child-wrapper"> <!-- built files will be auto injected -->
<ul>
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=7" class="c2a" <!-- seo -->
target="_blank">报表制作</a></li> <ul class="left-wrapper" style="display: none;">
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=89" class="c2a" <li>
target="_blank">数据大屏</a></li> <a href="https://edu.fanruan.com/video?class1=16" target="_blank"><span>FineReport</span><i class="arrow el-icon-arrow-right"></i></a>
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=56" class="c2a" <div class="child-nav">
target="_blank">移动端</a></li> <div class="child-wrapper">
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=92" class="c2a"
target="_blank">二次开发</a></li>
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=113" class="c2a"
target="_blank">部署集群</a></li>
<li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=104" class="c2a"
target="_blank">行业案例</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=16" class="mra flex-1"
target="_blank"><span>查看FineReport全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=7" class="c2a" target="_blank">报表制作</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=89" class="c2a" target="_blank">数据大屏</a></li>
</li> <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=56" class="c2a" target="_blank">移动端</a></li>
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=92" class="c2a" target="_blank">二次开发</a></li>
基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=113" class="c2a" target="_blank">部署集群</a></li>
<p><span>共16课时</span><em>1785人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=16&amp;class2=104" class="c2a" target="_blank">行业案例</a></li>
</li> <div class="amore">
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt" <a href="https://edu.fanruan.com/video?class1=16" class="mra flex-1" target="_blank"><span>查看FineReport全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
target="_blank">Python基础入门-给零基础小白的Python入门课</a> </div>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="https://edu.fanruan.com/video?class1=17" <a href="https://edu.fanruan.com/video?class1=17" target="_blank"><span>FineBI</span><i class="arrow el-icon-arrow-right"></i></a>
target="_blank"><span>FineBI</span><i class="arrow el-icon-arrow-right"></i></a> <div class="child-nav">
<div class="child-nav"> <div class="child-wrapper">
<div class="child-wrapper">
<ul>
<li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=8" class="c2a"
target="_blank">基础操作</a></li>
<li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=90" class="c2a"
target="_blank">数据分析</a></li>
<li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=103" class="c2a"
target="_blank">数据可视化</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=17" class="mra flex-1"
target="_blank"><span>查看FineBI全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=8" class="c2a" target="_blank">基础操作</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=90" class="c2a" target="_blank">数据分析</a></li>
</li> <li><a href="https://edu.fanruan.com/video?class1=17&amp;class2=103" class="c2a" target="_blank">数据可视化</a></li>
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <div class="amore">
基础入门</a> <a href="https://edu.fanruan.com/video?class1=17" class="mra flex-1" target="_blank"><span>查看FineBI全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
<p><span>共16课时</span><em>1785人学习</em></p> </div>
</li>
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt"
target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="https://edu.fanruan.com/video?class1=18" target="_blank"><span>简道云</span><i <a href="https://edu.fanruan.com/video?class1=18" target="_blank"><span>简道云</span><i class="arrow el-icon-arrow-right"></i></a>
class="arrow el-icon-arrow-right"></i></a> <div class="child-nav">
<div class="child-nav"> <div class="child-wrapper">
<div class="child-wrapper">
<ul>
<li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=102" class="c2a"
target="_blank">基础操作</a></li>
<li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=98" class="c2a"
target="_blank">业务场景</a></li>
<li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=109" class="c2a"
target="_blank">专题教学</a></li>
<li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=110" class="c2a"
target="_blank">直播分享</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=18" class="mra flex-1"
target="_blank"><span>查看简道云全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=102" class="c2a" target="_blank">基础操作</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=98" class="c2a" target="_blank">业务场景</a></li>
</li> <li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=109" class="c2a" target="_blank">专题教学</a></li>
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <li><a href="https://edu.fanruan.com/video?class1=18&amp;class2=110" class="c2a" target="_blank">直播分享</a></li>
基础入门</a> <div class="amore">
<p><span>共16课时</span><em>1785人学习</em></p> <a href="https://edu.fanruan.com/video?class1=18" class="mra flex-1" target="_blank"><span>查看简道云全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
</li> </div>
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt"
target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="https://edu.fanruan.com/video?class1=19" target="_blank"><span>数知鸟</span><i <a href="https://edu.fanruan.com/video?class1=19" target="_blank"><span>数知鸟</span><i class="arrow el-icon-arrow-right"></i></a>
class="arrow el-icon-arrow-right"></i></a> <div class="child-nav">
<div class="child-nav"> <div class="child-wrapper">
<div class="child-wrapper">
<ul>
<li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=111" class="c2a"
target="_blank">基础操作</a></li>
<li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=112" class="c2a"
target="_blank">大咖分享</a></li>
<li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=91" class="c2a"
target="_blank">解决方案</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=19" class="mra flex-1"
target="_blank"><span>查看数知鸟全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=111" class="c2a" target="_blank">基础操作</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=112" class="c2a" target="_blank">大咖分享</a></li>
</li> <li><a href="https://edu.fanruan.com/video?class1=19&amp;class2=91" class="c2a" target="_blank">解决方案</a></li>
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <div class="amore">
基础入门</a> <a href="https://edu.fanruan.com/video?class1=19" class="mra flex-1" target="_blank"><span>查看数知鸟全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
<p><span>共16课时</span><em>1785人学习</em></p> </div>
</li>
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt"
target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="https://edu.fanruan.com/video?class1=20" target="_blank"><span>阿米巴</span><i <a href="https://edu.fanruan.com/video?class1=20" target="_blank"><span>阿米巴</span><i class="arrow el-icon-arrow-right"></i></a>
class="arrow el-icon-arrow-right"></i></a> <div class="child-nav">
<div class="child-nav"> <div class="child-wrapper">
<div class="child-wrapper">
<ul>
<li><a href="https://edu.fanruan.com/video?class1=20&amp;class2=96" class="c2a"
target="_blank">解决方案</a></li>
<li><a href="https://edu.fanruan.com/video?class1=20&amp;class2=105" class="c2a"
target="_blank">大咖分享</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=20" class="mra flex-1"
target="_blank"><span>查看阿米巴全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=20&amp;class2=96" class="c2a" target="_blank">解决方案</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=20&amp;class2=105" class="c2a" target="_blank">大咖分享</a></li>
</li> <div class="amore">
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <a href="https://edu.fanruan.com/video?class1=20" class="mra flex-1" target="_blank"><span>查看阿米巴全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
基础入门</a> </div>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt"
target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="https://edu.fanruan.com/video?class1=21" target="_blank"><span>热门技术</span><i <a href="https://edu.fanruan.com/video?class1=21" target="_blank"><span>热门技术</span><i class="arrow el-icon-arrow-right"></i></a>
class="arrow el-icon-arrow-right"></i></a> <div class="child-nav">
<div class="child-nav"> <div class="child-wrapper">
<div class="child-wrapper">
<ul>
<li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=100" class="c2a"
target="_blank">Python</a></li>
<li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=101" class="c2a"
target="_blank">Linux</a></li>
<li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=94" class="c2a"
target="_blank">数据库</a></li>
<li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=108" class="c2a"
target="_blank">Java</a></li>
<li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=97" class="c2a"
target="_blank">JavaScript</a></li>
<div class="amore"><a href="https://edu.fanruan.com/video?class1=21" class="mra flex-1"
target="_blank"><span>查看热门技术全部课程</span><i class="arrow el-icon-arrow-right"></i></a></div>
</ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul> <ul>
<li><a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=100" class="c2a" target="_blank">Python</a></li>
<p><span>共24课时</span><em>3642人学习</em></p> <li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=101" class="c2a" target="_blank">Linux</a></li>
</li> <li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=94" class="c2a" target="_blank">数据库</a></li>
<li><a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA <li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=108" class="c2a" target="_blank">Java</a></li>
基础入门</a> <li><a href="https://edu.fanruan.com/video?class1=21&amp;class2=97" class="c2a" target="_blank">JavaScript</a></li>
<p><span>共16课时</span><em>1785人学习</em></p> <div class="amore">
</li> <a href="https://edu.fanruan.com/video?class1=21" class="mra flex-1" target="_blank"><span>查看热门技术全部课程</span><i class="arrow el-icon-arrow-right"></i></a>
<li><a href="https://edu.fanruan.com/video/106" class="lk hide-txt" </div>
target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li><a href="https://edu.fanruan.com/video/166" class="lk hide-txt"
target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul> </ul>
<div class="hot">
<h2 class="col617">热门推荐</h2>
<ul>
<li>
<a href="https://edu.fanruan.com/video/85" class="lk hide-txt" target="_blank">JavaScript 基础入门</a>
<p><span>共24课时</span><em>3642人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/98" class="lk hide-txt" target="_blank">JAVA 基础入门</a>
<p><span>共16课时</span><em>1785人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/106" class="lk hide-txt" target="_blank">Python基础入门-给零基础小白的Python入门课</a>
<p><span>共2课时</span><em>1476人学习</em></p>
</li>
<li>
<a href="https://edu.fanruan.com/video/166" class="lk hide-txt" target="_blank">Linux7.6基础入门课程（CentOS7.6）</a>
<p><span>共112课时</span><em>1人学习</em></p>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </li>
</li> <li>
<li><a href="javascript:;" ><span>学习路径</span><i class="arrow el-icon-arrow-right"></i></a> <a href="javascript:;"><span>学习路径</span><i class="arrow el-icon-arrow-right"></i></a>
<div class="child-nav"> <div class="child-nav">
<div class="child-wrapper"> <div class="child-wrapper">
<ul> <ul>
<li><a href="https://bbs.fanruan.com/edu/guide/finereport" target="_blank"> <li><a href="https://bbs.fanruan.com/edu/guide/finereport" target="_blank"> FR新手入门 </a></li>
FR新手入门 </a></li> <li><a href="https://bbs.fanruan.com/thread-77147-1-1.html" target="_blank"> FR学习计划 </a></li>
<li><a href="https://bbs.fanruan.com/thread-77147-1-1.html" target="_blank"> <li><a href="https://bbs.fanruan.com/edu/guide/finebi" target="_blank"> FineBI新手入门 </a></li>
FR学习计划 </a></li> <li><a href="https://bbs.fanruan.com/thread-123036-1-1.html" target="_blank"> FineBI学习计划 </a></li>
<li><a href="https://bbs.fanruan.com/edu/guide/finebi" target="_blank"> <li><a href="https://bbs.fanruan.com/thread-133123-1-1.html" target="_blank"> 简道云学习计划 </a></li>
FineBI新手入门 </a></li> </ul>
<li><a href="https://bbs.fanruan.com/thread-123036-1-1.html" target="_blank"> </div>
FineBI学习计划 </a></li>
<li><a href="https://bbs.fanruan.com/thread-133123-1-1.html" target="_blank">
简道云学习计划 </a></li>
</ul>
</div> </div>
</div> </li>
</li> </ul>
</ul>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);
}
)();
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?f4d7d83c565e698bd7cedfe9c6297055";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> </html>

541
src/components/banner.vue
Unescape View File

@ -1,25 +1,24 @@
<template> <template>
<div class="mbg idBanner" > <div class="mbg idBanner">
<div class="nav"> <div class="nav">
<div class="left-nav"> <div class="left-nav">
<ul class="left-wrapper"> <ul class="left-wrapper">
<li v-for="(item,i) in menuList.slice(0,6)" :key="i"> <li v-for="(item, i) in menuList.slice(0, 6)" :key="i">
<router-link @mouseenter="gethot(item.id)" class="c1a flex-3 flex-1" :to="'/video?class1='+item.id" <router-link @mouseenter="gethot(item.id)" class="c1a flex-3 flex-1" :to="'/video?class1=' + item.id" target="_blank">
target="_blank"> <span>{{ item.it618_classname }}</span>
<span>{{item.it618_classname}}</span>
<i class="arrow el-icon-arrow-right"></i> <i class="arrow el-icon-arrow-right"></i>
</router-link> </router-link>
<div class="child-nav"> <div class="child-nav">
<div class="child-wrapper"> <div class="child-wrapper">
<ul> <ul>
<li class="child-item" v-for="(child,j) in item.class2" :key="j"> <li class="child-item" v-for="(child, j) in item.class2" :key="j">
<router-link class="c2a" :to="'/video?class1='+item.id+'&class2='+child.id" target="_blank"> <router-link class="c2a" :to="'/video?class1=' + item.id + '&class2=' + child.id" target="_blank">
{{child.it618_classname}} {{ child.it618_classname }}
</router-link> </router-link>
</li> </li>
<div class="amore"> <div class="amore">
<router-link class="mra flex-1" :to="'/video?class1='+item.id" target="_blank"> <router-link class="mra flex-1" :to="'/video?class1=' + item.id" target="_blank">
<span>查看{{item.it618_classname}}全部课程</span> <span>查看{{ item.it618_classname }}全部课程</span>
<i class="arrow el-icon-arrow-right"></i> <i class="arrow el-icon-arrow-right"></i>
</router-link> </router-link>
</div> </div>
@ -29,23 +28,21 @@
<h2 class="col617">热门推荐</h2> <h2 class="col617">热门推荐</h2>
<ul> <ul>
<li v-for="(item, i) in item.hotdata" :key="i"> <li v-for="(item, i) in item.hotdata" :key="i">
<router-link class="lk hide-txt" :to="'/video/'+item.id" target="_blank"> <router-link class="lk hide-txt" :to="'/video/' + item.id" target="_blank">
{{item.title}} {{ item.title }}
</router-link> </router-link>
<p> <p>
<span>{{item.class_hour}}</span> <span>{{ item.class_hour }}</span>
<em>{{item.number_people}}</em> <em>{{ item.number_people }}</em>
</p> </p>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</li> </li>
<li> <li>
<!-- <a href="/video?class1=37&class2=0" class="c1a flex-3 flex-1"> <!-- <a href="/video?class1=37&class2=0" class="c1a flex-3 flex-1">
<span>FineDataLink</span> <span>FineDataLink</span>
<i class="arrow el-icon-arrow-right"></i> <i class="arrow el-icon-arrow-right"></i>
@ -69,28 +66,16 @@
</router-link> </router-link>
</div> </div>
</ul> </ul>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div class="right-box flex-3"> <div class="right-box flex-3">
<div class="ad"> <div class="ad">
<a :href="cover.click_url" target="_blank"> <div id="AD-1d4b2f969fcd43a99205e88c53b05d8d"></div>
<!-- <img :src="cover.imgurl" width="1000" height="420"> -->
<el-image :src="cover.img_url" style=" width: 1000px; height: 375px; position: static">
<template #error>
<div style="width: 800px; height: 100%;" class="flex-5">
<i class="el-icon-loading f24 colb3c"></i>
</div>
</template>
</el-image>
</a>
</div> </div>
<div class="menu"> <div class="menu">
<ul> <ul>
<a href="https://bbs.fanruan.com/course/report/standard?sqtjBI" target="_blank"> <a href="https://bbs.fanruan.com/course/report/standard?sqtjBI" target="_blank">
<li> <li>
@ -121,16 +106,11 @@
<i class="arrow el-icon-arrow-right"></i> <i class="arrow el-icon-arrow-right"></i>
</a> </a>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="mbg ad-m dn"> <div class="mbg ad-m dn">
<a :href="cover.click_url" target="_blank"> <a :href="cover.click_url" target="_blank">
<el-image :src="cover.img_url" style=" width: 100%; position: static"> <el-image :src="cover.img_url" style=" width: 100%; position: static">
@ -142,315 +122,308 @@
</el-image> </el-image>
</a> </a>
</div> </div>
</template> </template>
<script> <script>
import { getCategories } from "@/api/video"; import { getCategories } from "@/api/video";
import { getcateHot, getCover } from "@/api/index"; import { getcateHot } from "@/api/index";
import { toRefs, reactive } from 'vue'; import { toRefs, reactive } from "vue";
export default { export default {
setup() { setup() {
const state = reactive({ const state = reactive({
menuList: [], menuList: [],
listhot: [], listhot: [],
cover: {}, cover: {},
isloadHot: [], isloadHot: [],
}); });
const fetchMenuList = async () => { const fetchMenuList = async () => {
const res = await getCategories(); const res = await getCategories();
if (res.code === 200) { if (res.code === 200) {
state.menuList = res.data; state.menuList = res.data;
} }
}; };
fetchMenuList(); fetchMenuList();
const fetchgetCover = async () => { // 旧版banner cid广告位
const res = await getCover(); // const fetchgetCover = async () => {
if (res.code === 200) { // const res = await getCover();
state.cover = res.data[0]; // if (res.code === 200) {
} // state.cover = res.data[0];
}; // }
fetchgetCover(); // };
// fetchgetCover();
const fetchgetcateHot = async (class1) => {
const res = await getcateHot(class1); // 新版版banner 我的帆软广告位
if (res.code === 200) { window.fineAd.getAdvertisement({ adId: "1d4b2f969fcd43a99205e88c53b05d8d" });
state.listhot = res.data;
state.isloadHot.push(class1); const fetchgetcateHot = async (class1) => {
const res = await getcateHot(class1);
state.menuList.forEach((item, index) => { if (res.code === 200) {
if (item.id === class1) { state.listhot = res.data;
state.menuList[index]['hotdata'] = res.data; state.isloadHot.push(class1);
}
});
}
};
const gethot = (class1) => {
// 节流
state.menuList.forEach((item, index) => { state.menuList.forEach((item, index) => {
if (item.id === class1) { if (item.id === class1) {
if (!state.menuList[index]['hotdata']) { state.menuList[index]["hotdata"] = res.data;
fetchgetcateHot(class1);
}
} }
}); });
} }
};
return { const gethot = (class1) => {
...toRefs(state), // 节流
gethot, state.menuList.forEach((item, index) => {
}; if (item.id === class1) {
}, if (!state.menuList[index]["hotdata"]) {
}; fetchgetcateHot(class1);
}
}
});
};
return {
...toRefs(state),
gethot,
};
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.mbg { .mbg {
background: #F3F8FF; background: #f3f8ff;
padding: 34px 0 0; padding: 34px 0 0;
} }
.nav { .nav {
position: relative; position: relative;
width: 1200px; width: 1200px;
height: 375px; height: 375px;
margin: auto; margin: auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: #fff; color: #fff;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
box-shadow: 0px 2px 16px 0px rgba(12, 40, 131, 0.1); box-shadow: 0px 2px 16px 0px rgba(12, 40, 131, 0.1);
} }
.left-nav { .left-nav {
display: flex; display: flex;
width: 200px; width: 200px;
background-color: #fff; background-color: #fff;
} }
.left-nav .left-wrapper { .left-nav .left-wrapper {
width: 100%; width: 100%;
}
.left-nav .left-wrapper > li {
display: block;
box-sizing: border-box;
white-space: nowrap;
text-overflow: ellipsis;
.c1a {
font-size: 16px;
padding: 16px 24px;
} }
}
.left-nav .left-wrapper>li { .left-nav .left-wrapper > li:hover {
display: block; color: #0082fc;
box-sizing: border-box; background: #eef3fa;
white-space: nowrap; }
text-overflow: ellipsis;
.c1a { .left-nav .left-wrapper li:hover .child-nav {
font-size: 16px; display: block;
padding: 16px 24px; }
}
}
.left-nav .left-wrapper>li:hover { .nav .right-box {
color: #0082FC; background-color: #eef3fa;
background: #EEF3FA; border: none;
} width: 1000px;
.left-nav .left-wrapper li:hover .child-nav { .ad {
display: block; width: 800px;
} }
.nav .right-box { .menu {
background-color: #EEF3FA; width: 200px;
border: none; position: relative;
width: 1000px;
.ad { ul {
width: 800px; width: 216px;
height: 100%;
position: absolute;
right: -16px;
} }
.menu { a {
width: 200px; display: flex;
align-items: center;
color: #fff;
height: 25%;
padding: 0 16px;
background-color: rgb(0, 0, 0, 0.19);
transition: all 0.3s;
position: relative; position: relative;
h5 {
ul { font-size: 16px;
width: 216px; padding-bottom: 2px;
height: 100%;
position: absolute;
right: -16px;
} }
a { span {
display: flex; font-size: 14px;
align-items: center; }
color: #fff;
height: 25%;
padding: 0 16px;
background-color: rgb(0, 0, 0, 0.19);
transition: all .3s;
position: relative;
h5 { i {
font-size: 16px; transition: all 0.3s;
padding-bottom: 2px; opacity: 0;
} margin-left: 0;
}
span { &:hover {
font-size: 14px; margin-left: -16px;
}
i { i {
transition: all .3s; opacity: 1;
opacity: 0; margin-left: 26px;
margin-left: 0;
}
&:hover {
margin-left: -16px;
i {
opacity: 1;
margin-left: 26px;
}
} }
}
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
left: 16px; left: 16px;
right: 34px; right: 34px;
bottom: 0; bottom: 0;
height: 1px; height: 1px;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
}
} }
} }
} }
}
.child-nav {
display: none; .child-nav {
display: none;
position: absolute;
top: 0;
left: 200px;
height: 100%;
}
.child-nav .child-wrapper {
display: flex;
justify-content: space-between;
height: 100%;
}
.child-wrapper > ul {
position: relative;
display: flex;
justify-content: space-around;
align-content: flex-start;
flex-wrap: wrap;
width: 320px;
height: 100%;
padding-top: 20px;
background-color: #eef3fa;
padding: 20px 10px 0 10px;
.amore {
position: absolute; position: absolute;
top: 0; bottom: 0;
left: 200px; left: 0;
height: 100%; width: 100%;
}
.child-nav .child-wrapper {
display: flex;
justify-content: space-between;
height: 100%;
}
.child-wrapper>ul { .mra {
position: relative; padding: 20px 0 20px 32px;
display: flex; border-top: 1px solid #ceddf2;
justify-content: space-around; color: #0082fc;
align-content: flex-start; font-size: 14px;
flex-wrap: wrap;
width: 320px;
height: 100%;
padding-top: 20px;
background-color: #EEF3FA;
padding: 20px 10px 0 10px;
.amore {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
.mra {
padding: 20px 0 20px 32px;
border-top: 1px solid #CEDDF2;
color: #0082FC;
font-size: 14px;
span { span {
padding-right: 12px; padding-right: 12px;
}
} }
} }
}
&:after { &:after {
content: ' '; content: " ";
width: 42%; width: 42%;
}
} }
}
.child-wrapper .child-item {
width: 42%;
border-radius: 20px;
text-align: center;
margin-bottom: 16px;
.child-wrapper .child-item { .c2a {
width: 42%; width: 100%;
border-radius: 20px; display: inline-block;
background-color: #fff;
border-radius: 24px;
text-align: center; text-align: center;
margin-bottom: 16px; padding: 4px 0;
font-size: 14px;
.c2a {
width: 100%;
display: inline-block;
background-color: #fff;
border-radius: 24px;
text-align: center;
padding: 4px 0;
font-size: 14px;
}
} }
}
.child-wrapper .child-item:hover { .child-wrapper .child-item:hover {
color: rgb(61, 185, 255); color: rgb(61, 185, 255);
} }
.child-wrapper .child-item:last-child:nth-child(2n - 1) {
margin-right: calc(40% + 9%);
}
.child-wrapper .child-item:last-child:nth-child(2n - 1) { .left-wrapper .hot {
margin-right: calc(40% + 9%); border-left: 1px solid #ceddf2;
width: 240px;
background-color: #eef3fa;
padding: 24px;
h2 {
font-size: 14px;
padding-bottom: 18px;
} }
.left-wrapper .hot { li {
border-left: 1px solid #CEDDF2; padding-bottom: 24px;
width: 240px;
background-color: #EEF3FA;
padding: 24px;
h2 { .lk {
font-size: 14px; font-size: 14px;
padding-bottom: 18px;
} }
li { p {
padding-bottom: 24px; font-size: 12px;
color: #617288;
.lk {
font-size: 14px;
}
p {
font-size: 12px;
color: #617288;
span { span {
padding-right: 16px; padding-right: 16px;
}
} }
} }
} }
}
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.ad-m { .ad-m {
width: 100%; width: 100%;
min-height: 100px; min-height: 100px;
padding: 18px 20px 0 20px; padding: 18px 20px 0 20px;
overflow: hidden; overflow: hidden;
::v-deep .el-image__inner { ::v-deep .el-image__inner {
border-radius: 8px; border-radius: 8px;
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
display: block; display: block;
}
} }
</style> }
</style>

6
src/router.js
Unescape View File

@ -2,7 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router';
import Layout from '@/layout/index.vue'; import Layout from '@/layout/index.vue';
import store from '@/store'; import store from '@/store';
import { refreshToken } from '@/api/auth'; import { refreshToken } from '@/api/auth';
// import '@/utils/fineClubSDK'; import '@/utils/advertisementSDK';
import { getUid, getExpiresTime } from '@/utils/cookie'; import { getUid, getExpiresTime } from '@/utils/cookie';
import { delUrlParams } from '@/utils/urlQuery'; import { delUrlParams } from '@/utils/urlQuery';
@ -350,6 +350,10 @@ const router = createRouter({
}, },
}); });
// 接入广告配置
let getAdEnv = process.env.VUE_APP_ENV == 'dist' ? false : true;
window.fineAd.config({debug:getAdEnv,dev:getAdEnv});
// 通过导航守卫 判断并刷新token // 通过导航守卫 判断并刷新token
let accessToken = store.getters.get_token; let accessToken = store.getters.get_token;
let expires = getExpiresTime(); let expires = getExpiresTime();

151
src/utils/advertisementSDK.js
Unescape View File

@ -0,0 +1,151 @@
/**
* 广告调用SDK
* 2023-04-11 by Wangwei
*/
import axios from "axios";
const fineAd = (window.fineAd = window.fineAd || {});
fineAd.options = fineAd.options || {};
/**
* 初始化SDK配置
* @param debug
* @param dev
* @param adApiUrl
*/
const config = ({ debug = false, dev = false, adApiUrl }) => {
fineAd.options = {
...fineAd.options,
debug,
dev,
adApiUrl: dev ? 'https://testjdy.fanruan.com/fcoin' : 'https://home.fanruan.com/fcoin',
};
if(debug){
console.log('adApiUrl', fineAd.options.adApiUrl);
}
};
/**
* 获取并展示指定广告id的广告位
* @param adId 广告位id
* @param adId2 如果adId没有匹配到则显示第二个广告位
* @param top 顶边距
* @param bottom 底边距
*/
const getAdvertisement = async ({adId, adId2, top, bottom}) => {
const { debug, dev } = fineAd.options;
const dataPath = dev ? 'test' : 'prod';
await axios.get("https://shequ-oss.obs.cn-east-2.myhuaweicloud.com/digit/ad/data/" + dataPath + "/advertisement.json?v=" + Date.now())
.then(function (res) {
var isAdId = false;
res.data.forEach((item) => {
if(item.adId === adId){
isAdId = true;
let getSize = splitPicSize(item.picSize);
if(debug){
console.group("advertisement " + adId);
console.log('item',item);
console.log('picSize',getSize);
console.log('top',top);
console.log('bottom',bottom);
console.groupEnd();
}
let adDomId = document.getElementById('AD-' + adId);
adDomId.innerHTML='';
window.fineAd.adMargin({ adId:adId, top:top });
// 无链接图片广告
if(!item.adLink && item.type===1){
adDomId.innerHTML+=`<img width="${getSize.w}" height="${getSize.h}" src="${item.picUrl}">`;
}
// 有链接图片广告
if(item.adLink && item.type===1){
adDomId.innerHTML+=`<a onClick="window.fineAd.advertisementHits('${adId}');" href="${item.adLink}" target="_blank"><img width="${getSize.w}" height="${getSize.h}" src="${item.picUrl}"></a>`;
}
// 有链接文本广告
if(item.adLink && item.type===2){
adDomId.innerHTML+=`<a onClick="window.fineAd.advertisementHits('${adId}');" href="${item.adLink}" target="_blank">${item.adText}</a>`;
}
window.fineAd.adMargin({ adId:adId, bottom:bottom });
}
});
// 找第二个广告位
if(adId2 && !isAdId){
res.data.forEach((item) => {
if(item.adId === adId2){
console.log('isAdId',isAdId);
let getSize = splitPicSize(item.picSize);
if(debug){
console.group("advertisement " + adId2);
console.log('item',item);
console.log('picSize',getSize);
console.log('top',top);
console.log('bottom',bottom);
console.groupEnd();
}
let adDomId = document.getElementById('AD-' + adId2);
adDomId.innerHTML='';
window.fineAd.adMargin({ adId:adId2, top:top });
// 有链接图片广告
if(item.adLink && item.type===1){
adDomId.innerHTML=`<a onClick="window.fineAd.advertisementHits('${adId2}');" href="${item.adLink}" target="_blank"><img width="${getSize.w}" height="${getSize.h}" src="${item.picUrl}"></a>`;
}
// 有链接文本广告
if(item.adLink && item.type===2){
adDomId.innerHTML=`<a onClick="window.fineAd.advertisementHits('${adId2}');" href="${item.adLink}" target="_blank">${item.adText}</a>`;
}
window.fineAd.adMargin({ adId:adId2, bottom:bottom });
}
});
}
})
.catch(function (error) {
console.log('ad error',error);
});
};
/**
* 广告边距
* @param top 顶边距
* @param bottom 底边距
*/
const adMargin = ({ adId, top = 0, bottom = 0 }) => {
let adDomId = document.getElementById('AD-' + adId);
if(top > 0){
adDomId.innerHTML+=`<div style="height:${top}px;"></div>`;
}else if(bottom > 0){
adDomId.innerHTML+=`<div style="height:${bottom}px;"></div>`;
}
}
/**
* 拆分广告位尺寸
* @param adSize 广告位尺寸
* @return Array[w,h] 宽和高
*/
const splitPicSize = (adSize) =>{
let {w,h} = {w:'',h:''};
if(adSize){
let {[0]:w,[1]:h} = adSize.replace(/\s/g,"").split('*');
return {w,h};
}else{
return {w,h};
}
}
/**
* 广告位埋点
* @param adId 广告位id
*/
const advertisementHits = (adId) =>{
const { adApiUrl } = fineAd.options;
axios.get(adApiUrl + "/api/advertisement/hits/" + adId);
}
fineAd.config = config;
fineAd.adMargin = adMargin;
fineAd.getAdvertisement = getAdvertisement;
fineAd.advertisementHits = advertisementHits;

1128
src/views/class/play.vue
View File

File diff suppressed because it is too large Load Diff

19
src/views/studypath/finebi.vue
Unescape View File

@ -216,11 +216,7 @@
</div> </div>
</el-scrollbar> </el-scrollbar>
<div style="display:float;width: 100%;height:80px;overflow: hidden;margin:20px 0;" class="m-dn" v-if="is_ad"> <div id="AD-83346c28538542f6b678220a47e6fee3" class="m-dn"></div>
<a :href="ad_clickurl" target="_blank">
<img :src="ad_imgurl" alt="BI学习路径banner" />
</a>
</div>
</div> </div>
</div> </div>
@ -807,7 +803,6 @@
import { reactive, toRefs } from "vue"; import { reactive, toRefs } from "vue";
import { studentCount } from "@/api/guide"; import { studentCount } from "@/api/guide";
import { getCourseNum } from "@/api/study"; import { getCourseNum } from "@/api/study";
import { adurl } from "@/api/ad";
import downMenu from "@/views/studypath/downMenu"; import downMenu from "@/views/studypath/downMenu";
import pathMenu from "@/views/studypath/pathMenu"; import pathMenu from "@/views/studypath/pathMenu";
export default { export default {
@ -860,17 +855,7 @@ export default {
resgetNode(); resgetNode();
// 获取广告链接 // 获取广告链接
const adgetNode = async () => { window.fineAd.getAdvertisement({ adId: "83346c28538542f6b678220a47e6fee3", top: 24 });
const res = await adurl(31);
if (res.code === 200) {
if (res.data.img_url != null) {
state.ad_imgurl = res.data.img_url;
state.ad_clickurl = res.data.click_url;
state.is_ad = true;
}
}
};
adgetNode();
// 获取多少人已完成学习 // 获取多少人已完成学习
const resCourseNum = async (pid, tmp) => { const resCourseNum = async (pid, tmp) => {

21
src/views/studypath/finereportStudyPath2023.vue
Unescape View File

@ -198,12 +198,7 @@
</div> </div>
</div> </div>
</el-scrollbar> </el-scrollbar>
<div id="AD-bfb30c067e5e449aac8ea667205fcfc3" class="m-dn"></div>
<div style="display:float;width: 100%;height:80px;overflow: hidden;margin:20px 0;" class="m-dn" v-if="is_ad">
<a :href="ad_clickurl" target="_blank">
<img :src="ad_imgurl" alt="FR学习路径banner" />
</a>
</div>
</div> </div>
</div> </div>
@ -654,7 +649,6 @@
<script> <script>
import { reactive, toRefs } from "vue"; import { reactive, toRefs } from "vue";
import { getCourseNum } from "@/api/study"; import { getCourseNum } from "@/api/study";
import { adurl } from "@/api/ad";
import downMenu from "@/views/studypath/downMenu"; import downMenu from "@/views/studypath/downMenu";
import { scrollToElementAnchor } from "@/utils/scrollTo"; import { scrollToElementAnchor } from "@/utils/scrollTo";
import pathMenu from "@/views/studypath/pathMenu"; import pathMenu from "@/views/studypath/pathMenu";
@ -691,18 +685,7 @@ export default {
cate_list: [], cate_list: [],
}); });
// 获取广告链接 window.fineAd.getAdvertisement({ adId: "bfb30c067e5e449aac8ea667205fcfc3", top: 24 });
const adgetNode = async () => {
const res = await adurl(30);
if (res.code === 200) {
if (res.data.img_url != null) {
state.ad_imgurl = res.data.img_url;
state.ad_clickurl = res.data.click_url;
state.is_ad = true;
}
}
};
adgetNode();
// 报表工程师课程信息 // 报表工程师课程信息
const resCourseNum = async () => { const resCourseNum = async () => {

21
src/views/studypath/jiandaoyun.vue
Unescape View File

@ -77,7 +77,7 @@
<div class="infobox"> <div class="infobox">
<div class="til">了解简道云并完成注册或登录</div> <div class="til">了解简道云并完成注册或登录</div>
<div class="flex-6" style="margin: 16px 0 28px;"> <div class="flex-6" style="margin: 16px 0 28px;">
<a class="btn-jdy f14 newbtn3" href="/video/play/5206" target="_blank">简道云介绍</a> <a class="btn-jdy f14 newbtn3" href="/video/play/5579" target="_blank">简道云介绍</a>
<a class="btn-jdy f14 newbtn3" href="https://www.jiandaoyun.com/signin" target="_blank">简道云登录或注册</a> <a class="btn-jdy f14 newbtn3" href="https://www.jiandaoyun.com/signin" target="_blank">简道云登录或注册</a>
</div> </div>
@ -203,11 +203,7 @@
</div> </div>
</el-scrollbar> </el-scrollbar>
<div style="display:float;width: 100%;height:80px;overflow: hidden;margin:20px 0;" class="m-dn" v-if="is_ad"> <div id="AD-ec2bf821df994fa5aa3cc950377a812e" class="m-dn"></div>
<a :href="ad_clickurl" target="_blank">
<img :src="ad_imgurl" alt="简道云学习路径banner" />
</a>
</div>
</div> </div>
</div> </div>
@ -679,7 +675,6 @@
import { reactive, toRefs } from "vue"; import { reactive, toRefs } from "vue";
import { studentCount } from "@/api/guide"; import { studentCount } from "@/api/guide";
import { getCourseNum } from "@/api/study"; import { getCourseNum } from "@/api/study";
import { adurl } from "@/api/ad";
import downMenu from "@/views/studypath/downMenu"; import downMenu from "@/views/studypath/downMenu";
import pathMenu from "@/views/studypath/pathMenu"; import pathMenu from "@/views/studypath/pathMenu";
export default { export default {
@ -726,17 +721,7 @@ export default {
resgetNode(); resgetNode();
// 获取广告链接 // 获取广告链接
const adgetNode = async () => { window.fineAd.getAdvertisement({ adId: "ec2bf821df994fa5aa3cc950377a812e", top: 24 });
const res = await adurl(32);
if (res.code === 200) {
if (res.data.img_url != null) {
state.ad_imgurl = res.data.img_url;
state.ad_clickurl = res.data.click_url;
state.is_ad = true;
}
}
};
adgetNode();
// 报表工程师课程信息 // 报表工程师课程信息
const resCourseNum = async () => { const resCourseNum = async () => {

3
src/views/video/indexVideo.vue
Unescape View File

@ -294,12 +294,11 @@
{ id: 6, name: "300元以上" }, { id: 6, name: "300元以上" },
], ],
sortList: [ sortList: [
{ id: 0, name: "默认排序", label: "按课程id从高到低", icon: "" }, { id: 0, name: "最近更新", label: "发布时间倒序", icon: "" },
{ id: 1, name: "学习人数", label: "学习人数从高到底", icon: "el-icon-caret-bottom" }, { id: 1, name: "学习人数", label: "学习人数从高到底", icon: "el-icon-caret-bottom" },
{ id: 2, name: "销量", label: "销量从高到低", icon: "el-icon-caret-bottom" }, { id: 2, name: "销量", label: "销量从高到低", icon: "el-icon-caret-bottom" },
{ id: 3, name: "价格", label: "价格从高到低", icon: "el-icon-caret-bottom" }, { id: 3, name: "价格", label: "价格从高到低", icon: "el-icon-caret-bottom" },
{ id: 4, name: "价格", label: "价格从低到高", icon: "el-icon-caret-top" }, { id: 4, name: "价格", label: "价格从低到高", icon: "el-icon-caret-top" },
{ id: 5, name: "更新时间", label: "发布日期倒序", icon: "el-icon-caret-bottom" },
], ],
priceRangeList: [], priceRangeList: [],
videoList: [], videoList: [],

1350
src/views/video/play.vue
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save