119 行
3.5 KiB
HTML
可执行文件
119 行
3.5 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.4.13]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.2.8.2.css">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vue/element-ui.css">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Retail/css/myscroll.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common-upload.css">
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.2.8.2.js"></script>
|
|
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/vue/element-ui.js"></script>
|
|
<title>订单详情</title>
|
|
<style>
|
|
.main {
|
|
font-size: 36px;
|
|
}
|
|
|
|
.main > div:nth-child(1) {
|
|
margin: 8vh 0 0 38vw;
|
|
}
|
|
|
|
.main > div:nth-child(2) {
|
|
color: #FF3D3D;
|
|
font-size: 40px;
|
|
margin: 2vh 0 0 40vw;
|
|
}
|
|
|
|
.orders1 {
|
|
color: #999999;
|
|
margin: 2vh 0 0 31vw;
|
|
}
|
|
|
|
.orders2 {
|
|
color: #999999;
|
|
margin: 2vh 0 0 27vw;
|
|
}
|
|
|
|
/* 按钮 */
|
|
.bottoms {
|
|
display: flex;
|
|
}
|
|
|
|
.bottoms_1, .bottoms_2 {
|
|
height: 110px;
|
|
line-height: 110px;
|
|
width: 40vw;
|
|
text-align: center;
|
|
border-radius: 60px;
|
|
margin-top: 5vh;
|
|
}
|
|
|
|
.bottoms_1 {
|
|
border: 1px solid #DDDDDD;
|
|
margin-left: 5vw;
|
|
}
|
|
|
|
.bottoms_2 {
|
|
border: 1px solid #FF5C6D;
|
|
background-color: #FF6572;
|
|
color: #FFFFFF;
|
|
margin-left: 3vw;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="main">
|
|
<div><img src="/Public/activity/ling.png"></div>
|
|
<div>领取成功</div>
|
|
<div v-if="send_type==1" class="orders1">商家会尽快安排发货</div>
|
|
<div v-if="send_type==2" class="orders2">请在店铺营业时间内领取</div>
|
|
<div class="bottoms">
|
|
<div class="bottoms_1" @click="homepage">返回首页</div>
|
|
<div class="bottoms_2" @click="jumpDetail">查看订单</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript" src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
|
|
<script>
|
|
function getQueryVariable(variable) {
|
|
var query = window.location.search.substring(1);
|
|
var vars = query.split("&");
|
|
for (var i = 0; i < vars.length; i++) {
|
|
var pair = vars[i].split("=");
|
|
if (pair[0] == variable) {
|
|
return pair[1];
|
|
}
|
|
}
|
|
return (false);
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: function () {
|
|
return {
|
|
send_type: 0,//配送方式 1配送 2自提
|
|
}
|
|
},
|
|
mounted: function () {
|
|
this.send_type = getQueryVariable('send_type')
|
|
},
|
|
methods: {
|
|
jumpDetail() {
|
|
let send_type = this.send_type
|
|
let win_id = getQueryVariable('win_id')
|
|
window.location.href = `{:U('receive_detail')}?send_type=${send_type}&win_id=${win_id}`;
|
|
},
|
|
// 首页跳转
|
|
homepage() {
|
|
window.location.href = "{:U('Vip/Index/index')}";
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
</html> |