307 lines
14 KiB
Smarty
307 lines
14 KiB
Smarty
{include file='user/header.tpl'}
|
||
|
||
<link rel="stylesheet" type="text/css" href="../theme/cool/assets/css/plugins/datatables.bootstrap4.min.css">
|
||
<style>
|
||
@media (max-width: 992px) {
|
||
.nav-pills .nav-item {
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
}
|
||
|
||
.btn-radio .custom-control { position: absolute; left: 1.5rem; top: .3rem; }
|
||
.btn-radio .badge-hot { position: absolute; right: 1rem; top: 0; border-radius: 0 .5rem 0 .5rem; padding: .375rem; }
|
||
|
||
body.swal2-height-auto {
|
||
height: 100% !important;
|
||
}
|
||
|
||
.table-responsive {
|
||
overflow: auto;
|
||
}
|
||
</style>
|
||
<!-- BEGIN: Content-->
|
||
<div class="app-content content">
|
||
<div class="content-overlay"></div>
|
||
<div class="header-navbar-shadow"></div>
|
||
<div class="content-wrapper">
|
||
<div class="content-header row">
|
||
<div class="content-header-left col-md-9 col-12 mb-2">
|
||
<div class="row breadcrumbs-top">
|
||
<div class="col-12">
|
||
<h2 class="content-header-title float-left mb-0">我的套餐</h2>
|
||
<div class="breadcrumb-wrapper col-12">
|
||
<ol class="breadcrumb">
|
||
<li class="breadcrumb-item"><a href="/user">Home</a></li>
|
||
<li class="breadcrumb-item"><a href="/user/plan">Plan</a></li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="content-body">
|
||
<div class="row tab-content">
|
||
|
||
|
||
<div role="tabpanel" class="col-lg-12 tab-pane active" id="account-vertical-code_2" aria-labelledby="account-vertical-code_2" aria-expanded="true">
|
||
<div class="card">
|
||
|
||
<div class="card-header">
|
||
|
||
<!-- <h4>变动记录</h4> -->
|
||
|
||
<h4></h4>
|
||
|
||
<!--
|
||
<a class="btn btn-primary btn-icon icon-left waves-effect waves-light" data-toggle="pill" href="code.html#" aria-expanded="true" onclick="if (!window.__cfRLUnblockHandlers) return false; Conversion();" data-cf-modified-c4d86746314722ec8753695f-="">
|
||
<span class="font-weight-bold"><i class="feather icon-repeat"></i> 自动续订：已开启</span>
|
||
</a>
|
||
-->
|
||
<div class="vs-checkbox-con vs-checkbox-primary">
|
||
<span>自动续订：</span>
|
||
<input type="checkbox" id="autorenew" {if $user->autorenew == 1} checked {/if}>
|
||
<span class="vs-checkbox">
|
||
<span class="vs-checkbox--check">
|
||
<i class="vs-icon feather icon-check"></i>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="card-content">
|
||
<div class="card-body">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!--PackageConversion modal-->
|
||
<div class="modal fade" id="PackageConversion-modal" tabindex="-1" role="dialog" aria-labelledby="deleteidModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title">折算确认</h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<label class="row col-12 col-form-label" id="zs_name"></label>
|
||
<label class="row col-12 col-form-label" id="zs_type"></label>
|
||
<label class="row col-12 col-form-label" id="zs_the"></label>
|
||
<label class="row col-12 col-form-label" id="zs_ppt"></label>
|
||
<label class="row col-12 col-form-label" id="zs_used"></label>
|
||
<label class="row col-12 col-form-label" id="zs_money"></label>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-primary" id="Conversion_ok" type="button" >确定折算</button>
|
||
<button class="btn btn-secondary waves-effect waves-float waves-light" type="button" data-dismiss="modal">取消</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 支付确认跳转model -->
|
||
<div class="modal fade" id="coolpay-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title">支付</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div class="text-center">
|
||
点击“继续支付”打开支付页面支付<br>
|
||
支付完成后，钱包金额将在5分钟之内到账
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a id="to-coolpay" href="shop.html##" class="btn btn-primary">继续支付</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- autorenew check modal -->
|
||
<div style="z-index:1050;" class="modal fade" id="autorenew_modal" tabindex="-1" role="dialog" aria-labelledby="autorenewModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 id="autorenewModalLabel" class="ls-2">自动续订 - 开启</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="autorenew-modal-body-content">
|
||
<label class="row col-12 col-form-label">当前套餐时间到期，或流量用尽时，将会自动续费。</label>
|
||
<label class="row col-12 col-form-label">自动续费完全沿用当前使用中的套餐配置及打折优惠。</label>
|
||
<label class="row col-12 col-form-label">请确保钱包余额充足，以免自动续费失败。</label>
|
||
<label class="row col-12 col-form-label">钱包余额：{$user->money} 元。</label>
|
||
<label class="row col-12 col-form-label"><a href="/user/code" class="btn btn-sm btn-info mr-4 waves-effect waves-float waves-light">钱包充值</a></label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary js-modal_keep" onclick="if (!window.__cfRLUnblockHandlers) return false; autorenew_ok(1);" data-cf-modified-c4d86746314722ec8753695f-="" data-dismiss="modal">确定</button>
|
||
<button type="button" class="btn btn-secondary js-modal_keep" data-dismiss="modal" onclick="if (!window.__cfRLUnblockHandlers) return false;">取消</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- autorenew uncheck modal -->
|
||
<div style="z-index:1050;" class="modal fade" id="autorenewUn_modal" tabindex="-1" role="dialog" aria-labelledby="autorenewUnModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 id="autorenewUnModalLabel" class="ls-2">自动续订 - 关闭</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="autorenewUn-modal-body-content">
|
||
<label class="row col-12 col-form-label">自动续订将设为关闭。</label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary js-modal_keep" onclick="if (!window.__cfRLUnblockHandlers) return false; autorenew_ok(0);" data-cf-modified-c4d86746314722ec8753695f-="" data-dismiss="modal">确定</button>
|
||
<button type="button" class="btn btn-secondary js-modal_keep" data-dismiss="modal" onclick="if (!window.__cfRLUnblockHandlers) return false;">取消</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 套餐详情 modal -->
|
||
<div style="z-index:1050;" class="modal fade" id="productDetail_modal" tabindex="-1" role="dialog" aria-labelledby="productDetailModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog modal-dialog-centered" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 id="productDetailModalLabel" class="ls-2">套餐详情</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<div id="productDetail-modal-body-content">
|
||
<label class="row col-12 col-form-label" id="productPrice"></label>
|
||
<label class="row col-12 col-form-label" id="productWidth"></label>
|
||
<label class="row col-12 col-form-label" id="productTime"></label>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-primary js-modal_keep" onclick="if (!window.__cfRLUnblockHandlers) return false;" data-cf-modified-c4d86746314722ec8753695f-="" data-dismiss="modal">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END: Content-->
|
||
|
||
{include file='user/footer.tpl'}
|
||
|
||
<script type="c4d86746314722ec8753695f-text/javascript">
|
||
|
||
var autorenewRadioValue = {$user->autorenew};
|
||
|
||
function productDetail(productCode)
|
||
{
|
||
$.ajax({
|
||
url: '/user/plan/ajax/detail/'+productCode+'/json',
|
||
type: 'GET',
|
||
dataType: 'json',
|
||
success: function(r) {
|
||
if (r.ret == 1) {
|
||
$("#productPrice").html("套餐价格："+r.data.price+"元");
|
||
$("#productWidth").html("套餐流量："+r.data.content.bandwidth+"gb");
|
||
$("#productTime").html("套餐时长："+r.data.content.class_time+"天");
|
||
|
||
$("#productDetail_modal").modal("show");
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error('请求失败:', status, error);
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
function page(num)
|
||
{
|
||
$.ajax({
|
||
url: '/user/plan/ajax/planlog/'+num+'/view',
|
||
type: 'GET',
|
||
dataType: 'json',
|
||
success: function(data) {
|
||
if (data.ret == 1) {
|
||
$(".card-body").html(data.view);
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error('请求失败:', status, error);
|
||
}
|
||
});
|
||
|
||
return false;
|
||
}
|
||
|
||
function autorenew_ok(value)
|
||
{
|
||
$.ajax({
|
||
type: "GET",
|
||
url: "/user/autorenew",
|
||
dataType: "json",
|
||
success: function (e) {
|
||
if (e.ret) {
|
||
autorenewRadioValue = e.value;
|
||
autorenewRadioToggle(autorenewRadioValue);
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
function autorenewRadioToggle(autorenewRadioValue) {
|
||
if (autorenewRadioValue == 1) {
|
||
$('#autorenew').prop('checked', true);
|
||
} else {
|
||
$('#autorenew').prop('checked', false);
|
||
}
|
||
}
|
||
|
||
$(document).ready(function() {
|
||
|
||
page(1);
|
||
|
||
//autorenewRadioToggle(autorenewRadioValue);
|
||
|
||
$("#autorenew").click(function() {
|
||
if ($(this).is(':checked')) {
|
||
$("#autorenew_modal").modal("show");
|
||
} else {
|
||
$("#autorenewUn_modal").modal("show");
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
<script src="../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="c4d86746314722ec8753695f-|49" defer></script>
|
||
|
||
</body>
|
||
</html>
|