Skip to content

E
eduline
Commit 7495b9e2 by 陈超
Options

T

parent b418aa93
Showing with 30 additions and 298 deletions
apps/course/Tpl/default/Video/view_w3g.html
<include file="__THEME__/public_header_w3g" />
<link href="https://cdn.bootcss.com/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/Swiper/4.5.0/js/swiper.min.js"></script>
<link rel="stylesheet" href="__APP__/css/video_view_3g.css">
<script src="__THEMEW3G__/js/clipboard.min.js"></script>
<!--content start-->
<!-- 分享好友助力 start -->
<div class="get-friend addclas"></div>
<include file="bargain_w3g" />
<!-- 分享好友助力 end -->
<div id="app">
<div class="layout_v">
<van-sticky>
......@@ -22,306 +11,34 @@
<van-icon size="16" :name="shareIcon" style="margin-right: 1rem;"></van-icon>
<van-icon size="16" name="__THEME__/img/share_line.png"></van-icon>
</div>
<div class="fixed_bottom_bar">
<div class="layout_v">
<template v-if="bought">
<div class="fixed_bottom_bar layout_h_v_c">
<template v-if="bought">
</template>
</template>
<template v-else>
</div>
<template v-else>
<div class="layout_v">
<span class="text_14_600 color_FF3B3B">
<php> if($mybuy or $data['is_buy'] or $data['is_charge'] or $data['mz_price']['price'] == 0) { </php>
免费
<php> } else {</php>
<!-- ¥<if condition="$course_event.event_type eq 3">{$course_event['event_price_other']}<else/>{$data['mz_price']['price']}</if> -->
￥{$data['mz_price']['selPrice']}
<php>}</php>
{{isFree ? "免费" : ("¥" + price)}}
</span>
<span></span>
</template>
</div>
<span class="text_10_400 color_999999">¥{{oldPrice}}</span>
</div>
<div class="weight_full layout_h_r">
<div class="vip_buy_pay_button layout_center"><span class="text_14_400 color_white">立即购买</span></div>
<span style="margin-right: 0.75rem;" class="text_12_400 color_999999">{{personCount}}</span>
</div>
</template>
</div>
</div>
<div class="body">
<div class="classtop">
<div class="img-box">
<img src="{:getCover($data['cover'] ,580 , 320 )}" alt="" />
<i class="icon icon-fenxiang iconposition">
<p class="shareP">分享</p>
</i>
</div>
<php>if($course_event){</php><include file="./event_w3g" /><php>}</php>
<div class="info">
<div class="newbanben">
<div class="title">
<p class="newbb-title">{:h($data['video_title'])}</p>
</div>
<php>if(!empty($receiveCoupon)){</php>
<div class="coupons">
<div class="coupons-phase">
<span class="face">优惠</span>
<volist name="receiveCoupon" id="coupon">
<switch name="coupon.type">
<case value="1">
<a href="javascript:void(0)" data-coupon-code="{$coupon.id}" class="disc small">满{$coupon.maxprice}减{$coupon.price}<a>
</case>
<case value="2">
<a href="javascript:void(0)" data-coupon-code="{$coupon.id}" class="disc small">{$coupon.discount}折卡</a>
</case>
<case value="5">
<a href="javascript:void(0)" data-coupon-code="{$coupon.id}" class="disc small">课程卡</a>
</case>
</switch>
</volist>
</div>
<div class="coupons-ling">
<a href="{:U('classroom/CardReceipt/index',['tab'=>'coupon'])}" class="more">领券<i class="eduline-v4 v4-iconfont-more"></i></a>
</div>
</div>
<php>}</php>
<div class="newbanben-info">
<p class="newbb-renshu">
<span>{$data['video_order_count']}</span>人在学
</p>
<p class="newbb-shoucang">
<php>if($data['iscollect']){</php>
<a class="iconfontNEW on" onClick="collectVideo(this,'{$vid}',0)">&#xe63d;</a>
<php>}else{</php>
<a class="iconfontNEW" onClick="collectVideo(this,'{$vid}',1)">&#xe674;</a>
<php>}</php>
<span>{$data.video_collect_count}人收藏</span>
</p>
<php>if( $buy_status ){</php>
<if condition="$course_event.user_asb neq '' and $course_event['user_asb']['complete'] eq 0">
<div class="share_asb iconposition">
<a class="buy">去分享</a>
</div>
<else />
<a class="buy" href="{:U('course/Video/watch',array('id'=>$_GET['id'],'s_id'=>$s_id))}">开始学习</a>
</if>
<php>}else{</php>
<p class="newbanben-price">
<php> if($mybuy or $data['is_buy'] or $data['is_charge'] or $data['mz_price']['price'] == 0) { </php>
免费
<php> } else {</php>
<!-- ¥<if condition="$course_event.event_type eq 3">{$course_event['event_price_other']}<else/>{$data['mz_price']['price']}</if> -->
￥{$data['mz_price']['selPrice']}
<php>}</php>
</p>
<form action="{:U('course/PayVideo/index')}" method="POST" id="pay_form">
<input type="hidden" value="{$data['id']}" name="vid" />
<input type="hidden" value="zy_video" name="check_type" />
<input type="hidden" value="课程：{$data['video_title']}" name="title" />
<input type="hidden" id="money" value="{$data['mz_price']['price']}" name="money" />
</form>
<php>if($user_asb['faild'] && !$user_asb['is_refund']){</php>
<a href="javascript:void(0);" style="background-color: gray"><span>立即购买</span></a>
<php>}elseif($course_event['user_asb']['faild']){</php>
<php>if($course_event['user_asb']['is_refund']){</php>
<a href="javascript:void(0);" id="charge_video" data-asb="0"><span>立即购买</span></a>
<php>}else{</php>
<a href="javascript:void(0);" style="background-color: gray"><span>立即购买</span></a>
<php>}</php>
<php>}else{</php>
<a href="javascript:void(0);" id="charge_video" <if condition="$course_event['event_type'] eq 3"> data-asb="0" <else/> class="chargebuy" </if> ><span>立即购买</span></a>
<php>}</php>
<php>}</php>
</div>
</div>
<div style="background-color:rgba(246,247,247,1);width:100%;height:10px;"></div>
</div>
</div>
</div>
<div class="classbot">
<div class="classmain-hd classmain-ul">
<ul>
<li class="choose on"><a href="javascript:;">目录</a></li>
<li class="choose"><a href="javascript:;">简介</a></li>
<li class="choose"><a href="javascript:;">点评(<span>{$data['reviewCount']}</span>)</a></li>
<if condition="$thirdServiceUrl">
<li class="choose"><a href="{$thirdServiceUrl}" class="kefu" target="_blank">客服</a></li>
</if>
</ul>
</div>
<!--课程目录-->
<div class="classmain-bd videoInfo">
<div class="classmain_con">
<php>if(!$video_section_data){</php>
<p style="font-size:14px;padding: 20px;">该课程暂时没有目录</p>
<php>}else{</php>
<volist name="video_section_data" id="vo" key="k">
<dl class="mulist">
<dt class="two-tit">
<span class="two-name">{:mStr(t($vo['title']),18)}</span>
<img src="__APP__/images/h5down.png" alt="" class="onedown" style="display: none">
<img src="__APP__/images/h5up.png" alt="" class="onedown">
</dt>
<php>if($vo['child']){</php>
<volist name="vo.child" id="vo1">
<if condition="$vo1['is_activity'] eq 1 || ($_GET['is_look'] eq 1 and $vo1['is_activity'] neq 0)">
<dd class="three-tit">
<if condition="$data['is_buy'] eq false AND $vo1['is_buy'] heq false AND $data['mz_price']['price'] neq 0">
<if condition="$_SESSION['mid']">
<a href="{:U('course/PayVideo/index',['vst'=>$vo1['pay_url']])}">
<else />
<a href="javasctipt:;" onclick="payCourseHour()">
</if>
<elseif condition="$data['is_order'] eq 0 OR ($data['is_order'] eq 1 AND $vo1['lock'] eq 1 )" />
<if condition="$vo1['content_type'] eq 1">
<a href="{:U('course/Video/watch',array('id'=>$vo1['vid'],'s_id'=>$vo1['id']))}">
<else />
<a href="{:U('exams/Index/examsroom',array('paper_id'=>$vo1['eid'],'joinType'=>2,'s_id'=>$vo1['id'], 'view'=>urlencode(jiami($url))))}">
</if>
<else />
<a href="javascript:;" <if condition="$k eq 1 and $i eq 1">class="learn_note"<else/>class="learn_note2"</if> >
</if>
<php>if($vo1['video_type'] == 1 || $vo1['video_type'] == 5){</php>
<i class="ship ship-video"></i>
<php>}else if($vo1['video_type'] == 2){</php>
<i class="ship ship-audio"></i>
<php>}else if($vo1['video_type'] == 3){</php>
<i class="ship ship-txt"></i>
<php>}else if($vo1['video_type'] == 4){</php>
<i class="ship ship-doc"></i>
<php>}else if($vo1['video_type'] == 6){</php>
<i class="ship ship-exam"></i>
<php>}</php>
<if condition="$data['is_buy'] eq false AND $vo1['is_buy'] heq false AND $data['mz_price']['price'] neq 0">
<div class="mone1"><p class="page1">¥{$vo1['course_hour_price']}</p></div>
</if>
<php>if($vo1['is_free'] == 1){</php>
<div class="mone"><p class="page1">免费</p></div>
<php>}</php>
<if condition="$data['is_order'] eq 1 and $vo1['lock'] neq 1">
<img src="__APP__/icon/lock.png" class="h5key">
</if>
<p class="three-name">{:mStr($vo1['title'],16)}</p>
<if condition="$vo1['learn_record']">
<if condition="$vo1['learn_record']['finish']">
<span class="flish-font">已完成</span>
<else/>
<span class="flish-font">已学至{:secondsToHour($vo1['learn_record']['time'])}</span>
</if>
</if>
</a>
</dd>
</if>
</volist>
<php>}</php>
</dl>
</volist>
<php>}</php>
</div>
</div>
<div class="classmain-bd videoInfo" style="display: none;padding:0;">
<div class="classmain_con">
<!-- <div class="classtitle">
<h3>{:msubstr(t($data['video_title']),0,25,'utf-8',true)}</h3>
<span class="reward">打赏</span>
</div>
-->
<div class="classitem">
<div class="classcon max-text" style="font-size: 12px;">
{$data.video_intro}
</div>
<a class='clickzk' onclick='clickzk(this)' href='javascript:;'>展开</a>
<script>
if ($(".classitem .max-text").height() >= 200) {
$(".classitem .max-text").height("200px")
$(".clickzk").show()
}
function clickzk(a) {
if ($(a).text() == "展开") {
$(a).text("收起");
$(".classitem .max-text").height("auto")
} else {
$(a).text("展开");
$(".classitem .max-text").height("200px")
}
}
</script>
</div>
<hr>
<php>if($data['user']){</php>
<div class="classitem ">
<div class="classtit">讲师</div>
<li class="classcon">
<div class="jiangShi">
<a href="{:U('classroom/Teacher/view',array('id'=>$data['user']['id']))}">
<img class="jiangShi-img" src="{:getCover($data['user']['head_id'],200,200)}" alt="" />
<p>{$data.user.name}</p>
<!--<p>测试机构</p>-->
</a>
</div>
<!--
<dl class="class_js_dl">
<dt><a href="{:U('classroom/Teacher/view/view',array('id'=>$data['user']['id']))}"><img
src="{:getCover($data['user']['head_id'],60,60)}" alt=""></a></dt>
<dd>
<h3>
<a href="javascript:;">{$data.user.name}</a>
</h3>
<div class="class_jg_ul">
<li>课程数：<span>{$video_count}</span></li>
<li>粉丝数：<span>{$follow}</span></li>
</div>
<div class="tag">{:mStr($data['user']['label'],15)}</div>
</dd>
</dl>
-->
<div class="class_js_txt">
<!-- <div class="arrow_up"></div>-->
<p>{:mStr(t($data['user']['info']),80)}</p>
<i style="display: none">
{$data['user']['info']}
<!--{:msubstr(t($data['user']['info']))}-->
</i>
</div>
<script>
var textnew = $(".class_js_txt i").html();
var text = $($(".class_js_txt p")[0]).text();
var html = "<a href='javascript:;'>展开</a>";
var html2 = "<a href='javascript:;'>收起</a>";
if ($(".class_js_txt p").text().length > 70) {
$(".class_js_txt p").html($(".class_js_txt p").html() + html)
}
$(".classitem").on("click", ".class_js_txt p a", function () {
if ($(".class_js_txt p a").html() == "展开") {
$(".class_js_txt p").html(textnew + html2)
} else {
$(".class_js_txt p").html(text + html)
}
})
</script>
</div>
<php>}</php>
<hr>
</div>
</div>
<div class="classmain-bd videoInfo" style="display: none;">
{:W('Resource',array('type'=>2,'ispage'=>true,'kztype'=>1,'kzid'=>$vid,'switch'=>$switch,'template'=>'album_review_w3g'))}
</div>
</div>
<script type="text/javascript">
new Vue({
el: "#app",
data: function() {
return {
info: {},
bought: false,
isCollect: false
}
},
created:function(){
......@@ -332,8 +49,23 @@
isCollect: function() {
return this.info.iscollect == 1
},
isFree: function() {
return this.info.price == 0
},
price: function() {
return this.info.mz_price.price
},
oldPrice: function() {
return this.info.mz_price.oriPrice
},
bought: function() {
return this.info.is_buy
},
shareIcon: function() {
return this.isCollect ? "__THEME__/img/share_star.png" : "__THEME__/img/share_unstar.png"
},
personCount: function() {
return this.info.video_order_count + "人已购买"
}
}
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment