Commit b24afdf5 by 陈超

T

parent c5bc87f0
......@@ -180,7 +180,6 @@
<div @click="onHotKeyword('{$vo.video_title|mStr=10}')" class="search_flex_item layout_center">
<span class="text_14_400 color_999999">{$vo.video_title|mStr=10}</span>
</div>
<!-- <li><a <eq name="vo.type" value="1">href="{:U('course/Video/view',array('id'=>$vo['id']))}"<else/>href="{:U('live/Index/view',array('id'=>$vo['id']))}"</eq>>{$vo.video_title|mStr=10}</a></li> -->
</volist>
</div>
</div>
......
<include file="__THEME__/public_header_w3g"/>
<link href="__APP__/css/pay_video_3g.css" rel="stylesheet">
<style>
#BOX{width: 100%;background-color: white;display:none;}
#BOX>div:nth-child(1){width:100%;height:40px;text-align: center;line-height:40px;border-bottom: solid 2px #d3d7db;font-size:16px;}
#BOX>div:nth-child(2){width:100%;border-bottom: solid 1px #d3d7db;}
.add{width: 90%;margin:0 auto; line-height: 40px;padding: 0 5px;margin: 5px auto;background-color: #f8f8f8;}
#BOX .add .add_name{float: left;}
#BOX .add .add_phone{float: right;}
#BOX .add .add_address{clear: both;}
.df_administration>dd>a{display:none;}
.df_administration>dd>div>p>a{margin-top:10px;text-align: right;}
.xianzhilength{width:70%;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
.body{
background-color: #f5f5f5;
}
body {
padding: 0 !important;
}
</style>
<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>
<a href="{:U('mall/Goods/view',['id'=>$goods_id])}">
<span>
<img src="{:getCover($cover_id,120,120)}" width="120" height="70" alt="{:mStr($title,10)}">
</span>
<h3>{:mStr($title,20)}</h3>
<div>{:mStr($info,50)}</div>
</a>
</dd>
</dl>
<!--支付方式-->
<dl class="df_pay-style">
<dt><h3>支付方式</h3></dt>
<php>if($is_wx){unset($payWay['支付宝支付']);}$firstPayWay = current($payWay);</php>
<if condition="in_array('alipay',$payConfig['pay']) and ($is_wx eq false)">
<dd value="alipay" class="paytype"><a class="icon icon-zhifubao1"></a><span class="name">支付宝</span><i <if condition='($firstPayWay eq alipay)'>class="icon icon-xuanze"</if>></i></dd>
</if>
<if condition="in_array('wxpay',$payConfig['pay'])">
<dd value="wxpay" class="paytype"><a class="icon icon-weixinzhifu1"></a><span class="name">微信支付</span><i <if condition='$is_wx or $firstPayWay eq wxpay'>class="icon icon-xuanze"</if> style="border: 1px solid rgb(237, 237, 237);"></i></dd>
</if>
<if condition="in_array('credpay',$payConfig['pay'])">
<dd value="credpay" class="paytype"><a class="icon icon-iconfont"></a><span class="name">积分支付</span><span>(剩余积分{$credit|default=0})</span><i <if condition='($firstPayWay eq credpay)'>class="icon icon-xuanze"</if> style="border: 1px solid rgb(237, 237, 237);"></i></dd>
</if>
</dl>
<p class="other">注:人民币与积分的兑换比例为 {$split_score_pro}</p>
<!-- 新增功能-收货管理 -->
<dl class="df_administration">
<a href="JavaScript:">
<dt><h3>收货管理</h3></dt>
<dd>
<div>
<p>
<if condition="$address">
<span class="name">{$address.name} </span>
<span class="phone"> {$address.phone}</span>
<span class="address">{$address.location}</span><!-- 修改-->
<span class="xianzhilength"> {$address.address}</span>
<else/>
<a class="xinzeng" href="{:U('home/User/address',['param'=>$_GET['vst']])}">新增地址</a>
</if>
</p>
<if condition="$address_list">
<i class="icon icon-youjiantou"></i>
</if>
</div>
</dd>
</a>
</dl>
<!--实付金额-->
<dl class="df_pay-price">
<dd><h3>实付金额</h3><p id="pay_money">¥{$lastPrice/$sple_score}</p></dt>
</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">¥{$lastPrice/$sple_score}</strong></h3>
<a href="javascript:;" onclick="buyOperat(this,{$goods_id});" type="submit">提交</a>
</div>
<form action="{:U('classroom/Pay/buyGoods')}" method="POST" id="buyfrom">
<if condition="$is_wx and in_array('wxpay',$payConfig['pay'])">
<input type="hidden" value="wxpay" name="pay" />
<else/>
<volist name="payWay" id="vo" offset="0" length="1">
<input type="hidden" value="{$vo}" name="pay" />
</volist>
</if>
<input type="hidden" value="{$lastPrice}" name="total" />
<input type="hidden" value="{$count}" name="count" />
<input type="hidden" value="{$goods_id}" name="goods_id" />
<input type="hidden" value="{$address.id}" name="address_id" />
</form>
</div>
</div>
</div>
<!--选择收货地址弹框-->
<div id="BOX" >
<div>选择收货地址</div>
<div>
<foreach name="address_list" item="l">
<div class="add" data-id="{$l.id}">
<div class="add_name">{$l.name}</div>
<div class="add_phone">{$l.phone}</div>
<div class="add_address">
<span class="add_address1">{$l.location}</span>
<span class="add_address2">{$l.address}</span>
</div>
</div>
</foreach>
</div>
<div id="app">
<div class="layout_v">
</div>
</div>
<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;}
#_ts_box_h5 ._box_hd{padding: 20px 0px;color: black;font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.16);}
#_layer-content{padding: 15px 0px;color: rgba(255, 35, 0, 0.69);font-size: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
._layer-wt{padding: 15px 0px;color: #908d8d;font-size: 16px;}
</style>
<div class="_hide_box_h5" style="display: none;"></div>
<div id="_ts_box_h5" style="display: none;">
<div class="_box_hd" >请确认微信支付是否完成</div>
<div id="_layer-content">已完成支付</div>
<div class="_layer-wt"><a href="{:U('classroom/Pay/buyGoods',['vst'=>$_GET['vst']])}">支付遇到问题,联系客服</a></div>
</div>
</if>
<script>
$(function(){
$(".df_pay-style dd:last-child").children("i").css("border","1px solid #ededed");
$(".df_pay-style dd").on("click",function(){
var val = $(this).attr('value'),
total = "{$lastPrice}",
multiple = "{$sple_score}",
actual_pay = total/multiple;
$('input:hidden[name="pay"]').val(val);
//$('input:hidden[name="total"]').val(actual_pay);
if(val == 'credpay'){
$("#pay_money,#pay_money2").text("¥"+actual_pay+" ("+total+"积分)");
}else{
$("#pay_money,#pay_money2").text("¥"+actual_pay);
}
$(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")
}
});
//修改地址操作
$(".icon-youjiantou").click(function(){
var param= "{$_GET['vst']}";
location.href="{:U('home/User/address')}"+'?'+'param'+'='+param;
});
})
'<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('classroom/Pay/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>'
/**
* 删除字符串str的首尾空格
* @name trim
* @grammar UM.utils.trim(str) => String
*/
var trim =function (str) {
return str.replace(/(^[ \t\n\r]+)|([ \t\n\r]+$)/g, '');
}
//购买操作
var buyOperat = function(sbt,gid){
if(MID<=0){
ui.confirm('请先登录', {
yes: function () {
window.location.href = "{:U('basic/Passport/login')}";
}
});
return false;
}
if(!gid){
ui.error('参数错误');
return false;
}
var address_id = $('input:hidden[name="address_id"]').val();
if(!address_id){
ui.error("请选择收货地址");
return false;
}
if($('.df_pay-protocol i.icon-xuanze').attr('attr') != '1'){
ui.error("购买必须同意《{$site['site_keyword']}购买协议》");
return false;
}
var form = $(sbt).parents('form');
var pay = $('input:hidden[name="pay"]').val();
if(pay!='alipay' && pay!='wxpay' && pay!='credpay'){
ui.error('支付方式错误');
return false;
}
$(sbt).attr('style','background:rgba(102, 102, 102, 0.65)').removeAttr('onclick');
if(pay == 'wxpay'){
var s = 0;
$.ajax({
url: "{:U('classroom/Pay/buyGoods')}",
data:$('#buyfrom').serialize(),
async:false,
type:'post',
success: function(data){
if(typeof data != 'object'){
var data = eval('('+data+')');
}
clearInterval(s);
if(data.status == 1){
var pay_pass_num = data.data.pay_pass_num;
'<if condition="$is_wx">'
WeixinJSBridge.invoke(
'getBrandWCPayRequest',JSON.parse(data.data.html),
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ){
s = setInterval(function(){
$.ajax({
url: "{:U('classroom/Pay/getPayStatus')}",
data:{pay_pass_num:pay_pass_num},
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;
},1500);
}
}catch(e){
return;
}
}
});
},1800);
}
}
);
'<else/>'
var a = document.createElement('a');
a.href = data.data.html;
a.click();
return false;
'</if>'
}else{
ui.error(data.info);
setTimeout(function(){
window.location.href = window.location.href;
},1500);
}
},
error: function(){
return false
}
});
}else {
if(pay == 'alipay'){
$("#buyfrom").submit();
}else{
var url = "{:U('mall/Goods/doSaveGoods')}";
}
$.ajax({
type: "POST",
url: url,
data:$('#buyfrom').serialize(),
dataType:"json",
success:function(res){
var res = getResponseData(res);
if(res.status == 1){
ui.success(res.message);
setTimeout(function(){
window.location.href = "{:U('mall/Goods/view',['id'=>$goods_id])}";
},'1500');
}else{
//显示提交按钮
setInterval(function(){
$(sbt).attr("onclick","buyOperat(this,'{$goods_id}')").removeAttr('style');
}, 1000);
ui.error(res.message);
return false;
}
}
});
}
}
window.onload=function(){
$(".add").on("click",function(){
var id = $(this).data('id');
$("input[name='address_id']").val(id);
$(".df_administration .name").html($(this).children('.add_name').html())
$(".df_administration .phone").html($(this).children('.add_phone').html())
$(".df_administration .address").html($(this).children().children('.add_address1').html())
$(".df_administration .xianzhilength").html($(this).children().children('.add_address2').html())
})
$(".df_administration").on("click",function(){
if($(".add").length>0){
$(".body").css("display","none")
$("#BOX").css("display","block")
$("#BOX").on("click",".add",function(){
$("#BOX").css("display","none")
$(".body").css("display","block")
})
$("#BOX").on("click",function(){
$("#BOX").css("display","none")
$(".body").css("display","block")
})
}
})
}
new Vue({
el: "#app",
data: function() {
return {
info: ""
}
},
created:function(){
let d = {:json_encode($data)};
console.log(d)
}
})
</script>
......
......@@ -34,6 +34,7 @@
</div>
<script>
let uid = '{$uid}'
new Vue({
el: "#app",
......@@ -51,8 +52,32 @@
methods: {
onBuy: function() {
}
if(uid<=0) {
ui.confirm('请先登录', {
yes: function () {
window.location.href = "{:U('basic/Passport/login')}"
}
})
} else {
$.ajax({
type: "POST",
url: "{:U('mall/Goods/getPayUrl')}",
data:{
count:count,
goods_id: this.info.uid,
},
dataType:"json",
success:function(res){
var res = getResponseData(res);
if(res.status == 1){
window.location.href = res.data;
}else{
ui.error(res.message);
}
}
})
}
},
}
})
</script>
......
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