device-function-1002121.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  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="isPause">
  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="isPowerOffMemory">
  33. <div class="switch-handle"></div>
  34. </div>
  35. </li>
  36. </ul>
  37. <ul class="mui-table-view custom-top">
  38. <li class="mui-table-view-cell ">
  39. <a class="mui-navigate-right" href="javascript:toSetParam(3);">
  40. <em>功能配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  41. </a>
  42. </li>
  43. <li class="mui-table-view-cell ">
  44. <a class="mui-navigate-right" href="javascript:toSetParam(4);">
  45. <em>档位价格</em><span class="mui-pull-right font-b-14 custom-right"></span>
  46. </a>
  47. </li>
  48. <li class="mui-table-view-cell ">
  49. <a class="mui-navigate-right" href="javascript:toSetParam(5);">
  50. <em>档位时间(流量)</em><span class="mui-pull-right font-b-14 custom-right"></span>
  51. </a>
  52. </li>
  53. </ul>
  54. <!--参数窗口3-->
  55. <div class="edit-back mui-hidden" id="paramPanel3">
  56. <form class="edit-content">
  57. <div class="edit-box" action="">
  58. <div class="mui-input-row padding-b-10">
  59. <label class="font-b-14 ">计费模式</label>
  60. <div class="mui-pull-right mui-radio">
  61. <span class="font-b-14 ">
  62. <input class="save-data" name="billingMode" type="radio" value="time" required>计时</span>
  63. <span class="font-b-14 ">
  64. <input name="billingMode" type="radio" value="litre" required>计量</span>
  65. </div>
  66. </div>
  67. <div class="mui-input-row padding-b-10">
  68. <label class="font-b-14 ">计费模式</label>
  69. <div class="mui-pull-right mui-radio">
  70. <span class="font-b-14 ">
  71. <input class="save-data" name="workingMode" type="radio" value="single" required>一档</span>
  72. <span class="font-b-14 ">
  73. <input name="workingMode" type="radio" value="multiple" required>多档</span>
  74. </div>
  75. </div>
  76. <div class="mui-input-row padding-b-10">
  77. <label class="font-b-14 ">投币启动方式</label>
  78. <div class="mui-pull-right mui-radio">
  79. <span class="font-b-14 ">
  80. <input class="save-data" name="coinLaunchMode" type="radio" value="direct" required>直接启动</span>
  81. <span class="font-b-14 ">
  82. <input name="coinLaunchMode" type="radio" value="button" required>按钮启动</span>
  83. </div>
  84. </div>
  85. <div class="mui-input-row">
  86. <label class="font-b-14 ">最低消费额度</label>
  87. <div class="mui-pull-right edit-row">
  88. <input type="number" step=0.01 min=0 max=99999 required id="minConsumptionLimit" class="save-data"/>
  89. <span class="font-b-12">元</span>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="mui-popup-buttons ">
  94. <span class="mui-popup-button">取消</span>
  95. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="保存"/></span>
  96. </div>
  97. </form>
  98. </div>
  99. <div class="edit-back mui-hidden" id="paramPanel4">
  100. <form class="edit-content" action="#">
  101. <div class="edit-box">
  102. <div class="mui-input-row">
  103. <label class="font-b-12">第1档价格</label>
  104. <div class="mui-pull-right edit-row">
  105. <input type="number" min=0 max=59 required id="power1Price" class="save-data"/>
  106. <span class="font-b-12">元</span>
  107. </div>
  108. </div>
  109. <div class="mui-input-row">
  110. <label class="font-b-12">第2档价格</label>
  111. <div class="mui-pull-right edit-row">
  112. <input type="number" min=0 max=59 required id="power2Price" class="save-data"/>
  113. <span class="font-b-12">元</span>
  114. </div>
  115. </div>
  116. <div class="mui-input-row">
  117. <label class="font-b-12">第3档价格</label>
  118. <div class="mui-pull-right edit-row">
  119. <input type="number" min=0 max=59 required id="power3Price" class="save-data"/>
  120. <span class="font-b-12">元</span>
  121. </div>
  122. </div>
  123. <div class="mui-input-row">
  124. <label class="font-b-12">第4档价格</label>
  125. <div class="mui-pull-right edit-row">
  126. <input type="number" min=0 max=59 required id="power4Price" class="save-data"/>
  127. <span class="font-b-12">元</span>
  128. </div>
  129. </div>
  130. <div class="mui-input-row">
  131. <label class="font-b-12">第5档价格</label>
  132. <div class="mui-pull-right edit-row">
  133. <input type="number" min=0 max=59 required id="power5Price" class="save-data"/>
  134. <span class="font-b-12">元</span>
  135. </div>
  136. </div>
  137. <div class="mui-input-row">
  138. <label class="font-b-12">第6档价格</label>
  139. <div class="mui-pull-right edit-row">
  140. <input type="number" min=0 max=59 required id="power6Price" class="save-data"/>
  141. <span class="font-b-12">元</span>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="mui-popup-buttons ">
  146. <span class="mui-popup-button">取消</span>
  147. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  148. /></span>
  149. </div>
  150. </form>
  151. </div>
  152. <div class="edit-back mui-hidden" id="paramPanel5">
  153. <form class="edit-content" action="#">
  154. <div class="edit-box">
  155. <div class="mui-input-row">
  156. <label class="font-b-12 ">第1档时间(流量) </label>
  157. <div class="mui-pull-right edit-row">
  158. <input type="number" min=0 max=999 required id="power1Matter" class="save-data"
  159. style="padding-right: 66px;"/>
  160. <span class="font-b-12">分钟(0.1升)</span>
  161. </div>
  162. </div>
  163. <div class="mui-input-row">
  164. <label class="font-b-12 ">第2档时间(流量) </label>
  165. <div class="mui-pull-right edit-row">
  166. <input type="number" min=0 max=999 required id="power2Matter" class="save-data"
  167. style="padding-right: 66px;"/>
  168. <span class="font-b-12">分钟(0.1升)</span>
  169. </div>
  170. </div>
  171. <div class="mui-input-row">
  172. <label class="font-b-12 ">第3档时间(流量) </label>
  173. <div class="mui-pull-right edit-row">
  174. <input type="number" min=0 max=999 required id="power3Matter" class="save-data"
  175. style="padding-right: 66px;"/>
  176. <span class="font-b-12">分钟(0.1升)</span>
  177. </div>
  178. </div>
  179. <div class="mui-input-row">
  180. <label class="font-b-12 ">第4档时间(流量) </label>
  181. <div class="mui-pull-right edit-row">
  182. <input type="number" min=0 max=999 required id="power4Matter" class="save-data"
  183. style="padding-right: 66px;"/>
  184. <span class="font-b-12">分钟(0.1升)</span>
  185. </div>
  186. </div>
  187. <div class="mui-input-row">
  188. <label class="font-b-12 ">第5档时间(流量) </label>
  189. <div class="mui-pull-right edit-row">
  190. <input type="number" min=0 max=999 required id="power5Matter" class="save-data"
  191. style="padding-right: 66px;"/>
  192. <span class="font-b-12">分钟(0.1升)</span>
  193. </div>
  194. </div>
  195. <div class="mui-input-row">
  196. <label class="font-b-12 ">第6档时间(流量) </label>
  197. <div class="mui-pull-right edit-row">
  198. <input type="number" min=0 max=999 required id="power6Matter" class="save-data"
  199. style="padding-right: 66px;"/>
  200. <span class="font-b-12">分钟(0.1升)</span>
  201. </div>
  202. </div>
  203. </div>
  204. <div class="mui-popup-buttons ">
  205. <span class="mui-popup-button">取消</span>
  206. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  207. /></span>
  208. </div>
  209. </form>
  210. </div>
  211. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  212. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  213. <script src="/components/custom/js/common.js"></script>
  214. <script src="/app/js/xyf.common.js"></script>
  215. <script src="/app/js/device-param.js"></script>
  216. <script>
  217. initParam({
  218. billingMode: "radio",
  219. workingMode: "radio",
  220. coinLaunchMode: "radio",
  221. isPause: "switch",
  222. isPowerOffMemory: "switch",
  223. minConsumptionLimit: "value",
  224. power1Price: "value",
  225. power2Price: "value",
  226. power3Price: "value",
  227. power4Price: "value",
  228. power5Price: "value",
  229. power6Price: "value",
  230. power1Matter: "value",
  231. power2Matter: "value",
  232. power3Matter: "value",
  233. power4Matter: "value",
  234. power5Matter: "value",
  235. power6Matter: "value",
  236. })
  237. </script>
  238. </body>
  239. </html>