181 lines
6.7 KiB
HTML
181 lines
6.7 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="allSalesReportSubmit" 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="chongka" id="fengwan">
|
|
<div class="rowh he" style="border-bottom: 1px solid #e5e5e5;">
|
|
<span class="name">账号：</span>
|
|
<input type="number" placeholder="请输入账号" class="input" autofocus v-model="queryInfo.queryID">
|
|
<a href="javascript:;" class="btn btn-blue chaxun" @click="sales_record">查询</a>
|
|
</div>
|
|
<div class="rowh he">
|
|
<div class="ck_jiru">
|
|
<div class="cha_time">
|
|
<div style="width: 100%;text-align: center;">
|
|
<input type="text" class="form_datetime_start shijian_input" placeholder="选择开始时间" readonly>
|
|
<input type="text" class="form_datetime_end shijian_input" placeholder="选择截止时间" readonly>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="chongka">
|
|
<div class="rowh he checkbox" style="margin-bottom: 40px;">
|
|
<label for="thrid" class="goumai">
|
|
<input id="thrid" type="radio" name="allSalesReportType" value="0" v-model="queryInfo.type"> 获取的房卡数
|
|
</label>
|
|
<label for="fouth" class="goumai">
|
|
<input id="fouth" type="radio" name="allSalesReportType" value="1" v-model="queryInfo.type"> 获取的房卡金额
|
|
</label>
|
|
<hr/>
|
|
<label for="thrid2" class="goumai">
|
|
<input id="thrid2" type="radio" name="allSalesReportType" value="2" v-model="queryInfo.type"> 获取的{{lang.starName}}数
|
|
</label>
|
|
<label for="fouth2" class="goumai">
|
|
<input id="fouth2" type="radio" name="allSalesReportType" value="3" v-model="queryInfo.type"> 获取的{{lang.starName}}金额
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<table class="ckjr_table">
|
|
<tbody>
|
|
<tr v-for="x in dailidetail">
|
|
<td class="text-center">
|
|
<img :src="x.saus_avatar" class="header">
|
|
</td>
|
|
<td>
|
|
<p v-text="x.sales_id"></p>
|
|
<p v-text="x.saus_nickname"></p>
|
|
</td>
|
|
<td>
|
|
<p v-if="queryInfo.type == 0 || queryInfo.type == 2">数量：<span v-text="x.num"></span></p>
|
|
<p v-else>数量：<span v-text="x.num"></span></p>
|
|
<p>金额：<span v-text="x.report_date.substr(5,11)"></span></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="./libs/jquery.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: "#allSalesReportSubmit",
|
|
components: {
|
|
'home-nav': homeNav
|
|
},
|
|
data: {
|
|
lang: {},
|
|
myInfo: {},
|
|
urlParam: {},
|
|
dailidetail: [],
|
|
queryInfo: {
|
|
queryID: '',
|
|
type: 0
|
|
}
|
|
},
|
|
methods: {
|
|
goHome: function () {
|
|
window.location.href = 'index.html?agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid+'&__HTML_VERSION__=3';
|
|
},
|
|
sales_record: function () {
|
|
var begintime = $(".form_datetime_start").val();
|
|
var endtime = $(".form_datetime_end").val();
|
|
|
|
if (begintime > endtime) {
|
|
$.alert("开始时间大于结束时间");
|
|
return;
|
|
}
|
|
|
|
var param = {
|
|
agentid: this.urlParam.agentid,
|
|
channelid: this.urlParam.channelid,
|
|
salesid: this.myInfo.salesid,
|
|
queryid: this.queryInfo.queryID,
|
|
begintime: begintime,
|
|
endtime: endtime,
|
|
type: this.queryInfo.type
|
|
};
|
|
$.api(
|
|
'agent.agent.allSalesReport',
|
|
param,
|
|
function (res) {
|
|
if (res.record.length > 0)
|
|
this.dailidetail = res.record;
|
|
else {
|
|
this.dailidetail = [];
|
|
$.alert('暂无记录');
|
|
}
|
|
}.bind(this), 1
|
|
)
|
|
|
|
}
|
|
},
|
|
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',
|
|
weekStart: 1,
|
|
autoclose: true,
|
|
startView: 2,
|
|
minView: 2,
|
|
forceParse: false,
|
|
language: 'zh-CN',
|
|
todayBtn: true
|
|
});
|
|
$(".form_datetime_end").datetimepicker({
|
|
format: 'yyyy-mm-dd',
|
|
weekStart: 1,
|
|
autoclose: true,
|
|
startView: 2,
|
|
minView: 2,
|
|
forceParse: false,
|
|
language: 'zh-CN',
|
|
todayBtn: true
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |