作者 lihan

Ver1.01

... ... @@ -380,12 +380,22 @@ new Vue({
}
}else {
//微信支付jssdk
wx.chooseWXPay({
timestamp: res.data.timeStamp, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: res.data.nonceStr, // 支付签名随机串,不长于 32 位
package: res.data.package, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=\*\*\*)
signType: res.data.paySign, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
paySign: res.data.paySign, // 支付签名
success: function (res) {
// 支付成功后的回调函数
}
});
}
})
}else if(ordertype==2){
store_id=localStorage.getItem('store_id');
printer_id=that.printer_id;
if(printer_id==''){
alert("请选择打印机");
... ... @@ -412,13 +422,17 @@ new Vue({
ajaxsend(url, params, function(res) {
/*console.log(JSON.stringify(res))*/
console.log(res);
if(res.status==true){
//window.location.reload();
window.location.href='/index.php?g=&m=template&a=evaluatedetails&oid='+res.oid;
}else if(res.status==false){
alert(res.msg);
alert("下单失败");
}
if(payment == 1) {
if (res.status == true) {
//window.location.reload();
window.location.href = '/index.php?g=&m=template&a=evaluatedetails&oid=' + res.oid;
} else if (res.status == false) {
alert(res.msg);
alert("下单失败");
}
}else {
//微信支付jssdk
}
})
}
}
... ...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
... ... @@ -17,7 +18,20 @@
<link rel="stylesheet" href="/themes/simplebootx/Portal/Template/datecss/mobiscroll_002.css" />
<!--<link rel="stylesheet" type="text/css" href="css/index.css" />-->
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>提交订单</title>
<script>
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '{$sdk.appId}', // 必填,公众号的唯一标识
timestamp: '{$sdk.timestamp}', // 必填,生成签名的时间戳
nonceStr: '{$sdk.nonceStr}', // 必填,生成签名的随机串
signature: '{$sdk.signature}',// 必填,签名
jsApiList: [
'chooseWXPay'
] // 必填,需要使用的JS接口列表
});
</script>
<style>
.state {
color: RGBA(153, 153, 153, 1);
... ... @@ -35,12 +49,12 @@
padding-left: 0.26rem;
padding-right: 0.26rem;
}
.machine {
color: RGBA(51, 51, 51, 1);
font-size: 0.26rem;
}
.circle {
width: 15px;
height: 15px;
... ... @@ -53,7 +67,7 @@
height: 40px;*/
flex: 1;
}
/*我写的*/
.demos{
display: flex;
... ... @@ -80,7 +94,7 @@
z-index: 2;
/*top: 29px;
*/
}
.eat_popup {
width: 7.5rem;
... ... @@ -100,24 +114,24 @@
left: 0;
top: 0;
z-index: 4;
overflow: hidden;
overflow: hidden;
border-radius: 0;
}
}
.popup_title {
display: flex;
justify-content: space-between;
line-height: 0.92rem;
padding: 0 0.41rem 0 0.37rem;
height: 0.92rem;
}
}
.popup_title span {
font-size: 0.28rem;
color: #FEAD00;
}
}
.span {
margin: 0rem;
padding: 0rem;
}
}
.hope_address {
width: 3.16rem;
height: 0.56rem;
... ... @@ -127,7 +141,7 @@
display: block;
text-align: center;
border-radius: 0.1rem;
}
.popup_address_item {
display: flex;
... ... @@ -419,40 +433,38 @@
</div>
</div>
</div>
<div class="container" v-cloak>
<!--遮罩-->
<div class="wrap" v-if="hopedress" @click="hidewrap()">
<!--遮罩-->
<div class="wrap" v-if="hopedress">
<!--弹层-->
<div class="popup_wrap" >
<div class="popup">
<span class="choose">选择您期望的地址</span>
<span class="text">为了后期更好的为您服务</span>
<div class="btn" @click="hopeaddress()">
确定
</div>
<div class="wrap" style="display: none;">
<!--弹层-->
<div class="popup_wrap" style="display:none;">
<div class="popup">
<span class="choose">选择您期望的地址</span>
<span class="text">为了后期更好的为您服务</span>
<div class="btn" @click="hopeaddress()">
确定
</div>
</div>
<!--付款弹层-->
<div class="order_pay_popup_wrap" style="display: none;">
<div class="order_pay_popup">
<div class="pay_details" @click="remain()">
<i class="iconfont icon-balance" style="color: #FFA200;"></i>
<p>余额支付</p>
</div>
<div class="pay_details" style="border-top: 1px solid #E4E4E4;" @click="wexinpay()">
<i class="iconfont icon-weixinzhifu" style="color: #24BB1E;"></i>
<p>微信支付</p>
</div>
</div>
<!--付款弹层-->
<div class="order_pay_popup_wrap" style="display: none;">
<div class="order_pay_popup">
<div class="pay_details" @click="remain()">
<i class="iconfont icon-balance" style="color: #FFA200;"></i>
<p>余额支付</p>
</div>
<div class="pay_details" style="border-top: 1px solid #E4E4E4;" @click="wexinpay()">
<i class="iconfont icon-weixinzhifu" style="color: #24BB1E;"></i>
<p>微信支付</p>
</div>
</div>
</div>
</div>
<!--头部-->
<div class="header">
<div class="head_tab">
... ... @@ -468,7 +480,7 @@
</div>
<div class="take_address_btn">
<span class="address_reset resetspot" @click="resetspot()"><i class="iconfont icon-icon-test2"></i>地址重置</span>
<span class="hope_address" @click="hope()>期望自取地址</span>
<span class="hope_address">期望自取地址</span>
</div>
<i class="iconfont icon-icon-test3" @click="spotdetail()"></i>
</div>
... ... @@ -582,7 +594,7 @@
<span class="footer_btn" @click="paymentorder()">确认支付</span>
</div>
</div>
</div>
<script src="/themes/simplebootx/Portal/Template/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
... ... @@ -675,7 +687,7 @@
};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
dateFormat: 'yyyy-mm-dd',
lang: 'zh',
... ... @@ -690,13 +702,13 @@
$("#appDateTime").mobiscroll(optDateTime).datetime(optDateTime);
$("#appTime").mobiscroll(optTime).time(optTime);
});
// //就近自提点地址重置
// $(".resetspot").click(function(){
// alert(111)
// })
//
//
// //堂食地址地点重置
// $(".resetstore").click(function(){
// alert(222)
... ...