device-function-102267.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  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="">
  21. <h4 class="param-title" id="device">设备</h4>
  22. <form class="device-param-form">
  23. <h5 class="mui-content-padded font-b-6 ">只读属性</h5>
  24. <div class="mui-input-group">
  25. <div class="mui-input-row">
  26. <label class="">设备温度:</label>
  27. <input type="text" id="temperature" disabled class="save-data ">
  28. </div>
  29. </div>
  30. <h5 class="mui-content-padded font-b-6 ">功能开关</h5>
  31. <ul class="mui-table-view">
  32. <li class="mui-table-view-cell">
  33. 设备完全禁用开关
  34. <div class="switch switch-mini" key="disable">
  35. <div class="switch-handle"></div>
  36. </div>
  37. </li>
  38. <li class="mui-table-view-cell">
  39. 刷卡免费开关
  40. <div class="switch switch-mini" key="cardFree" confirmText="确定需要操作此开关?">
  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="needBindCard">
  47. <div class="switch-handle"></div>
  48. </div>
  49. </li>
  50. </ul>
  51. <h5 class="mui-content-padded font-b-6 ">多段功率配置</h5>
  52. <div class="mui-input-group">
  53. <div class="mui-input-row">
  54. <label class="">第1段功率时间:</label>
  55. <input type="number" required step="1" id="powerTime1" class="save-data padding-r-35">
  56. <span class="mini-unit">分钟</span>
  57. </div>
  58. <div class="mui-input-row">
  59. <label class="">第2段功率时间:</label>
  60. <input type="number" required step="1" id="powerTime2" class="save-data padding-r-35">
  61. <span class="mini-unit">分钟</span>
  62. </div>
  63. <div class="mui-input-row">
  64. <label class="">第3段功率时间:</label>
  65. <input type="number" required step="1" id="powerTime3" class="save-data padding-r-35">
  66. <span class="mini-unit">分钟</span>
  67. </div>
  68. <div class="mui-input-row">
  69. <label class="">第4段功率时间:</label>
  70. <input type="number" required step="1" id="powerTime4" class="save-data padding-r-35">
  71. <span class="mini-unit">分钟</span>
  72. </div>
  73. <div class="mui-input-row">
  74. <label class="">第1段功率值:</label>
  75. <input type="number" required step="1" id="power1" class="save-data padding-r-35">
  76. <span class="mini-unit">W</span>
  77. </div>
  78. <div class="mui-input-row">
  79. <label class="">第2段功率值:</label>
  80. <input type="number" required step="1" id="power2" class="save-data padding-r-35">
  81. <span class="mini-unit">W</span>
  82. </div>
  83. <div class="mui-input-row">
  84. <label class="">第3段功率值:</label>
  85. <input type="number" required step="1" id="power3" class="save-data padding-r-35">
  86. <span class="mini-unit">W</span>
  87. </div>
  88. <div class="mui-input-row">
  89. <label class="">第4段功率值:</label>
  90. <input type="number" required step="1" id="power4" class="save-data padding-r-35">
  91. <span class="mini-unit">W</span>
  92. </div>
  93. </div>
  94. <h5 class="mui-content-padded font-b-6 ">充电配置</h5>
  95. <div class="mui-input-group">
  96. <div class="mui-input-row">
  97. <label class="">时间折扣: </label>
  98. <input type="number" required min=0 max=9 id="discount" placeholder="0表示不打折" class="save-data padding-r-35">
  99. <span class="mini-unit">折</span>
  100. </div>
  101. <div class="mui-input-row">
  102. <label class="">空载检测功率:</label>
  103. <input type="number" required step="0.01" id="noloadPower" class="save-data padding-r-35">
  104. <span class="mini-unit">W</span>
  105. </div>
  106. <div class="mui-input-row">
  107. <label class="">空载功率检测时间:</label>
  108. <input type="number" required step="1" id="noloadTime" class="save-data padding-r-35">
  109. <span class="mini-unit">秒</span>
  110. </div>
  111. <div class="mui-input-row">
  112. <label class="">浮充功率:</label>
  113. <input type="number" required step="0.01" id="floatPower" class="save-data padding-r-35">
  114. <span class="mini-unit">W</span>
  115. </div>
  116. <div class="mui-input-row">
  117. <label class="">浮充时间:</label>
  118. <input type="number" required step="1" id="floatTime" class="save-data padding-r-35">
  119. <span class="mini-unit">秒</span>
  120. </div>
  121. </div>
  122. <h5 class="mui-content-padded font-b-6 ">其他配置</h5>
  123. <div class="mui-input-group">
  124. <div class="mui-input-row">
  125. <label class="">预付卡预扣金额:</label>
  126. <input type="number" required step="0.01" id="cardFee" class="save-data padding-r-35">
  127. <span class="mini-unit">元</span>
  128. </div>
  129. <div class="mui-input-row">
  130. <label class="">在线卡扣费金额:</label>
  131. <input type="number" required step="0.01" id="onlineCardFee" class="save-data padding-r-35">
  132. <span class="mini-unit">元</span>
  133. </div>
  134. <div class="mui-input-row">
  135. <label class="">单价电量:</label>
  136. <input type="number" required step="0.01" id="elecPrice" class="save-data padding-r-40">
  137. <span class="mini-unit"> 度/元</span>
  138. </div>
  139. <div class="mui-input-row">
  140. <label class="">卡券启动时间:</label>
  141. <input type="number" required min=10 max=999 id="vCardTime" class="save-data padding-r-40"/>
  142. <span class="mini-unit"> 分钟</span>
  143. </div>
  144. <div class="mui-input-row">
  145. <label class="">喇叭音量:</label>
  146. <input type="number" required step="1" id="volume" class="save-data">
  147. </div>
  148. </div>
  149. <ul class="mui-table-view custom-top">
  150. <li class="mui-table-view-cell">
  151. <a href="javascript:goNextPage(2);" class="mui-navigate-right">
  152. 小区密码
  153. </a>
  154. </li>
  155. <li class="mui-table-view-cell">
  156. <a href="javascript:goNextPage(3);" class="mui-navigate-right">
  157. 发卡机模式密码
  158. </a>
  159. </li>
  160. <li class="mui-table-view-cell">
  161. <a href="javascript:goNextPage(4);" class="mui-navigate-right">
  162. 充电时长
  163. </a>
  164. </li>
  165. </ul>
  166. <div class="custom-margin">
  167. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定复位设备?" key="reboot">复位设备</div>
  168. </div>
  169. <div class="subt">
  170. <input class="mui-btn-block" type="submit" value="保存参数">
  171. </div>
  172. </form>
  173. <script src="https://cdn.washpayer.com/components/lib/vue.min.js"></script>
  174. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  175. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  176. <script src="/components/custom/js/common.js"></script>
  177. <script src="/app/js/xyf.common.js"></script>
  178. <script src="/app/js/device-param.js"></script>
  179. <script>
  180. initParam({
  181. params: {
  182. "powerTime1": "value",//第1段功率时间 单位 分钟
  183. "powerTime2": "value",// 第2段功率时间 单位 分钟
  184. "powerTime3": "value",//第3段功率时间 单位 分钟
  185. "powerTime4": "value",// 第4段功率时间 单位 分钟
  186. "power1": "value",//第1段功率值 单位 w
  187. "power2": "value",//第2段功率值 单位 w
  188. "power3": "value",// 第3段功率值 单位 w
  189. "power4": "value",//第4段功率值 单位 w
  190. "noloadPower": "value",// 空载检测功率 单位 w
  191. "noloadTime": "value",// 空载功率检测时间 单位 秒
  192. "floatPower": "value",//浮充功率 单位 w
  193. "floatTime": "value",//浮充时间 单位 秒
  194. "maxTime": "value",//安全充电时间 单位 秒
  195. "cardFee": "value",//预付卡预扣金额 元
  196. "onlineCardFee": "value",//在线卡扣费金额 元
  197. "elecPrice": "value",//单价电量 度/元 防盗电功能
  198. "volume": "value",// 喇叭音量
  199. discount: "value",
  200. vCardTime: "value",
  201. disable: "switch",
  202. cardFree: "switch",
  203. needBindCard: "switch",
  204. temperature: "value", // 设备温度 只读数数据
  205. },
  206. callback: function (payload) {
  207. }
  208. })
  209. var pageConfig = {
  210. 2: 'device-function-100267-pwd.html',
  211. 3: 'device-function-102267-faka.html',
  212. 4: 'device-function-100267-ct.html'
  213. }
  214. // 去下一级的参数设置
  215. function goNextPage(pageNo) {
  216. goPage(pageConfig[pageNo], {
  217. logicalCode: getQueryString("logicalCode"),
  218. type: getQueryString("type"),
  219. })
  220. }
  221. </script>
  222. </body>
  223. </html>