Files
youlegames/codes/agent/game/dlweb/api/web2/SalesTransCard.html
2026-03-15 01:27:05 +08:00

621 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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="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?__HTML_VERSION__=3">
<link rel="stylesheet" href="js/datetimepicker/bootstrap-datetimepicker.min.css?__HTML_VERSION__=3">
<link rel="stylesheet" type="text/css" 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="home_title" :class="{'active':selType=='home'}" @click="selType='home'">
<a href="javascript:;" id="home-tab">账户赠卡</a>
</li>
<li id="home_profile" :class="{'active':selType=='profile'}" @click="selType='profile'">
<a href="javascript:;" id="profile-tab">赠卡记录</a>
</li>
<li v-if="agentMode" :class="{'active':selType=='suoka'}" @click="selType='suoka'">
<a href="javascript:;" id="suoka-tab">索卡订单</a>
</li>
<li v-if="lang.openRequestStar" :class="{'active':selType=='requestStar'}" @click="selType='requestStar'">
<a href="javascript:;">索{{lang.singStarName}}订单</a>
</li>
<li id="home_wcxing" :class="{'active':selType=='wcxing'}" @click="selType='wcxing'">
<a href="javascript:;" id="wcxing-tab">{{lang.starName}}赠送</a>
</li>
<li id="home_cxingjl" :class="{'active':selType=='cxingjl'}" @click="selType='cxingjl'">
<a href="javascript:;" id="cxingjl-tab" >赠{{lang.singStarName}}记录</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="myTabContent" class="tab-content">
<!-- 账户赠卡 -->
<div class="tab-pane fade" :class="{'active':selType=='home','in':selType=='home'}" id="home">
<div class="chongka">
<div class="rowh he">
<span class="name">账户ID</span>
<input type="number" id="inp_query_salesid" placeholder="请输入账户ID" class="input" autofocus>
<a href="javascript:;" class="btn btn-blue chaxun" @click="querySalesInfo()">查询</a>
</div>
<div class="rowh he">
<span class="name">账户昵称:</span>
<input type="text" placeholder="空" class="input" v-bind:value="addCardSalesInfo.salesname" readonly>
</div>
<div class="rowh he">
<span class="name">当前房卡:</span>
<input type="number" placeholder="0" class="input" v-bind:value="addCardSalesInfo.roomcard" readonly>
</div>
<div class="rowh he">
<span class="name">赠卡数量:</span>
<input type="number" id="inp_query_card_num" placeholder="请输入赠卡数量" class="input">
</div>
<div class="rowh text-center conkabtn">
<a href="javascript:;" class="btn btn-warning closes" @click="chargeCard()">赠卡</a>
</div>
</div>
</div>
<!-- /账户赠卡 -->
<!--赠卡记录-->
<div class="tab-pane fade" :class="{'active':selType=='profile','in':selType=='profile'}" id="profile">
<div class="ck_jiru">
<div class="cha_time">
<input type="text" id="charge_beg_time" class="form_datetime_start shijian_input" placeholder="选择开始时间"
readonly><br>
<input type="text" id="charge_end_time" class="form_datetime_end shijian_input" placeholder="选择截止时间"
readonly>
<a href="javascript:;" class="btn btn-blue time_c" @click="queryAddCardList()">查询</a>
<table class="ckjr_table">
<tbody>
<tr v-for="item in addCardList.detail">
<td class="text-center">
<img :src="item.avatar" class="header">
</td>
<td>
<p>{{item.salesid}}</p>
<p>{{item.name}}</p>
<p>{{item.time.substr(5,11)}}</p>
</td>
<td class="text-center">
<p>{{item.amount}}张</p>
<a href="javascript:;" class="btn btn-blue" @click="reChargeCard(item.salesid)">再次赠卡</a>
</td>
</tr>
</tbody>
<tfoot v-show="addCardList.detail && addCardList.detail.length > 9">
<tr class="text-center">
<td colspan="3"><a :href=" 'record.html'+searchParams" class="btn btn-link">查看更多</a></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<!--/赠卡记录-->
<!--索卡记录-->
<div v-if="agentMode" :class="{'active':selType=='suoka','in':selType=='suoka'}" class="tab-pane fade" id="suoka">
<div class="skjiru">
<table class="ckjr_table">
<tbody>
<tr v-for="item in askCardListData">
<td class="text-center">
<img :src="item.avatar" class="header">
</td>
<td>
<p>{{item.askid}}</p>
<p>{{item.nickname}}</p>
<p>{{item.asktime.substr(5,11)}}</p>
</td>
<td v-if="item.state == 1" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已发卡</p>
<p>{{item.saab_dealtime.substr(5,11)}}</p>
</td>
<td v-else-if="item.state == 2" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已取消</p>
</td>
<td v-else-if="item.state == 3" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已忽略</p>
<p>{{item.saab_dealtime.substr(5,11)}}</p>
</td>
<td v-else-if="item.state == 0" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<a href="javascript:;" class="btn btn-primary" @click="sureSendCard(item.idx, 1)">确认发卡</a>
<a href="javascript:;" class="btn btn-default" @click="sureSendCard(item.idx, 3)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</td>
<td v-else class="text-center">
<p>error</p>
</td>
</tr>
<tr>
<td colspan="3" v-show="!askCardListData[0]" class="text-center">暂无索卡请求</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/索卡记录-->
<!--索星记录-->
<div v-if="lang.openRequestStar" :class="{'active':selType=='requestStar','in':selType=='requestStar'}" class="tab-pane fade">
<div class="skjiru">
<table class="ckjr_table">
<tbody>
<tr v-for="item in askStarListData">
<td class="text-center">
<img :src="item.avatar" class="header">
</td>
<td>
<p>{{item.askid}}</p>
<p>{{item.nickname}}</p>
<p>{{item.asktime.substr(5,11)}}</p>
</td>
<td v-if="item.state == 1" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已发放</p>
<p>{{item.saab_dealtime.substr(5,11)}}</p>
</td>
<td v-else-if="item.state == 2" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已取消</p>
</td>
<td v-else-if="item.state == 3" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<p>已忽略</p>
<p>{{item.saab_dealtime.substr(5,11)}}</p>
</td>
<td v-else-if="item.state == 0" class="text-center">
<p class="red">{{item.amount}}&nbsp;</p>
<a href="javascript:;" class="btn btn-primary" @click="sureSendStar(item.idx, 1)">确认发放</a>
<a href="javascript:;" class="btn btn-default" @click="sureSendStar(item.idx, 3)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</td>
<td v-else class="text-center">
<p>error</p>
</td>
</tr>
<tr>
<td colspan="3" v-show="!askStarListData[0]" class="text-center">暂无请求</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--/索星记录-->
<!--账户充星-->
<div class="tab-pane fade" :class="{'active':selType=='wcxing','in':selType=='wcxing'}" id="wcxing">
<div class="chongka">
<div class="rowh he">
<span class="name">账户ID</span>
<input type="number" id="ipt_star_salesid" placeholder="请输入账户ID" class="input" autofocus>
<a href="javascript:;" class="btn btn-blue chaxun" @click="queryStarSalesInfo()">查询</a>
</div>
<div class="rowh he">
<span class="name">玩家昵称:</span>
<input type="text" placeholder="空" class="input" v-bind:value="addStarSalesInfo.salesname" readonly>
</div>
<div class="rowh he">
<span class="name">当前{{lang.starName}}</span>
<input type="number" placeholder="0" class="input" v-bind:value="addStarSalesInfo.been" readonly>
</div>
<div class="rowh he">
<span class="name">充{{lang.singStarName}}数量:</span>
<input type="number" id="ipt_charge_star_num" placeholder="请输入充值数量" class="input">
</div>
<div class="rowh text-center conkabtn">
<a href="javascript:;" class="btn btn-warning closes" @click="chargeStar()">充{{lang.singStarName}}</a>
</div>
</div>
</div>
<!--/账户充星-->
<!--充星记录-->
<div class="tab-pane fade" :class="{'active':selType=='cxingjl','in':selType=='cxingjl'}" id="cxingjl">
<div class="ck_jiru">
<div class="cha_time">
<input type="text" id="star_beg_time" class="form_datetime_start shijian_input" placeholder="选择开始时间"
readonly><br>
<input type="text" id="star_end_time" class="form_datetime_end shijian_input" placeholder="选择截止时间" readonly>
<a href="javascript:;" class="btn btn-blue time_c" @click="queryStarList()">查询</a>
<table class="ckjr_table">
<tbody>
<tr v-for="item in addStarListData.detail">
<td class="text-center">
<img :src="item.saus_avatar" class="header">
</td>
<td>
<p>{{item.get_id}}</p>
<p>{{item.saus_nickname}}</p>
<p>{{item.time.substr(5,11)}}</p>
</td>
<td class="text-center">
<p>{{item.amount}}个</p>
<a href="javascript:;" class="btn btn-blue" @click="reChargeStar(item.get_id)">再次充{{lang.singStarName}}</a>
</td>
</tr>
</tbody>
<tfoot v-show="addStarListData.detail && addStarListData.detail.length > 9">
<tr class="text-center">
<td colspan="3"><a :href=" 'record.html'+searchParams" class="btn btn-link">查看更多</a></td>
</tr>
</tfoot>
</table>
</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="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="./libs/layer_mobile/layer.js?__HTML_VERSION__=3"></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",
data: {
agentMode: false,
isLoading: true,
lang: {},
myInfo: {},
urlParam: {},
addCardSalesInfo: {},
addCardList: {},
askCardListData: {},
askStarListData: {}, // 索星记录
addStarSalesInfo: {},
addStarListData: {},
selType:"home",
},
components: {
'sales-info': salesInfo,
'home-nav': homeNav
},
computed: {
searchParams: function () {
return '?agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid + '&__HTML_VERSION__=3';
}
},
methods: {
goHome: function () {
window.location.href = 'index.html?' + 'agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid+'&__HTML_VERSION__=3';
},
myCenter: function () {
window.location.href = 'my.html?' + 'agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid+'&__HTML_VERSION__=3';
},
querySalesInfo: function () {
var queryID = $("#inp_query_salesid").val();
if (queryID === undefined || queryID === null || queryID === '') {
$.alert("请输入正确的账户id");
return false;
}
$.api(
'agent.agent.findAgent',
{agentid: this.urlParam.agentid, channelid: this.urlParam.channelid, salesid: queryID},
function (res) {
this.addCardSalesInfo = res;
}.bind(this), 1
);
},
chargeCard: function () {
var queryID = $("#inp_query_salesid").val();
if (queryID === undefined || queryID === null || queryID === '') {
$.alert("请输入正确的账户id");
return false;
}
var chargeNum = $("#inp_query_card_num").val();
chargeNum = parseInt(chargeNum);
if (chargeNum <= 0) {
$.alert("请输入正确的充值数量!");
return false;
}
var that = this;
$.confirm(function () {
$.api(
'agent.card.transCard',
{
agentid: that.urlParam.agentid,
channelid: that.urlParam.channelid,
openid: that.myInfo.openid,
fromsales: that.myInfo.salesid,
salesid: queryID,
amount: chargeNum
},
function (res) {
that.myInfo.roomcard = parseInt(that.myInfo.roomcard) - chargeNum;
that.addCardSalesInfo = {};
$("#inp_query_salesid").val('');
$("#inp_query_card_num").val('');
$.alert("赠卡成功!");
}, true
);
})
},
queryAddCardList: function () {
var begTime = $("#charge_beg_time").val();
var endTime = $("#charge_end_time").val();
$.loading();
$.api(
'agent.card.transRecord',
{
agentid: this.urlParam.agentid,
openid: this.myInfo.openid,
salesid: this.myInfo.salesid,
fromsales: this.myInfo.salesid,
userid: this.myInfo.user_id,
begintime: begTime,
endtime: endTime,
page_index: 1
},
function (res) {
if(res.detail.length && res.detail.length > 0)
this.addCardList = res;
else
$.alert('暂无记录');
}.bind(this), true
);
},
reChargeCard: function (r) {
this.selType="home";
$("#inp_query_salesid").val(r);
},
// 获取索要房卡记录
askCardList: function (isAsync) {
if(isAsync) $.loading();
$.api(
'agent.demand.askCardList',
{
agentid: this.urlParam.agentid,
billtype: 1,
salesid: this.myInfo.salesid,
userid: this.myInfo.user_id
},
function (res) {
if(res.list.length && res.list.length > 0)
this.askCardListData = res.list;
}.bind(this), isAsync
);
},
// 获取索要星星记录
askStarList: function (isAsync) {
if(isAsync) $.loading();
$.api(
'agent.demand.askCardList',
{
agentid: this.urlParam.agentid,
billtype: 3,
salesid: this.myInfo.salesid,
userid: this.myInfo.user_id
},
function (res) {
if(res.list.length && res.list.length > 0)
this.askStarListData = res.list;
}.bind(this), isAsync
);
},
sureSendCard: function (r, flag) {
var that = this;
$.confirm(function () {
$.api(
'agent.demand.dealOrder',
{
channelid: that.urlParam.channelid,
idx: r,
dealid: that.myInfo.salesid,
dealstate: flag
},
function (res) {
that.askCardList(true);
}, true
);
})
},
sureSendStar: function (r, flag) {
var that = this;
$.confirm(function () {
$.api(
'agent.demand.dealOrder',
{
channelid: that.urlParam.channelid,
idx: r,
dealid: that.myInfo.salesid,
dealstate: flag
},
function (res) {
that.askStarList(true);
}, true
);
})
},
queryStarSalesInfo: function () {
var queryID = $("#ipt_star_salesid").val();
if (queryID === undefined || queryID === null || queryID === '') {
$.alert("请输入正确的账户id");
return false;
}
$.api(
'agent.agent.findAgent',
{agentid: this.urlParam.agentid, channelid: this.urlParam.channelid, salesid: queryID},
function (res) {
this.addStarSalesInfo = res;
}.bind(this), 1
);
},
chargeStar: function () {
var queryID = $("#ipt_star_salesid").val();
if (queryID === undefined || queryID === null || queryID === '') {
$.alert("请输入正确的账户id");
return false;
}
var chargeNum = $("#ipt_charge_star_num").val();
chargeNum = parseInt(chargeNum);
if (chargeNum <= 0) {
$.alert("请输入正确的充值数量!");
return false;
}
var that = this;
$.confirm(function () {
$.api(
'agent.demand.transStar',
{
agentid: that.urlParam.agentid,
channelid: that.urlParam.channelid,
openid: that.myInfo.openid,
unionid: that.myInfo.unionid,
salesid: queryID,
fromsales: that.myInfo.salesid,
tosales: queryID,
amount: chargeNum
},
function (res) {
that.myInfo.bean = parseInt(that.myInfo.bean) - chargeNum;
$("#ipt_star_salesid").val('');
$("#ipt_charge_star_num").val('');
that.addStarSalesInfo = {};
$.alert("充值成功!");
}, true
);
})
},
queryStarList: function () {
var begTime = $("#star_beg_time").val();
var endTime = $("#star_end_time").val();
$.api(
'agent.demand.transStarRecord',
{
agentid: this.urlParam.agentid,
channelid: this.urlParam.channelid,
salesid: this.myInfo.salesid,
unionid: this.myInfo.unionid,
user_id: this.myInfo.user_id,
begintime: begTime,
endtime: endTime,
page_index: 1
},
function (res) {
if(res.detail.length && res.detail.length > 0)
this.addStarListData = res;
else
$.alert('暂无记录');
}.bind(this), 1
);
},
reChargeStar: function (r) {
this.selType="wcxing";
$("#ipt_star_salesid").val(r);
}
},
created: function () {
this.urlParam = $.getQueryObj();
this.lang = lang[this.urlParam.agentid] ? lang[this.urlParam.agentid] : lang.default;
$.getUserInfo(function (r) {
this.myInfo = r;
this.agentMode = r.agentmode;
this.askCardList();
if(this.lang.openRequestStar)
this.askStarList();
this.isLoading = false;
}.bind(this));
}
});
</script>
</body>
<script>
$("#charge_beg_time").datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
forceParse: false,
language: 'zh-CN',
todayBtn: true
});
$("#charge_end_time").datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
forceParse: false,
language: 'zh-CN',
todayBtn: true
});
$("#star_beg_time").datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
forceParse: false,
language: 'zh-CN',
todayBtn: true
});
$("#star_end_time").datetimepicker({
format: 'yyyy-mm-dd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
forceParse: false,
language: 'zh-CN',
todayBtn: true
});
</script>
</html>