148 lines
4.3 KiB
HTML
148 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>充值卡</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
|
|
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css?__HTML_VERSION__=3">
|
|
<link rel="stylesheet" href="js/datetimepicker/bootstrap-datetimepicker.min.css?__HTML_VERSION__=3">
|
|
<link rel="stylesheet" href="css/style.css?__HTML_VERSION__=6">
|
|
</head>
|
|
<body class="bg_hui">
|
|
|
|
<div class="count_full" id="app" v-show="!isLoading" style="display: none">
|
|
<sales-info></sales-info>
|
|
|
|
<section class="buju">
|
|
<div class="bs-example bs-example-tabs">
|
|
<div class="nav-h" id="vuenum">
|
|
<div class="nav-h-x">
|
|
<div class="nav-h-x-a">
|
|
<ul id="myTabs" class="nav nav-tabs" role="tablist">
|
|
<li id="li_gift" :class="{'active':selType=='gift'}" @click="selType='gift'">
|
|
<a href="javascript:;" id="gift-tab">充值卡</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="myTabContent" class="tab-content">
|
|
|
|
<!-- 卡密 -->
|
|
<div class="tab-pane fade" id="gift" :class="{active: selType=='gift', in: selType=='gift'}">
|
|
<div class="chongka">
|
|
<div class="rowh he">
|
|
<span class="name">卡号：</span>
|
|
<input type="number" placeholder="请输入卡号" class="input" v-model="cardNumber">
|
|
</div>
|
|
<div class="rowh he">
|
|
<span class="name">卡密：</span>
|
|
<input type="number" placeholder="请输入卡密" class="input" v-model="cardSecret">
|
|
</div>
|
|
<div class="rowh text-center conkabtn">
|
|
<a href="javascript:;" class="btn btn-warning closes" @click="rechargeTicket">充值</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /卡密 -->
|
|
</div>
|
|
</section>
|
|
|
|
<home-nav></home-nav>
|
|
</div>
|
|
|
|
<script src="./libs/jquery.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./libs/bootstrap/bootstrap.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./libs/vue.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./libs/layer_mobile/layer.js?__HTML_VERSION__=3"></script>
|
|
<script src="js/datetimepicker/bootstrap-datetimepicker.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./js/function.js?__HTML_VERSION__=18"></script>
|
|
<script src="./lang/lang.js?__HTML_VERSION__=14"></script>
|
|
<script src="./components/home-nav.js?__HTML_VERSION__=12"></script>
|
|
<script src="./components/sales-info.js?__HTML_VERSION__=11"></script>
|
|
<script>
|
|
var vm = new Vue(
|
|
{
|
|
el: "#app",
|
|
components: {
|
|
'sales-info': salesInfo,
|
|
'home-nav': homeNav
|
|
},
|
|
data: {
|
|
isLoading: true,
|
|
isWeiXin: false,
|
|
lang: {},
|
|
agentInfo: {},
|
|
myInfo: {},
|
|
sidScode: {},
|
|
urlParam: {},
|
|
selType: "gift",
|
|
pageIndex: 1,
|
|
pageSize: 10,
|
|
count: 0,
|
|
cardNumber: '',
|
|
cardSecret: ''
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
methods: {
|
|
rechargeTicket: function () {
|
|
var that = this;
|
|
try {
|
|
if (!this.cardNumber) throw "请输入卡号";
|
|
if (!this.cardSecret) throw "请输入卡密";
|
|
|
|
$.apiv2(
|
|
'agent.gift.userechargecard',
|
|
{
|
|
agentid: that.urlParam.agentid,
|
|
channelid: that.urlParam.channelid,
|
|
salesid: that.myInfo.salesid,
|
|
cardnumber: that.cardNumber,
|
|
cardpassword: that.cardSecret
|
|
},
|
|
function (res) {
|
|
that.cardNumber = '';
|
|
that.cardSecret = '';
|
|
$.alert('充值成功');
|
|
},
|
|
function (code, info) {
|
|
if(code === 4284) {
|
|
$.alert('不到指定的充值卡，或该充值卡已被使用！');
|
|
} else {
|
|
$.alert(info);
|
|
}
|
|
|
|
}, 1
|
|
);
|
|
} catch (e) {
|
|
$.alert(e);
|
|
}
|
|
}
|
|
},
|
|
created: function () {
|
|
this.urlParam = $.getQueryObj();
|
|
this.lang = lang[this.urlParam.agentid] ? lang[this.urlParam.agentid] : lang.default;
|
|
var that = this;
|
|
|
|
$.getAgentInfo(function (agentInfo) {
|
|
|
|
that.agentInfo = agentInfo;
|
|
|
|
$.getUserInfo(function (r) {
|
|
that.myInfo = r;
|
|
|
|
that.isLoading = false;
|
|
});
|
|
|
|
});
|
|
|
|
|
|
}
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html> |