device-control-100305.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  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 command-reload">
  37. <li class="mui-table-view-cell " key="dtStart">
  38. <span class="mui-navigate-right"></span>
  39. 单脱水
  40. </li>
  41. <li class="mui-table-view-cell " key="ksStart">
  42. <span class="mui-navigate-right"></span>
  43. 快速洗
  44. </li>
  45. <li class="mui-table-view-cell " key="bzStart">
  46. <span class="mui-navigate-right"></span>
  47. 标准洗
  48. </li>
  49. <li class="mui-table-view-cell " key="dwStart">
  50. <span class="mui-navigate-right"></span>
  51. 大物洗
  52. </li>
  53. </ul>
  54. <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
  55. <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
  56. <script src="/components/custom/js/common.js"></script>
  57. <script src="js/xyf.common.js"></script>
  58. <script src="js/device-param.js"></script>
  59. <script>
  60. initTitle();
  61. //初始化运行状态
  62. sendRequest("/dealer/getDeviceFunctionByKey", "POST", JSON.stringify({
  63. logicalCode: logicalCode,
  64. key: 'workingStatus',
  65. }), function (response) {
  66. if (response.result == 1) {
  67. var payload = response.payload;
  68. var workingStatus = payload.workingStatus
  69. $('.workingStatus').text(workingStatus);
  70. if (workingStatus == "空闲") {
  71. $('.workingStatus').addClass('c-success')
  72. }
  73. if (workingStatus == "暂停") {
  74. $('.workingStatus').addClass('c-primary')
  75. }
  76. if (workingStatus == "运转") {
  77. $('.workingStatus').addClass('c-lgreen')
  78. }
  79. } else {
  80. mui.toast(response.description);
  81. }
  82. });
  83. $('.button-command [key]').on('click', function () {
  84. var reload = $(this).closest('.command-reload').length > 0
  85. var key = $(this).attr('key');
  86. var data = {
  87. "logicalCode": logicalCode,
  88. };
  89. data['key'] = key
  90. sendRequest({
  91. url: "/dealer/setDeviceFunctionByKey",
  92. type: "POST",
  93. mask: "请稍候...",
  94. contentType: "json",
  95. data: JSON.stringify(data),
  96. success: function (res) {
  97. if (res.result == 1) {
  98. mui.toast("成功");
  99. if (reload) {
  100. window.location.reload()
  101. }
  102. } else {
  103. mui.toast(res.description);
  104. }
  105. }
  106. });
  107. })
  108. </script>
  109. </body>
  110. </html>