refund_pay.html
3.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="https://at.alicdn.com/t/font_834805_0ml90wdq5hzm.css">
<link rel="stylesheet" href="__INDEX__/css/base.css">
<link rel="stylesheet" href="__INDEX__/css/application.css">
<link rel="stylesheet" href="__INDEX__/css/swiper.min.css">
<script type="text/javascript" src="__INDEX__/js/base.js"></script>
<title>退款申请</title>
<style>
.sub{
width:6.86rem;
height:0.88rem;
position:fixed;
bottom:0.54rem;
left:0;
right:0;
margin: 0 auto;
background: #FE0A01;
box-shadow:0px 15px 30px 0px rgba(254,10,1,0.24);
border-radius:0.44rem;
font-size:0.32rem ;
color:#fff;
text-align: center;
line-height: 0.88rem;
}
</style>
</head>
<body>
<div class="container">
<div class="item_order_list">
<div class="order_head">
<div class="order_num">
<p class="order_list_num">订单号:</p>
<p class="item_num">{$order_sn}</p>
</div>
<p class="order_type">待审核</p>
</div>
<volist name="list" id="vo">
<div class="order_content">
<div class="order_content_item">
<p class="content_item_img">
<img src="{$vo.thumb}" alt="">
</p>
<div class="content_text">
<p class="good_name">{$vo.name}</p>
<div class="good_test">
<p class="item_tast">{$vo.intro}</p>
<p class="tast_num">x{$vo.num}</p>
</div>
<p class="item_price">
￥
<span class="item_money">{$vo.price}</span>
</p>
</div>
</div>
</div>
</volist>
</div>
<!--退款原因-->
<div class="reason">
<p class="reason_title">退款原因</p>
<div class="goodreason">
{$cause}
</div>
</div>
<!--客服电话-->
<p class="phone">
退款客服电话：400-46821594
</p>
<div class="express">
<span>快递方:</span>
<input type="text" id="company" placeholder="请填写快递公司名称" style="width:5rem;border:none;outline:none;background: #F7F8FA">
</div>
<div class="express_num">
<span>快递单号:</span>
<input type="text" id="com_order" placeholder="请填写快递单号" style="width:4.5rem;border:none;outline:none;background: #F7F8FA">
</div>
<div class="sub" data-id="{$oid}">提交</div>
</div>
<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
<script>
$(".sub").click(function () {
var oid = $(this).attr('data-id');
if(!window.confirm('是否提交退款申请？')) {
return false;
}else {
$.ajax({
url:"{:url('user/Center/refundPay')}",
data:{
oid: oid,
company:$("#company").val(),
com_order:$("#com_order").val()
},
type:"POST",
dataType:"JSON",
success: function (data) {
if(data.data === true) {
alert(data.msg);
window.location.href=data.url;
}else {
alert(data.msg);
}
}
})
}
})
</script>
</body>
</html>