device-function-100205.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428
  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. <h5 class="mui-content-padded">设备功能配置</h5>
  23. <ul class="mui-table-view">
  24. <li class="mui-table-view-cell">
  25. 开启投币器
  26. <div class="switch switch-mini " key="putCoins">
  27. <div class="switch-handle"></div>
  28. </div>
  29. </li>
  30. <li class="mui-table-view-cell">
  31. 开启IC卡
  32. <div class="switch switch-mini " key="icCard">
  33. <div class="switch-handle"></div>
  34. </div>
  35. </li>
  36. <li class="mui-table-view-cell">
  37. 充满自停
  38. <div class="switch switch-mini " key="autoStop">
  39. <div class="switch-handle"></div>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. 刷卡退费
  44. <div class="switch switch-mini " key="cardRefund">
  45. <div class="switch-handle"></div>
  46. </div>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. 免费充电
  50. <div class="switch switch-mini " key="chargeFree" true-value="1" false-value="0">
  51. <div class="switch-handle"></div>
  52. </div>
  53. </li>
  54. </ul>
  55. <ul class="mui-table-view margin-t-15">
  56. <li class="mui-table-view-cell " permission="manage-show">
  57. <a class="mui-navigate-right" href="javascript:toSetParam(11);">
  58. <em>浮充配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  59. </a>
  60. </li>
  61. </ul>
  62. <ul class="mui-table-view margin-t-15">
  63. <li class="mui-table-view-cell " permission="manage-show">
  64. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  65. <em>基本配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  66. </a>
  67. </li>
  68. <li class="mui-table-view-cell " permission="manage-show">
  69. <a class="mui-navigate-right" href="javascript:toSetParam(2);">
  70. <em>充电时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  71. </a>
  72. </li>
  73. <li class="mui-table-view-cell three-power-ti" permission="manage-show">
  74. <a class="mui-navigate-right" href="javascript:toSetParam(3);">
  75. <em>三档计费功率比例</em><span class="mui-pull-right font-b-14 custom-right"></span>
  76. </a>
  77. </li>
  78. <li class="mui-table-view-cell five-power-ti" permission="manage-show">
  79. <a class="mui-navigate-right" href="javascript:toSetParam(3);">
  80. <em>五档计费功率比例</em><span class="mui-pull-right font-b-14 custom-right"></span>
  81. </a>
  82. </li>
  83. <li class="mui-table-view-cell ">
  84. <a class="mui-navigate-right" href="javascript:goNextPage(1);">
  85. <em>IC卡设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  86. </a>
  87. </li>
  88. <li class="mui-table-view-cell " permission="manage-show">
  89. <a class="mui-navigate-right" href="javascript:toSetParam(5);">
  90. <em>刷卡充电时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  91. </a>
  92. </li>
  93. </ul>
  94. <div class="edit-back mui-hidden" id="paramPanel11">
  95. <form class="edit-content" action="#">
  96. <div class="edit-box">
  97. <div class="mui-input-row">
  98. <label class="font-b-14">浮充功率</label>
  99. <div class="mui-pull-right edit-row">
  100. <input type="number" maxlength="4" min=1 max=1000 step="0.1" id="fuchongPower"
  101. class="save-data"/>
  102. <span class="font-b-12">瓦</span>
  103. </div>
  104. </div>
  105. <div class="mui-input-row">
  106. <label class="font-b-14 ">浮充时间 </label>
  107. <div class="mui-pull-right edit-row">
  108. <input type="number" maxlength="4" min=10 max=9999 id="fuchongTime" class="save-data"
  109. />
  110. <span class="font-b-12">秒</span>
  111. </div>
  112. </div>
  113. <div class="mui-input-row">
  114. <label class="font-b-14">语音音量</label>
  115. <div class="mui-pull-right edit-row">
  116. <input type="number" maxlength="4" min=1 max=8 required id="volume" class="save-data"
  117. />
  118. </div>
  119. </div>
  120. </div>
  121. <div class="mui-popup-buttons ">
  122. <span class="mui-popup-button">取消</span>
  123. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  124. /></span>
  125. </div>
  126. </form>
  127. </div>
  128. <div class="edit-back mui-hidden" id="paramPanel1">
  129. <form class="edit-content" action="#">
  130. <div class="edit-box">
  131. <div class="mui-input-row">
  132. <label class="font-b-14">最大输出功率</label>
  133. <div class="mui-pull-right edit-row">
  134. <input type="number" maxlength="4" min=0 max=9999 required id="maxPower" class="save-data"
  135. onkeypress="return myNumberic(event,0)"/>
  136. <span class="font-b-12">瓦</span>
  137. </div>
  138. </div>
  139. <div class="mui-input-row">
  140. <label class="font-b-14">刷卡扣费金额</label>
  141. <div class="mui-pull-right edit-row">
  142. <input type="number" maxlength="4" min=0 max=255 required id="icMoney" class="save-data"
  143. onkeypress="return myNumberic(event,0)"/>
  144. <span class="font-b-12">角</span>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="mui-popup-buttons ">
  149. <span class="mui-popup-button">取消</span>
  150. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  151. /></span>
  152. </div>
  153. </form>
  154. </div>
  155. <div class="edit-back mui-hidden" id="paramPanel2">
  156. <form class="edit-content" action="#">
  157. <div class="edit-box">
  158. <div class="mui-input-row">
  159. <label class="font-b-12">第1币充电时间</label>
  160. <div class="mui-pull-right edit-row">
  161. <input type="number" maxlength="3" min=0 max=999 required id="time1" class="save-data"
  162. onkeypress="return myNumberic(event,0)"/>
  163. <span class="font-b-12">分钟</span>
  164. </div>
  165. </div>
  166. <div class="mui-input-row">
  167. <label class="font-b-12">第2币充电时间</label>
  168. <div class="mui-pull-right edit-row">
  169. <input type="number" maxlength="3" min=0 max=999 required id="time2" class="save-data"
  170. onkeypress="return myNumberic(event,0)"/>
  171. <span class="font-b-12">分钟</span>
  172. </div>
  173. </div>
  174. <div class="mui-input-row">
  175. <label class="font-b-12">第3币充电时间</label>
  176. <div class="mui-pull-right edit-row">
  177. <input type="number" maxlength="3" min=0 max=999 required id="time3" class="save-data"
  178. onkeypress="return myNumberic(event,0)"/>
  179. <span class="font-b-12">分钟</span>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="mui-popup-buttons ">
  184. <span class="mui-popup-button">取消</span>
  185. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  186. /></span>
  187. </div>
  188. </form>
  189. </div>
  190. <div class="edit-back mui-hidden" id="paramPanel3">
  191. <form class="edit-content" action="#">
  192. <div class="edit-box">
  193. <div class="mui-input-row">
  194. <label class="font-b-12 tips-event">第1档功率 <i class="tips" title="设置第1档功率范围:0-第1档功率">i</i></label>
  195. <div class="mui-pull-right edit-row">
  196. <input type="number" min=0 max=99999 required id="power1" class="save-data"
  197. onkeypress="return myNumberic(event,0)"/>
  198. <span class="font-b-12">瓦</span>
  199. </div>
  200. </div>
  201. <div class="mui-input-row">
  202. <label class="font-b-12 tips-event">第1档功率比例 <i class="tips"
  203. title="电动车在此功率范围内充电时间对应机器设置时间的百分比,充电时间=设置时间*对应比例%">i</i></label>
  204. <div class="mui-pull-right edit-row">
  205. <input type="number" min=0 max=100 required id="power1ratio" class="save-data"
  206. onkeypress="return myNumberic(event,0)"/>
  207. <span class="font-b-12">%</span>
  208. </div>
  209. </div>
  210. <div class="mui-input-row">
  211. <label class="font-b-12 tips-event">第2档功率 <i class="tips" title="设置第2档功率范围:第1档功率-第2档功率">i</i></label>
  212. <div class="mui-pull-right edit-row">
  213. <input type="number" min=0 max=99999 required id="power2" class="save-data"
  214. onkeypress="return myNumberic(event,0)"/>
  215. <span class="font-b-12">瓦</span>
  216. </div>
  217. </div>
  218. <div class="mui-input-row">
  219. <label class="font-b-12">第2档功率比例</label>
  220. <div class="mui-pull-right edit-row">
  221. <input type="number" min=0 max=100 required id="power2ratio" class="save-data"
  222. onkeypress="return myNumberic(event,0)"/>
  223. <span class="font-b-12">%</span>
  224. </div>
  225. </div>
  226. <div class="mui-input-row">
  227. <label class="font-b-12 tips-event">第3档功率 <i class="tips" title="设置第3档功率范围:第2档功率-第3档功率">i</i></label>
  228. <div class="mui-pull-right edit-row">
  229. <input type="number" min=0 max=99999 required id="power3" class="save-data"
  230. onkeypress="return myNumberic(event,0)"/>
  231. <span class="font-b-12">瓦</span>
  232. </div>
  233. </div>
  234. <div class="mui-input-row">
  235. <label class="font-b-12">第3档功率比例</label>
  236. <div class="mui-pull-right edit-row">
  237. <input type="number" min=0 max=100 required id="power3ratio" class="save-data"
  238. onkeypress="return myNumberic(event,0)"/>
  239. <span class="font-b-12">%</span>
  240. </div>
  241. </div>
  242. <div class="mui-input-row five-power-ti">
  243. <label class="font-b-12 tips-event">第4档功率 <i class="tips" title="设置第4档功率范围:第3档功率-第4档功率">i</i></label>
  244. <div class="mui-pull-right edit-row">
  245. <input type="number" min=0 max=99999 required id="power4" class="save-data"
  246. onkeypress="return myNumberic(event,0)"/>
  247. <span class="font-b-12">瓦</span>
  248. </div>
  249. </div>
  250. <div class="mui-input-row five-power-ti">
  251. <label class="font-b-12">第4档功率比例</label>
  252. <div class="mui-pull-right edit-row">
  253. <input type="number" min=0 max=100 required id="power4ratio" class="save-data"
  254. onkeypress="return myNumberic(event,0)"/>
  255. <span class="font-b-12">%</span>
  256. </div>
  257. </div>
  258. <div class="mui-input-row five-power-ti">
  259. <label class="font-b-12 tips-event">第5档功率 <i class="tips" title="设置第5档功率范围:第4档功率-第5档功率">i</i></label>
  260. <div class="mui-pull-right edit-row">
  261. <input type="number" min=0 max=99999 required id="power5" class="save-data"
  262. onkeypress="return myNumberic(event,0)"/>
  263. <span class="font-b-12">瓦</span>
  264. </div>
  265. </div>
  266. <div class="mui-input-row five-power-ti">
  267. <label class="font-b-12">第5档功率比例</label>
  268. <div class="mui-pull-right edit-row">
  269. <input type="number" min=0 max=100 required id="power5ratio" class="save-data"
  270. onkeypress="return myNumberic(event,0)"/>
  271. <span class="font-b-12">%</span>
  272. </div>
  273. </div>
  274. </div>
  275. <div class="mui-popup-buttons ">
  276. <span class="mui-popup-button">取消</span>
  277. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  278. /></span>
  279. </div>
  280. </form>
  281. </div>
  282. <div class="edit-back mui-hidden" id="paramPanel4">
  283. <form class="edit-content" action="#">
  284. <div class="edit-box">
  285. <div class="mui-input-row">
  286. <label class="font-b-14">IC卡密码</label>
  287. <div class="mui-pull-right edit-row">
  288. <input type="text" required id="cardPassword" class="save-data"/>
  289. </div>
  290. </div>
  291. <div class="mui-input-row">
  292. <label class="font-b-14">IC卡号起始</label>
  293. <div class="mui-pull-right edit-row">
  294. <input type="text" required id="cardNoRangeStart" class="save-data"/>
  295. </div>
  296. </div>
  297. <div class="mui-input-row">
  298. <label class="font-b-14">IC卡号结束</label>
  299. <div class="mui-pull-right edit-row">
  300. <input type="text" required id="cardNoRangeEnd" class="save-data"/>
  301. </div>
  302. </div>
  303. </div>
  304. <div class="mui-popup-buttons ">
  305. <span class="mui-popup-button">取消</span>
  306. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="保存"
  307. /></span>
  308. </div>
  309. </form>
  310. </div>
  311. <div class="edit-back mui-hidden" id="paramPanel5">
  312. <form class="edit-content" action="#">
  313. <div class="edit-box">
  314. <div class="mui-input-row">
  315. <label class="font-b-12">刷1次时间</label>
  316. <div class="mui-pull-right edit-row">
  317. <input type="number" maxlength="3" min=0 max=999 required id="card1Time" class="save-data"
  318. />
  319. <span class="font-b-12">分钟</span>
  320. </div>
  321. </div>
  322. <div class="mui-input-row">
  323. <label class="font-b-12">刷2次时间</label>
  324. <div class="mui-pull-right edit-row">
  325. <input type="number" maxlength="3" min=0 max=999 required id="card2Time" class="save-data"
  326. />
  327. <span class="font-b-12">分钟</span>
  328. </div>
  329. </div>
  330. <div class="mui-input-row">
  331. <label class="font-b-12">刷3次时间</label>
  332. <div class="mui-pull-right edit-row">
  333. <input type="number" maxlength="3" min=0 max=999 required id="card3Time" class="save-data"
  334. />
  335. <span class="font-b-12">分钟</span>
  336. </div>
  337. </div>
  338. </div>
  339. <div class="mui-popup-buttons ">
  340. <span class="mui-popup-button">取消</span>
  341. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  342. /></span>
  343. </div>
  344. </form>
  345. </div>
  346. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  347. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  348. <script src="/components/custom/js/common.js"></script>
  349. <script src="/app/js/xyf.common.js"></script>
  350. <script src="/app/js/device-param.js"></script>
  351. <script>
  352. var pageConfig = {
  353. 1: 'device-function-100205-IC.html',
  354. }
  355. initParam({
  356. chargeFree: "switch",
  357. putCoins: "switch",
  358. icCard: "switch",
  359. autoStop: "switch",
  360. cardRefund: "switch",
  361. fuchongPower: "value",
  362. fuchongTime: "value",
  363. volume: "value",
  364. card1Time: "value",
  365. card2Time: "value",
  366. card3Time: "value",
  367. maxPower: "value",
  368. icMoney: "value",
  369. time1: "value",
  370. time2: "value",
  371. time3: "value",
  372. power1: "value",
  373. power2: "value",
  374. power3: "value",
  375. power4: "value",
  376. power5: "value",
  377. power1ratio: "value",
  378. power2ratio: "value",
  379. power3ratio: "value",
  380. power4ratio: "value",
  381. power5ratio: "value"
  382. }, function (payload) {
  383. if (payload.support5PowerTi) {
  384. $(".three-power-ti").remove()
  385. } else {
  386. $(".five-power-ti").remove()
  387. }
  388. })
  389. </script>
  390. </body>
  391. </html>