device-param.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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. </head>
  18. <body class="param">
  19. <h4 class="param-title" id="device">设备</h4>
  20. <h5 class="mui-content-padded">脉冲宽度/间隔范围为10-1000</h5>
  21. <ul class="mui-table-view">
  22. <li class="mui-table-view-cell">
  23. <a class="mui-navigate-right" href="javascript:;" id="pulseWidth">
  24. 脉冲宽度<span class="mui-pull-right custom-right" id="widthNum">0</span>
  25. </a>
  26. </li>
  27. <li class="mui-table-view-cell">
  28. <a class="mui-navigate-right" href="javascript:;" id="pulseInterval">
  29. 脉冲间隔<span class="mui-pull-right custom-right" id="intervalNum">0</span>
  30. </a>
  31. </li>
  32. </ul>
  33. <ul class="mui-table-view custom-top">
  34. <li class="mui-table-view-cell">
  35. <a class="mui-navigate-right" href="#standbyLevel">
  36. 待机电平<span class="mui-pull-right custom-right" id="battery">常开</span>
  37. </a>
  38. </li>
  39. </ul>
  40. <div id="standbyLevel" class="mui-popover mui-popover-action mui-popover-bottom">
  41. <ul class="mui-table-view">
  42. <li class="mui-table-view-cell">
  43. <a href="javascript:;">常开</a>
  44. </li>
  45. <li class="mui-table-view-cell">
  46. <a href="javascript:;">常闭</a>
  47. </li>
  48. </ul>
  49. <ul class="mui-table-view">
  50. <li class="mui-table-view-cell">
  51. <a class="font-bold" href="#standbyLevel">取消</a>
  52. </li>
  53. </ul>
  54. </div>
  55. <div class="custom-btn-area">
  56. <a class="custom-btn custom-btn-primary" href="javascript:;" id="saveBtn">保存设置</a>
  57. </div>
  58. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  59. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  60. <script src="/components/custom/js/common.js"></script>
  61. <script src="/app/js/xyf.common.js"></script>
  62. <script>
  63. var logicalCode = getQueryString("logicalCode");
  64. var type = getQueryString("type");
  65. $("#device").html("<i class='c-primary iconfont " + getDevIconName(type) + "'></i> " + type + logicalCode);
  66. showLoading("加载中...");
  67. readNewEquipment();//读取参数
  68. //脉冲宽度
  69. document.getElementById('pulseWidth').addEventListener('tap', function (e) {
  70. e.detail.gesture.preventDefault();
  71. var widthNum = document.getElementById('widthNum');
  72. var btnArray = ['取消', '确定'];
  73. mui.prompt('', '10-1000', '请输入脉冲宽度', btnArray, function (e) {
  74. if (e.index == 1) {
  75. if (e.value < 10 || e.value > 1000 || isNaN(e.value)) {
  76. mui.alert('请输入10-1000范围内的数值', '输入错误', '我知道了');
  77. $('.mui-popup-input input').blur();
  78. } else {
  79. widthNum.innerText = e.value;
  80. $('.mui-popup-input input').blur();
  81. }
  82. } else {
  83. $('.mui-popup-input input').blur();
  84. }
  85. });
  86. var inputDom = document.querySelector('.mui-popup-input input');
  87. inputDom.type = 'number';
  88. $(inputDom).on("keypress",function () {
  89. return myNumberic(event, 0);
  90. });
  91. });
  92. //脉冲间隔
  93. document.getElementById('pulseInterval').addEventListener('tap', function (e) {
  94. e.detail.gesture.preventDefault();
  95. var intervalNum = document.getElementById('intervalNum');
  96. var btnArray = ['取消', '确定'];
  97. mui.prompt('', '10-1000', '请输入脉冲间隔', btnArray, function (e) {
  98. if (e.index == 1) {
  99. if (isNaN(e.value) || e.value < 10 || e.value > 1000) {
  100. mui.alert('请输入10-1000范围内的数值', '输入错误', '我知道了');
  101. $('.mui-popup-input input').blur();
  102. } else {
  103. intervalNum.innerText = e.value;
  104. $('.mui-popup-input input').blur();
  105. }
  106. } else {
  107. $('.mui-popup-input input').blur();
  108. }
  109. });
  110. var inputDom = document.querySelector('.mui-popup-input input');
  111. inputDom.type = 'number';
  112. $(inputDom).on("keypress",function () {
  113. return myNumberic(event, 0);
  114. });
  115. });
  116. //待机电平
  117. mui('.mui-popover-action').on('tap', 'a', function () {
  118. if (this.href.indexOf('#') > -1) {
  119. return;
  120. } else {
  121. document.getElementById('battery').innerHTML = this.innerHTML;
  122. }
  123. mui('#standbyLevel').popover('toggle');
  124. });
  125. //保存设置
  126. $('#saveBtn').tap(function () {
  127. var widthNum = $('#widthNum').text();
  128. if (isNaN(widthNum) || widthNum < 10 || widthNum > 1000) {
  129. mui.alert('脉冲宽度值只能10-1000范围内的数值', '输入错误', '我知道了');
  130. return;
  131. }
  132. var intervalNum = $('#intervalNum').text();
  133. if (isNaN(intervalNum) || intervalNum < 10 || intervalNum > 1000) {
  134. mui.alert('脉冲间隔值只能10-1000范围内的数值', '输入错误', '我知道了');
  135. return;
  136. }
  137. var battery = '';
  138. if ($("#battery").text() == '常开') {
  139. battery = 1;
  140. } else {
  141. battery = 0;
  142. }
  143. var data = {
  144. "logicalCode": logicalCode,
  145. "pulseWidth1": widthNum,
  146. "pulseInterval1": intervalNum,
  147. "battery": battery,
  148. "pulseWidth2": 0,
  149. "pulseInterval2": 0,
  150. "drag": 0,
  151. "interfaceType": 0,
  152. "interfaceBaudRate": 0,
  153. "noteTypes": 0
  154. };
  155. sendRequest("/device/szNewEquipment", "POST", data, function (res) {
  156. if (res.result == 1) {
  157. mui.toast('设置成功');
  158. } else {
  159. mui.alert('设备处于离线状态无法设置,请确保设备在线', '设置失败', '确定');
  160. }
  161. });
  162. });
  163. function readNewEquipment() {
  164. myAjax({
  165. type: 'GET',
  166. url: '/device/readNewEquipment?logicalCode=' + logicalCode,
  167. dataType: "json",
  168. success: function (msg) {
  169. if (msg.result == 1) {
  170. $("#widthNum").text(msg.para.pulseWidth1);
  171. $("#intervalNum").text(msg.para.pulseInterval1);
  172. if (msg.para.battery == "1") {
  173. $("#battery").text('常开');
  174. } else {
  175. $("#battery").text('常闭');
  176. }
  177. hideLoading();
  178. } else {
  179. hideLoading();
  180. var btnArray = ['确定'];
  181. mui.confirm(msg.description, '温馨提示', btnArray, function (e) {
  182. if (e.index == 0) {
  183. history.back();
  184. }
  185. });
  186. }
  187. },
  188. error: function () {
  189. mui.toast("网络连接错误或超时");
  190. }
  191. });
  192. }
  193. </script>
  194. </body>
  195. </html>