device-function-100275.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418
  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="close_for_full" true-value="1" false-value="0">
  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="card_refund_en" true-value="1" false-value="0">
  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="coin_en" true-value="1" false-value="0">
  39. <div class="switch-handle"></div>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell " permission="manage-show">
  43. <a class="mui-navigate-right" href="javascript:toSetParam(10);">
  44. <em>档位功率</em><span class="mui-pull-right font-b-14 custom-right"></span>
  45. </a>
  46. </li>
  47. <li class="mui-table-view-cell " permission="manage-show">
  48. <a class="mui-navigate-right" href="javascript:toSetParam(4);">
  49. <em>音量设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  50. </a>
  51. </li>
  52. <li class="mui-table-view-cell " permission="manage-show">
  53. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  54. <em>充电参数</em><span class="mui-pull-right font-b-14 custom-right"></span>
  55. </a>
  56. </li>
  57. <li class="mui-table-view-cell " permission="manage-show">
  58. <a class="mui-navigate-right" href="javascript:toSetParam(22);">
  59. <em>计费模式</em><span class="mui-pull-right font-b-14 custom-right"></span>
  60. </a>
  61. </li>
  62. <li class="mui-table-view-cell " permission="manage-show">
  63. <a class="mui-navigate-right" href="javascript:toSetParam(23);">
  64. <em>刷卡配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  65. </a>
  66. </li>
  67. <li class="mui-table-view-cell " permission="manage-show">
  68. <a class="mui-navigate-right" href="javascript:toSetParam(24);">
  69. <em>在线卡配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  70. </a>
  71. </li>
  72. </ul>
  73. <div class="edit-back mui-hidden" id="paramPanel10">
  74. <form class="edit-content">
  75. <div class="edit-box" action="">
  76. <div class="mui-input-row ">
  77. <label class="font-b-12">一档功率</label>
  78. <div class="mui-pull-right edit-row">
  79. <input type="number" min=0 max=9999 required id="power_lv1_watt" class="save-data"
  80. />
  81. <!-- <span class="font-b-12">0.1瓦</span> -->
  82. </div>
  83. </div>
  84. <div class="mui-input-row ">
  85. <label class="font-b-12">一档功率比例</label>
  86. <div class="mui-pull-right edit-row">
  87. <input type="number" min=0 max=100 required id="power_lv1_time" class="save-data"/>
  88. <!-- <span class="font-b-12">%</span> -->
  89. </div>
  90. </div>
  91. <div class="mui-input-row ">
  92. <label class="font-b-12">二档功率</label>
  93. <div class="mui-pull-right edit-row">
  94. <input type="number" min=0 max=9999 required id="power_lv2_watt" class="save-data"
  95. />
  96. <!-- <span class="font-b-12">0.1瓦</span> -->
  97. </div>
  98. </div>
  99. <div class="mui-input-row ">
  100. <label class="font-b-12">二档功率比例</label>
  101. <div class="mui-pull-right edit-row">
  102. <input type="number" min=0 max=100 required id="power_lv2_time" class="save-data"/>
  103. <!-- <span class="font-b-12">%</span> -->
  104. </div>
  105. </div>
  106. <div class="mui-input-row ">
  107. <label class="font-b-12">三档功率</label>
  108. <div class="mui-pull-right edit-row">
  109. <input type="number" min=0 max=9999 required id="power_lv3_watt" class="save-data"
  110. />
  111. <!-- <span class="font-b-12">0.1瓦</span> -->
  112. </div>
  113. </div>
  114. <div class="mui-input-row ">
  115. <label class="font-b-12">三档功率比例</label>
  116. <div class="mui-pull-right edit-row">
  117. <input type="number" min=0 max=100 required id="power_lv3_time" class="save-data"/>
  118. <!-- <span class="font-b-12">%</span> -->
  119. </div>
  120. </div>
  121. </div>
  122. <div class="mui-popup-buttons ">
  123. <span class="mui-popup-button">取消</span>
  124. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  125. /></span>
  126. </div>
  127. </form>
  128. </div>
  129. <div class="edit-back mui-hidden" id="paramPanel1">
  130. <form class="edit-content" action="#">
  131. <div class="edit-box">
  132. <div class="mui-input-row">
  133. <label class="font-b-14 tips-event">退费保护时间 <i class="tips" title="设备启动小于该时间会自动全额退款">i</i></label>
  134. <div class="mui-pull-right edit-row">
  135. <input type="number" min=1 max=10 required id="refundProtectionTime" class="save-data"/>
  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" min=0 max=99999 required id="noload_check_watt" class="save-data"/>
  143. <!-- <span class="font-b-12">0.1瓦</span> -->
  144. </div>
  145. </div>
  146. <div class="mui-input-row">
  147. <label class="font-b-14">空载检测时间</label>
  148. <div class="mui-pull-right edit-row">
  149. <input type="number" min=0 max=99999 required id="noload_check_time" class="save-data"/>
  150. <!-- <span class="font-b-12">秒</span> -->
  151. </div>
  152. </div>
  153. <div class="mui-input-row">
  154. <label class="font-b-14">温度阀值</label>
  155. <div class="mui-pull-right edit-row">
  156. <input type="number" min=0 max=999 required id="temp_threshold" class="save-data"/>
  157. <!-- <span class="font-b-12">度</span> -->
  158. </div>
  159. </div>
  160. <div class="mui-input-row">
  161. <label class="font-b-14">浮充功率大小</label>
  162. <div class="mui-pull-right edit-row">
  163. <input type="number" min=0 max=99999 required id="float_charge_watt" class="save-data"/>
  164. <!-- <span class="font-b-12">0.1瓦</span> -->
  165. </div>
  166. </div>
  167. <div class="mui-input-row">
  168. <label class="font-b-14">浮充充电时间</label>
  169. <div class="mui-pull-right edit-row">
  170. <input type="number" min=0 max=99999 required id="float_charge_time" class="save-data"/>
  171. <!-- <span class="font-b-12">分钟</span> -->
  172. </div>
  173. </div>
  174. <div class="mui-input-row">
  175. <label class="font-b-14">端口最大功率</label>
  176. <div class="mui-pull-right edit-row">
  177. <input type="number" min=0 max=99999 required id="port_max_watt" class="save-data"/>
  178. <!-- <span class="font-b-12">0.1瓦</span> -->
  179. </div>
  180. </div>
  181. <div class="mui-input-row">
  182. <label class="font-b-14">整机功率大小</label>
  183. <div class="mui-pull-right edit-row">
  184. <input type="number" min=0 max=99999 required id="mach_max_watt" class="save-data"/>
  185. <!-- <span class="font-b-12">0.1瓦</span> -->
  186. </div>
  187. </div>
  188. </div>
  189. <div class="mui-popup-buttons ">
  190. <span class="mui-popup-button">取消</span>
  191. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  192. /></span>
  193. </div>
  194. </form>
  195. </div>
  196. <div class="edit-back mui-hidden" id="paramPanel22">
  197. <form class="edit-content" action="#">
  198. <div class="edit-box">
  199. <div class="mui-input-row padding-b-20">
  200. <label class="font-b-14 ">计费模式</label>
  201. <div class="mui-pull-right mui-radio text-right">
  202. <span class="font-b-14 ">
  203. 直接扣时计费<input name="chrmt_mode" type="radio" value="time" required class="save-data"></span>
  204. <br>
  205. <span class="font-b-14 ">
  206. 按电量计费<input name="chrmt_mode" type="radio" value="elec" required></span>
  207. <br>
  208. <span class="font-b-14 ">
  209. 按功率扣时计费<input name="chrmt_mode" type="radio" value="power" required></span>
  210. <br>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="mui-popup-buttons ">
  215. <span class="mui-popup-button">取消</span>
  216. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  217. /></span>
  218. </div>
  219. </form>
  220. </div>
  221. <div class="edit-back mui-hidden" id="paramPanel23">
  222. <form class="edit-content" action="#">
  223. <div class="edit-box">
  224. <div class="mui-input-row">
  225. <label class="font-b-14 ">单次刷卡扣费</label>
  226. <div class="mui-pull-right edit-row">
  227. <input type="number" min=0 max=9999 step="0.1" required id="once_card_cost"
  228. class="save-data"/>
  229. <!-- <span class="font-b-12">0.1元</span> -->
  230. </div>
  231. </div>
  232. <div class="mui-input-row">
  233. <label class="font-b-14 tips-event">单次刷卡充电时间 </label>
  234. <div class="mui-pull-right edit-row">
  235. <input type="number" min=0 max=9999 step="1" required id="card_lv1_val"
  236. class="save-data"/>
  237. <!-- <span class="font-b-12">分钟</span> -->
  238. </div>
  239. </div>
  240. <!-- <div class="mui-input-row">-->
  241. <!-- <label class="font-b-14 tips-event">单次刷卡充量 <i class="tips" title="按时充电时间/电量计费时生效">i</i></label>-->
  242. <!-- <div class="mui-pull-right edit-row">-->
  243. <!-- <input type="number" min=0 max=9999 step="1" required id="once_offline_card_elec"-->
  244. <!-- class="save-data"/>-->
  245. <!-- <span class="font-b-12">度</span>-->
  246. <!-- </div>-->
  247. <!-- </div>-->
  248. </div>
  249. <div class="mui-popup-buttons ">
  250. <span class="mui-popup-button">取消</span>
  251. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  252. /></span>
  253. </div>
  254. </form>
  255. </div>
  256. <div class="edit-back mui-hidden" id="paramPanel24">
  257. <form class="edit-content" action="#">
  258. <div class="edit-box">
  259. <div class="mui-input-row padding-b-20">
  260. <label class="font-b-14 ">计费模式</label>
  261. <div class="mui-pull-right mui-radio text-right">
  262. <span class="font-b-14 ">
  263. 直接扣时计费<input name="online_card_chrmt" type="radio" value="time" required
  264. class="save-data"></span>
  265. <br>
  266. <span class="font-b-14 ">
  267. 按电量计费<input name="online_card_chrmt" type="radio" value="elec" required></span>
  268. <br>
  269. <span class="font-b-14 ">
  270. 按功率扣时计费<input name="online_card_chrmt" type="radio" value="power" required></span>
  271. <br>
  272. </div>
  273. </div>
  274. <div class="mui-input-row">
  275. <label class="font-b-14 ">在线卡单次刷卡扣费</label>
  276. <div class="mui-pull-right edit-row">
  277. <input type="number" min=0 max=999 step="" required id="online_card_cost"
  278. class="save-data"/>
  279. <span class="font-b-12">0.1元</span>
  280. </div>
  281. </div>
  282. <div class="mui-input-row">
  283. <label class="font-b-14 ">在线卡一元用量</label>
  284. <div class="mui-pull-right edit-row">
  285. <input type="number" maxlength="3" min=1 max=999 step="0.01" required id="online_card_val"
  286. class="save-data"/>
  287. <span class="font-b-12" id="online_card_val_unit">分钟</span>
  288. </div>
  289. </div>
  290. </div>
  291. <div class="mui-popup-buttons ">
  292. <span class="mui-popup-button">取消</span>
  293. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  294. /></span>
  295. </div>
  296. </form>
  297. </div>
  298. <div class="edit-back mui-hidden" id="paramPanel4">
  299. <form class="edit-content" action="#">
  300. <div class="edit-box">
  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" min=0 max=8 step="1" required id="volume" class="save-data"/>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="mui-popup-buttons ">
  309. <span class="mui-popup-button">取消</span>
  310. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  311. /></span>
  312. </div>
  313. </form>
  314. </div>
  315. <div class="custom-subt">
  316. <a id="submitAll" class="custom-btn custom-btn-primary" href="javascript:;">全部保存</a>
  317. <div class="custom-margin">
  318. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启设备?" key="reboot">重启设备</div>
  319. </div>
  320. <!-- <div class="dev-fun-btn custom-top custom-btn custom-btn-default c-red "-->
  321. <!-- data-param-tips="<span class='c-red'>您确定要清除设备上的统计信息?</span>" key="clearSum">清除设备统计信息-->
  322. <!-- </div>-->
  323. </div>
  324. <script src="https://cdn.washpayer.com/components/lib/vue.min.js"></script>
  325. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  326. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  327. <script src="/components/custom/js/common.js"></script>
  328. <script src="/app/js/xyf.common.js"></script>
  329. <script src="/app/js/device-param.js"></script>
  330. <script src="/app/js/device-param-100264.js"></script>
  331. <script>
  332. initParam({
  333. "mach_max_watt": "value",
  334. "port_max_watt": "value",
  335. "noload_check_watt": "value",
  336. "noload_check_time": "value",
  337. "float_charge_watt": "value",
  338. "float_charge_time": "value",
  339. "power_lev_max": "value",
  340. "power_lv1_watt": "value",
  341. "power_lv1_time": "value",
  342. "power_lv2_watt": "value",
  343. "power_lv2_time": "value",
  344. "power_lv3_watt": "value",
  345. "power_lv3_time": "value",
  346. "once_card_cost": "value",
  347. "card_lv1_val": "value",
  348. "card_refund_en": "switch",
  349. "coin_en": "switch",
  350. "volume": "value",
  351. "temp_threshold": "value",
  352. "close_for_full": "switch",
  353. "chrmt_mode": "radio",
  354. "online_card_chrmt": "radio",
  355. "online_card_cost": "value",
  356. "online_card_val": "value",
  357. "refundProtectionTime": 'value',
  358. }, function (payload) {
  359. // 合并package数据
  360. mergeSubmitOption.prev = function () {
  361. var md = mergeSubmitData
  362. md.close_for_full = md.close_for_full == '1' ? 1 : 0
  363. md.card_refund_en = md.card_refund_en == '1' ? 1 : 0
  364. md.coin_en = md.coin_en == '1' ? 1 : 0
  365. }
  366. $("[name='online_card_chrmt']").on('change', function () {
  367. setUnit(this.value)
  368. $("#online_card_val").val(0)
  369. })
  370. setUnit(payload.online_card_chrmt)
  371. })
  372. function setUnit(val) {
  373. var quote_unit = val == 'elec' ? '度' : '分钟'
  374. $("#online_card_val_unit").html(quote_unit)
  375. }
  376. </script>
  377. </body>
  378. </html>