device-function-100289.html 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487
  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 custom-top">
  24. <li class="mui-table-view-cell">
  25. 设备温度<span class="mui-pull-right"><span id="temperature"></span>℃</span>
  26. </li>
  27. <li class="mui-table-view-cell">
  28. 设备电压<span class="mui-pull-right"><span id="voltage"></span>V</span>
  29. </li>
  30. <li class="mui-table-view-cell">
  31. 设备状态<span class="mui-pull-right"><span id="smokeWarning"></span></span>
  32. </li>
  33. </ul>
  34. <h5 class="mui-content-padded">设备功能配置</h5>
  35. <ul class="mui-table-view">
  36. <li class="mui-table-view-cell">
  37. 开启投币器
  38. <div class="switch switch-mini " key="putCoins">
  39. <div class="switch-handle"></div>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. 开启IC卡
  44. <div class="switch switch-mini " key="icCard">
  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="autoStop">
  51. <div class="switch-handle"></div>
  52. </div>
  53. </li>
  54. <li class="mui-table-view-cell">
  55. 刷卡退费
  56. <div class="switch switch-mini " key="cardRefund">
  57. <div class="switch-handle"></div>
  58. </div>
  59. </li>
  60. <li class="mui-table-view-cell">
  61. 免费充电
  62. <div class="switch switch-mini " key="chargeFree" true-value="1" false-value="0">
  63. <div class="switch-handle"></div>
  64. </div>
  65. </li>
  66. </ul>
  67. <ul class="mui-table-view margin-t-15">
  68. <li class="mui-table-view-cell " permission="manage-show">
  69. <a class="mui-navigate-right" href="javascript:toSetParam(7);">
  70. <em>浮充配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  71. </a>
  72. </li>
  73. </ul>
  74. <ul class="mui-table-view margin-t-15">
  75. <li class="mui-table-view-cell " permission="manage-show">
  76. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  77. <em>基本配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  78. </a>
  79. </li>
  80. <li class="mui-table-view-cell" permission="manage-show">
  81. <a class="mui-navigate-right" href="javascript:toSetParam(3);">
  82. <em>五档计费功率比例</em><span class="mui-pull-right font-b-14 custom-right"></span>
  83. </a>
  84. </li>
  85. <li class="mui-table-view-cell time-ti" permission="manage-show">
  86. <a class="mui-navigate-right" href="javascript:toSetParam(2);">
  87. <em>投币充电时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  88. </a>
  89. </li>
  90. <li class="mui-table-view-cell time-ti" permission="manage-show">
  91. <a class="mui-navigate-right" href="javascript:toSetParam(5);">
  92. <em>刷卡充电时间</em><span class="mui-pull-right font-b-14 custom-right"></span>
  93. </a>
  94. </li>
  95. <li class="mui-table-view-cell elec-ti" permission="manage-show">
  96. <a class="mui-navigate-right" href="javascript:toSetParam(6);">
  97. <em>充电电量</em><span class="mui-pull-right font-b-14 custom-right"></span>
  98. </a>
  99. </li>
  100. </ul>
  101. <div class="edit-back mui-hidden" id="paramPanel1">
  102. <form class="edit-content" action="#">
  103. <div class="edit-box">
  104. <div class="mui-input-row margin-b-10">
  105. <label class="font-b-14 ">计费模式</label>
  106. <div class="mui-pull-right mui-radio ">
  107. <span class="font-b-14 ">
  108. <input class="save-data" id="consumeModule" name="consumeModule" type="radio" value=0
  109. required @click="tapServiceModelOff()">按时间计费</span>
  110. <span class="font-b-14 ">
  111. <input class="" name="consumeModule" type="radio" value=2 required
  112. @click="tapServiceModelOn()">按电量计费</span>
  113. <br>
  114. </div>
  115. </div>
  116. <div class="mui-input-row">
  117. <label class="font-b-14">最大输出功率</label>
  118. <div class="mui-pull-right edit-row">
  119. <input type="number" maxlength="4" min=0 max=9999 required id="maxPower" class="save-data"
  120. onkeypress="return myNumberic(event,0)"/>
  121. <span class="font-b-12">瓦</span>
  122. </div>
  123. </div>
  124. <div class="mui-input-row">
  125. <label class="font-b-14">刷卡扣费金额</label>
  126. <div class="mui-pull-right edit-row">
  127. <input type="number" maxlength="4" min=0 max=255 required id="icMoney" class="save-data"
  128. onkeypress="return myNumberic(event,0)"/>
  129. <span class="font-b-12">角</span>
  130. </div>
  131. </div>
  132. <div class="mui-input-row">
  133. <label class="font-b-14">安全温度阈值</label>
  134. <div class="mui-pull-right edit-row">
  135. <input type="number" maxlength="4" min=40 max=80 required id="temThre" class="save-data"
  136. onkeypress="return myNumberic(event,0)"/>
  137. <span class="font-b-12">℃</span>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="mui-popup-buttons ">
  142. <span class="mui-popup-button">取消</span>
  143. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  144. /></span>
  145. </div>
  146. </form>
  147. </div>
  148. <div class="edit-back mui-hidden" id="paramPanel2">
  149. <form class="edit-content" action="#">
  150. <div class="edit-box">
  151. <div class="mui-input-row">
  152. <label class="font-b-12">第1币充电时间</label>
  153. <div class="mui-pull-right edit-row">
  154. <input type="number" maxlength="3" min=0 max=999 required id="time1" class="save-data"
  155. onkeypress="return myNumberic(event,0)"/>
  156. <span class="font-b-12">分钟</span>
  157. </div>
  158. </div>
  159. <div class="mui-input-row">
  160. <label class="font-b-12">第2币充电时间</label>
  161. <div class="mui-pull-right edit-row">
  162. <input type="number" maxlength="3" min=0 max=999 required id="time2" class="save-data"
  163. onkeypress="return myNumberic(event,0)"/>
  164. <span class="font-b-12">分钟</span>
  165. </div>
  166. </div>
  167. <div class="mui-input-row">
  168. <label class="font-b-12">第3币充电时间</label>
  169. <div class="mui-pull-right edit-row">
  170. <input type="number" maxlength="3" min=0 max=999 required id="time3" class="save-data"
  171. onkeypress="return myNumberic(event,0)"/>
  172. <span class="font-b-12">分钟</span>
  173. </div>
  174. </div>
  175. </div>
  176. <div class="mui-popup-buttons ">
  177. <span class="mui-popup-button">取消</span>
  178. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  179. /></span>
  180. </div>
  181. </form>
  182. </div>
  183. <div class="edit-back mui-hidden" id="paramPanel3">
  184. <form class="edit-content" action="#">
  185. <div class="edit-box">
  186. <div class="mui-input-row">
  187. <label class="font-b-12 tips-event">第1档功率 <i class="tips" title="设置第1档功率范围:0-第1档功率">i</i></label>
  188. <div class="mui-pull-right edit-row">
  189. <input type="number" min=0 max=99999 required id="power1" class="save-data"
  190. onkeypress="return myNumberic(event,0)"/>
  191. <span class="font-b-12">瓦</span>
  192. </div>
  193. </div>
  194. <div class="mui-input-row">
  195. <label class="font-b-12 tips-event">第1档功率比例 <i class="tips"
  196. title="电动车在此功率范围内充电时间对应机器设置时间的百分比,充电时间=设置时间*对应比例%">i</i></label>
  197. <div class="mui-pull-right edit-row">
  198. <input type="number" min=0 max=100 required id="power1ratio" class="save-data"
  199. onkeypress="return myNumberic(event,0)"/>
  200. <span class="font-b-12">%</span>
  201. </div>
  202. </div>
  203. <div class="mui-input-row">
  204. <label class="font-b-12 tips-event">第2档功率 <i class="tips" title="设置第2档功率范围:第1档功率-第2档功率">i</i></label>
  205. <div class="mui-pull-right edit-row">
  206. <input type="number" min=0 max=99999 required id="power2" class="save-data"
  207. onkeypress="return myNumberic(event,0)"/>
  208. <span class="font-b-12">瓦</span>
  209. </div>
  210. </div>
  211. <div class="mui-input-row">
  212. <label class="font-b-12">第2档功率比例</label>
  213. <div class="mui-pull-right edit-row">
  214. <input type="number" min=0 max=100 required id="power2ratio" class="save-data"
  215. onkeypress="return myNumberic(event,0)"/>
  216. <span class="font-b-12">%</span>
  217. </div>
  218. </div>
  219. <div class="mui-input-row">
  220. <label class="font-b-12 tips-event">第3档功率 <i class="tips" title="设置第3档功率范围:第2档功率-第3档功率">i</i></label>
  221. <div class="mui-pull-right edit-row">
  222. <input type="number" min=0 max=99999 required id="power3" class="save-data"
  223. onkeypress="return myNumberic(event,0)"/>
  224. <span class="font-b-12">瓦</span>
  225. </div>
  226. </div>
  227. <div class="mui-input-row">
  228. <label class="font-b-12">第3档功率比例</label>
  229. <div class="mui-pull-right edit-row">
  230. <input type="number" min=0 max=100 required id="power3ratio" class="save-data"
  231. onkeypress="return myNumberic(event,0)"/>
  232. <span class="font-b-12">%</span>
  233. </div>
  234. </div>
  235. <div class="mui-input-row">
  236. <label class="font-b-12 tips-event">第4档功率 <i class="tips" title="设置第4档功率范围:第3档功率-第4档功率">i</i></label>
  237. <div class="mui-pull-right edit-row">
  238. <input type="number" min=0 max=99999 required id="power4" class="save-data"
  239. onkeypress="return myNumberic(event,0)"/>
  240. <span class="font-b-12">瓦</span>
  241. </div>
  242. </div>
  243. <div class="mui-input-row">
  244. <label class="font-b-12">第4档功率比例</label>
  245. <div class="mui-pull-right edit-row">
  246. <input type="number" min=0 max=100 required id="power4ratio" class="save-data"
  247. onkeypress="return myNumberic(event,0)"/>
  248. <span class="font-b-12">%</span>
  249. </div>
  250. </div>
  251. <div class="mui-input-row">
  252. <label class="font-b-12 tips-event">第5档功率 <i class="tips" title="设置第5档功率范围:第4档功率-第5档功率">i</i></label>
  253. <div class="mui-pull-right edit-row">
  254. <input type="number" min=0 max=99999 required id="power5" class="save-data"
  255. onkeypress="return myNumberic(event,0)"/>
  256. <span class="font-b-12">瓦</span>
  257. </div>
  258. </div>
  259. <div class="mui-input-row">
  260. <label class="font-b-12">第5档功率比例</label>
  261. <div class="mui-pull-right edit-row">
  262. <input type="number" min=0 max=100 required id="power5ratio" class="save-data"
  263. onkeypress="return myNumberic(event,0)"/>
  264. <span class="font-b-12">%</span>
  265. </div>
  266. </div>
  267. </div>
  268. <div class="mui-popup-buttons ">
  269. <span class="mui-popup-button">取消</span>
  270. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  271. /></span>
  272. </div>
  273. </form>
  274. </div>
  275. <div class="edit-back mui-hidden" id="paramPanel5">
  276. <form class="edit-content" action="#">
  277. <div class="edit-box">
  278. <div class="mui-input-row">
  279. <label class="font-b-12">刷1次时间</label>
  280. <div class="mui-pull-right edit-row">
  281. <input type="number" maxlength="3" min=0 max=999 required id="card1Time" class="save-data"
  282. />
  283. <span class="font-b-12">分钟</span>
  284. </div>
  285. </div>
  286. <div class="mui-input-row">
  287. <label class="font-b-12">刷2次时间</label>
  288. <div class="mui-pull-right edit-row">
  289. <input type="number" maxlength="3" min=0 max=999 required id="card2Time" class="save-data"
  290. />
  291. <span class="font-b-12">分钟</span>
  292. </div>
  293. </div>
  294. <div class="mui-input-row">
  295. <label class="font-b-12">刷3次时间</label>
  296. <div class="mui-pull-right edit-row">
  297. <input type="number" maxlength="3" min=0 max=999 required id="card3Time" class="save-data"
  298. />
  299. <span class="font-b-12">分钟</span>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="mui-popup-buttons ">
  304. <span class="mui-popup-button">取消</span>
  305. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  306. /></span>
  307. </div>
  308. </form>
  309. </div>
  310. <div class="edit-back mui-hidden" id="paramPanel6">
  311. <form class="edit-content" action="#">
  312. <div class="edit-box">
  313. <div class="mui-input-row">
  314. <label class="font-b-12">单次投币获得电量</label>
  315. <div class="mui-pull-right edit-row">
  316. <input type="number" maxlength="3" step="0.01" min=0 max=999 required id="coinPower"
  317. 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">单次刷卡获得电量</label>
  324. <div class="mui-pull-right edit-row">
  325. <input type="number" maxlength="3" step="0.01" min=0 max=999 required id="cardPower"
  326. class="save-data"
  327. />
  328. <span class="font-b-12">度</span>
  329. </div>
  330. </div>
  331. </div>
  332. <div class="mui-popup-buttons ">
  333. <span class="mui-popup-button">取消</span>
  334. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  335. /></span>
  336. </div>
  337. </form>
  338. </div>
  339. <div class="edit-back mui-hidden" id="paramPanel7">
  340. <form class="edit-content" action="#">
  341. <div class="edit-box">
  342. <div class="mui-input-row">
  343. <label class="font-b-14">浮充功率</label>
  344. <div class="mui-pull-right edit-row">
  345. <input type="number" maxlength="4" min=1 max=1000 step="0.1" id="fuchongPower"
  346. class="save-data"/>
  347. <span class="font-b-12">瓦</span>
  348. </div>
  349. </div>
  350. <div class="mui-input-row">
  351. <label class="font-b-14 ">浮充时间 </label>
  352. <div class="mui-pull-right edit-row">
  353. <input type="number" maxlength="4" min=10 max=9999 id="fuchongTime" class="save-data"
  354. />
  355. <span class="font-b-12">秒</span>
  356. </div>
  357. </div>
  358. <div class="mui-input-row">
  359. <label class="font-b-14">充电器移除时间</label>
  360. <div class="mui-pull-right edit-row">
  361. <input type="number" step="1" min=5 max=999 required id="noPowerTime" class="save-data"
  362. />
  363. <span class="font-b-12">秒</span>
  364. </div>
  365. </div>
  366. <div class="mui-input-row">
  367. <label class="font-b-14">语音音量</label>
  368. <div class="mui-pull-right edit-row">
  369. <input type="number" maxlength="4" min=1 max=8 required id="volume" class="save-data"
  370. />
  371. </div>
  372. </div>
  373. </div>
  374. <div class="mui-popup-buttons ">
  375. <span class="mui-popup-button">取消</span>
  376. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  377. /></span>
  378. </div>
  379. </form>
  380. </div>
  381. <div class="custom-margin">
  382. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定解除烟雾警报?" key="smokeWarning">解除烟雾警报</div>
  383. </div>
  384. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  385. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  386. <script src="/components/custom/js/common.js"></script>
  387. <script src="/app/js/xyf.common.js"></script>
  388. <script src="/app/js/device-param.js"></script>
  389. <script>
  390. initParam(
  391. {
  392. params: {
  393. temperature: "value",
  394. voltage: "value",
  395. smokeWarning: "value",
  396. chargeFree: "switch",
  397. putCoins: "switch",
  398. icCard: "switch",
  399. autoStop: "switch",
  400. cardRefund: "switch",
  401. consumeModule: "radio",
  402. fuchongPower: "value",
  403. fuchongTime: "value",
  404. noPowerTime: 'value',
  405. volume: "value",
  406. card1Time: "value",
  407. card2Time: "value",
  408. card3Time: "value",
  409. maxPower: "value",
  410. icMoney: "value",
  411. time1: "value",
  412. time2: "value",
  413. time3: "value",
  414. power1: "value",
  415. power2: "value",
  416. power3: "value",
  417. power4: "value",
  418. power5: "value",
  419. power1ratio: "value",
  420. power2ratio: "value",
  421. power3ratio: "value",
  422. power4ratio: "value",
  423. power5ratio: "value",
  424. coinPower: "value",
  425. cardPower: "value",
  426. temThre: "value",
  427. callback: function (payload) {
  428. $("#consumeModule").on('change', function () {
  429. seChargeUnit(this.value)
  430. })
  431. seChargeUnit(payload.consumeModule)
  432. },
  433. dialogSubmitSuccess: function () {
  434. location.reload()
  435. },
  436. },
  437. dialogSubmitSuccess: function () {
  438. location.reload()
  439. },
  440. callback: function(payload) {
  441. if (payload.support5Elec) {
  442. $(".time-ti").remove()
  443. } else {
  444. $(".elec-ti").remove()
  445. }
  446. },
  447. })
  448. </script>
  449. </body>
  450. </html>