209 lines
9.8 KiB
Smarty
Executable File
209 lines
9.8 KiB
Smarty
Executable File
{include file='user/header.tpl'}
|
||
|
||
<script src="//{$config['jsdelivr_url']}/npm/jquery/dist/jquery.min.js"></script>
|
||
|
||
<div class="page-wrapper">
|
||
<div class="container-xl">
|
||
<div class="page-header d-print-none text-white">
|
||
<div class="row align-items-center">
|
||
<div class="col">
|
||
<h2 class="page-title">
|
||
<span class="home-title">创建订单</span>
|
||
</h2>
|
||
<div class="page-pretitle my-3">
|
||
<span class="home-subtitle">创建商品订单</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="page-body">
|
||
<div class="container-xl">
|
||
<div class="row row-cards">
|
||
<div class="col-sm-12 col-md-6 col-lg-9">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">订单内容</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<table class="table table-transparent table-responsive">
|
||
<tr hidden>
|
||
<td>商品ID</td>
|
||
<td id="product-id" class="text-end">{$product->id}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>套餐名称</td>
|
||
<td class="text-end">{$product->name}</td>
|
||
</tr>
|
||
<!--
|
||
<tr>
|
||
<td>商品类型</td>
|
||
<td class="text-end">{$product->type_text}</td>
|
||
</tr>
|
||
-->
|
||
{if $product->type === 'tabp' || $product->type === 'time'}
|
||
<!--
|
||
<tr>
|
||
<td>商品时长</td>
|
||
<td class="text-end">{$product->content->time} 天</td>
|
||
</tr>
|
||
-->
|
||
<tr>
|
||
<td>套餐时长</td>
|
||
<td class="text-end">{$product->content->class_time} 天</td>
|
||
</tr>
|
||
<!--
|
||
<tr>
|
||
<td>等级</td>
|
||
<td class="text-end">Lv. {$product->content->class}</td>
|
||
</tr>
|
||
-->
|
||
{/if}
|
||
{if $product->type === 'tabp' || $product->type === 'bandwidth'}
|
||
<tr>
|
||
<td>可用流量</td>
|
||
<td class="text-end">{$product->content->bandwidth} GB</td>
|
||
</tr>
|
||
{/if}
|
||
{if $product->type === 'tabp' || $product->type === 'time'}
|
||
<tr>
|
||
<td>速率限制</td>
|
||
{if $product->content->speed_limit === '0'}
|
||
<td class="text-end">不限制</td>
|
||
{else}
|
||
<td class="text-end">{$product->content->speed_limit} Mbps</td>
|
||
{/if}
|
||
</tr>
|
||
<tr>
|
||
<td>同时连接 IP 限制</td>
|
||
{if $product->content->ip_limit === '0'}
|
||
<td class="text-end">不限制</td>
|
||
{else}
|
||
<td class="text-end">{$product->content->ip_limit}</td>
|
||
{/if}
|
||
</tr>
|
||
{/if}
|
||
{if $product->huodong }
|
||
{if $product->huodong->class == A }
|
||
{if $product->content->class_time > 32}
|
||
<tr>
|
||
<td colspan="2">
|
||
<span style="background-color: #eccafa;">此商品正在参加{$product->huodong->title}：{$product->huodong->content}</span>
|
||
</td>
|
||
</tr>
|
||
{/if}
|
||
{/if}
|
||
{/if}
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-12 col-md-6 col-lg-3">
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<h3 class="card-title">价格明细（元）</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<table class="table table-transparent table-responsive">
|
||
<tr>
|
||
<td>商品价格</td>
|
||
<td class="text-end">{$product->price}</td>
|
||
</tr>
|
||
<tr>
|
||
<td>优惠码</td>
|
||
<td class="text-end" id="coupon-code"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>优惠金额</td>
|
||
<td class="text-end" id="product-buy-discount"></td>
|
||
</tr>
|
||
<tr>
|
||
<td>实际支付</td>
|
||
<td class="text-end" id="product-buy-total">{$product->price}</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="card my-3">
|
||
<div class="card-header">
|
||
<h3 class="card-title">优惠码</h3>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="mb-3">
|
||
<div class="input-group mb-2">
|
||
<input id="coupon" type="text" class="form-control"
|
||
placeholder="填写优惠码，没有请留空">
|
||
<button id="verify-coupon" class="btn" type="button">应用</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card my-3">
|
||
<div class="card-body">
|
||
<button id="create-order" href=""
|
||
class="btn btn-primary w-100 my-3">创建订单
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
$("#verify-coupon").click(function () {
|
||
$.ajax({
|
||
url: '/user/coupon',
|
||
type: 'POST',
|
||
dataType: "json",
|
||
data: {
|
||
coupon: $('#coupon').val(),
|
||
product_id: {$product->id},
|
||
},
|
||
success: function (data) {
|
||
if (data.ret === 1) {
|
||
$('#coupon-code').text($('#coupon').val());
|
||
$('#product-buy-discount').text(data.discount);
|
||
$('#product-buy-total').text(data.buy_price);
|
||
} else if (data.ret === 2) {
|
||
$('#coupon-code').text($('#coupon').val());
|
||
$('#product-buy-discount').text(data.discount);
|
||
$('#product-buy-total').text(data.buy_price);
|
||
|
||
$('#success-message').text(data.msg);
|
||
$('#success-dialog').modal('show');
|
||
} else {
|
||
$('#fail-message').text(data.msg);
|
||
$('#fail-dialog').modal('show');
|
||
}
|
||
}
|
||
})
|
||
});
|
||
|
||
$("#create-order").click(function () {
|
||
$.ajax({
|
||
url: '/user/order/create',
|
||
type: 'POST',
|
||
dataType: "json",
|
||
data: {
|
||
coupon: $('#coupon').val(),
|
||
product_id: {$product->id},
|
||
},
|
||
success: function (data) {
|
||
if (data.ret === 1) {
|
||
$('#success-message').text(data.msg);
|
||
$('#success-dialog').modal('show');
|
||
setTimeout(function () {
|
||
$(location).attr('href', '/user/invoice/' + data.invoice_id + '/view');
|
||
}, {$config['jump_delay']});
|
||
} else {
|
||
$('#fail-message').text(data.msg);
|
||
$('#fail-dialog').modal('show');
|
||
}
|
||
}
|
||
})
|
||
});
|
||
</script>
|
||
|
||
{include file='user/footer.tpl'}
|