146 lines
5.2 KiB
HTML
146 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>指标详情</title>
|
||
<meta name="description" content=""><!--内容描述-->
|
||
<meta name ="keywords" content=""><!--关键字-->
|
||
<meta name="robots" content="all"><!--机器人向导-->
|
||
<meta name="author" content=""><!--作者-->
|
||
<meta http-equiv="Window-target" content="_top"><!--强制页面在当前窗口以独立页面显示-->
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="content-Type" content="text/html; 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"><!--expires出现在http-equiv属性中，使用content属性表示页面缓存的过期时间-->
|
||
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css?__HTML_VERSION__=3">
|
||
<link rel="stylesheet" type="text/css" href="css/style.css?__HTML_VERSION__=6">
|
||
<style>
|
||
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{line-height: 30px;}
|
||
</style>
|
||
|
||
</head>
|
||
<body class="bg_hui" style="margin-bottom: 0px;">
|
||
<div class="count_full fons-14" id="app" 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>
|
||
<a href="javascript:;" class="home-sy" @click="goHome()"><span></span>首页</a>
|
||
</header>
|
||
<section class="buju zha-huadong" style="padding: 10px;width: auto;">
|
||
<div class="zhl-xs-3">
|
||
<ul>
|
||
<li v-for="item in reportList" v-bind:class="{ active: activeID==item.report_id }" ><a href="javascript:;" @click="reportDeatil(item)">{{item.report_caption}}</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="zhl-xs-9">
|
||
<table class="table table-striped lbtable" >
|
||
<thead>
|
||
<tr>
|
||
<th>日期</th>
|
||
<th>数值</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr v-for="item in reportDetail">
|
||
<td>{{item.report_date}}</td>
|
||
<td>{{item.report_data ? item.report_data : 0}}</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<!--<home-nav></home-nav>-->
|
||
</div>
|
||
|
||
<script src="./libs/jquery.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="./components/home-nav.js?__HTML_VERSION__=12"></script>
|
||
<script type="text/javascript">
|
||
|
||
var vm = new Vue({
|
||
el:'#app',
|
||
data:{
|
||
isLoading: true,
|
||
myInfo:{},
|
||
urlParam:{},
|
||
reportList:{},
|
||
reportDetail:{},
|
||
activeID:''
|
||
},
|
||
components: {
|
||
'home-nav': homeNav
|
||
},
|
||
methods:{
|
||
goHome:function () {
|
||
window.location.href = 'index.html?agentid=' + this.urlParam.agentid + '&channelid=' + this.urlParam.channelid+'&__HTML_VERSION__=3';
|
||
},
|
||
reportDeatil: function (r) {
|
||
this.activeID = r.report_id;
|
||
|
||
$.api(
|
||
'statistics.report.querydetail',
|
||
{
|
||
agentid: this.urlParam.agentid,
|
||
channelid:this.urlParam.channelid,
|
||
salesid:this.myInfo.salesid,
|
||
reportid:r.report_id
|
||
},
|
||
function (res){
|
||
this.reportDetail = res;
|
||
}.bind(this), 1
|
||
);
|
||
}
|
||
},
|
||
created:function(){
|
||
this.urlParam = $.getQueryObj();
|
||
|
||
$.getUserInfo(function (r)
|
||
{
|
||
this.myInfo = r;
|
||
|
||
var alldata = 0;
|
||
if(parseInt(r.global_power) === 1) {
|
||
alldata = 1;
|
||
} else {
|
||
alldata = 0;
|
||
}
|
||
|
||
$.api(
|
||
'statistics.report.querybatch',
|
||
{
|
||
agentid: this.urlParam.agentid,
|
||
channelid:this.urlParam.channelid,
|
||
salesid:this.myInfo.salesid,
|
||
alldata:alldata,
|
||
needdata:0
|
||
},
|
||
function (res){
|
||
this.reportList = res;
|
||
this.isLoading = false;
|
||
}.bind(this)
|
||
)
|
||
}.bind(this));
|
||
}
|
||
})
|
||
</script>
|
||
|
||
|
||
<script>
|
||
$(".zhl-xs-3 ul li").click(function(){
|
||
var obj = $(this);
|
||
obj.addClass("active");
|
||
obj.siblings().removeClass("active");
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html> |