device-control.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  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="css/xyf.common.min.css">
  17. </head>
  18. <body class="device-function">
  19. <h4 class="param-title" id="device">设备</h4>
  20. <h5 class="mui-content-padded ">运行状态,<i class="info-mark workingStatus">在正获取...</i></h5>
  21. <ul class="mui-table-view button-command command-reload">
  22. <li class="mui-table-view-cell " key="stop">
  23. <span class="iconfont icon-stop c-red"></span>
  24. 停止
  25. </li>
  26. <li class="mui-table-view-cell " key="pause">
  27. <span class="iconfont icon-pause c-lgreen"></span>
  28. 暂停
  29. </li>
  30. <li class="mui-table-view-cell " key="continue">
  31. <span class="iconfont icon-start c-success"></span>
  32. 继续
  33. </li>
  34. </ul>
  35. <h5 class="mui-content-padded ">远程命令</h5>
  36. <ul class="mui-table-view button-command">
  37. <li class="mui-table-view-cell " key="ccms1">
  38. <span class="mui-navigate-right"></span>
  39. 测试模式1
  40. </li>
  41. <li class="mui-table-view-cell " key="ccms2">
  42. <span class="mui-navigate-right"></span>
  43. 测试模式2
  44. </li>
  45. <li class="mui-table-view-cell " key="tz">
  46. <span class="mui-navigate-right"></span>
  47. 跳转
  48. </li>
  49. <li class="mui-table-view-cell " key="js">
  50. <span class="mui-navigate-right"></span>
  51. 结束
  52. </li>
  53. <li class="mui-table-view-cell " key="ajkq">
  54. <span class="mui-navigate-right"></span>
  55. 按键开启
  56. </li>
  57. <li class="mui-table-view-cell " key="ajgb">
  58. <span class="mui-navigate-right"></span>
  59. 按键关闭
  60. </li>
  61. <li class="mui-table-view-cell " key="tbkq">
  62. <span class="mui-navigate-right"></span>
  63. 投币开启
  64. </li>
  65. <li class="mui-table-view-cell " key="tbgb">
  66. <span class="mui-navigate-right"></span>
  67. 投币关闭
  68. </li>
  69. </ul>
  70. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  71. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  72. <script src="/components/custom/js/common.js"></script>
  73. <script src="js/xyf.common.js"></script>
  74. <script src="js/device-param.js"></script>
  75. <script>
  76. initTitle();
  77. //初始化运行状态
  78. sendRequest("/dealer/getDeviceFunctionByKey", "POST", JSON.stringify({
  79. logicalCode: logicalCode,
  80. key: 'workingStatus',
  81. }), function (response) {
  82. if (response.result == 1) {
  83. var payload = response.payload;
  84. var workingStatus = payload.workingStatus
  85. $('.workingStatus').text(workingStatus);
  86. if (workingStatus == "空闲") {
  87. $('.workingStatus').addClass('c-success')
  88. }
  89. if (workingStatus == "暂停") {
  90. $('.workingStatus').addClass('c-primary')
  91. }
  92. if (workingStatus == "运转") {
  93. $('.workingStatus').addClass('c-lgreen')
  94. }
  95. } else {
  96. mui.toast(response.description);
  97. }
  98. });
  99. // 远程控制指令
  100. $('.button-command [key]').on('click', function () {
  101. var reload = $(this).closest('.command-reload').length > 0
  102. var key = $(this).attr('key');
  103. var data = {
  104. "logicalCode": logicalCode,
  105. };
  106. data['key'] = key
  107. sendRequest({
  108. url: "/dealer/setDeviceFunctionByKey",
  109. type: "POST",
  110. mask: "请稍候...",
  111. contentType: "json",
  112. data: JSON.stringify(data),
  113. success: function (res) {
  114. if (res.result == 1) {
  115. mui.toast("成功");
  116. if (reload) {
  117. window.location.reload()
  118. }
  119. } else {
  120. mui.toast(res.description);
  121. }
  122. }
  123. });
  124. })
  125. </script>
  126. </body>
  127. </html>