167 lines
5.9 KiB
HTML
167 lines
5.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="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" type="text/css" href="css/style.css?__HTML_VERSION__=6">
|
|
<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">
|
|
</head>
|
|
<body class="bg_hui">
|
|
<div class="count_full" id="querysales" v-show="!isLoading" style="display: none">
|
|
<header class="header header-pos-fix">
|
|
<div onclick="history.back(-1)">
|
|
<img src="img/fahui.png" class="img">
|
|
<span class="text_wen">返回</span>
|
|
</div>
|
|
</header>
|
|
<div style="width: 100%;height: 45px;display: block;"></div>
|
|
<section class="buju">
|
|
<div class="ck_jiru"><!--充卡记录-->
|
|
<div class="cha_time">
|
|
<input type="text" class="form_datetime_start shijian_input" placeholder="选择开始时间" readonly></br>
|
|
|
|
<input type="text" class="form_datetime_end shijian_input" placeholder="选择截止时间" readonly>
|
|
|
|
<a href="javascript:;" class="btn btn-blue time_c" @click="registerSales_query">查询</a>
|
|
|
|
<table class="ckjr_table">
|
|
<tbody>
|
|
<tr v-for="x in queryInfo.detail">
|
|
<td class="text-center">
|
|
<img :src="x.saus_avatar" class="header">
|
|
</td>
|
|
<td>
|
|
<p v-text="x.saus_salesid"></p>
|
|
<p v-text="x.saus_nickname"></p>
|
|
<p>电话：<span v-text="x.saus_tel"></span></p>
|
|
<p>微信：<span v-text="x.saus_wechat"></span></p>
|
|
<p>注册时间：<span v-text="x.saus_saletime"></span></p>
|
|
</td>
|
|
<td>
|
|
<p>房卡数：<span v-text="x.saus_roomcard"></span></p>
|
|
<p>{{lang.starName}}数：<span v-text="x.saus_bean"></span></p>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
<tfoot>
|
|
<tr class="load text-center">
|
|
<td id="loading_registerSales" colspan="3" v-text="queryInfo.load"></td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</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="./lang/lang.js?__HTML_VERSION__=14"></script>
|
|
<script src="./js/function.js?__HTML_VERSION__=18"></script>
|
|
<script src="./libs/layer_mobile/layer.js?__HTML_VERSION__=3"></script>
|
|
<script src="./components/home-nav.js?__HTML_VERSION__=12"></script>
|
|
<script>
|
|
var vm = new Vue(
|
|
{
|
|
el: "#querysales",
|
|
components: {
|
|
'home-nav': homeNav
|
|
},
|
|
data: {
|
|
isLoading: true,
|
|
lang: {},
|
|
myInfo: {},
|
|
urlParam: {},
|
|
queryInfo: {
|
|
load: '',
|
|
detail: {},
|
|
begintime: '',
|
|
endtime: ''
|
|
}
|
|
},
|
|
methods: {
|
|
goHome: function () {
|
|
window.location.href = 'index.html?agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid+'&__HTML_VERSION__=3';
|
|
},
|
|
registerSales_query: function () { //查询
|
|
this.queryInfo.begintime = $(".form_datetime_start").val();
|
|
this.queryInfo.endtime = $(".form_datetime_end").val();
|
|
if (!this.queryInfo.begintime) {
|
|
$.alert("请选择开始时间");
|
|
return;
|
|
}
|
|
if (!this.queryInfo.endtime) {
|
|
$.alert("请选择结束时间");
|
|
return;
|
|
}
|
|
if (this.queryInfo.begintime > this.queryInfo.endtime) {
|
|
$.alert("开始时间大于结束时间");
|
|
return;
|
|
}
|
|
vm.queryInfo.load = "加载中...";
|
|
|
|
var i;
|
|
if (!sessionStorage.getItem("index_registerSales"))
|
|
i = 1;
|
|
else
|
|
i = parseInt(sessionStorage.getItem("index_registerSales"));
|
|
|
|
var param = {
|
|
agentid: this.urlParam.agentid,
|
|
channelid: this.urlParam.channelid,
|
|
queryid: this.queryInfo.queryID,
|
|
salesid: this.myInfo.salesid,
|
|
begintime: this.queryInfo.begintime,
|
|
endtime: this.queryInfo.endtime,
|
|
page_index: i
|
|
};
|
|
$.api(
|
|
'agent.agent.timeReg',
|
|
param,
|
|
function (res) {
|
|
if(res.record.length>0) {
|
|
vm.queryInfo.detail = res.record;
|
|
} else {
|
|
$.alert('暂无数据');
|
|
}
|
|
vm.queryInfo.load = "";
|
|
}, true
|
|
)
|
|
}
|
|
},
|
|
created: function () {
|
|
this.urlParam = $.getQueryObj();
|
|
this.lang = lang[this.urlParam.agentid] ? lang[this.urlParam.agentid] : lang.default;
|
|
|
|
$.getUserInfo(function (r) {
|
|
this.myInfo = r;
|
|
this.isLoading = false;
|
|
}.bind(this));
|
|
|
|
}
|
|
});
|
|
/*时间选择*/
|
|
$(".form_datetime_start").datetimepicker({
|
|
format: 'yyyy-mm-dd',
|
|
autoclose: true,
|
|
minView: "month"
|
|
});
|
|
$(".form_datetime_end").datetimepicker({
|
|
format: 'yyyy-mm-dd',
|
|
autoclose: true,
|
|
minView: "month"
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |