279 lines
8.9 KiB
HTML
279 lines
8.9 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">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=8">
|
||
<meta http-equiv="Cache" content="no-cache">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Cache-Control" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css">
|
||
<link rel="stylesheet" type="text/css" href="css/style.css?__HTML_VERSION__=6">
|
||
<style>
|
||
.w60 {width: 60%;}
|
||
.mt15 {margin-top: 15px;}
|
||
.pt15 {padding-top: 15px;}
|
||
</style>
|
||
</head>
|
||
<body class="bg_hui">
|
||
<section id="app" v-show="!isLoading" style="display: none">
|
||
<div class="count_full">
|
||
<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">
|
||
<!-- tabs -->
|
||
<ul id="myTabs" class="nav nav-tabs" role="tablist">
|
||
|
||
<li :class="{'active':selType=='sales-buy-card'}" @click="selType='sales-buy-card'" v-if="buyPower">
|
||
<a href="javascript:;">购买道具</a>
|
||
</li>
|
||
|
||
<li :class="{'active':selType=='buy-record'}" @click="selType='buy-record'" v-if="buyPower">
|
||
<a href="javascript:;">购买记录</a>
|
||
</li>
|
||
|
||
</ul>
|
||
<!-- /tabs -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="myTabContent" class="tab-content">
|
||
|
||
<!-- 代理自购 -->
|
||
<div class="tab-pane fade text-center"
|
||
:class="{'active':selType=='sales-buy-card','in':selType=='sales-buy-card'}" id="sales-buy-card"
|
||
v-if="buyPower">
|
||
<product-list :type="0" @update:change-product-id="changeProductInfo"></product-list>
|
||
|
||
<p class="money">金额：<span class="red">{{money}}</span>元</p>
|
||
|
||
<div class="text-left" style="padding: 10px 15px; text-indent: 2em;">
|
||
<p class="text-primary">1、房卡购买后在“可赠送房卡”账户中，不能立即在游戏内使用，需要赠送给需要的玩家ID账户中才可使用。</p>
|
||
<p class="text-primary">2、{{lang.starName}}购买后直接充值到玩家ID账户中，可立即在游戏内使用。</p>
|
||
</div>
|
||
|
||
<button @click="createBill" class="btn btn-success center-block w60" style="width: 80%;margin-bottom: 35px;">
|
||
支付
|
||
</button>
|
||
</div>
|
||
<!-- /代理自购 -->
|
||
|
||
<!-- 购买记录 -->
|
||
<div class="tab-pane fade text-center"
|
||
:class="{'active':selType=='buy-record','in':selType=='buy-record'}" id="buy-record"
|
||
v-if="buyPower">
|
||
|
||
<div class="form-group">
|
||
<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="buyRecord" class="btn btn-primary center-block w60">查询</button>
|
||
</div>
|
||
|
||
<div style="padding: 8px;">
|
||
<div class="table-responsive mt15" v-show="queryCardList[0] || queryStarList[0]">
|
||
<table class="table">
|
||
<thead>
|
||
<tr>
|
||
<th>金额</th>
|
||
<th>数量</th>
|
||
<th>时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr v-for="(v, i) in queryCardList">
|
||
<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.product_money}}</td>
|
||
<td>{{v.star_amount}}</td>
|
||
<td>{{v.pay_time.substr(5,11)}}</td>
|
||
</tr>
|
||
</tbody>
|
||
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /购买记录 -->
|
||
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<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="./lang/lang.js?__HTML_VERSION__=14"></script>
|
||
<script src="./js/function-a.js?__HTML_VERSION__=10"></script>
|
||
<script src="./components/home-nav.js?__HTML_VERSION__=12"></script>
|
||
<script src="./components/sales-info-a.js?__HTML_VERSION__=7"></script>
|
||
<script src="./components/product-list.js?__HTML_VERSION__=6"></script>
|
||
<script>
|
||
new Vue(
|
||
{
|
||
el: '#app',
|
||
components: {
|
||
'sales-info': salesInfo,
|
||
'product-list': productList
|
||
},
|
||
data: {
|
||
isLoading: true,
|
||
salesId: '',
|
||
cardCounts: '',
|
||
starCounts: '',
|
||
lang: {},
|
||
params: {},
|
||
agentInfo: {},
|
||
parentInfo: {},
|
||
wxInfo: {},
|
||
userInfo: {},
|
||
isGetOrderList: false,
|
||
orderList: [], // 索要房卡订单列表
|
||
orderStarList: [], // 索要星星订单列表
|
||
checkedProductId: '',
|
||
index: 'card', // productList 返回的产品类型
|
||
type: 'card', // 查询记录的类型
|
||
money: 0,
|
||
billInfo: {},
|
||
queryCardList: [],
|
||
queryStarList: [],
|
||
selType: "sales-buy-card"
|
||
},
|
||
computed: {
|
||
buyPower: function () {
|
||
return true;
|
||
},
|
||
requestStarPower: function () { // uQgZ0uehf0greK3Ryjz2pEemhp37eddj 00bA05haB0d9ZC0fwGD09Q2OA30insbQ
|
||
return this.lang.openRequestStar;
|
||
}
|
||
},
|
||
methods: {
|
||
changeProductInfo: function (v) {
|
||
this.checkedProductId = v.productid;
|
||
this.index = v.index;
|
||
this.money = v.money;
|
||
},
|
||
createBill: function () {
|
||
try {
|
||
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.userInfo.player_id,
|
||
salesid: that.userInfo.salesid
|
||
}
|
||
}
|
||
else {
|
||
method = 'agent.order.createOrder';
|
||
orderParams = {
|
||
agentid: that.params.agentid,
|
||
channelid: that.params.channelid,
|
||
openid: that.wxInfo.openid,
|
||
unionid: that.wxInfo.unionid,
|
||
billtype: 1,
|
||
productid: that.checkedProductId,
|
||
salesid: that.userInfo.salesid
|
||
};
|
||
}
|
||
|
||
$.loading();
|
||
$.api(
|
||
method,
|
||
orderParams,
|
||
function (r) {
|
||
that.billInfo = r;
|
||
|
||
$.toPay(that.params, that.agentInfo, that.wxInfo, r, that.index, that.userInfo.salesid, 'sales');
|
||
|
||
}, 1)
|
||
} catch (e) {
|
||
$.alert(e);
|
||
}
|
||
},
|
||
|
||
buyRecord: function () {
|
||
var that = this;
|
||
|
||
this.queryCardList = [];
|
||
this.queryStarList = [];
|
||
|
||
if (that.type === 'card') {
|
||
$.api(
|
||
'agent.card.buyCardRecord',
|
||
{agentid: that.params.agentid, openid: that.wxInfo.openid, type: 1},
|
||
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)
|
||
}
|
||
}
|
||
},
|
||
created: function () {
|
||
this.params = $.getQueryObj();
|
||
this.lang = lang[this.params.agentid] ? lang[this.params.agentid] : lang.default;
|
||
var that = this;
|
||
|
||
$.getAgentInfo(function (agentInfo) {
|
||
that.agentInfo = agentInfo;
|
||
$.getWxInfo(function (wxInfo) {
|
||
that.wxInfo = wxInfo;
|
||
$.getUserInfo(function (userInfo) {
|
||
that.userInfo = userInfo;
|
||
that.isLoading = false;
|
||
})
|
||
})
|
||
})
|
||
}
|
||
}
|
||
)
|
||
</script>
|
||
</body>
|
||
</html> |