device-function-100607.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  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="is_free" true-value="1" false-value="0"
  27. interfaceName="setDeviceFunctionParam">
  28. <div class="switch-handle"></div>
  29. </div>
  30. </li>
  31. <li class="mui-table-view-cell">
  32. 设备功能完全禁用
  33. <div class="switch switch-mini " key="disableButton" true-value="1" false-value="0" interfaceName="setDeviceFunctionParam">
  34. <div class="switch-handle"></div>
  35. </div>
  36. </li>
  37. <li class="mui-table-view-cell " permission="manage-show">
  38. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  39. <em>功能配置</em><span class="mui-pull-right font-b-14 custom-right"></span>
  40. </a>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. 累计消费金额<span class="mui-pull-right"><span id="totalConsume"></span></span>
  44. </li>
  45. <li class="mui-table-view-cell">
  46. 卡消费金额<span class="mui-pull-right"><span id="cardConsume"></span></span>
  47. </li>
  48. <li class="mui-table-view-cell">
  49. 累计使用电量<span class="mui-pull-right"><span id="totalElec"></span></span>
  50. </li>
  51. <li class="mui-table-view-cell">
  52. 当前设备温度<span class="mui-pull-right"><span id="temperature"></span></span>
  53. </li>
  54. <li class="mui-table-view-cell">
  55. 版本号<span class="mui-pull-right"><span id="version"></span></span>
  56. </li>
  57. </ul>
  58. <div class="custom-margin">
  59. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定清除累计消费金额?" key="clearTotalConsume"
  60. callback="location.reload()">清除累计消费金额
  61. </div>
  62. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定清除累计使用电量?" key="clearTotalElec"
  63. callback="location.reload()">清除累计使用电量
  64. </div>
  65. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启设备?" key="clearCardConsume"
  66. callback="location.reload()">清除卡消费金额
  67. </div>
  68. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启设备?" key="reboot"
  69. callback="location.reload()">重启设备
  70. </div>
  71. </div>
  72. <div class="edit-back mui-hidden" id="paramPanel1">
  73. <form class="edit-content" action="#">
  74. <div class="edit-box">
  75. <div class="mui-input-row ">
  76. <label class="font-b-12">最长充电时间</label>
  77. <div class="mui-pull-right edit-row">
  78. <input type="number" maxlength="4" min=0 max=999 required id="maxChargeTime" class="save-data"/>
  79. <span class="font-b-12">分钟</span>
  80. </div>
  81. </div>
  82. <div class="mui-input-row ">
  83. <label class="font-b-12">刷卡预扣金额</label>
  84. <div class="mui-pull-right edit-row">
  85. <input type="number" maxlength="4" min=0 max=100 required id="maxConsume" class="save-data"/>
  86. <span class="font-b-12">元</span>
  87. </div>
  88. </div>
  89. <div class="mui-input-row ">
  90. <label class="font-b-12">每度电费价格</label>
  91. <div class="mui-pull-right edit-row">
  92. <input type="number" maxlength="4" min=0 max=2.55 step="0.01" required id="electricPrice" class="save-data"/>
  93. <span class="font-b-12">元</span>
  94. </div>
  95. </div>
  96. <div class="mui-input-row">
  97. <label class="font-b-12">语音播报音量</label>
  98. <div class="mui-pull-right edit-row">
  99. <input type="number" maxlength="4" min=1 max=8 required id="volume" class="save-data"/>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="mui-popup-buttons ">
  104. <span class="mui-popup-button">取消</span>
  105. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  106. /></span>
  107. </div>
  108. </form>
  109. </div>
  110. <div class="edit-back edit-bottom mui-hidden" id="paramPanel2">
  111. <form class="edit-content" action="#">
  112. <ul class="mui-table-view">
  113. </ul>
  114. <div class="mui-popup-buttons ">
  115. <span class="mui-popup-button">关闭</span>
  116. </div>
  117. </form>
  118. </div>
  119. <div class="edit-back edit-bottom mui-hidden" id="paramPanel3">
  120. <form class="edit-content" action="#">
  121. <ul class="mui-table-view">
  122. </ul>
  123. <div class="mui-popup-buttons ">
  124. <span class="mui-popup-button">关闭</span>
  125. </div>
  126. </form>
  127. </div>
  128. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  129. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  130. <script src="/components/custom/js/common.js"></script>
  131. <script src="/app/js/xyf.common.js"></script>
  132. <script src="/app/js/device-param.js"></script>
  133. <script>
  134. initParam({
  135. disableButton: 'switch',
  136. is_free: 'switch',
  137. maxChargeTime: "value",
  138. maxConsume: "value",
  139. electricPrice: "value",
  140. volume: 'value',
  141. cardConsume: 'value',
  142. temperature: "value",
  143. totalConsume: "value",
  144. totalElec: "value",
  145. version: "value"
  146. })
  147. </script>
  148. </body>
  149. </html>