device-function-110201.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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 " permission="manage-show">
  25. <a class="mui-navigate-right" href="javascript:toSetParam(1);">
  26. <em>爪力设定</em><span class="mui-pull-right font-b-14 custom-right"></span>
  27. </a>
  28. </li>
  29. <li class="mui-table-view-cell " permission="manage-show">
  30. <a class="mui-navigate-right" href="javascript:toSetParam(2);">
  31. <em>大力次数</em><span class="mui-pull-right font-b-14 custom-right"></span>
  32. </a>
  33. </li>
  34. <!-- <li class="mui-table-view-cell " permission="manage-show">-->
  35. <!-- <a class="mui-navigate-right" href="javascript:toSetParam(3);">-->
  36. <!-- <em>游戏时长和放线长度</em><span class="mui-pull-right font-b-14 custom-right"></span>-->
  37. <!-- </a>-->
  38. <!-- </li>-->
  39. <li class="mui-table-view-cell " permission="manage-show">
  40. <a class="mui-navigate-right" href="javascript:getRecordList(4);">
  41. <em>机台编码</em><span class="mui-pull-right font-b-14 custom-right"></span>
  42. </a>
  43. </li>
  44. </ul>
  45. <div class="custom-margin">
  46. <div class="dev-fun-btn custom-btn-vertical " data-param-tips="确定下次使用大力?" key="greaterForce">下次使用大力</div>
  47. <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定重启机台?" key="reboot">重启机台</div>
  48. </div>
  49. <div class="edit-back edit-bottom mui-hidden" id="paramPanel1">
  50. <form class="edit-content" action="#">
  51. <div class="edit-box">
  52. <div class="mui-input-row">
  53. <label class="font-b-14">爪1力度</label>
  54. <div class="mui-pull-right edit-row">
  55. <input type="number" min=0 max=48 required id="c1" class="save-data"/>
  56. </div>
  57. </div>
  58. <div class="mui-input-row">
  59. <label class="font-b-14">爪2力度</label>
  60. <div class="mui-pull-right edit-row">
  61. <input type="number" min=0 max=48 required id="c2" class="save-data"/>
  62. </div>
  63. </div>
  64. <div class="mui-input-row">
  65. <label class="font-b-14">爪3力度</label>
  66. <div class="mui-pull-right edit-row">
  67. <input type="number" min=0 max=48 required id="c3" class="save-data"/>
  68. </div>
  69. </div>
  70. <div class="mui-input-row">
  71. <label class="font-b-14">爪4力度</label>
  72. <div class="mui-pull-right edit-row">
  73. <input type="number" min=0 max=48 required id="c4" class="save-data"/>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="mui-popup-buttons ">
  78. <span class="mui-popup-button">取消</span>
  79. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  80. /></span>
  81. </div>
  82. </form>
  83. </div>
  84. <div class="edit-back edit-bottom mui-hidden" id="paramPanel2">
  85. <form class="edit-content" action="#">
  86. <div class="edit-box">
  87. <div class="mui-input-row">
  88. <label class="font-b-14">大力次数</label>
  89. <div class="mui-pull-right edit-row">
  90. <input type="number" disabled id="greaterForceCount" class="save-data"/>
  91. </div>
  92. </div>
  93. <div class="mui-input-row">
  94. <label class="font-b-14">剩余大力次数</label>
  95. <div class="mui-pull-right edit-row">
  96. <input type="number" min=1 max=999 required id="remainingGreaterForceCount" class="save-data"/>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="mui-popup-buttons ">
  101. <span class="mui-popup-button">取消</span>
  102. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  103. /></span>
  104. </div>
  105. </form>
  106. </div>
  107. <div class="edit-back edit-bottom mui-hidden" id="paramPanel3">
  108. <form class="edit-content" action="#">
  109. <div class="edit-box">
  110. <div class="mui-input-row">
  111. <label class="font-b-14">游戏时长</label>
  112. <div class="mui-pull-right edit-row">
  113. <input type="number" min=10 max=90 id="gameDuration" class="save-data"/>
  114. <span>秒</span>
  115. </div>
  116. </div>
  117. <div class="mui-input-row">
  118. <label class="font-b-14">防线长度</label>
  119. <div class="mui-pull-right edit-row">
  120. <input type="number" min=1 max=150 required id="lineOfDefense" class="save-data"/>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="mui-popup-buttons ">
  125. <span class="mui-popup-button">取消</span>
  126. <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
  127. /></span>
  128. </div>
  129. </form>
  130. </div>
  131. <div class="edit-back edit-bottom mui-hidden" id="paramPanel4">
  132. <form class="edit-content" action="#">
  133. <ul class="mui-table-view">
  134. </ul>
  135. <div class="mui-popup-buttons ">
  136. <span class="mui-popup-button">关闭</span>
  137. </div>
  138. </form>
  139. </div>
  140. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  141. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  142. <script src="/components/custom/js/common.js"></script>
  143. <script src="/app/js/xyf.common.js"></script>
  144. <script src="/app/js/device-param.js"></script>
  145. <script>
  146. var lazyload = true;
  147. initParam({
  148. "c1": "value",
  149. "c2": "value",
  150. "c3": "value",
  151. "c4": "value",
  152. "greaterForceCount": "value",
  153. "remainingGreaterForceCount": "value",
  154. "gameDuration": "value",
  155. "lineOfDefense": "value"
  156. }, null, lazyload)
  157. function getRecordList(index) {
  158. var dialogDom = $('#paramPanel' + index)
  159. dialogDom.removeClass('mui-hidden');
  160. $("body").addClass("over-hide");//避免滚动穿透,直接禁止body滚动
  161. dialogDom.off().click(function (evt) {
  162. if ($(evt.target).closest('.edit-content').length === 0) {
  163. dialogDom.addClass('mui-hidden');
  164. $("body").removeClass("over-hide");
  165. }
  166. });
  167. // 使用tap会造成事件穿透,所以用click
  168. $('#paramPanel' + index + ' .mui-popup-buttons span').off().click(function () {
  169. if ($(this).index() === 0) {
  170. //点击取消
  171. dialogDom.addClass('mui-hidden');
  172. $("body").removeClass("over-hide");
  173. } else {
  174. }
  175. });
  176. sendRequest({
  177. url: "/dealer/getDeviceFunctionByKey",
  178. type: "POST",
  179. mask: "正在获取参数...",
  180. contentType: "json",
  181. data: JSON.stringify({
  182. logicalCode: logicalCode,
  183. key: 'ngCode',
  184. }),
  185. success: function (response) {
  186. if (response.result === 1) {
  187. var payload = response.payload;
  188. var noRefund = payload.ngCode;
  189. if (noRefund) {
  190. dialogDom.find('.mui-table-view').html('')
  191. for (var index in noRefund) {
  192. var item = noRefund[index];
  193. dialogDom.find('.mui-table-view').append(
  194. ' <li class="mui-table-view-cell">' +
  195. '<p>编号:<span class="font-b">' + item.code + '</span></p>' +
  196. '<p>描述:<span class="font-b">' + item.desc + '</span></p>' +
  197. '<p>建议:<span class="font-b">' + (item.suggestion || '无') + '</span></p>' +
  198. ' </li>')
  199. }
  200. }
  201. } else {
  202. mui.toast(response.description);
  203. }
  204. }
  205. });
  206. }
  207. </script>
  208. </body>
  209. </html>