statistic_win.html
4.46 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>统计分析_win</title>
<link rel="stylesheet" type="text/css" href="../../css/api.css"/>
<link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
<link rel="stylesheet" type="text/css" href="../../css/statistic/statistic.css"/>
<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
<style>
html,
body{
background: #F4F6F9;
}
</style>
</head>
<body>
<header class="aui-header-bar" style="padding-top:30px;background-color:#5B7FF8">
<div class="aui-header-left" tapmode onclick="closeWin();">
<i class="aui-iconfont aui-icon-left" style="color:#FFFFFF;font-size:16px;">返回</i>
</div>
<div class="aui-title title-font">统计分析</div>
<div class="aui-header-right">
</div>
</header>
<div style="height:94px;background-color:#FFFFFF;box-shadow:0px 0px 16px 0px rgba(55,57,78,0.05);">
<div class="statistic-title">
<div style="margin-left:15px;margin-right:15.5px;">
<div class="aui-row aui-row-flex top-14">
<div class="aui-col aui-col-span-1" style="margin-top: 1rem;">
<div class="title-sign"></div>
</div>
<div class="aui-col aui-col-span-23">
<span class="device-name" id="device_imei">设备编号：000000000000000</span>
</div>
</div>
</div>
</div>
<div style="margin-left:15px;margin-right:15.5px;margin-top:0.1rem;height:1px;background:rgba(240,245,255,1);"></div>
<div class="search-view-inline">
<div class="select-list aui-ellipsis-1" style="width: 100%;" tapmode id="select-imei" onclick="selectDate();">
<span class="choose-device-title">请选择日期</span>
<span id="selected_time"></span>
<i></i>
</div>
</div>
</div>
<footer></footer>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
var defaultImei;
var h;
var f;
apiready = function(){
api.parseTapmode();
var header = $api.dom('header'); // 获取 header 标签元素
var footer = $api.dom('footer'); // 获取 footer 标签元素
var headerH = $api.fixStatusBar(header);
var footerH = $api.fixTabBar(footer);
h = headerH;
f = footerH;
defaultImei = $api.getStorage('defaultDevice');
$api.html($api.byId("device_imei"), '设备编号：'+ defaultImei);
// var selectTime = $api.val($api.byId('selected_time'));
// if (!selectTime) {
// $api.html($api.byId('selected_time'), parseTime(new Date(),'{y}-{m}-{d}'));
// }
api.openFrame({
name: 'statistic_frm',
url: './statistic_frm.html',
rect: {
x: 0,
y: headerH+94,
w: api.winWidth,
h: api.winHeight-headerH-footerH-94
},
bounces: true,
bgColor: '#F4F6F9',
});
api.addEventListener({
name: 'initSearchDate'
}, function(ret, err){
if( ret && ret.value.selectTime){
$api.html($api.byId('selected_time'), ret.value.selectTime);
}
});
};
function selectDate() {
api.openPicker({
type: 'date',
date: new Date(),
title: '选择日期',
}, function(ret, err) {
if (ret) {
var allDate = timeFormater(ret.year,ret.month,ret.day);
var date = new Date(allDate);
var curdate = new Date();
if (curdate.getTime() >= date.getTime()) {
$api.html($api.byId("selected_time"), allDate);
api.sendEvent({
name: 'chanegSearchDate',
extra: {
selected_time: allDate,
}
});
}else {
addAlert('请选择有效查询日期');
}
}
});
}
function closeWin() {
api.closeWin();
}
</script>
</html>