device-function-100255.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="expires" content="0">
  8. <meta name="author" content="">
  9. <meta name="description" content=""/>
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telephone=no,email=no">
  12. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  13. <title>设备功能配置</title>
  14. <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
  15. <link rel="stylesheet" href="/components/custom/css/common.css">
  16. <link rel="stylesheet" href="/app/css/xyf.common.min.css">
  17. <style>
  18. </style>
  19. </head>
  20. <body class="device-function">
  21. <h4 class="param-title" id="device">设备</h4>
  22. <ul class="mui-table-view ">
  23. <li class="mui-table-view-cell">
  24. 设备ID<span class="mui-pull-right"><span id="deviceId"></span></span>
  25. </li>
  26. </ul>
  27. <ul class="mui-table-view margin-t-15">
  28. <li class="mui-table-view-cell">
  29. 自动停止
  30. <div class="switch switch-mini" true-value="1" false-value="0" key="autoStop">
  31. <div class="switch-handle"></div>
  32. </div>
  33. </li>
  34. <li class="mui-table-view-cell">
  35. 刷卡退费
  36. <div class="switch switch-mini" true-value="1" false-value="0" key="cardRefund">
  37. <div class="switch-handle"></div>
  38. </div>
  39. </li>
  40. <li class="mui-table-view-cell">
  41. 刷卡开关
  42. <div class="switch switch-mini" true-value="1" false-value="0" key="cardSwitch">
  43. <div class="switch-handle"></div>
  44. </div>
  45. </li>
  46. <li class="mui-table-view-cell">
  47. 免费充电
  48. <div class="switch switch-mini" true-value="1" false-value="0" key="chargeFree">
  49. <div class="switch-handle"></div>
  50. </div>
  51. </li>
  52. <li class="mui-table-view-cell">
  53. 投币可用开关
  54. <div class="switch switch-mini" true-value="1" false-value="0" key="coinSwitch">
  55. <div class="switch-handle"></div>
  56. </div>
  57. </li>
  58. </ul>
  59. <ul class="mui-table-view margin-t-15">
  60. <li class="mui-table-view-cell " permission="manage-show">
  61. <a class="mui-navigate-right" href="javascript:toSetParam(11);">
  62. <em>退费保护时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  63. </a>
  64. </li>
  65. </ul>
  66. <ul class="mui-table-view margin-t-15">
  67. <li class="mui-table-view-cell " permission="manage-show">
  68. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  69. <em>基础参数设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  70. </a>
  71. </li>
  72. <li class="mui-table-view-cell " permission="manage-show">
  73. <a class="mui-navigate-right" href="javascript:toSetParam(2);">
  74. <em>消费规则参数设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  75. </a>
  76. </li>
  77. <li class="mui-table-view-cell " permission="manage-show">
  78. <a class="mui-navigate-right" href="javascript:toSetParam(3);">
  79. <em>修正系数参数设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  80. </a>
  81. </li>
  82. <li class="mui-table-view-cell " permission="manage-show">
  83. <a class="mui-navigate-right" href="javascript:toSetParam(4);">
  84. <em>获取设备时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  85. </a>
  86. </li>
  87. <li class="mui-table-view-cell " permission="manage-show">
  88. <a class="mui-navigate-right" href="javascript:toSetParam(5);">
  89. <em>读取消费总额数据</em><span class="mui-pull-right font-b-14 custom-right"></span>
  90. </a>
  91. </li>
  92. </ul>
  93. <div class="custom-margin">
  94. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启主板?" key="reboot">重启主板
  95. </div>
  96. <div class="custom-margin">
  97. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定恢复出厂设置?" key="reset">恢复出厂设置</div>
  98. </div>
  99. </div>
  100. <div class="edit-back edit-bottom mui-hidden" id="paramPanel1">
  101. <form class="edit-content" action="#">
  102. <div class="edit-box">
  103. <div class="mui-input-row margin-b-10">
  104. <label class="font-b-14 ">计费方式</label>
  105. <div class="mui-pull-right mui-radio ">
  106. <span class="font-b-14 ">
  107. <input class="save-data" id="consumeModule" name="consumeModule" type="radio" value=0 required>按电量计费</span>
  108. <span class="font-b-14 ">
  109. <input class="" name="consumeModule" type="radio" value=1 required>按时间计费</span>
  110. <br>
  111. </div>
  112. </div>
  113. <div class="mui-input-row">
  114. <label class="font-b-12">浮充功率</label>
  115. <div class="mui-pull-right edit-row">
  116. <input type="number" min=0 max=999 required id="floatingPower" class="save-data"/>
  117. <span class="font-b-12">瓦</span>
  118. </div>
  119. </div>
  120. <div class="mui-input-row">
  121. <label class="font-b-12">浮充时间</label>
  122. <div class="mui-pull-right edit-row">
  123. <input type="number" min=0 max=999 required id="floatingTime" class="save-data"/>
  124. <span class="font-b-12">分钟</span>
  125. </div>
  126. </div>
  127. <div class="mui-input-row">
  128. <label class="font-b-12">刷卡扣费金额</label>
  129. <div class="mui-pull-right edit-row">
  130. <input type="number" min=0 max=999 required id="icMoney" class="save-data"/>
  131. <span class="font-b-12">角</span>
  132. </div>
  133. </div>
  134. <div class="mui-input-row">
  135. <label class="font-b-12">最大功率</label>
  136. <div class="mui-pull-right edit-row">
  137. <input type="number" min=0 max=999 required id="maxPower" class="save-data"/>
  138. <span class="font-b-12">瓦</span>
  139. </div>
  140. </div>
  141. <div class="mui-input-row">
  142. <label class="font-b-12">空载时间</label>
  143. <div class="mui-pull-right edit-row">
  144. <input type="number" min=0 max=999 required id="noloadTime" class="save-data"/>
  145. <span class="font-b-12">秒</span>
  146. </div>
  147. </div>
  148. <div class="mui-input-row">
  149. <label class="font-b-12">音量</label>
  150. <div class="mui-pull-right edit-row">
  151. <input type="number" min=0 max=32 required id="volume" class="save-data"/>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="mui-popup-buttons ">
  156. <span class="mui-popup-button">取消</span>
  157. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  158. /></span>
  159. </div>
  160. </form>
  161. </div>
  162. <div class="edit-back edit-bottom mui-hidden" id="paramPanel11">
  163. <form class="edit-content" action="#">
  164. <div class="edit-box">
  165. <div class="mui-input-row">
  166. <label class="font-b-14 tips-event">退费保护时间 <i class="tips" title="设备启动小于该时间会自动全额退款">i</i></label>
  167. <div class="mui-pull-right edit-row">
  168. <input type="number" min=1 max=10 required id="refundProtectionTime" class="save-data"/>
  169. <span class="font-b-12">分钟</span>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="mui-popup-buttons ">
  174. <span class="mui-popup-button">取消</span>
  175. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  176. /></span>
  177. </div>
  178. </form>
  179. </div>
  180. <div class="edit-back edit-bottom mui-hidden" id="paramPanel2">
  181. <form class="edit-content" action="#">
  182. <div class="edit-box">
  183. <div class="mui-input-row">
  184. <label class="font-b-12">投币一个的充电时间</label>
  185. <div class="mui-pull-right edit-row">
  186. <input type="number" min=0 max=999 required id="coinTime" class="save-data"/>
  187. <span class="font-b-12">分钟</span>
  188. </div>
  189. </div>
  190. <div class="mui-input-row">
  191. <label class="font-b-12">投币一个的充电电量</label>
  192. <div class="mui-pull-right edit-row">
  193. <input type="number" min=0 max=999 step="0.01" required id="coinElec" class="save-data"/>
  194. <span class="font-b-12">度</span>
  195. </div>
  196. </div>
  197. <div class="mui-input-row">
  198. <label class="font-b-12">刷卡一次的充电时间</label>
  199. <div class="mui-pull-right edit-row">
  200. <input type="number" min=0 max=999 required id="cardTime" class="save-data"/>
  201. <span class="font-b-12">分钟</span>
  202. </div>
  203. </div>
  204. <div class="mui-input-row">
  205. <label class="font-b-12">刷卡一次的充电电量</label>
  206. <div class="mui-pull-right edit-row">
  207. <input type="number" min=0 max=999 step="0.01" required id="cardElec" class="save-data"/>
  208. <span class="font-b-12">度</span>
  209. </div>
  210. </div>
  211. <div class="mui-input-row">
  212. <label class="font-b-12">扫码一元的充电时间</label>
  213. <div class="mui-pull-right edit-row">
  214. <input type="number" min=0 max=999 required id="remoteTime" class="save-data"/>
  215. <span class="font-b-12">分钟</span>
  216. </div>
  217. </div>
  218. <div class="mui-input-row">
  219. <label class="font-b-12">扫码一元的充电电量</label>
  220. <div class="mui-pull-right edit-row">
  221. <input type="number" min=0 max=999 step="0.01" required id="remoteElec" class="save-data"/>
  222. <span class="font-b-12">度</span>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="mui-popup-buttons ">
  227. <span class="mui-popup-button">取消</span>
  228. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  229. /></span>
  230. </div>
  231. </form>
  232. </div>
  233. <div class="edit-back edit-bottom mui-hidden" id="paramPanel3">
  234. <form class="edit-content" action="#">
  235. <div class="edit-box">
  236. <div class="mui-input-row">
  237. <label class="font-b-12">端口1修正系数</label>
  238. <div class="mui-pull-right edit-row">
  239. <input type="number" min=0 max=999 step="0.01" required id="powerPs1" class="save-data"/>
  240. </div>
  241. </div>
  242. <div class="mui-input-row">
  243. <label class="font-b-12">端口2修正系数</label>
  244. <div class="mui-pull-right edit-row">
  245. <input type="number" min=0 max=999 step="0.01" required id="powerPs2" class="save-data"/>
  246. </div>
  247. </div>
  248. <div class="mui-input-row">
  249. <label class="font-b-12">端口3修正系数</label>
  250. <div class="mui-pull-right edit-row">
  251. <input type="number" min=0 max=999 step="0.01" required id="powerPs3" class="save-data"/>
  252. </div>
  253. </div>
  254. <div class="mui-input-row">
  255. <label class="font-b-12">端口4修正系数</label>
  256. <div class="mui-pull-right edit-row">
  257. <input type="number" min=0 max=999 step="0.01" required id="powerPs4" class="save-data"/>
  258. </div>
  259. </div>
  260. <div class="mui-input-row">
  261. <label class="font-b-12">端口5修正系数</label>
  262. <div class="mui-pull-right edit-row">
  263. <input type="number" min=0 max=999 step="0.01" required id="powerPs5" class="save-data"/>
  264. </div>
  265. </div>
  266. <div class="mui-input-row">
  267. <label class="font-b-12">端口6修正系数</label>
  268. <div class="mui-pull-right edit-row">
  269. <input type="number" min=0 max=999 step="0.01" required id="powerPs6" class="save-data"/>
  270. </div>
  271. </div>
  272. <div class="mui-input-row">
  273. <label class="font-b-12">端口7修正系数</label>
  274. <div class="mui-pull-right edit-row">
  275. <input type="number" min=0 max=999 step="0.01" required id="powerPs7" class="save-data"/>
  276. </div>
  277. </div>
  278. <div class="mui-input-row">
  279. <label class="font-b-12">端口8修正系数</label>
  280. <div class="mui-pull-right edit-row">
  281. <input type="number" min=0 max=999 step="0.01" required id="powerPs8" class="save-data"/>
  282. </div>
  283. </div>
  284. <div class="mui-input-row">
  285. <label class="font-b-12">端口9修正系数</label>
  286. <div class="mui-pull-right edit-row">
  287. <input type="number" min=0 max=999 step="0.01" required id="powerPs9" class="save-data"/>
  288. </div>
  289. </div>
  290. <div class="mui-input-row">
  291. <label class="font-b-12">端口10修正系数</label>
  292. <div class="mui-pull-right edit-row">
  293. <input type="number" min=0 max=999 step="0.01" required id="powerPs10" class="save-data"/>
  294. </div>
  295. </div>
  296. </div>
  297. <div class="mui-popup-buttons ">
  298. <span class="mui-popup-button">取消</span>
  299. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  300. /></span>
  301. </div>
  302. </form>
  303. </div>
  304. <div class="edit-back edit-bottom mui-hidden" id="paramPanel4">
  305. <form class="edit-content" action="#">
  306. <div class="edit-box">
  307. <div class="mui-input-row">
  308. <p id="nowTime" class="font-b-14"></p>
  309. </div>
  310. <div class="mui-input-row">
  311. <label>年</label>
  312. <div class="mui-pull-right edit-row">
  313. <input type="number" min="0" max="20000" step="1" required id="year" class="save-data"/>
  314. </div>
  315. </div>
  316. <div class="mui-input-row">
  317. <label>月</label>
  318. <div class="mui-pull-right edit-row">
  319. <input type="number" max="12" step="1" required id="month" class="save-data"/>
  320. </div>
  321. </div>
  322. <div class="mui-input-row">
  323. <label>日</label>
  324. <div class="mui-pull-right edit-row">
  325. <input type="number" max="366" step="1" required id="date" class="save-data"/>
  326. </div>
  327. </div>
  328. <div class="mui-input-row">
  329. <label>时</label>
  330. <div class="mui-pull-right edit-row">
  331. <input type="number" max="24" step="1" required id="hour" class="save-data"/>
  332. </div>
  333. </div>
  334. <div class="mui-input-row">
  335. <label>分</label>
  336. <div class="mui-pull-right edit-row">
  337. <input type="number" max="60" step="1" required id="minute" class="save-data"/>
  338. </div>
  339. </div>
  340. <div class="mui-input-row">
  341. <label>秒</label>
  342. <div class="mui-pull-right edit-row">
  343. <input type="number" max="60" step="1" required id="second" class="save-data"/>
  344. </div>
  345. </div>
  346. <div class="mui-input-row">
  347. <label>星期</label>
  348. <div class="mui-pull-right edit-row">
  349. <input type="number" max="7" step="1" required id="day" class="save-data"/>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="mui-popup-buttons ">
  354. <span class="mui-popup-button">取消</span>
  355. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  356. /></span>
  357. </div>
  358. </form>
  359. </div>
  360. <div class="edit-back edit-bottom mui-hidden" id="paramPanel5">
  361. <form class="edit-content" action="#">
  362. <div class="edit-box">
  363. <div class="mui-input-row">
  364. <label class="font-12">机器累计消费总金额</label>
  365. <div class="mui-pull-right edit-row">
  366. <input type="number" readonly required id="totalAll"/>
  367. <span class="font-b-12">元</span>
  368. </div>
  369. </div>
  370. <div class="mui-input-row">
  371. <label class="font-12">机器刷卡消费总金额</label>
  372. <div class="mui-pull-right edit-row">
  373. <input type="number" readonly required id="totalCard"/>
  374. <span class="font-b-12">元</span>
  375. </div>
  376. </div>
  377. <div class="mui-input-row">
  378. <label class="font-12">机器投币消费总金额</label>
  379. <div class="mui-pull-right edit-row">
  380. <input type="number" readonly required id="totalCoins"/>
  381. <span class="font-b-12">元</span>
  382. </div>
  383. </div>
  384. <div class="mui-input-row">
  385. <label class="font-12">机器累计消费总电量</label>
  386. <div class="mui-pull-right edit-row">
  387. <input type="number" readonly required id="totalElec"/>
  388. <span class="font-b-12">度</span>
  389. </div>
  390. </div>
  391. <div class="mui-input-row">
  392. <label class="font-12">机器扫码消费总金额</label>
  393. <div class="mui-pull-right edit-row">
  394. <input type="number" readonly required id="totalRemote"/>
  395. <span class="font-b-12">元</span>
  396. </div>
  397. </div>
  398. <div class="mui-input-row">
  399. <label class="font-12">机器退费刷卡总金额</label>
  400. <div class="mui-pull-right edit-row">
  401. <input type="number" readonly required id="totalRefundCard"/>
  402. <span class="font-b-12">元</span>
  403. </div>
  404. </div>
  405. <div class="mui-input-row">
  406. <label class="font-12">机器退费投币总金额</label>
  407. <div class="mui-pull-right edit-row">
  408. <input type="number" readonly required id="totalRefundCoins"/>
  409. <span class="font-b-12">元</span>
  410. </div>
  411. </div>
  412. <div class="mui-input-row">
  413. <label class="font-12">机器退费扫码总金额</label>
  414. <div class="mui-pull-right edit-row">
  415. <input type="number" readonly required id="totalRefundRemote"/>
  416. <span class="font-b-12">元</span>
  417. </div>
  418. </div>
  419. </div>
  420. <div class="mui-popup-buttons ">
  421. <span class="mui-popup-button">关闭</span>
  422. </div>
  423. </form>
  424. </div>
  425. <script src="https://cdn.washpayer.com/components/lib/moment.min.js"></script>
  426. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  427. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  428. <script src="/components/custom/js/common.js"></script>
  429. <script src="/app/js/xyf.common.js"></script>
  430. <script src="/app/js/device-param.js"></script>
  431. <script>
  432. initParam(
  433. {
  434. params: {
  435. "deviceId": "value",
  436. "autoStop": "switch",
  437. "cardRefund": "switch",
  438. "cardSwitch": "switch",
  439. "chargeFree": "switch",
  440. "coinSwitch": "switch",
  441. "consumeModule": "radio",
  442. "coinTime": "value",
  443. "coinElec": "value",
  444. "cardTime": "value",
  445. "cardElec": "value",
  446. "remoteTime": "value",
  447. "remoteElec": "value",
  448. "powerPs1": "value",
  449. "powerPs2": "value",
  450. "powerPs3": "value",
  451. "powerPs4": "value",
  452. "powerPs5": "value",
  453. "powerPs6": "value",
  454. "powerPs7": "value",
  455. "powerPs8": "value",
  456. "powerPs9": "value",
  457. "powerPs10": "value",
  458. "refundProtectionTime": "value",
  459. "floatingPower": "value",
  460. "floatingTime": "value",
  461. "icMoney": "value",
  462. "maxPower": "value",
  463. "noloadTime": "value",
  464. "volume": "value",
  465. "date": "value",
  466. "day": "value",
  467. "hour": "value",
  468. "minute": "value",
  469. "month": "value",
  470. "second": "value",
  471. "year": "value",
  472. "totalAll": "value",
  473. "totalCard": "value",
  474. "totalCoins": "value",
  475. "totalElec": "value",
  476. "totalRemote": "value",
  477. "totalRefundCard": "value",
  478. "totalRefundCoins": "value",
  479. "totalRefundRemote": "value",
  480. },
  481. dialogSubmitSuccess: function () {
  482. location.reload()
  483. }
  484. }
  485. )
  486. setInterval(function () {
  487. $('#nowTime').text(moment().format("YYYY-MM-DD hh:mm:ss"))
  488. }, 100)
  489. </script>
  490. </body>
  491. </html>