Skip to content

S
SURPRISED
Commit 3a758443 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

支付成功

parent 87d68864
Hide whitespace changes
Inline Side-by-side
Showing with 201 additions and 32 deletions
html/paySuccess.html
View file @ 3a758443
......@@ -8,6 +8,8 @@
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<title>支付订单</title>
</head>
<style>
......@@ -15,56 +17,223 @@
margin: 0;
padding: 0;
}
html,body{
height:100%;
margin: 0;
padding: 0;
}
.paySuccess{
width:100%;
height:100%;
position: relative;
text-align: center;
background: url('../images/pay/bg.png') no-repeat;
background-size:100% 100%;
padding-top: 3.1rem;
box-sizing: border-box;
}
.paySuccess img{
width:12rem;
margin-top:15rem;
}
.payStatus{
color:#e95252;
font-size:3rem;
margin-top:4rem;
}
.pay_goLook{
border: 2px solid #e95252;
font-size: 2rem;
color: #e95252;
width: 15rem;
height: 5rem;
line-height: 5rem;
border-radius: 1rem;
margin:15rem auto;
}
.lookQuan{
/* */
.img_bg_M .received_img{
position: absolute;
bottom:9rem;
font-size:2rem;
width:100%;
right: 0.14rem;
top: 0.67rem;
width: 0.81rem;
height: 0.65rem;
display: none;
}
.img_bg_M{
width: 100%;
height: 2.14rem;
background-image: url(../images/M_200.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
}
.img_bg_M .imgBtn{
margin-top: 0.08rem;
background: url('../images/pay/btn.png') no-repeat;
background-size:100% 100%;
padding: 0.09rem 0.12rem;
}
.img_bg_M .ylImg{
position: absolute;
right: 0;
bottom: 0;
width: 0.85rem;
}
.use_oupon{
width: 3.14rem;
height: 0.4rem;
margin-top: 0.16rem;
margin-left: 0.32rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.use_news{
display: flex;
flex-direction: row;
align-items: center;
}
.use_news img{
width: 0.4rem;
height: 0.4rem;
overflow: hidden;
}
.use_news div{
height: 0.4rem;
margin-left: 0.1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.use_news div p:nth-child(1){
font-size: 0.12rem;
color: #111111;
text-align:left;
}
.use_news div p:nth-child(2){
font-size: 0.1rem;
color: #888888;
width: 1.8rem;
overflow: hidden;
text-align:left;
}
.click_use p {
font-size: 0.11rem;
color: #E03234;
text-align: center;
color:#A1A1A1;
line-height: 0.25rem;
}
.click_use {
width: 0.8rem;
height: 0.25rem;
border: solid 1px #E03234;
}
</style>
<body>
<div class="paySuccess">
<img src="../images/login/gou_big.png" alt=""/>
<div class="payStatus">支付成功</div>
<div class="pay_goLook" onclick="goDetail()">
前往查看
<div class="img_bg_M">
<div class="img_bg_text" style="position:relative;width: 53%; margin-left: 45%;height: 1.18rem;display: flex;flex-direction: column;align-items: center;padding-top: 0.1rem">
<p class="img_bg_p1" style="font-size: 0.26rem;color: #E03234;padding-top: 0.1rem;font-weight: bold">无敌抵用券</p>
<p class="img_bg_p2" style="font-size: 0.13rem;color: #E03234;padding-top: 0.07rem;">
有效截止日期：
</p>
<p class="imgBtn" style="font-size: 0.15rem;color: #E03234;">返回活动首页</p>
<img class="ylImg" src="../images/pay/yl.png" alt="">
</div>
<div class="use_oupon">
<div class="use_news">
<img src="../images/tx_bg.png" alt="">
<div>
<p class="use_o"></p>
<p class="use_t"></p>
</div>
</div>
<div class="click_use">
<p>我的优惠券</p>
</div>
</div>
</div>
<div class="lookQuan">您也可以在[我的->我的优惠券]查看优惠券信息</div>
</div>
</body>
<script type="text/javascript" src="../js/autosize2.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
function goDetail(){
//window.location.href = 'http://192.168.0.117:5500/html/coupons.html';
window.location.href = 'https://activity.oytour.com/html/coupons.html';
let href = window.location.href;
// let href = 'https://127.0.0.1:5500/html/GT_activities.html';
// let href='https://127.0.0.1:5500/html/GT_activities.html?customerId=1549&accountId=1182&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NzM0NjY2NjMuMCwiZXhwIjoxNTczNTUzMDYzLjAsInVzZXJJbmZvIjp7InVpZCI6IjExODIiLCJyZXF1ZXN0RnJvbSI6NH19.hX2b2MqSWYmWS0k3YsthxW-T6UxarIm5rdbqCVQtxdQ&secretKey=5d5e16254bd741c486fe2b83b42171d2&platform=xcx';
console.log("href",href);
let userInfo = {};
let platform='';
// 判断是app和小程序跳转过来的
if (href.split('?')[1]) {
let param = href.split('?')[1].split("&") ? href.split('?')[1].split("&") : null;
userInfo = {
customerId: param[0].split('=')[1],
accountId: param[1].split('=')[1],
token: param[2].split('=')[1],
secretKey: param[3].split('=')[1]
}
platform = param[4].split('=')[1]
}else{
}
localStorage.userInfo = JSON.stringify(userInfo)
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/getUserPurchaseTime`,
contentType: "application/json",
data: getJavaData({}),
async: false,
success: function(res) {
console.log("res",res);
if (res.resultCode === 1) {
// let activityEndDate = res.data.activityEndDate.replace('T', ' ').replace(/-/g, '/'); //活动结束时间
let data=res.data;
let activityEndDate = data.activityEndDate.split('T')[0].replace(/-/g, '.'); //活动结束时间
console.log("re",activityEndDate)
let str="";
str+=`
<div class="img_bg_text" style="position:relative;width: 53%; margin-left: 45%;height: 1.18rem;display: flex;flex-direction: column;align-items: center;padding-top: 0.1rem">
<p class="img_bg_p1" style="font-size: 0.26rem;color: #E03234;padding-top: 0.1rem;font-weight: bold">无敌抵用券</p>
<p class="img_bg_p2" style="font-size: 0.13rem;color: #E03234;padding-top: 0.07rem;">
有效截止日期：${activityEndDate}
</p>
<p class="imgBtn" style="font-size: 0.15rem;color: #E03234;">返回活动首页</p>
<img class="ylImg" src="../images/pay/yl.png" alt="">
</div>
<div class="use_oupon">
<div class="use_news">
<img src="../images/tx_bg.png" alt="">
<div>
<p class="use_o">${data.contact}</p>
<p class="use_t">${data.customerName}</p>
</div>
</div>
<div class="click_use">
<p>我的优惠券</p>
</div>
</div>
`;
$('.img_bg_M').html(str);
}
},
error: function(res) {
layer.msg(res.message)
}
})
$('.imgBtn').click(function() {
if(platform=="xcx"){
window.location.href = `https://activity.oytour.com/html/GT_activities.html?customerId=${userInfo.customerId}&accountId=${userInfo.accountId}&token={userInfo.token}&platform=xcx`;
}
})
$('.click_use').click(function() {
if(platform=="xcx"){
wx.miniProgram.getEnv(function(res) {
window.wx.miniProgram.navigateTo({
url: `/pages/member/Coupon/Coupon`,
});
});
}
})
</script>
</html>
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