271 lines
8.9 KiB
HTML
271 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>玩家充值</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css?__HTML_VERSION__=3">
|
|
<link rel="stylesheet" href="./libs/font-awesome.min.css?__HTML_VERSION__=3">
|
|
<link rel="stylesheet" href="./css/common.css?__HTML_VERSION__=7">
|
|
</head>
|
|
<body>
|
|
<div class="container" id="app">
|
|
|
|
<beta-header></beta-header>
|
|
|
|
<div class="row">
|
|
<ul class="nav nav-tabs flex-full" role="tablist">
|
|
<li :class="{'active':selType=='buycard'}" @click="selType='buycard'"><a href="javascript:;">玩家充值</a></li>
|
|
<li :class="{'active':selType=='record'}" @click="selType='record'"><a href="javascript:;">充值记录</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<section class="tab-content">
|
|
<!--购买房卡-->
|
|
<div role="tabpanel" class="tab-pane fade" :class="{'active':selType=='buycard','in':selType=='buycard'}" id="buycard">
|
|
|
|
<user-info v-if="isWeiXin"></user-info>
|
|
|
|
<div class="form-horizontal pt8">
|
|
<div class="form-group">
|
|
<label for="playerid" class="col-xs-3 control-label" style="line-height: 34px;">玩家ID</label>
|
|
<div class="col-xs-9">
|
|
<input id="playerid" class="form-control" type="number" placeholder="请输入玩家ID" v-model="playerId">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<product-list :type="0" @update:change-product-id="changeProductInfo"></product-list>
|
|
|
|
<p class="money">金额：<span class="red" v-html="money"></span>元</p>
|
|
|
|
<button @click="createBill" class="btn btn-success center-block w60">支付</button>
|
|
|
|
<p v-if="lang.payWeChat" class="pay-notice text-center pt8" v-html="lang.payWeChat"></p>
|
|
<p v-if="lang.rechargeNotice" class="pay-notice text-center pt8" v-html="lang.rechargeNotice"></p>
|
|
</div>
|
|
<!--/购买房卡-->
|
|
|
|
<!--购买记录-->
|
|
<div role="tabpanel" class="tab-pane fade" :class="{'active':selType=='record','in':selType=='record'}" id="record">
|
|
|
|
<div class="form-group" v-show="false">
|
|
<label class="col-xs-6 control-label">
|
|
<input type="radio" name="inlineRadioOptions" value="card" v-model="type"> 房卡
|
|
</label>
|
|
<label class="col-xs-6 control-label">
|
|
<input type="radio" name="inlineRadioOptions" value="star" v-model="type"> {{lang.starName}}
|
|
</label>
|
|
</div>
|
|
|
|
|
|
<div class="pt15">
|
|
<button @click="buyQueryCard" class="btn btn-primary center-block w60">查询</button>
|
|
</div>
|
|
|
|
<div class="table-responsive mt15" v-show="queryCardList[0] || queryStarList[0]">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>金额</th>
|
|
<th>数量</th>
|
|
<th>时间</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(v, i) in queryCardList">
|
|
<td>{{v.playerid}}</td>
|
|
<td>{{v.money}}</td>
|
|
<td>{{v.amount}}</td>
|
|
<td>{{v.time.substr(5,11)}}</td>
|
|
</tr>
|
|
<tr v-for="(v, i) in queryStarList">
|
|
<td>{{v.user_id || v.play_playerid}}</td>
|
|
<td>{{v.product_money}}</td>
|
|
<td>{{v.star_amount}}</td>
|
|
<td>{{v.pay_time.substr(5,11)}}</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
<!--/购买记录-->
|
|
</section>
|
|
|
|
<agent-nav></agent-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/function.js?__HTML_VERSION__=18"></script>
|
|
<script src="./lang/lang.js?__HTML_VERSION__=14"></script>
|
|
<script src="./components/agent-nav.js?__HTML_VERSION__=8"></script>
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
|
|
<script src="./components/product-list.js?__HTML_VERSION__=4"></script>
|
|
<script src="./components/user-info.js?__HTML_VERSION__=4"></script>
|
|
<script src="./components/beta-header.js?__HTML_VERSION__=3"></script>
|
|
|
|
<script>
|
|
new Vue(
|
|
{
|
|
el: "#app",
|
|
components: {
|
|
'agent-nav': agentNav,
|
|
'product-list': productList,
|
|
'user-info': userInfo,
|
|
'beta-header': betaHeader
|
|
},
|
|
data: {
|
|
isLoading: true,
|
|
isWeiXin: false,
|
|
params: {},
|
|
lang: {},
|
|
agentInfo: {},
|
|
wxInfo: {},
|
|
checkedProductId: '',
|
|
playerId: '',
|
|
billInfo: {},
|
|
userInfo: {},
|
|
index: 'card', // productList 返回的产品类型
|
|
type: 'star', // 查询记录的类型
|
|
money: 0,
|
|
queryCardList: [],
|
|
queryStarList: [],
|
|
selType: 'buycard'
|
|
},
|
|
methods: {
|
|
changeProductInfo: function (v) {
|
|
this.checkedProductId = v.productid;
|
|
this.index = v.index;
|
|
this.money = v.money;
|
|
},
|
|
buyQueryCard: function () {
|
|
|
|
var that = this;
|
|
|
|
this.queryCardList = [];
|
|
this.queryStarList = [];
|
|
|
|
if (that.type === 'card') {
|
|
$.api(
|
|
'agent.card.buyCardRecord',
|
|
{agentid: that.params.agentid, openid: that.wxInfo.openid},
|
|
function (res) {
|
|
if (res.detail.length > 0)
|
|
that.queryCardList = res.detail;
|
|
else
|
|
$.alert('暂无记录');
|
|
}, 1)
|
|
} else if (that.type === 'star') {
|
|
$.api(
|
|
'agent.order.buyStarRecord',
|
|
{
|
|
agentid: that.params.agentid,
|
|
channelid: that.params.channelid,
|
|
unionid: that.wxInfo.unionid,
|
|
openid: that.wxInfo.openid,
|
|
type: 0,
|
|
page_index: 1
|
|
},
|
|
function (res) {
|
|
if (res.detail.length > 0)
|
|
that.queryStarList = res.detail;
|
|
else
|
|
$.alert('暂无记录');
|
|
}, 1)
|
|
}
|
|
},
|
|
createBill: function () {
|
|
try {
|
|
if (!this.playerId) throw '请输入玩家ID';
|
|
if (!$.isRightId(this.playerId)) throw '请输入正确的玩家ID';
|
|
|
|
if (!this.checkedProductId) throw '请选择要购买的商品';
|
|
|
|
var that = this;
|
|
var method;
|
|
var orderParams;
|
|
if (this.index === 'star') {
|
|
method = 'agent.order.createStarOrder';
|
|
orderParams = {
|
|
agentid: that.params.agentid,
|
|
channelid: that.params.channelid,
|
|
openid: that.wxInfo.openid,
|
|
unionid: that.wxInfo.unionid,
|
|
billtype: 0,
|
|
productid: that.checkedProductId,
|
|
playerid: that.playerId,
|
|
salesid: that.playerId
|
|
}
|
|
}
|
|
else {
|
|
method = 'agent.order.createOrder';
|
|
orderParams = {
|
|
agentid: that.params.agentid,
|
|
channelid: that.params.channelid,
|
|
openid: that.wxInfo.openid,
|
|
unionid: that.wxInfo.unionid,
|
|
billtype: 0,
|
|
productid: that.checkedProductId,
|
|
playerid: that.playerId
|
|
}
|
|
}
|
|
|
|
$.loading();
|
|
$.api(
|
|
method,
|
|
orderParams,
|
|
function (r) {
|
|
that.billInfo = r;
|
|
|
|
var str = '<h4>订单详情</h4>' +
|
|
'<p class="text-left">昵 称：' + r.playername +
|
|
'</p><p class="text-left">数 量：' + r.productamount +
|
|
'</p><p class="text-left">金 额：' + r.productmoney + '</p>';
|
|
|
|
layer.open(
|
|
{
|
|
content: str,
|
|
btn: ['支付', '取消'],
|
|
yes: function (i) {
|
|
$.loading();
|
|
$.toPay(that.params, that.agentInfo, that.wxInfo, r, that.index, that.playerId, 'player');
|
|
layer.close(i);
|
|
},
|
|
no: function () { layer.closeAll() }
|
|
});
|
|
}, true)
|
|
} catch (e) {
|
|
$.alert(e);
|
|
}
|
|
}
|
|
},
|
|
created: function () {
|
|
var that = this;
|
|
this.params = $.getQueryObj();
|
|
this.isWeiXin = $.isWeiXin();
|
|
this.lang = lang[this.params.agentid] ? lang[this.params.agentid] : lang.default;
|
|
|
|
$.getAgentInfo(function (agentInfo) {
|
|
that.agentInfo = agentInfo;
|
|
$.getWxInfo(function (wxInfo) {
|
|
that.wxInfo = wxInfo;
|
|
//$.getUserInfoFirst(function (userInfo) {
|
|
//that.userInfo = userInfo;
|
|
that.isLoading = false;
|
|
//})
|
|
})
|
|
})
|
|
}
|
|
}
|
|
);
|
|
</script>
|
|
</body>
|
|
</html> |