selfAlarm_win.html
4.05 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
128
129
<!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/alarm/alarm.css"/>
<style>
html,
body{
background-color: #F4F6F9;
}
</style>
</head>
<body>
<header class="aui-header-bar alarm-title" >
<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" tapmode onclick="handleMsg();">
<div class="edit-font" id="edit_title">编辑</div>
</div>
</header>
<div class="measure-title" id="alarm_title">
<div style="margin-left:15px;margin-right:15.5px;">
<div class="aui-row aui-row-flex">
<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">设备编号：</span>
</div>
</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 isEdit = false;
var defaultImei;
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);
defaultImei = $api.getStorage('defaultDevice');
$api.html($api.byId("device_imei"), '设备编号：'+ defaultImei);
openAlarmFrm(headerH,footerH);
api.addEventListener({
name: 'handleAllAlarmMsgEnd'
}, function(ret, err){
if( ret ){
isEdit = false;
$api.html($api.byId('edit_title') , '编辑');
}
});
api.addEventListener({
name: 'reloadSelfAlarmPage'
}, function(ret, err){
if( ret ){
api.closeFrame({
name: 'selfAlarm_frm'
});
$api.html($api.byId('edit_title') , '编辑');
openAlarmFrm(headerH,footerH);
}
});
};
function handleMsg() {
isEdit = !isEdit;
api.sendEvent({
name: 'handleAllSelfAlarmMsgBegin',
extra: {
isEdit: isEdit,
}
});
if (isEdit) {
$api.html($api.byId('edit_title') , '取消');
}else {
$api.html($api.byId('edit_title') , '编辑');
}
}
function openAlarmFrm(headerH,footerH) {
var offset = $api.offset($api.byId('alarm_title'));
var params = {
f: footerH,
h: headerH,
}
if (api.pageParam.staticToAlarm) {
params.staticToAlarm = api.pageParam.staticToAlarm;
}
api.openFrame({
name: 'selfAlarm_frm',
url: './selfAlarm_frm.html',
rect: {
x: 0,
y: headerH+offset.h,
w: api.winWidth,
h: api.winHeight-50-footerH-44-$api.getStorage('SAFEAREATOP')
},
pageParam: params,
bounces: true,
hScrollBarEnabled: true,
vScrollBarEnabled: true
});
}
function closeWin() {
api.closeWin();
}
</script>
</html>