Главная Обзор Помощь
Регистрация Вход
yf_zd
/
yfApp
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Дерево: 09f02423ff
Ветки Метки
yfApp
/
equipManage
/
equipManage_scd_detail.html

equipManage_scd_detail.html 27 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898 
  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. 					<ul class="mui-table-view detialBox">
    219. 

  219. 						<li class="mui-table-view-cell">
    220. 

  220. 							<h1 class="areaTitle">配置设备操作</h1>
    221. 

  221. 						</li>
    222. 

  222. 						<li class="mui-table-view-cell" id="clock">
    223. 

  223. 							<a class="mui-navigate-right">
    224. 

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

  225. 								<span class="controlVal">光控</span>
    226. 

  226. 							</a>
    227. 

  227. 						</li>
    228. 

  228. 						<!--<li class="mui-table-view-cell" id="timingBtn">
    229. 

  229. 							<a class="mui-navigate-right">
    230. 

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

  231. 								<span class="controlVal">4</span>
    232. 

  232. 							</a>
    233. 

  233. 						</li>-->
    234. 

  234. 						<li class="mui-table-view-cell" id="switchBtn">
    235. 

  235. 							<a class="mui-navigate-right">
    236. 

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

  237. 								<span class="controlVal">开</span>
    238. 

  238. 							</a>
    239. 

  239. 						</li>
    240. 

  240. 						<!--<li class="mui-table-view-cell" id="startBar">
    241. 

  241. 							<a class="mui-navigate-right">
    242. 

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

  243. 								<span class="controlVal">3</span>
    244. 

  244. 							</a>
    245. 

  245. 						</li>
    246. 

  246. 						<li class="mui-table-view-cell" id="stopBar">
    247. 

  247. 							<a class="mui-navigate-right">
    248. 

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

  249. 								<span class="controlVal">2</span>
    250. 

  250. 							</a>
    251. 

  251. 						</li>--> 
    252. 

  252. 						<li class="mui-table-view-cell" id="simCodeSearch">
    253. 

  253. 							<a class="mui-navigate-right">
    254. 

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

  255. 							</a>
    256. 

  256. 						</li>
    257. 

  257. 						<li class="mui-table-view-cell" id="debugBtn">
    258. 

  258. 							<a class="mui-navigate-right">
    259. 

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

  260. 							</a>
    261. 

  261. 						</li>
    262. 

  262. 						<li class="mui-table-view-cell" id="refreshBtn">
    263. 

  263. 							<a class="mui-navigate-right">
    264. 

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

  265. 							</a>
    266. 

  266. 						</li>
    267. 

  267. 					</ul>
    268. 

  268. 					<div class="mui-row" id="detial">
    269. 

  269. 						<div class="mui-col-sm-6">
    270. 

  270. 							<div class="mui-pull-left">
    271. 

  271. 								<i class="iconfont">&#xe698;</i>
    272. 

  272. 							</div>
    273. 

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

  274. 								<p class="equipState" id="ds">开</p>
    275. 

  275. 								<p class="equipFun">设备开关</p>
    276. 

  276. 							</div>
    277. 

  277. 						</div>
    278. 

  278. 						<div class="mui-col-sm-6">
    279. 

  279. 							<div class="mui-pull-left">
    280. 

  280. 								<i class="iconfont">&#xe60b;</i>
    281. 

  281. 							</div>
    282. 

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

  283. 								<p class="equipState" id="ws">待机</p>
    284. 

  284. 								<p class="equipFun">工作状态</p>
    285. 

  285. 							</div>
    286. 

  286. 						</div>
    287. 

  287. 						<div class="mui-col-sm-6">
    288. 

  288. 							<div class="mui-pull-left">
    289. 

  289. 								<i class="iconfont">&#xeaae;</i>
    290. 

  290. 							</div>
    291. 

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

  292. 								<p class="equipState" id="tt">4</p>
    293. 

  293. 								<p class="equipFun">定时时长</p>
    294. 

  294. 							</div>
    295. 

  295. 						</div>
    296. 

  296. 						<div class="mui-col-sm-6">
    297. 

  297. 							<div class="mui-pull-left">
    298. 

  298. 								<i class="iconfont">&#xe64c;</i>
    299. 

  299. 							</div>
    300. 

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

  301. 								<p class="equipState" id="lps">正常</p>
    302. 

  302. 								<p class="equipFun">光控状态</p>
    303. 

  303. 							</div>
    304. 

  304. 						</div>
    305. 

  305. 						<div class="mui-col-sm-6">
    306. 

  306. 							<div class="mui-pull-left">
    307. 

  307. 								<i class="iconfont">&#xe633;</i>
    308. 

  308. 							</div>
    309. 

  309. 							<div class="mui-pull-left ">
    310. 

  310. 								<p class="equipState" id="tps">正常</p>
    311. 

  311. 								<p class="equipFun">温控状态</p>
    312. 

  312. 							</div>
    313. 

  313. 						</div>
    314. 

  314. 						<div class="mui-col-sm-6">
    315. 

  315. 							<div class="mui-pull-left">
    316. 

  316. 								<i class="iconfont">&#xe635;</i>
    317. 

  317. 							</div>
    318. 

  318. 							<div class="mui-pull-left ">
    319. 

  319. 								<p class="equipState" id="rps">正常</p>
    320. 

  320. 								<p class="equipFun">雨控状态</p>
    321. 

  321. 							</div>
    322. 

  322. 						</div>
    323. 

  323. 						<div class="mui-col-sm-6">
    324. 

  324. 							<div class="mui-pull-left">
    325. 

  325. 								<i class="iconfont">&#xe622;</i>
    326. 

  326. 							</div>
    327. 

  327. 							<div class="mui-pull-left ">
    328. 

  328. 								<p class="equipState" id="tbs">正常</p>
    329. 

  329. 								<p class="equipFun">灯管状态</p>
    330. 

  330. 							</div>
    331. 

  331. 						</div>
    332. 

  332. 						<div class="mui-col-sm-6">
    333. 

  333. 							<div class="mui-pull-left">
    334. 

  334. 								<i class="iconfont">&#xe78d;</i>
    335. 

  335. 							</div>
    336. 

  336. 							<div class="mui-pull-left ">
    337. 

  337. 								<p class="equipState" id="dps">正常</p>
    338. 

  338. 								<p class="equipFun">倾倒状态</p>
    339. 

  339. 							</div>
    340. 

  340. 						</div>
    341. 

  341. 						<div class="mui-col-sm-6">
    342. 

  342. 							<div class="mui-pull-left">
    343. 

  343. 								<i class="iconfont">&#xe60a;</i>
    344. 

  344. 							</div>
    345. 

  345. 							<div class="mui-pull-left ">
    346. 

  346. 								<p class="equipState" id="csq">29</p>
    347. 

  347. 								<p class="equipFun">信号强度</p>
    348. 

  348. 							</div>
    349. 

  349. 						</div>
    350. 

  350. 						<div class="mui-col-sm-6">
    351. 

  351. 							<div class="mui-pull-left">
    352. 

  352. 								<i class="iconfont">&#xe65f;</i>
    353. 

  353. 							</div>
    354. 

  354. 							<div class="mui-pull-left ">
    355. 

  355. 								<p class="equipState conversion" id="dver">1.0.1</p>
    356. 

  356. 								<p class="equipFun">版本型号</p>
    357. 

  357. 							</div>
    358. 

  358. 						</div>
    359. 

  359. 					</div>
    360. 

  360. 					
    361. 

  361. 				</div>
    362. 

  362. 			</div>
    363. 

  363. 			<div class="mask" id="mask">
    364. 

  364. 				<div class="sidebar" id="sidebar">
    365. 

  365. 					<div>
    366. 

  366. 						<div>
    367. 

  367. 							定时模式：
    368. 

  368. 							<select name="" id="switchover">
    369. 

  369. 								<option value="0">光控</option>
    370. 

  370. 								<option value="1">时控</option>
    371. 

  371. 							</select>
    372. 

  372. 						</div>
    373. 

  373. 						<div id="durationParent">
    374. 

  374. 							定时时长：
    375. 

  375. 							<select name="" id="duration">
    376. 

  376. 								<option value="0">常亮</option>
    377. 

  377. 								<option value="1">1小时</option>
    378. 

  378. 								<option value="2">2小时</option>
    379. 

  379. 								<option value="3">3小时</option>
    380. 

  380. 								<option value="4">4小时</option>
    381. 

  381. 								<option value="5">5小时</option>
    382. 

  382. 								<option value="6">6小时</option>
    383. 

  383. 								<option value="7">7小时</option>
    384. 

  384. 							</select>
    385. 

  385. 						</div>
    386. 

  386. 						<div id="timeHourParent">
    387. 

  387. 							<p>定时时间：</p>
    388. 

  388. 							<select name="" id="begin" style="width: 47%;">
    389. 

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

  390. 								<option value="1">1点</option>
    391. 

  391. 								<option value="2">2点</option>
    392. 

  392. 								<option value="3">3点</option>
    393. 

  393. 								<option value="4">4点</option>
    394. 

  394. 								<option value="5">5点</option>
    395. 

  395. 								<option value="6">6点</option>
    396. 

  396. 								<option value="7">7点</option>
    397. 

  397. 								<option value="8">8点</option>
    398. 

  398. 								<option value="9">9点</option>
    399. 

  399. 								<option value="10">10点</option>
    400. 

  400. 								<option value="11">11点</option>
    401. 

  401. 								<option value="12">12点</option>
    402. 

  402. 								<option value="13">13点</option>
    403. 

  403. 								<option value="14">14点</option>
    404. 

  404. 								<option value="15">15点</option>
    405. 

  405. 								<option value="16">16</option>
    406. 

  406. 								<option value="17">17点</option>
    407. 

  407. 								<option value="18">18点</option>
    408. 

  408. 								<option value="19">19点</option>
    409. 

  409. 								<option value="20">20点</option>
    410. 

  410. 								<option value="21">21点</option>
    411. 

  411. 								<option value="22">22点</option>
    412. 

  412. 								<option value="23">23点</option>
    413. 

  413. 							</select>
    414. 

  414. 							至
    415. 

  415. 							<select name="" id="end" style="width: 47%;">
    416. 

  416. 								<option value="0">0点</option>
    417. 

  417. 								<option value="1">1点</option>
    418. 

  418. 								<option value="2">2点</option>
    419. 

  419. 								<option value="3">3点</option>
    420. 

  420. 								<option value="4">4点</option>
    421. 

  421. 								<option value="5">5点</option>
    422. 

  422. 								<option value="6">6点</option>
    423. 

  423. 								<option value="7">7点</option>
    424. 

  424. 								<option value="8">8点</option>
    425. 

  425. 								<option value="9">9点</option>
    426. 

  426. 								<option value="10">10点</option>
    427. 

  427. 								<option value="11">11点</option>
    428. 

  428. 								<option value="12">12点</option>
    429. 

  429. 								<option value="13">13点</option>
    430. 

  430. 								<option value="14">14点</option>
    431. 

  431. 								<option value="15">15点</option>
    432. 

  432. 								<option value="16">16</option>
    433. 

  433. 								<option value="17">17点</option>
    434. 

  434. 								<option value="18">18点</option>
    435. 

  435. 								<option value="19">19点</option>
    436. 

  436. 								<option value="20">20点</option>
    437. 

  437. 								<option value="21">21点</option>
    438. 

  438. 								<option value="22">22点</option>
    439. 

  439. 								<option value="23">23点</option>
    440. 

  440. 							</select>
    441. 

  441. 						</div>
    442. 

  442. 						<div class="">
    443. 

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

  444. 						</div>
    445. 

  445. 					</div>
    446. 

  446. 				</div>
    447. 

  447. 

  448. 			</div>
    449. 

  449. 			
    450. 

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

  451. 				<div class="mui-popover-arrow"></div>
    452. 

  452. 				<!--<div class="popoverheader">
    453. 

  453. 					<div class="text"></div>
    454. 

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

  455. 				</div>-->
    456. 

  456. 				<div id="simDetial">
    457. 

  457. 					
    458. 

  458. 				</div>
    459. 

  459. 				<div class="mui-table-view mui-table-view-chevron next">
    460. 

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

  461. 				</div>
    462. 

  462. 			</div>
    463. 

  463. 		</div>
    464. 

  464. 		<div id="map" style="display: none;"></div>
    465. 

  465. 

  466. 		<script src="../js/jquery-2.1.0.js"></script>
    467. 

  467. 		<script src="../js/mui.min.js"></script>
    468. 

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

  469. 		<script src="../js/common.js"></script>
    470. 

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

  471. 		<script type="text/javascript">
    472. 

  472. 			var equipId;
    473. 

  473. 			var equiccID;
    474. 

  474. 			mui.init();
    475. 

  475. 			mui.plusReady(function() {
    476. 

  476. 				var self = plus.webview.currentWebview();
    477. 

  477. 				equipId = self.equipId;
    478. 

  478. 				$('#equipId').html('设备ID：' + equipId);
    479. 

  479. 				console.log(equipId);
    480. 

  480. 				downCallback()
    481. 

  481. 				var map = new BMap.Map("map"); //
    482. 

  482. 				geoc = new BMap.Geocoder();
    483. 

  483. 				//定时时长
    484. 

  484. 				document.getElementById("switchover").addEventListener('change', function() {
    485. 

  485. 					console.log($(this).val())
    486. 

  486. 					if($(this).val() == 1) { //时控
    487. 

  487. 						$('#durationParent').hide();
    488. 

  488. 						$('#timeHourParent').show();
    489. 

  489. 					} else {
    490. 

  490. 						$('#durationParent').show();
    491. 

  491. 						$('#timeHourParent').hide();
    492. 

  492. 					}
    493. 

  493. 				})
    494. 

  494. 				document.getElementById("clock").addEventListener('tap', function() {
    495. 

  495. 					$('.mask').show();
    496. 

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

  497. 

  498. 				})
    499. 

  499. 				$('#saveStatus').on('tap', function(e) {
    500. 

  500. 					mui(this).button('loading');
    501. 

  501. 					var id = [];
    502. 

  502. 					id.push(equipId);
    503. 

  503. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    504. 

  504. 						data: {
    505. 

  505. 							'sw': 'timer',
    506. 

  506. 							'topicid': JSON.stringify(id),
    507. 

  507. 							ts: $('#switchover').val(),
    508. 

  508. 							hours: $('#duration').val(),
    509. 

  509. 							begin: $('#begin').val(),
    510. 

  510. 							end: $('#end').val()
    511. 

  511. 						},
    512. 

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

  513. 						type: 'post', //HTTP请求类型
    514. 

  514. 						timeout: 10000, //超时时间设置为10秒；
    515. 

  515. 						beforeSend: function() {
    516. 

  516. 							plus.nativeUI.showWaiting('请求中...');
    517. 

  517. 						},
    518. 

  518. 						complete: function() {
    519. 

  519. 							setTimeout(function(){
    520. 

  520. 								plus.nativeUI.closeWaiting();
    521. 

  521. 							},2000)
    522. 

  522. 						},
    523. 

  523. 						success: function(data) {
    524. 

  524. 							if(data == 0) {
    525. 

  525. 								mui.toast('设置成功');
    526. 

  526. 								setTimeout(function(){
    527. 

  527. 									window.location.reload();
    528. 

  528. 									$('#saveStatus').button('reset');
    529. 

  529. 								},2000)
    530. 

  530. 								
    531. 

  531. 							}
    532. 

  532. 						},
    533. 

  533. 						error: function(xhr, type, errorThrown) {
    534. 

  534. 							mui.toast('数据请求失败');
    535. 

  535. 						}
    536. 

  536. 					})
    537. 

  537. 				});
    538. 

  538. 				document.getElementById("sidebar").addEventListener('tap', function(event) {
    539. 

  539. 					event.stopPropagation()
    540. 

  540. 				})
    541. 

  541. 				document.getElementById("mask").addEventListener('tap', function(e) {
    542. 

  542. 					$('.mask').hide();
    543. 

  543. 				})
    544. 

  544. 				//下拉刷新的回调
    545. 

  545. 				function downCallback() {
    546. 

  546. 					$.ajax({
    547. 

  547. 						url: 'http://120.27.222.26/app_equipmanage_detail',
    548. 

  548. 						data: {
    549. 

  549. 							'etype': 'scd',
    550. 

  550. 							'equip_id': equipId,
    551. 

  551. 						},
    552. 

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

  553. 						type: 'post', //HTTP请求类型
    554. 

  554. 						beforeSend: function() {
    555. 

  555. 							plus.nativeUI.showWaiting('请求中...');
    556. 

  556. 						},
    557. 

  557. 						complete: function() {
    558. 

  558. 							plus.nativeUI.closeWaiting();
    559. 

  559. 						},
    560. 

  560. 						timeout: 10000, //超时时间设置为10秒；
    561. 

  561. 						success: function(data) {
    562. 

  562. 							console.log(JSON.stringify(data))
    563. 

  563. 							var equip_name = data.equip_name || '无';
    564. 

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

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

  566. 							var stat = eval('(' + data.scd_status + ')');
    567. 

  567. 							var point = new BMap.Point(stat.lng, stat.lat);
    568. 

  568. 							geoc.getLocation(point, function (rs) {
    569. 

  569. 							    var addComp = rs.addressComponents;
    570. 

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

  571. 							});
    572. 

  572. 							equiccID = stat.iccid
    573. 

  573. 							var ds = stat.ds == 0 ? '关' : '开';
    574. 

  574. 							$('#ds').html(ds);
    575. 

  575. 							$('#switchBtn .controlVal').html(ds);
    576. 

  576. 							var ws = '';
    577. 

  577. 							if(stat.ws == 0) ws = "待机";
    578. 

  578. 							else if(stat.ws == 1) ws = "工作";
    579. 

  579. 							else if(stat.ws == 2) ws = "充电";
    580. 

  580. 							$('#ws').html(ws);
    581. 

  581. 							var tt = '';
    582. 

  582. 							if(stat.tcs == 1) {  //时控
    583. 

  583. 								$('#tt').html(stat.st + '-' + stat.et);
    584. 

  584. //								$('#timingBtn').hide();
    585. 

  585. //								$('#switchBtn').hide();
    586. 

  586. //								$('#startBar').show();
    587. 

  587. //								$('#stopBar').show();
    588. 

  588. 							} else {
    589. 

  589. 								if(stat.tt == 0) tt = "常亮";
    590. 

  590. 								else tt = stat.tt;
    591. 

  591. 								$('#tt').html(tt);
    592. 

  592. //								$('#timingBtn').show();
    593. 

  593. //								$('#switchBtn').show();
    594. 

  594. //								$('#startBar').hide();
    595. 

  595. //								$('#stopBar').hide();
    596. 

  596. 							}
    597. 

  597. 							
    598. 

  598. 							var lps = stat.lps == 0 ? '夜晚' : '白天';
    599. 

  599. 							$('#lps').html(lps);
    600. 

  600. 							var tps = stat.tps == 0 ? '正常' : '异常';
    601. 

  601. 							if(stat.tcs == 1) { //时控
    602. 

  602. 								$('#clock .controlVal').html('时控');
    603. 

  603. 								$('#durationParent').hide();
    604. 

  604. 								$('#timeHourParent').show();
    605. 

  605. 								$('#switchover').val(1)
    606. 

  606. 							} else {
    607. 

  607. 								$('#clock .controlVal').html('光控');
    608. 

  608. 								$('#timeHourParent').hide();
    609. 

  609. 								$('#durationParent').show();
    610. 

  610. 								$('#switchover').val(0)
    611. 

  611. 							}
    612. 

  612. 							$('#tps').html(tps);
    613. 

  613. 							var rps = stat.rps == 0 ? '正常' : '保护';
    614. 

  614. 							$('#rps').html(rps);
    615. 

  615. 							var tbs = stat.tbs == 0 ? '正常' : '异常';
    616. 

  616. 							$('#tbs').html(tbs);
    617. 

  617. 							var dps = stat.dps == 0 ? '正常' : '异常';
    618. 

  618. 							$('#dps').html(dps);
    619. 

  619. 							$('#csq').html(stat.csq);
    620. 

  620. 							$('#dver').html(stat.dver);
    621. 

  621. 						},
    622. 

  622. 						error: function(xhr, type, errorThrown) {
    623. 

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

  624. 							mescroll.endErr();
    625. 

  625. 							mui.toast('数据请求失败');
    626. 

  626. 						}
    627. 

  627. 					});
    628. 

  628. 				}
    629. 

  629. 

  630. 				//定时时长
    631. 

  631. //				document.getElementById("timingBtn").addEventListener('tap', function() {
    632. 

  632. //					var picker = new mui.PopPicker();
    633. 

  633. //					picker.setData([{
    634. 

  634. //						value: "0",
    635. 

  635. //						text: "常亮"
    636. 

  636. //					}, {
    637. 

  637. //						value: "1",
    638. 

  638. //						text: "1小时"
    639. 

  639. //					}, {
    640. 

  640. //						value: "2",
    641. 

  641. //						text: "2小时"
    642. 

  642. //					}, {
    643. 

  643. //						value: "3",
    644. 

  644. //						text: "3小时"
    645. 

  645. //					}, {
    646. 

  646. //						value: "4",
    647. 

  647. //						text: "4小时"
    648. 

  648. //					}, {
    649. 

  649. //						value: "5",
    650. 

  650. //						text: "5小时"
    651. 

  651. //					}, {
    652. 

  652. //						value: "6",
    653. 

  653. //						text: "6小时"
    654. 

  654. //					}, {
    655. 

  655. //						value: "7",
    656. 

  656. //						text: "7小时"
    657. 

  657. //					}])
    658. 

  658. //					picker.show(function(getSelectedItems) {
    659. 

  659. //						console.log(getSelectedItems[0].value);
    660. 

  660. //						var id = [];
    661. 

  661. //						id.push(equipId);
    662. 

  662. //						mui.ajax('http://120.27.222.26/scd_mqtt', {
    663. 

  663. //							data: {
    664. 

  664. //								'sw': 'tt',
    665. 

  665. //								'topicid': JSON.stringify(id),
    666. 

  666. //								'hours': getSelectedItems[0].value
    667. 

  667. //							},
    668. 

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

  669. //							type: 'post', //HTTP请求类型
    670. 

  670. //							timeout: 10000, //超时时间设置为10秒；
    671. 

  671. //							beforeSend: function() {
    672. 

  672. //								plus.nativeUI.showWaiting('请求中...');
    673. 

  673. //							},
    674. 

  674. //							complete: function() {
    675. 

  675. //								plus.nativeUI.closeWaiting();
    676. 

  676. //							},
    677. 

  677. //							success: function(data) {
    678. 

  678. //								if(data == 0) {
    679. 

  679. //									mui.toast('设置成功');
    680. 

  680. //								}
    681. 

  681. //							},
    682. 

  682. //							error: function(xhr, type, errorThrown) {
    683. 

  683. //								$('#equiplist').empty();
    684. 

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

  685. //								mui.toast('数据请求失败');
    686. 

  686. //							}
    687. 

  687. //						})
    688. 

  688. //					})
    689. 

  689. //					picker.hide = function() {
    690. 

  690. //						var self = this;
    691. 

  691. //						self.panel.classList.remove(mui.className('active'));
    692. 

  692. //						self.mask.close();
    693. 

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

  694. //						//处理物理返回键
    695. 

  695. //						mui.back = self.__back;
    696. 

  696. //					}
    697. 

  697. //				});
    698. 

  698. 

  699. 				//设备开关
    700. 

  700. 				document.getElementById("switchBtn").addEventListener('tap', function() {
    701. 

  701. 					var picker = new mui.PopPicker();
    702. 

  702. 					picker.setData([{
    703. 

  703. 						value: "1",
    704. 

  704. 						text: "开启"
    705. 

  705. 					}, {
    706. 

  706. 						value: "0",
    707. 

  707. 						text: "关闭"
    708. 

  708. 					}])
    709. 

  709. 					picker.show(function(getSelectedItems) {
    710. 

  710. 						console.log(getSelectedItems[0].value)
    711. 

  711. 						var curSelect = getSelectedItems[0].value;
    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': 'timer',
    717. 

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

  718. 								'ds': getSelectedItems[0].value
    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. 								plus.nativeUI.closeWaiting();
    728. 

  728. 							},
    729. 

  729. 							success: function(data) {
    730. 

  730. 								if(data == 0) {
    731. 

  731. 									mui.toast('设置成功');
    732. 

  732. 									if(curSelect) {
    733. 

  733. 										$('#switchBtn .controlVal').html('开')
    734. 

  734. 									} else {
    735. 

  735. 										$('#switchBtn .controlVal').html('关')
    736. 

  736. 									}
    737. 

  737. 								}
    738. 

  738. 							},
    739. 

  739. 							error: function(xhr, type, errorThrown) {
    740. 

  740. 								$('#equiplist').empty();
    741. 

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

  742. 								mui.toast('数据请求失败');
    743. 

  743. 							}
    744. 

  744. 						})
    745. 

  745. 					})
    746. 

  746. 					picker.hide = function() {
    747. 

  747. 						var self = this;
    748. 

  748. 						self.panel.classList.remove(mui.className('active'));
    749. 

  749. 						self.mask.close();
    750. 

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

  751. 						//处理物理返回键
    752. 

  752. 						mui.back = self.__back;
    753. 

  753. 					}
    754. 

  754. 				});
    755. 

  755. 

  756. 				//查询
    757. 

  757. 				$('#refreshBtn').on('tap', function() {
    758. 

  758. 					var id = [];
    759. 

  759. 					id.push(equipId);
    760. 

  760. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    761. 

  761. 						data: {
    762. 

  762. 							'sw': 'read',
    763. 

  763. 							'topicid': JSON.stringify(id),
    764. 

  764. 							'kind': 'status'
    765. 

  765. 						},
    766. 

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

  767. 						type: 'post', //HTTP请求类型
    768. 

  768. 						timeout: 10000, //超时时间设置为10秒；
    769. 

  769. 						beforeSend: function() {
    770. 

  770. 							plus.nativeUI.showWaiting('请求中...');
    771. 

  771. 						},
    772. 

  772. 						complete: function() {
    773. 

  773. 							setTimeout(function() {
    774. 

  774. 								plus.nativeUI.closeWaiting();
    775. 

  775. 							}, 5000)
    776. 

  776. 						},
    777. 

  777. 						success: function(data) {
    778. 

  778. 							setTimeout(function() {
    779. 

  779. 								location.reload();
    780. 

  780. 							}, 5000)
    781. 

  781. 						},
    782. 

  782. 						error: function(xhr, type, errorThrown) {
    783. 

  783. 							mui.toast('请求失败！')
    784. 

  784. 						}
    785. 

  785. 					});
    786. 

  786. 				})
    787. 

  787. 				
    788. 

  788. 				//调试
    789. 

  789. 				$('#debugBtn').on('tap', function() {
    790. 

  790. 					var id = [];
    791. 

  791. 					id.push(equipId);
    792. 

  792. 					mui.ajax('http://120.27.222.26/scd_mqtt', {
    793. 

  793. 						data: {
    794. 

  794. 							'sw': 'test',
    795. 

  795. 							'topicid': JSON.stringify(id),
    796. 

  796. 						},
    797. 

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

  798. 						type: 'post', //HTTP请求类型
    799. 

  799. 						timeout: 10000, //超时时间设置为10秒；
    800. 

  800. 						beforeSend: function() {
    801. 

  801. 							plus.nativeUI.showWaiting('请求中...');
    802. 

  802. 						},
    803. 

  803. 						complete: function() {
    804. 

  804. 							setTimeout(function() {
    805. 

  805. //								plus.nativeUI.closeWaiting();
    806. 

  806. 								mui.toast('调试成功！')
    807. 

  807. 							}, 5000)
    808. 

  808. 						},
    809. 

  809. 						success: function(data) {
    810. 

  810. 							setTimeout(function() {
    811. 

  811. 								location.reload();
    812. 

  812. 							}, 5000)
    813. 

  813. 						},
    814. 

  814. 						error: function(xhr, type, errorThrown) {
    815. 

  815. 							mui.toast('调试失败！')
    816. 

  816. 						}
    817. 

  817. 					});
    818. 

  818. 				})
    819. 

  819. 				
    820. 

  820. 				//sim卡查新  
    821. 

  821. 				document.getElementById('simCodeSearch').addEventListener('tap', function() {
    822. 

  822. 					console.log(equiccID)
    823. 

  823. 					if(equiccID) {
    824. 

  824. 						$.ajax({
    825. 

  825. 							url: 'http://120.27.222.26/siminfo',
    826. 

  826. 							data: {
    827. 

  827. 								simid: equiccID,
    828. 

  828. 							},
    829. 

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

  830. 							type: 'post', //HTTP请求类型
    831. 

  831. 							timeout: 10000, //超时时间设置为10秒；
    832. 

  832. 							beforeSend: function() {
    833. 

  833. 								plus.nativeUI.showWaiting('请求中...');
    834. 

  834. 							},
    835. 

  835. 							complete: function() {
    836. 

  836. 								plus.nativeUI.closeWaiting();
    837. 

  837. 							},
    838. 

  838. 							success: function(data) {
    839. 

  839. 								var dat = data.data;
    840. 

  840. 								if(data.code == 0) {
    841. 

  841. 									var status;
    842. 

  842. 									if(dat.account_status == "0") {
    843. 

  843. 										status = "未知";
    844. 

  844. 									} else if(dat.account_status == "1") {
    845. 

  845. 										status = "测试期";
    846. 

  846. 									} else if(dat.account_status == "2") {
    847. 

  847. 										status = "沉默期";
    848. 

  848. 									} else if(dat.account_status == "3") {
    849. 

  849. 										status = "使用中";
    850. 

  850. 									} else if(dat.account_status == "4") {
    851. 

  851. 										status = "停机";
    852. 

  852. 									} else if(dat.account_status == "5") {
    853. 

  853. 										status = "停机保号";
    854. 

  854. 									} else if(dat.account_status == "6") {
    855. 

  855. 										status = "预销号";
    856. 

  856. 									} else if(dat.account_status == "7") {
    857. 

  857. 										status = "销号";
    858. 

  858. 									}
    859. 

  859. 									var usage;
    860. 

  860. 									if(dat.iccid) {
    861. 

  861. 										usage = dat.data_usage;
    862. 

  862. 									} else {
    863. 

  863. 										usage.innerHTML = '--';
    864. 

  864. 									}
    865. 

  865. 									var balance;
    866. 

  866. 									if(dat.iccid) {
    867. 

  867. 										balance = dat.data_balance;
    868. 

  868. 									} else {
    869. 

  869. 										balance = '--';
    870. 

  870. 									}
    871. 

  871. 									var time;
    872. 

  872. 									if(dat.iccid) {
    873. 

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

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

  875. 									} else {
    876. 

  876. 										time = '--';
    877. 

  877. 									}
    878. 

  878. 									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>'
    879. 

  879. 									$('#simDetial').html(html);
    880. 

  880. 									mui('.mui-popover').popover('show', document.getElementById("popover"));
    881. 

  881. 								}
    882. 

  882. 							},
    883. 

  883. 							error: function(xhr, type, errorThrown) {
    884. 

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

  885. 								mescroll.endErr();
    886. 

  886. 								mui.toast('数据请求失败');
    887. 

  887. 							}
    888. 

  888. 						});
    889. 

  889. 

  890. 					} else {
    891. 

  891. 						mui.toast('未查询到SIM卡号');
    892. 

  892. 					}
    893. 

  893. 				})
    894. 

  894. 			})
    895. 

  895. 		</script>
    896. 

  896. 	</body>
    897. 

  897. 

  898. </html>
    899.