Skip to content

E
eduline
Commit ee85e8cc by 陈超
Options

T

parent 6f90d52c
Showing with 181 additions and 140 deletions
addons/theme/stv1/_static_w3g/css/common.css
......@@ -863,6 +863,13 @@ div::-webkit-scrollbar {
border-radius: 1.5625rem;
}
.vip_buy_pay_button_disable {
width: 7.25rem;
height: 2.5rem;
background: #F5F5F5;
border-radius: 1.5625rem;
}
/* Course */
.course_detail_video_container {
height: 10rem;
......@@ -878,4 +885,13 @@ div::-webkit-scrollbar {
.course_each {
padding: 0.75rem 0.75rem;
padding-bottom: 0;
}
/* Pay Course */
.pay_course_info {
padding: 1.25rem 0.75rem;
}
.pay_course_bottom {
padding: 0.75rem;
}
\ No newline at end of file
apps/course/Tpl/default/PayVideo/index_w3g.html
......@@ -2,17 +2,75 @@
<link href="__APP__/css/pay_video_3g.css" rel="stylesheet">
<style>
body {
padding: 0 !important;
}
</style>
<div class="body">
<div id="app">
<div class="layout_v">
<div class="pay_course_info layout_h">
<van-image src="{:getCover($cover,220,130)}" fit="cover" width="120" height="68"></van-image>
<div class="layout_v" style="margin-left: 0.75rem;">
<span class="text_14_600 color_333333">{$video_title}</span>
<span class="text_14_600 color_FF3B3B" style="margin-top: 0.5rem;">{$moner_data['oriPrice']}</span>
</div>
</div>
<div class="normal_gap"></div>
<div class="layout_v pay_course_bottom">
<div class="layout_h_v_c">
<van-image height="28" width="28" fit="cover" src="__APP__/images/weixin.png"></van-image>
<span class="text_14_400 color_333333" style="margin-left: 0.75rem;">微信</span>
</div>
<van-icon name="__THEME__/img/picker_y@3x.png" size="20" ></van-icon>
</div>
<div class="divider"></div>
<div style="margin-top: 1.5rem;" class="layout_h">
<van-icon @click="agree = !agree" :name="agree ? '__THEME__/img/picker_y@3x.png' : '__THEME__/img/unpicker.png'"></van-icon>
我已阅读并同意<a href="{:U('basic/Single/info',array('id'=>'buy'))}">《{$site['site_keyword']}购买协议》</a>
</div>
</div>
<div class="layout_h_v_c fixed_bottom_bar">
<span class="text_14_600 color_333333" style="margin-right: 0.5rem;">合计</span>
<span class="text_14_600 color_FF3B3B">¥{{totalPrice}}</span>
<span class="text_12_400 color_999999">{{discount}}</span>
<div class="weight_full layout_h_r">
<div @click="onBuy" class="vip_buy_pay_button layout_center"><span class="text_14_400 color_white">确认支付</span></div>
</div>
</div>
</div>
<script>
new Vue({
el: "#app",
data: function() {
return {
agree: false,
info: {}
}
},
computed: {
totalPrice: function() {
return "$0"
},
discount: function() {
return "（已优惠：¥0）"
}
},
methods: {
onBuy: function() {
}
}
})
</script>
<!-- <div class="body">
<div class="wrap">
<div class="min-height-wrap">
<div class="class_order_tit">核对订单信息</div>
<!--商品信息-->
<dl class="df_course-info">
<dt><h3>商品信息</h3></dt>
<dd>
<if condition="$pay_video_type eq 'zy_video'">
<a href="{:U('course/Video/view',['id'=>$id])}">
......@@ -38,7 +96,6 @@
</dd>
</dl>
<!--支付方式-->
<dl class="df_pay-style">
<dt><h3>支付方式</h3></dt>
<php>if($is_wx){unset($payWay['支付宝支付']);}$firstPayWay = current($payWay);</php>
......@@ -51,16 +108,14 @@
</if>
<if condition="in_array('unionpay',$payConfig['pay'])">
<!--<span val="unionpay">银联支付</span>-->
</if>
<if condition="in_array('lcnpay',$payConfig['pay'])">
<dd value="lcnpay" class="paytype"><a class="icon icon-qianbao"></a><span class="name"><!-- <img style="width: 24px;position: relative;top: -4px;left: -1%" src="__APP__/icon/yue.png" alt="图标"/> -->余额支付(￥{$account_balance})</span><i class="<if condition='($firstPayWay eq lcnpay)'>icon icon-xuanze</if>"></i></dd>
<dd value="lcnpay" class="paytype"><a class="icon icon-qianbao"></a><span class="name">余额支付(￥{$account_balance})</span><i class="<if condition='($firstPayWay eq lcnpay)'>icon icon-xuanze</if>"></i></dd>
</if>
</dl>
<!--优惠券-->
<if condition="$is_asb OR ($pay_order AND $used_coupon)"><!-- 拼团无优惠券 --><!-- 砍价成功无优惠券 -->
<if condition="$is_asb OR ($pay_order AND $used_coupon)">
<elseif condition="$show_coupon eq 1 and $course_hour_info eq null" />
<dl class="df_pay-coupon">
<a href="{:U('course/PayVideo/coupon',['id'=>$id, 'vst'=>$coupon_vst, 'asb'=>$_GET['asb']])}">
......@@ -70,7 +125,6 @@
</dl>
</if>
<!--实付金额-->
<dl class="df_pay-price">
<dd><h3>实付金额</h3><p id="pay_money">¥<if condition="$course_hour_info">{$course_hour_info['course_hour_price']}<else/>{$moner_data['price']}</if></p></dt>
<if condition="in_array($pay_video_type, ['zy_video','zy_live','zy_classes']) and $chd eq 0">
......@@ -78,12 +132,10 @@
</if>
</dl>
<!--购买协议-->
<div class="df_pay-protocol">
<p><i class="icon icon-xuanze" attr="1"></i>我已阅读并同意<a href="{:U('basic/Single/info',array('id'=>'buy'))}">《{$site['site_keyword']}购买协议》</a></p>
</div>
<!--提交订单-->
<div class="df_pay-buy">
<h3>合计：<strong id="pay_money2">¥<if condition="$course_hour_info">{$course_hour_info['course_hour_price']}<else/>{$moner_data['price']}</if></strong></h3>
<a href="javascript:;" onclick="buyOperat(this,{$id},'video');" type="submit">提交</a>
......@@ -116,9 +168,9 @@
</form>
</div>
</div>
</div>
</div> -->
<if condition="$is_wx eq false">
<!-- <if condition="$is_wx eq false">
<style>
#_ts_box_h5{width:290px;height:180px;text-align: center;color: #535353;border-radius: 5px;position: fixed;background: #fff;-webkit-box-shadow: 0 2px 5px #dddddd;-moz-box-shadow: 0 2px 5px #dddddd;-khtml-box-shadow: 0 2px 5px #dddddd;-ms-box-shadow: 0 0 15px #888888;box-shadow: 0 0 15px #888888;z-index: 997;left: 5%;top: 35%;margin: 0 auto;background: #fff;}
._hide_box_h5{z-index:996;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;}
......@@ -132,150 +184,122 @@
<div id="_layer-content">已完成支付</div>
<div class="_layer-wt"><a href="{:U('course/PayVideo/index',['vst'=>$_GET['vst']])}">支付遇到问题，联系客服</a></div>
</div>
</if>
</if> -->
<script>
$(function(){
$(".df_pay-style dd:last-child").children("i").css("border","1px solid #ededed");
$(".df_pay-style dd").on("click",function(){
$(this).children("i").attr("class","icon icon-xuanze").css("border","1px solid transparent").parent().siblings().children("i").removeAttr("class","icon icon-xuanze").css("border","1px solid #ededed");
});
// $(function(){
// $(".df_pay-style dd:last-child").children("i").css("border","1px solid #ededed");
// $(".df_pay-style dd").on("click",function(){
// $(this).children("i").attr("class","icon icon-xuanze").css("border","1px solid transparent").parent().siblings().children("i").removeAttr("class","icon icon-xuanze").css("border","1px solid #ededed");
// });
$(".df_pay-protocol i").on("click",function(){
var proVal = $(this).attr("attr");
if(proVal==1){
$(this).attr("attr","0").css("color","#656565");
}else{
$(this).attr("attr","1").css("color","#57BC4C")
}
});
})
// $(".df_pay-protocol i").on("click",function(){
// var proVal = $(this).attr("attr");
// if(proVal==1){
// $(this).attr("attr","0").css("color","#656565");
// }else{
// $(this).attr("attr","1").css("color","#57BC4C")
// }
// });
// })
// '<if condition="$is_wx eq false">'
// $(function(){
// var wpay = "{$_GET['wpay']}";
// var ppn = "{$_GET['ppn']}";
// if(wpay != ''){
// $('._hide_box_h5,#_ts_box_h5').show();
// $('#_layer-content').click(function(){
// $('._hide_box_h5,#_ts_box_h5').hide();
// s = setInterval(function(){
// $.ajax({
// url: "{:U('course/PayVideo/getPayStatus')}",
// data:{pay_pass_num:ppn},
// type:'post',
// success: function(res){
// try{
// res = JSON.parse(res);
// if(res.status == 1){
// clearInterval(s);
// ui.success('购买成功');
// setTimeout(function(){
// window.location.href = res.data;
// },2000);
// }
// }catch(e){
// return;
// }
// }
// });
// },1800);
// });
// }
// });
// '</if>'
// $(function(){
// $('.paytype').click(function(){
// var pay = $(this).attr('value');
// $('input:hidden[name="pay"]').val(pay);
// });
// });
'<if condition="$is_wx eq false">'
$(function(){
var wpay = "{$_GET['wpay']}";
var ppn = "{$_GET['ppn']}";
if(wpay != ''){
$('._hide_box_h5,#_ts_box_h5').show();
$('#_layer-content').click(function(){
$('._hide_box_h5,#_ts_box_h5').hide();
s = setInterval(function(){
$.ajax({
url: "{:U('course/PayVideo/getPayStatus')}",
data:{pay_pass_num:ppn},
type:'post',
success: function(res){
try{
res = JSON.parse(res);
if(res.status == 1){
clearInterval(s);
ui.success('购买成功');
setTimeout(function(){
window.location.href = res.data;
},2000);
}
}catch(e){
return;
}
}
});
},1800);
});
}
});
'</if>'
// function buyvCoupon(cid,coupon_id,discount_type) {
// if(MID<=0){
// ui.confirm('请先登录', {
// yes: function () {
// window.location.href = "{:U('basic/Passport/login')}";
// }
// });
// return false;
// }
// if(!cid || !coupon_id || !discount_type){
// ui.error('参数错误');
// return false;
// }
// var price = $('#pay_money_val').val();
// if(price<=0){
// ui.error('该课程不需要您购买');
// return false;
// }
// $('#coupon_id').val(coupon_id);
// $.post(U("course/PayVideo/checkCoupon"),{cid:cid,coupon_id:coupon_id,discount_type:discount_type,price:price},function(e){
// if(e.status == 1){
// $('.removeUse').show();
// }else{
// ui.error(e.info);
// }
// },'json');
// }
$(function(){
// var id = '{$coupon.id}';
// var price = '{$moner_data.price}';
// // console.log(price);
//取消使用
// function removeUse(sid){
// var code = $("input[name='card']").val();
// $.ajax({
// type:"POST",
// url:"{:U('course/PayVideo/getCouponInfo')}",
// data:{id:id},
// url:"{:U('course/PayVideo/cancelExchangeCard')}",
// data:{code:code,mhm_id:sid},
// dataType:"json",
// success:function(data){
// if(data){
// buyvCoupon(data.coupon_id,data.cuid,data.type,price);
// if(data.status == 1){
// ui.success(data.info);
// setTimeout('window.location.reload()', 500);
// }else{
// ui.error(data.info);
// return false;
// }
// }
// });
//支付方式选择
$('.paytype').click(function(){
var pay = $(this).attr('value');
$('input:hidden[name="pay"]').val(pay);
});
// $(".hide_box").fadeToggle();
// $(".shang_box").fadeToggle();
});
function buyvCoupon(cid,coupon_id,discount_type) {
if(MID<=0){
ui.confirm('请先登录', {
yes: function () {
window.location.href = "{:U('basic/Passport/login')}";
}
});
return false;
}
if(!cid || !coupon_id || !discount_type){
ui.error('参数错误');
return false;
}
var price = $('#pay_money_val').val();
if(price<=0){
ui.error('该课程不需要您购买');
return false;
}
$('#coupon_id').val(coupon_id);
$.post(U("course/PayVideo/checkCoupon"),{cid:cid,coupon_id:coupon_id,discount_type:discount_type,price:price},function(e){
if(e.status == 1){
// $('#cod_money1').text("-￥"+e.data.minus_price);
// $('#cod_money2').text("￥"+e.data.minus_price);
// $('#pay_money').text("￥"+e.data.after_price);
// $('#pay_money2').text("￥"+e.data.after_price);
// $('#pay_money_val').val(e.data.after_price);
// ui.success(e.info);
$('.removeUse').show();
}else{
ui.error(e.info);
}
},'json');
}
//取消使用
function removeUse(sid){
var code = $("input[name='card']").val();
$.ajax({
type:"POST",
url:"{:U('course/PayVideo/cancelExchangeCard')}",
data:{code:code,mhm_id:sid},
dataType:"json",
success:function(data){
if(data.status == 1){
ui.success(data.info);
setTimeout('window.location.reload()', 500);
}else{
ui.error(data.info);
return false;
}
}
});
}
// }
/**
* 删除字符串str的首尾空格
* @name trim
* @grammar UM.utils.trim(str) => String
*/
var trim =function (str) {
return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
}
// var trim =function (str) {
// return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
// }
//购买操作
......
apps/course/Tpl/default/Video/view_w3g.html
......@@ -64,7 +64,7 @@
<div class="fixed_bottom_bar layout_h_v_c">
<template v-if="bought">
<div class="vip_buy_pay_button_disable layout_center weight_full"><span class="text_14_400 color_white">已购买</span></div>
</template>
<template v-else>
......
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