Startseite Erkunden Hilfe
Registrieren Anmelden
yf_zd
/
yfApp
1
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 679255bc4d
Branches Tags
yfApp
/
equipManage
/
equipManage_scd_detail.html

equipManage_scd_detail.html 25 KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="UTF-8">
    6. 

  6. 		<title></title>
    7. 

  7. 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    8. 

  8. 		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    9. 

  9. 		<link href="../css/mui.min.css" rel="stylesheet" />
    10. 

  10. 		<link rel="stylesheet" href="../css/iconfont.css" />
    11. 

  11. 		<link href="../css/common.css" rel="stylesheet" />
    12. 

  12. 		<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
    13. 

  13. 		<style type="text/css">
    14. 

  14. 			.mui-content {
    15. 

  15. 				background: #fff;
    16. 

  16. 			}
    17. 

  17. 			
    18. 

  18. 			.iconfont {
    19. 

  19. 				font-size: 35px;
    20. 

  20. 				color: #3bb9e7;
    21. 

  21. 				/*font-weight: bold;*/
    22. 

  22. 				line-height: 80px;
    23. 

  23. 				margin: 10px 10px 10px 20px;
    24. 

  24. 			}
    25. 

  25. 			
    26. 

  26. 			.equipState {
    27. 

  27. 				font-size: 18px;
    28. 

  28. 				margin-top: 14px;
    29. 

  29. 				color: #333;
    30. 

  30. 			}
    31. 

  31. 			
    32. 

  32. 			.conversion {
    33. 

  33. 				width: 110px;
    34. 

  34. 			}
    35. 

  35. 			
    36. 

  36. 			#detial>div {
    37. 

  37. 				border-bottom: 2px solid #eee;
    38. 

  38. 			}
    39. 

  39. 			
    40. 

  40. 			#detial>div:nth-of-type(odd) {
    41. 

  41. 				border-right: 2px solid #eee;
    42. 

  42. 			}
    43. 

  43. 			
    44. 

  44. 			.mui-table-view:after,
    45. 

  45. 			.mui-table-view:before {
    46. 

  46. 				height: 2px;
    47. 

  47. 				background-color: #eee;
    48. 

  48. 			}
    49. 

  49. 			
    50. 

  50. 			@media(max-width: 400px) {
    51. 

  51. 				.mui-col-sm-6 {
    52. 

  52. 					width: 50%;
    53. 

  53. 				}
    54. 

  54. 			}
    55. 

  55. 			
    56. 

  56. 			.nullData {
    57. 

  57. 				top: 45px;
    58. 

  58. 			}
    59. 

  59. 			/*查看详情*/
    60. 

  60. 			
    61. 

  61. 			.areaTitle {
    62. 

  62. 				color: #424242;
    63. 

  63. 				padding-left: 5px;
    64. 

  64. 				border-left: 5px solid #5870f6;
    65. 

  65. 				font-weight: bold;
    66. 

  66. 				font-size: 16px;
    67. 

  67. 			}
    68. 

  68. 			
    69. 

  69. 			.detialBox .fa {
    70. 

  70. 				padding-right: 5px;
    71. 

  71. 				color: #ff6e00;
    72. 

  72. 			}
    73. 

  73. 			/**/
    74. 

  74. 			
    75. 

  75. 			.controlVal {
    76. 

  76. 				position: absolute;
    77. 

  77. 				top: 50%;
    78. 

  78. 				right: 35px;
    79. 

  79. 				-webkit-transform: translateY(-50%);
    80. 

  80. 				transform: translateY(-50%);
    81. 

  81. 			}
    82. 

  82. 			
    83. 

  83. 			#controlBtn {
    84. 

  84. 				width: 80%;
    85. 

  85. 				/*height: 0px;*/
    86. 

  86. 				background: white;
    87. 

  87. 				position: fixed;
    88. 

  88. 				top: 24%;
    89. 

  89. 				left: 50%;
    90. 

  90. 				margin-left: -40%;
    91. 

  91. 			}
    92. 

  92. 			/*移除底部或顶部三角,需要在删除此代码*/
    93. 

  93. 			
    94. 

  94. 			.mui-popover .mui-popover-arrow:after {
    95. 

  95. 				width: 0px;
    96. 

  96. 			}
    97. 

  97. 			/*定时模式控制*/
    98. 

  98. 			
    99. 

  99. 			.mask {
    100. 

  100. 				position: fixed;
    101. 

  101. 				top: 0;
    102. 

  102. 				right: 0;
    103. 

  103. 				bottom: 0;
    104. 

  104. 				left: 0;
    105. 

  105. 				color: #333;
    106. 

  106. 				background: rgba(0, 0, 0, .4);
    107. 

  107. 				z-index: 20;
    108. 

  108. 				display: none;
    109. 

  109. 			}
    110. 

  110. 			
    111. 

  111. 			.sidebar {
    112. 

  112. 				position: fixed;
    113. 

  113. 				width: 100%;
    114. 

  114. 				bottom: 0;
    115. 

  115. 				left: 0;
    116. 

  116. 				background: #fff;
    117. 

  117. 				border-radius: 10px 10px 0 0;
    118. 

  118. 				/*animation:slideUpIn .3s ease-in-out;*/
    119. 

  119. 			}
    120. 

  120. 			
    121. 

  121. 			.sidebar>div {
    122. 

  122. 				padding: 15px;
    123. 

  123. 			}
    124. 

  124. 			
    125. 

  125. 			.sidebar>div select {
    126. 

  126. 				border: 1px solid rgba(0, 0, 0, .2) !important;
    127. 

  127. 			}
    128. 

  128. 			
    129. 

  129. 			@keyframes slideUpIn {
    130. 

  130. 				0% {
    131. 

  131. 					-webkit-transform: translate3d(0, 90%, 0);
    132. 

  132. 					transform: translate3d(0, 90%, 0)
    133. 

  133. 				}
    134. 

  134. 				to {
    135. 

  135. 					-webkit-transform: translateZ(0);
    136. 

  136. 					transform: translateZ(0)
    137. 

  137. 				}
    138. 

  138. 			}
    139. 

  139. 		</style>
    140. 

  140. 	</head>
    141. 

  141. 

  142. 	<body>
    143. 

  143. 		<header class="mui-bar mui-bar-nav">
    144. 

  144. 			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    145. 

  145. 			<h1 class="mui-title" id="title">杀虫灯设备</h1>
    146. 

  146. 			<!--<a id="openPopover" class="mui-icon mui-icon-more mui-pull-right"></a>-->
    147. 

  147. 		</header>
    148. 

  148. 		<div class="mui-content">
    149. 

  149. 			<div id="scrollPlace" class="mescroll">
    150. 

  150. 				<div id="dataList">
    151. 

  151. 					<ul class="mui-table-view" id="equip">
    152. 

  152. 						<li class="mui-table-view-cell">
    153. 

  153. 							<h1 class="areaTitle">设备信息</h1>
    154. 

  154. 						</li>
    155. 

  155. 						<li class="mui-table-view-cell">
    156. 

  156. 							<p id="equipId"></p>
    157. 

  157. 						</li>
    158. 

  158. 						<li class="mui-table-view-cell">
    159. 

  159. 							<p id="equipName"></p>
    160. 

  160. 						</li>
    161. 

  161. 						<li class="mui-table-view-cell">
    162. 

  162. 							<p id="upl_time"></p>
    163. 

  163. 						</li>
    164. 

  164. 						<li class="mui-table-view-cell">
    165. 

  165. 							<p id="lat_lng"></p>
    166. 

  166. 						</li>
    167. 

  167. 					</ul>
    168. 

  168. 					<ul class="mui-table-view detialBox">
    169. 

  169. 						<li class="mui-table-view-cell">
    170. 

  170. 							<h1 class="areaTitle">配置设备操作</h1>
    171. 

  171. 						</li>
    172. 

  172. 						<li class="mui-table-view-cell" id="clock">
    173. 

  173. 							<a class="mui-navigate-right">
    174. 

  174. 								<i class="fa fa-clock-o" aria-hidden="true"></i> 定时模式
    175. 

  175. 								<span class="controlVal">光控</span>
    176. 

  176. 							</a>
    177. 

  177. 						</li>
    178. 

  178. 						<!--<li class="mui-table-view-cell" id="timingBtn">
    179. 

  179. 							<a class="mui-navigate-right">
    180. 

  180. 								<i class="fa fa-clock-o" aria-hidden="true"></i> 定时时长
    181. 

  181. 								<span class="controlVal">4</span>
    182. 

  182. 							</a>
    183. 

  183. 						</li>-->
    184. 

  184. 						<li class="mui-table-view-cell" id="switchBtn">
    185. 

  185. 							<a class="mui-navigate-right">
    186. 

  186. 								<i class="fa fa-power-off" aria-hidden="true"></i> 设备开关
    187. 

  187. 								<span class="controlVal">开</span>
    188. 

  188. 							</a>
    189. 

  189. 						</li>
    190. 

  190. 						<!--<li class="mui-table-view-cell" id="startBar">
    191. 

  191. 							<a class="mui-navigate-right">
    192. 

  192. 								<i class="fa fa-power-off" aria-hidden="true"></i> 起始时间
    193. 

  193. 								<span class="controlVal">3</span>
    194. 

  194. 							</a>
    195. 

  195. 						</li>
    196. 

  196. 						<li class="mui-table-view-cell" id="stopBar">
    197. 

  197. 							<a class="mui-navigate-right">
    198. 

  198. 								<i class="fa fa-power-off" aria-hidden="true"></i> 结束时间
    199. 

  199. 								<span class="controlVal">2</span>
    200. 

  200. 							</a>
    201. 

  201. 						</li>--> 
    202. 

  202. 						<li class="mui-table-view-cell" id="simCodeSearch">
    203. 

  203. 							<a class="mui-navigate-right">
    204. 

  204. 								<i class="fa fa-search" aria-hidden="true"></i> SIM卡查询
    205. 

  205. 							</a>
    206. 

  206. 						</li>
    207. 

  207. 						<li class="mui-table-view-cell" id="debugBtn">
    208. 

  208. 							<a class="mui-navigate-right">
    209. 

  209. 								<i class="fa fa-wrench" aria-hidden="true"></i> 调试
    210. 

  210. 							</a>
    211. 

  211. 						</li>
    212. 

  212. 						<li class="mui-table-view-cell" id="refreshBtn">
    213. 

  213. 							<a class="mui-navigate-right">
    214. 

  214. 								<i class="fa fa-refresh" aria-hidden="true"></i> 查询最新状态
    215. 

  215. 							</a>
    216. 

  216. 						</li>
    217. 

  217. 					</ul>
    218. 

  218. 					<div class="mui-row" id="detial">
    219. 

  219. 						<div class="mui-col-sm-6">
    220. 

  220. 							<div class="mui-pull-left">
    221. 

  221. 								<i class="iconfont">&#xe698;</i>
    222. 

  222. 							</div>
    223. 

  223. 							<div class="mui-pull-left ">
    224. 

  224. 								<p class="equipState" id="ds">开</p>
    225. 

  225. 								<p class="equipFun">设备开关</p>
    226. 

  226. 							</div>
    227. 

  227. 						</div>
    228. 

  228. 						<div class="mui-col-sm-6">
    229. 

  229. 							<div class="mui-pull-left">
    230. 

  230. 								<i class="iconfont">&#xe60b;</i>
    231. 

  231. 							</div>
    232. 

  232. 							<div class="mui-pull-left ">
    233. 

  233. 								<p class="equipState" id="ws">待机</p>
    234. 

  234. 								<p class="equipFun">工作状态</p>
    235. 

  235. 							</div>
    236. 

  236. 						</div>
    237. 

  237. 						<div class="mui-col-sm-6">
    238. 

  238. 							<div class="mui-pull-left">
    239. 

  239. 								<i class="iconfont">&#xeaae;</i>
    240. 

  240. 							</div>
    241. 

  241. 							<div class="mui-pull-left ">
    242. 

  242. 								<p class="equipState" id="tt">4</p>
    243. 

  243. 								<p class="equipFun">定时时长</p>
    244. 

  244. 							</div>
    245. 

  245. 						</div>
    246. 

  246. 						<div class="mui-col-sm-6">
    247. 

  247. 							<div class="mui-pull-left">
    248. 

  248. 								<i class="iconfont">&#xe64c;</i>
    249. 

  249. 							</div>
    250. 

  250. 							<div class="mui-pull-left ">
    251. 

  251. 								<p class="equipState" id="lps">正常</p>
    252. 

  252. 								<p class="equipFun">光控状态</p>
    253. 

  253. 							</div>
    254. 

  254. 						</div>
    255. 

  255. 						<div class="mui-col-sm-6">
    256. 

  256. 							<div class="mui-pull-left">
    257. 

  257. 								<i class="iconfont">&#xe633;</i>
    258. 

  258. 							</div>
    259. 

  259. 							<div class="mui-pull-left ">
    260. 

  260. 								<p class="equipState" id="tps">正常</p>
    261. 

  261. 								<p class="equipFun">温控状态</p>
    262. 

  262. 							</div>
    263. 

  263. 						</div>
    264. 

  264. 						<div class="mui-col-sm-6">
    265. 

  265. 							<div class="mui-pull-left">
    266. 

  266. 								<i class="iconfont">&#xe635;</i>
    267. 

  267. 							</div>
    268. 

  268. 							<div class="mui-pull-left ">
    269. 

  269. 								<p class="equipState" id="rps">正常</p>
    270. 

  270. 								<p class="equipFun">雨控状态</p>
    271. 

  271. 							</div>
    272. 

  272. 						</div>
    273. 

  273. 						<div class="mui-col-sm-6">
    274. 

  274. 							<div class="mui-pull-left">
    275. 

  275. 								<i class="iconfont">&#xe622;</i>
    276. 

  276. 							</div>
    277. 

  277. 							<div class="mui-pull-left ">
    278. 

  278. 								<p class="equipState" id="tbs">正常</p>
    279. 

  279. 								<p class="equipFun">灯管状态</p>
    280. 

  280. 							</div>
    281. 

  281. 						</div>
    282. 

  282. 						<div class="mui-col-sm-6">
    283. 

  283. 							<div class="mui-pull-left">
    284. 

  284. 								<i class="iconfont">&#xe78d;</i>
    285. 

  285. 							</div>
    286. 

  286. 							<div class="mui-pull-left ">
    287. 

  287. 								<p class="equipState" id="dps">正常</p>
    288. 

  288. 								<p class="equipFun">倾倒状态</p>
    289. 

  289. 							</div>
    290. 

  290. 						</div>
    291. 

  291. 						<div class="mui-col-sm-6">
    292. 

  292. 							<div class="mui-pull-left">
    293. 

  293. 								<i class="iconfont">&#xe60a;</i>
    294. 

  294. 							</div>
    295. 

  295. 							<div class="mui-pull-left ">
    296. 

  296. 								<p class="equipState" id="csq">29</p>
    297. 

  297. 								<p class="equipFun">信号强度</p>
    298. 

  298. 							</div>
    299. 

  299. 						</div>
    300. 

  300. 						<div class="mui-col-sm-6">
    301. 

  301. 							<div class="mui-pull-left">
    302. 

  302. 								<i class="iconfont">&#xe65f;</i>
    303. 

  303. 							</div>
    304. 

  304. 							<div class="mui-pull-left ">
    305. 

  305. 								<p class="equipState conversion" id="dver">1.0.1</p>
    306. 

  306. 								<p class="equipFun">版本型号</p>
    307. 

  307. 							</div>
    308. 

  308. 						</div>
    309. 

  309. 					</div>
    310. 

  310. 					
    311. 

  311. 				</div>
    312. 

  312. 			</div>
    313. 

  313. 			<div class="mask" id="mask">
    314. 

  314. 				<div class="sidebar" id="sidebar">
    315. 

  315. 					<div>
    316. 

  316. 						<div>
    317. 

  317. 							定时模式：
    318. 

  318. 							<select name="" id="switchover">
    319. 

  319. 								<option value="0">光控</option>
    320. 

  320. 								<option value="1">时控</option>
    321. 

  321. 							</select>
    322. 

  322. 						</div>
    323. 

  323. 						<div id="durationParent">
    324. 

  324. 							定时时长：
    325. 

  325. 							<select name="" id="duration">
    326. 

  326. 								<option value="0">常亮</option>
    327. 

  327. 								<option value="1">1小时</option>
    328. 

  328. 								<option value="2">2小时</option>
    329. 

  329. 								<option value="3">3小时</option>
    330. 

  330. 								<option value="4">4小时</option>
    331. 

  331. 								<option value="5">5小时</option>
    332. 

  332. 								<option value="6">6小时</option>
    333. 

  333. 								<option value="7">7小时</option>
    334. 

  334. 							</select>
    335. 

  335. 						</div>
    336. 

  336. 						<div id="timeHourParent">
    337. 

  337. 							<p>定时时间：</p>
    338. 

  338. 							<select name="" id="begin" style="width: 47%;">
    339. 

  339. 								<option value="0">0点</option>
    340. 

  340. 								<option value="1">1点</option>
    341. 

  341. 								<option value="2">2点</option>
    342. 

  342. 								<option value="3">3点</option>
    343. 

  343. 								<option value="4">4点</option>
    344. 

  344. 								<option value="5">5点</option>
    345. 

  345. 								<option value="6">6点</option>
    346. 

  346. 								<option value="7">7点</option>
    347. 

  347. 								<option value="8">8点</option>
    348. 

  348. 								<option value="9">9点</option>
    349. 

  349. 								<option value="10">10点</option>
    350. 

  350. 								<option value="11">11点</option>
    351. 

  351. 								<option value="12">12点</option>
    352. 

  352. 								<option value="13">13点</option>
    353. 

  353. 								<option value="14">14点</option>
    354. 

  354. 								<option value="15">15点</option>
    355. 

  355. 								<option value="16">16</option>
    356. 

  356. 								<option value="17">17点</option>
    357. 

  357. 								<option value="18">18点</option>
    358. 

  358. 								<option value="19">19点</option>
    359. 

  359. 								<option value="20">20点</option>
    360. 

  360. 								<option value="21">21点</option>
    361. 

  361. 								<option value="22">22点</option>
    362. 

  362. 								<option value="23">23点</option>
    363. 

  363. 							</select>
    364. 

  364. 							至
    365. 

  365. 							<select name="" id="end" style="width: 47%;">
    366. 

  366. 								<option value="0">0点</option>
    367. 

  367. 								<option value="1">1点</option>
    368. 

  368. 								<option value="2">2点</option>
    369. 

  369. 								<option value="3">3点</option>
    370. 

  370. 								<option value="4">4点</option>
    371. 

  371. 								<option value="5">5点</option>
    372. 

  372. 								<option value="6">6点</option>
    373. 

  373. 								<option value="7">7点</option>
    374. 

  374. 								<option value="8">8点</option>
    375. 

  375. 								<option value="9">9点</option>
    376. 

  376. 								<option value="10">10点</option>
    377. 

  377. 								<option value="11">11点</option>
    378. 

  378. 								<option value="12">12点</option>
    379. 

  379. 								<option value="13">13点</option>
    380. 

  380. 								<option value="14">14点</option>
    381. 

  381. 								<option value="15">15点</option>
    382. 

  382. 								<option value="16">16</option>
    383. 

  383. 								<option value="17">17点</option>
    384. 

  384. 								<option value="18">18点</option>
    385. 

  385. 								<option value="19">19点</option>
    386. 

  386. 								<option value="20">20点</option>
    387. 

  387. 								<option value="21">21点</option>
    388. 

  388. 								<option value="22">22点</option>
    389. 

  389. 								<option value="23">23点</option>
    390. 

  390. 							</select>
    391. 

  391. 						</div>
    392. 

  392. 						<div class="">
    393. 

  393. 							<button type="button" id="saveStatus" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">确认</button>
    394. 

  394. 						</div>
    395. 

  395. 					</div>
    396. 

  396. 				</div>
    397. 

  397. 

  398. 			</div>
    399. 

  399. 			
    400. 

  400. 			<div id="popover" class="box mui-popover mui-poppicker mui-popover-action mui-popover-bottom" style="height: 310px;background-color: #fff;">
    401. 

  401. 				<div class="mui-popover-arrow"></div>
    402. 

  402. 				<!--<div class="popoverheader">
    403. 

  403. 					<div class="text"></div>
    404. 

  404. 					<a href="#popover"><img src="../image/close.png" alt=""></a>
    405. 

  405. 				</div>-->
    406. 

  406. 				<div id="simDetial">
    407. 

  407. 					
    408. 

  408. 				</div>
    409. 

  409. 				<div class="mui-table-view mui-table-view-chevron next">
    410. 

  410. 					<a href="#popover" class="x-next add">我知道了</a>
    411. 

  411. 				</div>
    412. 

  412. 			</div>
    413. 

  413. 		</div>
    414. 

  414. 		<div id="map" style="display: none;"></div>
    415. 

  415. 

  416. 		<script src="../js/jquery-2.1.0.js"></script>
    417. 

  417. 		<script src="../js/mui.min.js"></script>
    418. 

  418. 		<script src="../js/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
    419. 

  419. 		<script src="../js/common.js"></script>
    420. 

  420. 		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=La58N63t7hPhafQ7Eror2kon"></script>
    421. 

  421. 		<script type="text/javascript">
    422. 

  422. 			var equipId;
    423. 

  423. 			var equiccID;
    424. 

  424. 			mui.init();
    425. 

  425. 			mui.plusReady(function() {
    426. 

  426. 				var self = plus.webview.currentWebview();
    427. 

  427. 				equipId = self.equipId;
    428. 

  428. 				$('#equipId').html('设备ID：' + equipId);
    429. 

  429. 				console.log(equipId);
    430. 

  430. 				downCallback()
    431. 

  431. 				var map = new BMap.Map("map"); //
    432. 

  432. 				geoc = new BMap.Geocoder();
    433. 

  433. 				//定时时长
    434. 

  434. 				document.getElementById("switchover").addEventListener('change', function() {
    435. 

  435. 					console.log($(this).val())
    436. 

  436. 					if($(this).val() == 1) { //时控
    437. 

  437. 						$('#durationParent').hide();
    438. 

  438. 						$('#timeHourParent').show();
    439. 

  439. 					} else {
    440. 

  440. 						$('#durationParent').show();
    441. 

  441. 						$('#timeHourParent').hide();
    442. 

  442. 					}
    443. 

  443. 				})
    444. 

  444. 				document.getElementById("clock").addEventListener('tap', function() {
    445. 

  445. 					$('.mask').show();
    446. 

  446. 					$('#sidebar').css('animation', 'slideUpIn .1s ease-in-out')
    447. 

  447. 

  448. 				})
    449. 

  449. 				$('#saveStatus').on('tap', function(e) {
    450. 

  450. 					mui(this).button('loading');
    451. 

  451. 					var id = [];
    452. 

  452. 					id.push(equipId);
    453. 

  453. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    454. 

  454. 						data: {
    455. 

  455. 							'sw': 'timer',
    456. 

  456. 							'topicid': JSON.stringify(id),
    457. 

  457. 							ts: $('#switchover').val(),
    458. 

  458. 							hours: $('#duration').val(),
    459. 

  459. 							begin: $('#begin').val(),
    460. 

  460. 							end: $('#end').val()
    461. 

  461. 						},
    462. 

  462. 						dataType: 'json', //服务器返回json格式数据
    463. 

  463. 						type: 'post', //HTTP请求类型
    464. 

  464. 						timeout: 10000, //超时时间设置为10秒；
    465. 

  465. 						beforeSend: function() {
    466. 

  466. 							plus.nativeUI.showWaiting('请求中...');
    467. 

  467. 						},
    468. 

  468. 						complete: function() {
    469. 

  469. 							setTimeout(function(){
    470. 

  470. 								plus.nativeUI.closeWaiting();
    471. 

  471. 							},2000)
    472. 

  472. 						},
    473. 

  473. 						success: function(data) {
    474. 

  474. 							if(data == 0) {
    475. 

  475. 								mui.toast('设置成功');
    476. 

  476. 								setTimeout(function(){
    477. 

  477. 									window.location.reload();
    478. 

  478. 									$('#saveStatus').button('reset');
    479. 

  479. 								},2000)
    480. 

  480. 								
    481. 

  481. 							}
    482. 

  482. 						},
    483. 

  483. 						error: function(xhr, type, errorThrown) {
    484. 

  484. 							mui.toast('数据请求失败');
    485. 

  485. 						}
    486. 

  486. 					})
    487. 

  487. 				});
    488. 

  488. 				document.getElementById("sidebar").addEventListener('tap', function(event) {
    489. 

  489. 					event.stopPropagation()
    490. 

  490. 				})
    491. 

  491. 				document.getElementById("mask").addEventListener('tap', function(e) {
    492. 

  492. 					$('.mask').hide();
    493. 

  493. 				})
    494. 

  494. 				//下拉刷新的回调
    495. 

  495. 				function downCallback() {
    496. 

  496. 					$.ajax({
    497. 

  497. 						url: 'http://120.27.222.26/app_equipmanage_detail',
    498. 

  498. 						data: {
    499. 

  499. 							'etype': 'scd',
    500. 

  500. 							'equip_id': equipId,
    501. 

  501. 						},
    502. 

  502. 						dataType: 'json', //服务器返回json格式数据
    503. 

  503. 						type: 'post', //HTTP请求类型
    504. 

  504. 						beforeSend: function() {
    505. 

  505. 							plus.nativeUI.showWaiting('请求中...');
    506. 

  506. 						},
    507. 

  507. 						complete: function() {
    508. 

  508. 							plus.nativeUI.closeWaiting();
    509. 

  509. 						},
    510. 

  510. 						timeout: 10000, //超时时间设置为10秒；
    511. 

  511. 						success: function(data) {
    512. 

  512. 							console.log(JSON.stringify(data))
    513. 

  513. 							var equip_name = data.equip_name || '无';
    514. 

  514. 							$('#equipName').html('设备名称：' + equip_name);
    515. 

  515. 							$('#upl_time').html('上报时间：' + data.upl_time);
    516. 

  516. 							var stat = eval('(' + data.scd_status + ')');
    517. 

  517. 							var point = new BMap.Point(stat.lng, stat.lat);
    518. 

  518. 							geoc.getLocation(point, function (rs) {
    519. 

  519. 							    var addComp = rs.addressComponents;
    520. 

  520. 								if(addComp.province || addComp.city || addComp.district){
    521. 

  521. 									$('#lat_lng').html('位置：'  + addComp.province + ", " + addComp.city + ", " + addComp.district);
    522. 

  522. 								}else{
    523. 

  523. 									$('#lat_lng').html('暂无位置信息')
    524. 

  524. 								}
    525. 

  525. 							});
    526. 

  526. 							equiccID = stat.iccid
    527. 

  527. 							var ds = stat.ds == 0 ? '关' : '开';
    528. 

  528. 							$('#ds').html(ds);
    529. 

  529. 							$('#switchBtn .controlVal').html(ds);
    530. 

  530. 							var ws = '';
    531. 

  531. 							if(stat.ws == 0) ws = "待机";
    532. 

  532. 							else if(stat.ws == 1) ws = "工作";
    533. 

  533. 							else if(stat.ws == 2) ws = "充电";
    534. 

  534. 							$('#ws').html(ws);
    535. 

  535. 							var tt = '';
    536. 

  536. 							if(stat.tcs == 1) {  //时控
    537. 

  537. 								$('#tt').html(stat.st + '-' + stat.et);
    538. 

  538. //								$('#timingBtn').hide();
    539. 

  539. //								$('#switchBtn').hide();
    540. 

  540. //								$('#startBar').show();
    541. 

  541. //								$('#stopBar').show();
    542. 

  542. 							} else {
    543. 

  543. 								if(stat.tt == 0) tt = "常亮";
    544. 

  544. 								else tt = stat.tt;
    545. 

  545. 								$('#tt').html(tt);
    546. 

  546. //								$('#timingBtn').show();
    547. 

  547. //								$('#switchBtn').show();
    548. 

  548. //								$('#startBar').hide();
    549. 

  549. //								$('#stopBar').hide();
    550. 

  550. 							}
    551. 

  551. 							
    552. 

  552. 							var lps = stat.lps == 0 ? '夜晚' : '白天';
    553. 

  553. 							$('#lps').html(lps);
    554. 

  554. 							var tps = stat.tps == 0 ? '正常' : '异常';
    555. 

  555. 							if(stat.tcs == 1) { //时控
    556. 

  556. 								$('#clock .controlVal').html('时控');
    557. 

  557. 								$('#durationParent').hide();
    558. 

  558. 								$('#timeHourParent').show();
    559. 

  559. 								$('#switchover').val(1)
    560. 

  560. 							} else {
    561. 

  561. 								$('#clock .controlVal').html('光控');
    562. 

  562. 								$('#timeHourParent').hide();
    563. 

  563. 								$('#durationParent').show();
    564. 

  564. 								$('#switchover').val(0)
    565. 

  565. 							}
    566. 

  566. 							$('#tps').html(tps);
    567. 

  567. 							var rps = stat.rps == 0 ? '正常' : '保护';
    568. 

  568. 							$('#rps').html(rps);
    569. 

  569. 							var tbs = stat.tbs == 0 ? '正常' : '异常';
    570. 

  570. 							$('#tbs').html(tbs);
    571. 

  571. 							var dps = stat.dps == 0 ? '正常' : '异常';
    572. 

  572. 							$('#dps').html(dps);
    573. 

  573. 							$('#csq').html(stat.csq);
    574. 

  574. 							$('#dver').html(stat.dver);
    575. 

  575. 						},
    576. 

  576. 						error: function(xhr, type, errorThrown) {
    577. 

  577. 							//联网失败的回调,隐藏下拉刷新的状态
    578. 

  578. 							mescroll.endErr();
    579. 

  579. 							mui.toast('数据请求失败');
    580. 

  580. 						}
    581. 

  581. 					});
    582. 

  582. 				}
    583. 

  583. 

  584. 				//定时时长
    585. 

  585. //				document.getElementById("timingBtn").addEventListener('tap', function() {
    586. 

  586. //					var picker = new mui.PopPicker();
    587. 

  587. //					picker.setData([{
    588. 

  588. //						value: "0",
    589. 

  589. //						text: "常亮"
    590. 

  590. //					}, {
    591. 

  591. //						value: "1",
    592. 

  592. //						text: "1小时"
    593. 

  593. //					}, {
    594. 

  594. //						value: "2",
    595. 

  595. //						text: "2小时"
    596. 

  596. //					}, {
    597. 

  597. //						value: "3",
    598. 

  598. //						text: "3小时"
    599. 

  599. //					}, {
    600. 

  600. //						value: "4",
    601. 

  601. //						text: "4小时"
    602. 

  602. //					}, {
    603. 

  603. //						value: "5",
    604. 

  604. //						text: "5小时"
    605. 

  605. //					}, {
    606. 

  606. //						value: "6",
    607. 

  607. //						text: "6小时"
    608. 

  608. //					}, {
    609. 

  609. //						value: "7",
    610. 

  610. //						text: "7小时"
    611. 

  611. //					}])
    612. 

  612. //					picker.show(function(getSelectedItems) {
    613. 

  613. //						console.log(getSelectedItems[0].value);
    614. 

  614. //						var id = [];
    615. 

  615. //						id.push(equipId);
    616. 

  616. //						mui.ajax('http://120.27.222.26/scd_mqtt', {
    617. 

  617. //							data: {
    618. 

  618. //								'sw': 'tt',
    619. 

  619. //								'topicid': JSON.stringify(id),
    620. 

  620. //								'hours': getSelectedItems[0].value
    621. 

  621. //							},
    622. 

  622. //							dataType: 'json', //服务器返回json格式数据
    623. 

  623. //							type: 'post', //HTTP请求类型
    624. 

  624. //							timeout: 10000, //超时时间设置为10秒；
    625. 

  625. //							beforeSend: function() {
    626. 

  626. //								plus.nativeUI.showWaiting('请求中...');
    627. 

  627. //							},
    628. 

  628. //							complete: function() {
    629. 

  629. //								plus.nativeUI.closeWaiting();
    630. 

  630. //							},
    631. 

  631. //							success: function(data) {
    632. 

  632. //								if(data == 0) {
    633. 

  633. //									mui.toast('设置成功');
    634. 

  634. //								}
    635. 

  635. //							},
    636. 

  636. //							error: function(xhr, type, errorThrown) {
    637. 

  637. //								$('#equiplist').empty();
    638. 

  638. //								mui('.mui-content')[0].appendChild(netStyle('../images/error.png'));
    639. 

  639. //								mui.toast('数据请求失败');
    640. 

  640. //							}
    641. 

  641. //						})
    642. 

  642. //					})
    643. 

  643. //					picker.hide = function() {
    644. 

  644. //						var self = this;
    645. 

  645. //						self.panel.classList.remove(mui.className('active'));
    646. 

  646. //						self.mask.close();
    647. 

  647. //						document.body.classList.remove(mui.className('poppicker-active-for-page'));
    648. 

  648. //						//处理物理返回键
    649. 

  649. //						mui.back = self.__back;
    650. 

  650. //					}
    651. 

  651. //				});
    652. 

  652. 

  653. 				//设备开关
    654. 

  654. 				document.getElementById("switchBtn").addEventListener('tap', function() {
    655. 

  655. 					var picker = new mui.PopPicker();
    656. 

  656. 					picker.setData([{
    657. 

  657. 						value: "1",
    658. 

  658. 						text: "开启"
    659. 

  659. 					}, {
    660. 

  660. 						value: "0",
    661. 

  661. 						text: "关闭"
    662. 

  662. 					}])
    663. 

  663. 					picker.show(function(getSelectedItems) {
    664. 

  664. 						console.log(getSelectedItems[0].value)
    665. 

  665. 						var curSelect = getSelectedItems[0].value;
    666. 

  666. 						var id = [];
    667. 

  667. 						id.push(equipId);
    668. 

  668. 						mui.ajax('http://120.27.222.26/scd_mqtt', {
    669. 

  669. 							data: {
    670. 

  670. 								'sw': 'timer',
    671. 

  671. 								'topicid': JSON.stringify(id),
    672. 

  672. 								'ds': getSelectedItems[0].value
    673. 

  673. 							},
    674. 

  674. 							dataType: 'json', //服务器返回json格式数据
    675. 

  675. 							type: 'post', //HTTP请求类型
    676. 

  676. 							timeout: 10000, //超时时间设置为10秒；
    677. 

  677. 							beforeSend: function() {
    678. 

  678. 								plus.nativeUI.showWaiting('请求中...');
    679. 

  679. 							},
    680. 

  680. 							complete: function() {
    681. 

  681. 								plus.nativeUI.closeWaiting();
    682. 

  682. 							},
    683. 

  683. 							success: function(data) {
    684. 

  684. 								if(data == 0) {
    685. 

  685. 									mui.toast('设置成功');
    686. 

  686. 									if(curSelect) {
    687. 

  687. 										$('#switchBtn .controlVal').html('开')
    688. 

  688. 									} else {
    689. 

  689. 										$('#switchBtn .controlVal').html('关')
    690. 

  690. 									}
    691. 

  691. 								}
    692. 

  692. 							},
    693. 

  693. 							error: function(xhr, type, errorThrown) {
    694. 

  694. 								$('#equiplist').empty();
    695. 

  695. 								//								mui('.mui-content')[0].appendChild(netStyle('../images/error.png'));
    696. 

  696. 								mui.toast('数据请求失败');
    697. 

  697. 							}
    698. 

  698. 						})
    699. 

  699. 					})
    700. 

  700. 					picker.hide = function() {
    701. 

  701. 						var self = this;
    702. 

  702. 						self.panel.classList.remove(mui.className('active'));
    703. 

  703. 						self.mask.close();
    704. 

  704. 						document.body.classList.remove(mui.className('poppicker-active-for-page'));
    705. 

  705. 						//处理物理返回键
    706. 

  706. 						mui.back = self.__back;
    707. 

  707. 					}
    708. 

  708. 				});
    709. 

  709. 

  710. 				//查询
    711. 

  711. 				$('#refreshBtn').on('tap', function() {
    712. 

  712. 					var id = [];
    713. 

  713. 					id.push(equipId);
    714. 

  714. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    715. 

  715. 						data: {
    716. 

  716. 							'sw': 'read',
    717. 

  717. 							'topicid': JSON.stringify(id),
    718. 

  718. 							'kind': 'status'
    719. 

  719. 						},
    720. 

  720. 						dataType: 'json', //服务器返回json格式数据
    721. 

  721. 						type: 'post', //HTTP请求类型
    722. 

  722. 						timeout: 10000, //超时时间设置为10秒；
    723. 

  723. 						beforeSend: function() {
    724. 

  724. 							plus.nativeUI.showWaiting('请求中...');
    725. 

  725. 						},
    726. 

  726. 						complete: function() {
    727. 

  727. 							setTimeout(function() {
    728. 

  728. 								plus.nativeUI.closeWaiting();
    729. 

  729. 							}, 5000)
    730. 

  730. 						},
    731. 

  731. 						success: function(data) {
    732. 

  732. 							setTimeout(function() {
    733. 

  733. 								location.reload();
    734. 

  734. 							}, 5000)
    735. 

  735. 						},
    736. 

  736. 						error: function(xhr, type, errorThrown) {
    737. 

  737. 							mui.toast('请求失败！')
    738. 

  738. 						}
    739. 

  739. 					});
    740. 

  740. 				})
    741. 

  741. 				
    742. 

  742. 				//调试
    743. 

  743. 				$('#debugBtn').on('tap', function() {
    744. 

  744. 					var id = [];
    745. 

  745. 					id.push(equipId);
    746. 

  746. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    747. 

  747. 						data: {
    748. 

  748. 							'sw': 'test',
    749. 

  749. 							'topicid': JSON.stringify(id),
    750. 

  750. 						},
    751. 

  751. 						dataType: 'json', //服务器返回json格式数据
    752. 

  752. 						type: 'post', //HTTP请求类型
    753. 

  753. 						timeout: 10000, //超时时间设置为10秒；
    754. 

  754. 						beforeSend: function() {
    755. 

  755. 							plus.nativeUI.showWaiting('请求中...');
    756. 

  756. 						},
    757. 

  757. 						complete: function() {
    758. 

  758. 							setTimeout(function() {
    759. 

  759. //								plus.nativeUI.closeWaiting();
    760. 

  760. 								mui.toast('调试成功！')
    761. 

  761. 							}, 5000)
    762. 

  762. 						},
    763. 

  763. 						success: function(data) {
    764. 

  764. 							setTimeout(function() {
    765. 

  765. 								location.reload();
    766. 

  766. 							}, 5000)
    767. 

  767. 						},
    768. 

  768. 						error: function(xhr, type, errorThrown) {
    769. 

  769. 							mui.toast('调试失败！')
    770. 

  770. 						}
    771. 

  771. 					});
    772. 

  772. 				})
    773. 

  773. 				
    774. 

  774. 				//sim卡查新  
    775. 

  775. 				document.getElementById('simCodeSearch').addEventListener('tap', function() {
    776. 

  776. 					console.log(equiccID)
    777. 

  777. 					if(equiccID) {
    778. 

  778. 						$.ajax({
    779. 

  779. 							url: 'http://120.27.222.26/siminfo',
    780. 

  780. 							data: {
    781. 

  781. 								simid: equiccID,
    782. 

  782. 							},
    783. 

  783. 							dataType: 'json', //服务器返回json格式数据
    784. 

  784. 							type: 'post', //HTTP请求类型
    785. 

  785. 							timeout: 10000, //超时时间设置为10秒；
    786. 

  786. 							beforeSend: function() {
    787. 

  787. 								plus.nativeUI.showWaiting('请求中...');
    788. 

  788. 							},
    789. 

  789. 							complete: function() {
    790. 

  790. 								plus.nativeUI.closeWaiting();
    791. 

  791. 							},
    792. 

  792. 							success: function(data) {
    793. 

  793. 								var dat = data.data;
    794. 

  794. 								if(data.code == 0) {
    795. 

  795. 									var status;
    796. 

  796. 									if(dat.account_status == "0") {
    797. 

  797. 										status = "未知";
    798. 

  798. 									} else if(dat.account_status == "1") {
    799. 

  799. 										status = "测试期";
    800. 

  800. 									} else if(dat.account_status == "2") {
    801. 

  801. 										status = "沉默期";
    802. 

  802. 									} else if(dat.account_status == "3") {
    803. 

  803. 										status = "使用中";
    804. 

  804. 									} else if(dat.account_status == "4") {
    805. 

  805. 										status = "停机";
    806. 

  806. 									} else if(dat.account_status == "5") {
    807. 

  807. 										status = "停机保号";
    808. 

  808. 									} else if(dat.account_status == "6") {
    809. 

  809. 										status = "预销号";
    810. 

  810. 									} else if(dat.account_status == "7") {
    811. 

  811. 										status = "销号";
    812. 

  812. 									}
    813. 

  813. 									var usage;
    814. 

  814. 									if(dat.iccid) {
    815. 

  815. 										usage = dat.data_usage;
    816. 

  816. 									} else {
    817. 

  817. 										usage.innerHTML = '--';
    818. 

  818. 									}
    819. 

  819. 									var balance;
    820. 

  820. 									if(dat.iccid) {
    821. 

  821. 										balance = dat.data_balance;
    822. 

  822. 									} else {
    823. 

  823. 										balance = '--';
    824. 

  824. 									}
    825. 

  825. 									var time;
    826. 

  826. 									if(dat.iccid) {
    827. 

  827. 										var timestamp4 = new Date(dat.expiry_date * 1000); //直接用 new Date(时间戳) 格式转化获得当前时间
    828. 

  828. 										time = timestamp4.toLocaleDateString().replace(/\//g, "-") + " " + timestamp4.toTimeString().substr(0, 8);
    829. 

  829. 									} else {
    830. 

  830. 										time = '--';
    831. 

  831. 									}
    832. 

  832. 									html = '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">SIM卡查询结果<br>ICCID:' + equiccID + '<br><br>状态：' + status + '<br>套餐：' + dat.data_plan + 'Mb<br>已用流量:' + usage + 'Mb<br>剩余流量：' + balance + 'Mb<br>到期时间：' + time + '</div>'
    833. 

  833. 									$('#simDetial').html(html);
    834. 

  834. 									mui('.mui-popover').popover('show', document.getElementById("popover"));
    835. 

  835. 								}
    836. 

  836. 							},
    837. 

  837. 							error: function(xhr, type, errorThrown) {
    838. 

  838. 								//联网失败的回调,隐藏下拉刷新的状态
    839. 

  839. 								mescroll.endErr();
    840. 

  840. 								mui.toast('数据请求失败');
    841. 

  841. 							}
    842. 

  842. 						});
    843. 

  843. 

  844. 					} else {
    845. 

  845. 						mui.toast('未查询到SIM卡号');
    846. 

  846. 					}
    847. 

  847. 				})
    848. 

  848. 			})
    849. 

  849. 		</script>
    850. 

  850. 	</body>
    851. 

  851. 

  852. </html>
    853.