device-function-100250.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  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 class="mui-input-row">
  30. <label class="">设备电压:</label>
  31. <input type="text" id="voltage" disabled class="save-data ">
  32. </div>
  33. </div>
  34. <h5 class="mui-content-padded font-b-6 ">功能开关</h5>
  35. <ul class="mui-table-view">
  36. <li class="mui-table-view-cell">
  37. 设备完全禁用开关
  38. <div class="switch switch-mini " key="disable">
  39. <div class="switch-handle"></div>
  40. </div>
  41. </li>
  42. <li class="mui-table-view-cell">
  43. 平台卡绑定校验
  44. <div class="switch switch-mini " key="needBindCard"
  45. confirmText="确定设置吗?">
  46. <div class="switch-handle"></div>
  47. </div>
  48. </li>
  49. <li class="mui-table-view-cell">
  50. 刷卡免费
  51. <div class="switch switch-mini " key="cardFree"
  52. confirmText="确定设置吗?">
  53. <div class="switch-handle"></div>
  54. </div>
  55. </li>
  56. </ul>
  57. <h5 class="mui-content-padded font-b-6 ">常用参数配置</h5>
  58. <div class="mui-input-group">
  59. <div class="mui-input-row">
  60. <label class="">每度电价:</label>
  61. <input type="text" id="elecPrice" class="save-data padding-r-35">
  62. <span class="mini-unit">元</span>
  63. </div>
  64. <div class="mui-input-row">
  65. <label class="">刷卡预扣:</label>
  66. <input type="text" id="cardPrice" class="save-data padding-r-35">
  67. <span class="mini-unit">元</span>
  68. </div>
  69. <div class="mui-input-row">
  70. <label class="">单次最长充电时长:</label>
  71. <input type="text" id="chargeTimeMax" class="save-data padding-r-40">
  72. <span class="mini-unit">分钟</span>
  73. </div>
  74. <div class="mui-input-row">
  75. <label class="">单路功率限制:</label>
  76. <input type="text" id="portPowerMax" class="save-data padding-r-35">
  77. <span class="mini-unit">W</span>
  78. </div>
  79. <div class="mui-input-row">
  80. <label class="">整机功率限制:</label>
  81. <input type="text" id="powerMax" class="save-data padding-r-35">
  82. <span class="mini-unit">W</span>
  83. </div>
  84. <div class="mui-input-row">
  85. <label class="">最小检测功率:</label>
  86. <input type="text" id="powerCheckMin" class="save-data padding-r-35">
  87. <span class="mini-unit">W</span>
  88. </div>
  89. <div class="mui-input-row">
  90. <label class="">最小功率检测时间:</label>
  91. <input type="text" id="powerCheckTime" class="save-data padding-r-35">
  92. <span class="mini-unit">秒</span>
  93. </div>
  94. <div class="mui-input-row">
  95. <label class="">喇叭音量:</label>
  96. <input type="text" id="voice" class="save-data ">
  97. </div>
  98. </div>
  99. <ul class="mui-table-view custom-top">
  100. <li class="mui-table-view-cell">
  101. <a href="javascript:goNextPage(2);" class="mui-navigate-right">
  102. 小区密码
  103. </a>
  104. </li>
  105. <li class="mui-table-view-cell">
  106. <a href="javascript:goNextPage(3);" class="mui-navigate-right">
  107. 发卡机模式密码
  108. </a>
  109. </li>
  110. <li class="mui-table-view-cell ">
  111. <a class="mui-navigate-right" href="javascript:getRecordList(2);">
  112. 查询离线卡未返费记录
  113. </a>
  114. </li>
  115. </ul>
  116. <div class="custom-margin">
  117. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定复位设备?" key="reboot">复位设备</div>
  118. </div>
  119. <div class="subt">
  120. <input class="mui-btn-block" type="submit" value="保存参数">
  121. </div>
  122. </form>
  123. <div class="edit-back edit-bottom mui-hidden" id="paramPanel2">
  124. <form class="edit-content" action="#">
  125. <ul class="mui-table-view">
  126. </ul>
  127. <div class="mui-popup-buttons ">
  128. <span class="mui-popup-button">关闭</span>
  129. </div>
  130. </form>
  131. </div>
  132. <script type="text/javascript" src="https://cdn.washpayer.com/components/lib/vue.min.js"></script>
  133. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  134. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  135. <script src="/components/custom/js/common.js"></script>
  136. <script src="/app/js/xyf.common.js"></script>
  137. <script src="/app/js/device-param.js"></script>
  138. <script>
  139. initParam({
  140. params: {
  141. elecPrice: "value",// 每度电价 单位 元
  142. cardPrice: "value",// 刷卡预扣 单位元
  143. chargeTimeMax: "value",// 单次最长充电时长 单位分钟
  144. portPowerMax: "value",// 单路功率限制 单位w
  145. powerMax: "value",//整机功率限制 单位w
  146. powerCheckMin: "value",//最小检测功率 单位w
  147. powerCheckTime: "value",// 最小功率检测时间 单位 秒
  148. disable: "switch",
  149. cardFree: "switch", // 刷卡扣费true /false true表示刷卡扣费 false表示刷卡不扣费
  150. needBindCard:"switch",
  151. voice: "value", // 喇叭音量 无单位
  152. temperature: "value", // 设备温度 只读数数据
  153. voltage: "value",// 设备电压 只读数据
  154. },
  155. callback: function (payload) {
  156. }
  157. })
  158. var pageConfig = {
  159. 2: 'device-function-100250-pwd.html',
  160. 3: 'device-function-100250-faka.html',
  161. }
  162. // 去下一级的参数设置
  163. function goNextPage(pageNo) {
  164. goPage(pageConfig[pageNo], {
  165. logicalCode: getQueryString("logicalCode"),
  166. type: getQueryString("type"),
  167. })
  168. }
  169. function getRecordList(index) {
  170. var dialogDom = $('#paramPanel' + index)
  171. dialogDom.removeClass('mui-hidden');
  172. $("body").addClass("over-hide");//避免滚动穿透,直接禁止body滚动
  173. dialogDom.off().click(function (evt) {
  174. if ($(evt.target).closest('.edit-content').length === 0) {
  175. dialogDom.addClass('mui-hidden');
  176. $("body").removeClass("over-hide");
  177. }
  178. });
  179. // 使用tap会造成事件穿透,所以用click
  180. $('#paramPanel' + index + ' .mui-popup-buttons span').off().click(function () {
  181. if ($(this).index() === 0) {
  182. //点击取消
  183. dialogDom.addClass('mui-hidden');
  184. $("body").removeClass("over-hide");
  185. } else {
  186. }
  187. });
  188. sendRequest({
  189. url: "/dealer/getDeviceFunctionByKey",
  190. type: "POST",
  191. mask: "正在获取参数...",
  192. contentType: "json",
  193. data: JSON.stringify({
  194. logicalCode: logicalCode,
  195. key: 'noRefund',
  196. }),
  197. success: function (response) {
  198. if (response.result === 1) {
  199. var payload = response.payload;
  200. var noRefund = payload.noRefund;
  201. dialogDom.find('.mui-table-view').html('')
  202. if (noRefund) {
  203. for (var index in noRefund) {
  204. var item = noRefund[index];
  205. dialogDom.find('.mui-table-view').append(
  206. ' <li class="mui-table-view-cell">卡号' + item.cardNo +
  207. '<span class="mui-pull-right">' + item.amount + '元</span>' +
  208. ' </li>')
  209. }
  210. } else {
  211. dialogDom.find('.mui-table-view').append(
  212. ' <li class="mui-table-view-cell">没有未返订单<span class="mui-pull-right"></li>')
  213. }
  214. } else {
  215. mui.toast(response.description);
  216. }
  217. }
  218. });
  219. }
  220. </script>
  221. </body>
  222. </html>