|
|
<!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)
|
...
|
...
|
|