device-function-100276.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583
  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 mergeSubmit">
  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="disableDevice">
  27. <div class="switch-handle"></div>
  28. </div>
  29. </li>
  30. <li class="mui-table-view-cell">
  31. 免费充电模式
  32. <div class="switch switch-mini " key="free_mode_en" true-value="1" false-value="0"
  33. interfaceName="setDeviceFunctionParam">
  34. <div class="switch-handle"></div>
  35. </div>
  36. </li>
  37. <li class="mui-table-view-cell">
  38. 退费模式
  39. <div class="switch switch-mini " key="refund_mode_en" true-value="1" false-value="0"
  40. interfaceName="setDeviceFunctionParam">
  41. <div class="switch-handle"></div>
  42. </div>
  43. </li>
  44. <li class="mui-table-view-cell">
  45. 充满自停
  46. <div class="switch switch-mini " key="full_stop_en" true-value="1" false-value="0"
  47. interfaceName="setDeviceFunctionParam">
  48. <div class="switch-handle"></div>
  49. </div>
  50. </li>
  51. <li class="mui-table-view-cell">
  52. 投币功能
  53. <div class="switch switch-mini " key="coin_en" true-value="1" false-value="0"
  54. interfaceName="setDeviceFunctionParam">
  55. <div class="switch-handle"></div>
  56. </div>
  57. </li>
  58. <li class="mui-table-view-cell">
  59. 刷卡功能
  60. <div class="switch switch-mini " key="card_en" true-value="1" false-value="0"
  61. interfaceName="setDeviceFunctionParam">
  62. <div class="switch-handle"></div>
  63. </div>
  64. </li>
  65. </ul>
  66. <h5 class="mui-content-padded">参数配置</h5>
  67. <ul class="mui-table-view">
  68. <li class="mui-table-view-cell " permission="manage-show">
  69. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  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 " permission="manage-show">
  74. <a class="mui-navigate-right" href="javascript:toSetParam(2);">
  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 " 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 " permission="manage-show">
  84. <a class="mui-navigate-right" href="javascript:toSetParam(4);">
  85. <em>读卡参数 </em><span class="mui-pull-right font-b-14 custom-right"></span>
  86. </a>
  87. </li>
  88. </ul>
  89. <ul class="mui-table-view custom-top">
  90. <li class="mui-table-view-cell">
  91. 投币总额<span class="mui-pull-right"><span id="coin_total"></span>个</span>
  92. </li>
  93. <li class="mui-table-view-cell">
  94. 刷卡总额<span class="mui-pull-right"><span id="card_total"></span>元</span>
  95. </li>
  96. </ul>
  97. <ul class="mui-table-view custom-top">
  98. <li class="mui-table-view-cell">
  99. 硬件版本<span class="mui-pull-right"><span id="hw_ver"></span></span>
  100. </li>
  101. <li class="mui-table-view-cell">
  102. 软件版本<span class="mui-pull-right"><span id="soft_ver"></span></span>
  103. </li>
  104. </ul>
  105. <div class="edit-back mui-hidden" id="paramPanel1">
  106. <form class="edit-content" action="#">
  107. <div class="edit-box">
  108. <div class="mui-input-row">
  109. <label class="font-b-14 tips-event">退费保护时间 <i class="tips" title="设备启动小于该时间会自动全额退款">i</i></label>
  110. <div class="mui-pull-right edit-row">
  111. <input type="number" min=1 max=10 required id="refundProtectionTime" class="save-data"/>
  112. <span class="font-b-12">分钟</span>
  113. </div>
  114. </div>
  115. <div class="mui-input-row">
  116. <label class="font-b-14">音量</label>
  117. <div class="mui-pull-right edit-row">
  118. <input type="number" maxlength="3" min=0 max=7 required id="volume" class="save-data"
  119. onkeypress="return myNumberic(event,0)"/>
  120. <span class="font-b-12"></span>
  121. </div>
  122. </div>
  123. <div class="mui-input-row">
  124. <label class="font-b-14">浮充功率</label>
  125. <div class="mui-pull-right edit-row">
  126. <input type="number" maxlength="3" min=0 max=9999 required id="float_power" class="save-data"
  127. onkeypress="return myNumberic(event,0)"/>
  128. <span class="font-b-12">0.1瓦</span>
  129. </div>
  130. </div>
  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="3" min=0 max=9999 required id="float_time" 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=9999 required id="port_max_power" class="save-data"
  143. onkeypress="return myNumberic(event,0)"/>
  144. <span class="font-b-12">瓦</span>
  145. </div>
  146. </div>
  147. <div class="mui-input-row">
  148. <label class="font-b-14">整机最大功率</label>
  149. <div class="mui-pull-right edit-row">
  150. <input type="number" maxlength="3" min=0 max=9999 required id="dev_max_power" class="save-data"
  151. onkeypress="return myNumberic(event,0)"/>
  152. <span class="font-b-12">瓦</span>
  153. </div>
  154. </div>
  155. <div class="mui-input-row">
  156. <label class="font-b-14">移除断电时间</label>
  157. <div class="mui-pull-right edit-row">
  158. <input type="number" maxlength="3" min=0 max=9999 required id="remove_load_time" class="save-data"
  159. onkeypress="return myNumberic(event,0)"/>
  160. <span class="font-b-12">秒</span>
  161. </div>
  162. </div>
  163. <div class="mui-input-row">
  164. <label class="font-b-14">空载等待时间</label>
  165. <div class="mui-pull-right edit-row">
  166. <input type="number" maxlength="3" min=0 max=9999 required id="noload_wait_time" class="save-data"
  167. onkeypress="return myNumberic(event,0)"/>
  168. <span class="font-b-12">秒</span>
  169. </div>
  170. </div>
  171. <div class="mui-input-row">
  172. <label class="font-b-14">温度报警阀值</label>
  173. <div class="mui-pull-right edit-row">
  174. <input type="number" maxlength="3" min=0 max=9999 required id="temp_max_limit" class="save-data"
  175. onkeypress="return myNumberic(event,0)"/>
  176. <span class="font-b-12">摄氏度</span>
  177. </div>
  178. </div>
  179. <div class="mui-input-row">
  180. <label class="font-b-14">烟雾报警阀值</label>
  181. <div class="mui-pull-right edit-row">
  182. <input type="number" maxlength="3" min=0 max=9999 required id="smork_max_limit" class="save-data"
  183. onkeypress="return myNumberic(event,0)"/>
  184. <span class="font-b-12">10ppm</span>
  185. </div>
  186. </div>
  187. <div class="mui-input-row">
  188. <label class="font-b-14 tips-event">烟雾与温度上报间隔 <i class="tips" title="按电量收费时,需要填写该项">i</i></label>
  189. <div class="mui-pull-right edit-row">
  190. <input type="number" maxlength="3" min=0 max=9999 required id="smork_temp_report_interval"
  191. class="save-data"
  192. onkeypress="return myNumberic(event,0)"/>
  193. <span class="font-b-12">分钟</span>
  194. </div>
  195. </div>
  196. <div class="mui-input-row">
  197. <label class="font-b-14">充电功率上报间隔</label>
  198. <div class="mui-pull-right edit-row">
  199. <input type="number" maxlength="3" min=0 max=9999 required id="power_report_interval"
  200. class="save-data"
  201. onkeypress="return myNumberic(event,0)"/>
  202. <span class="font-b-12">分钟</span>
  203. </div>
  204. </div>
  205. <div class="mui-input-row">
  206. <label class="font-b-14">端口状态上报间隔</label>
  207. <div class="mui-pull-right edit-row">
  208. <input type="number" maxlength="3" min=0 max=9999 required id="port_status_interval"
  209. class="save-data"
  210. onkeypress="return myNumberic(event,0)"/>
  211. <span class="font-b-12">分钟</span>
  212. </div>
  213. </div>
  214. <div class="mui-input-row">
  215. <label class="font-b-14">机器密码</label>
  216. <div class="mui-pull-right edit-row">
  217. <input type="number" maxlength="3" min=0 required id="password" class="save-data"
  218. />
  219. <span class="font-b-12"></span>
  220. </div>
  221. </div>
  222. </div>
  223. <div class="mui-popup-buttons ">
  224. <span class="mui-popup-button">取消</span>
  225. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  226. /></span>
  227. </div>
  228. </form>
  229. </div>
  230. <div class="edit-back mui-hidden" id="paramPanel2">
  231. <form class="edit-content" action="#">
  232. <div class="edit-box">
  233. <div class="mui-input-row padding-b-10">
  234. <label class="font-b-14">默认计量类型</label>
  235. <div class="mui-pull-right mui-radio">
  236. <input class="save-data" name="consumeModule" type="radio" value="1" required><span
  237. class="font-b-14">时间</span>
  238. <input class="" name="consumeModule" type="radio" value="2" required><span
  239. class="font-b-14">电量</span>
  240. </div>
  241. </div>
  242. <div class="mui-input-row">
  243. <label class="font-b-14">免费充电时间</label>
  244. <div class="mui-pull-right edit-row">
  245. <input type="number" maxlength="3" min=0 max=9999 required id="free_time" 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">
  251. <label class="font-b-14">投币一元</label>
  252. <div class="mui-pull-right edit-row">
  253. <input type="number" maxlength="4" min=0 max=9999 required id="coin_quote" class="save-data"
  254. onkeypress="return myNumberic(event,0)"/>
  255. <span class="font-b-12" id="coin_quote_unit"></span>
  256. </div>
  257. </div>
  258. <div class="mui-input-row">
  259. <label class="font-b-14">刷卡一元</label>
  260. <div class="mui-pull-right edit-row">
  261. <input type="number" maxlength="3" min=0 max=9999 required id="card_quote" class="save-data"
  262. onkeypress="return myNumberic(event,0)"/>
  263. <span class="font-b-12" id="card_quote_unit"></span>
  264. </div>
  265. </div>
  266. <div class="mui-input-row">
  267. <label class="font-b-14">单次刷卡金额</label>
  268. <div class="mui-pull-right edit-row">
  269. <input type="number" maxlength="3" min=0 max=9999 required id="onec_card_fee" 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="paramPanel3">
  283. <form class="edit-content" action="#">
  284. <div class="edit-box">
  285. <div class="mui-input-row">
  286. <label class="font-b-14">一档最大功率</label>
  287. <div class="mui-pull-right edit-row">
  288. <input type="number" maxlength="3" min=0 max=9999 required id="power1" class="save-data"
  289. onkeypress="return myNumberic(event,0)"/>
  290. <span class="font-b-12" >瓦</span>
  291. </div>
  292. </div>
  293. <div class="mui-input-row">
  294. <label class="font-b-14">一档时间比例</label>
  295. <div class="mui-pull-right edit-row">
  296. <input type="number" maxlength="3" min=0 max=9999 required id="power1ratio" class="save-data"
  297. onkeypress="return myNumberic(event,0)"/>
  298. <span class="font-b-12">%</span>
  299. </div>
  300. </div>
  301. <div class="mui-input-row">
  302. <label class="font-b-14">二档最大功率</label>
  303. <div class="mui-pull-right edit-row">
  304. <input type="number" maxlength="3" min=0 max=9999 required id="power2" class="save-data"
  305. onkeypress="return myNumberic(event,0)"/>
  306. <span class="font-b-12" >瓦</span>
  307. </div>
  308. </div>
  309. <div class="mui-input-row">
  310. <label class="font-b-14">二档时间比例</label>
  311. <div class="mui-pull-right edit-row">
  312. <input type="number" maxlength="3" min=0 max=9999 required id="power2ratio" class="save-data"
  313. onkeypress="return myNumberic(event,0)"/>
  314. <span class="font-b-12">%</span>
  315. </div>
  316. </div>
  317. <div class="mui-input-row">
  318. <label class="font-b-14">三档最大功率</label>
  319. <div class="mui-pull-right edit-row">
  320. <input type="number" maxlength="3" min=0 max=9999 required id="power3" class="save-data"
  321. onkeypress="return myNumberic(event,0)"/>
  322. <span class="font-b-12" >瓦</span>
  323. </div>
  324. </div>
  325. <div class="mui-input-row">
  326. <label class="font-b-14">三档时间比例</label>
  327. <div class="mui-pull-right edit-row">
  328. <input type="number" maxlength="3" min=0 max=9999 required id="power3ratio" class="save-data"
  329. onkeypress="return myNumberic(event,0)"/>
  330. <span class="font-b-12">%</span>
  331. </div>
  332. </div>
  333. <div class="mui-input-row">
  334. <label class="font-b-14">四档最大功率</label>
  335. <div class="mui-pull-right edit-row">
  336. <input type="number" maxlength="3" min=0 max=9999 required id="power4" class="save-data"
  337. onkeypress="return myNumberic(event,0)"/>
  338. <span class="font-b-12" >瓦</span>
  339. </div>
  340. </div>
  341. <div class="mui-input-row">
  342. <label class="font-b-14">四档时间比例</label>
  343. <div class="mui-pull-right edit-row">
  344. <input type="number" maxlength="3" min=0 max=9999 required id="power4ratio" class="save-data"
  345. onkeypress="return myNumberic(event,0)"/>
  346. <span class="font-b-12">%</span>
  347. </div>
  348. </div>
  349. <div class="mui-input-row">
  350. <label class="font-b-14">五档最大功率</label>
  351. <div class="mui-pull-right edit-row">
  352. <input type="number" maxlength="3" min=0 max=9999 required id="power5" class="save-data"
  353. onkeypress="return myNumberic(event,0)"/>
  354. <span class="font-b-12" >瓦</span>
  355. </div>
  356. </div>
  357. <div class="mui-input-row">
  358. <label class="font-b-14">五档时间比例</label>
  359. <div class="mui-pull-right edit-row">
  360. <input type="number" maxlength="3" min=0 max=9999 required id="power5ratio" class="save-data"
  361. onkeypress="return myNumberic(event,0)"/>
  362. <span class="font-b-12">%</span>
  363. </div>
  364. </div>
  365. </div>
  366. <div class="mui-popup-buttons ">
  367. <span class="mui-popup-button">取消</span>
  368. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  369. /></span>
  370. </div>
  371. </form>
  372. </div>
  373. <div class="edit-back mui-hidden" id="paramPanel4">
  374. <form class="edit-content" action="#">
  375. <div class="edit-box">
  376. <div class="mui-input-row">
  377. <label class="font-b-14">扇区密码</label>
  378. <div class="mui-pull-right edit-row">
  379. <input type="number" maxlength="3" min=0 required id="cardPassword" class="save-data"
  380. onkeypress="return myNumberic(event,0)"/>
  381. <span class="font-b-12" ></span>
  382. </div>
  383. </div>
  384. <div class="mui-input-row">
  385. <label class="font-b-14">扇区号</label>
  386. <div class="mui-pull-right edit-row">
  387. <input type="number" maxlength="3" min=0 max=9999 required id="sector" class="save-data"
  388. onkeypress="return myNumberic(event,0)"/>
  389. <span class="font-b-12"></span>
  390. </div>
  391. </div>
  392. </div>
  393. <div class="mui-popup-buttons ">
  394. <span class="mui-popup-button">取消</span>
  395. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  396. /></span>
  397. </div>
  398. </form>
  399. </div>
  400. <div class="custom-subt">
  401. <a id="submitAll" class="custom-btn custom-btn-primary" href="javascript:;">全部保存</a>
  402. <!-- <div class="custom-margin">-->
  403. <!-- <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启设备?" key="reboot">重启设备</div>-->
  404. <!-- </div>-->
  405. <!-- <div class="dev-fun-btn custom-top custom-btn custom-btn-default c-red "-->
  406. <!-- data-param-tips="<span class='c-red'>您确定要清除设备上的统计信息?</span>" key="clearSum">清除设备统计信息-->
  407. <!-- </div>-->
  408. </div>
  409. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  410. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  411. <script src="/components/custom/js/common.js"></script>
  412. <script src="/app/js/xyf.common.js"></script>
  413. <script src="/app/js/device-param.js"></script>
  414. <script>
  415. initParam({
  416. refundProtectionTime:'value',
  417. disableDevice: 'switch',
  418. free_mode_en: 'switch',
  419. refund_mode_en: 'switch',
  420. full_stop_en: 'switch',
  421. coin_en: 'switch',
  422. card_en: 'switch',
  423. port_max_power: 'value',
  424. dev_max_power: 'value',
  425. coin_quote: 'value',
  426. card_quote: 'value',
  427. free_time: 'value',
  428. remove_load_time: 'value',
  429. noload_wait_time: 'value',
  430. float_power: 'value',
  431. float_time: 'value',
  432. onec_card_fee: 'value',
  433. volume: 'value',
  434. consumeModule: 'radio',
  435. temp_max_limit: 'value',
  436. smork_max_limit: 'value',
  437. password: 'value',
  438. power_report_interval: 'value',
  439. smork_temp_report_interval: 'value',
  440. port_status_interval: 'value',
  441. power1: 'value',
  442. power1ratio: 'value',
  443. power2: 'value',
  444. power2ratio: 'value',
  445. power3: 'value',
  446. power3ratio: 'value',
  447. power4: 'value',
  448. power4ratio: 'value',
  449. power5: 'value',
  450. power5ratio: 'value',
  451. cardPassword: 'value',
  452. sector: 'value',
  453. coin_total: 'value',
  454. card_total: 'value',
  455. hw_ver: 'value',
  456. soft_ver: 'value',
  457. }, function (payload) {
  458. // 合并package数据
  459. mergeSubmitOption.prev = function () {
  460. var md = mergeSubmitData
  461. md.free_mode_en = md.free_mode_en == '1' ? 1 : 0
  462. md.refund_mode_en = md.refund_mode_en == '1' ? 1 : 0
  463. md.full_stop_en = md.coin_en == '1' ? 1 : 0
  464. md.coin_en = md.coin_en == '1' ? 1 : 0
  465. md.card_en = md.coin_en == '1' ? 1 : 0
  466. }
  467. console.log(payload)
  468. // 事件
  469. $("[name='consumeModule']").on('change', function () {
  470. setUnit(this.value)
  471. })
  472. setUnit(payload.consumeModule)
  473. })
  474. function setUnit(val){
  475. var quote_unit = val == 1 ? '分钟' : '0.001度'
  476. $("#coin_quote_unit").html(quote_unit)
  477. $("#card_quote_unit").html(quote_unit)
  478. }
  479. </script>
  480. </body>
  481. </html>