device-control-100306.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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. <h5 class="mui-content-padded leftTime mui-hidden">剩余时间,<i class="info-mark"></i>分钟</h5>
  22. <ul class="mui-table-view button-command command-reload">
  23. <li class="mui-table-view-cell " key="dtStart">
  24. <span class="mui-navigate-right"></span>
  25. 单脱水
  26. </li>
  27. <li class="mui-table-view-cell " key="ksStart">
  28. <span class="mui-navigate-right"></span>
  29. 快速洗
  30. </li>
  31. <li class="mui-table-view-cell " key="bzStart">
  32. <span class="mui-navigate-right"></span>
  33. 标准洗
  34. </li>
  35. <li class="mui-table-view-cell " key="jqStart">
  36. <span class="mui-navigate-right"></span>
  37. 加强洗
  38. </li>
  39. </ul>
  40. <h5 class="mui-content-padded ">停止</h5>
  41. <ul class="mui-table-view button-command command-reload">
  42. <li class="mui-table-view-cell " key="stop">
  43. <span class="iconfont icon-stop c-red"></span>
  44. 停止
  45. </li>
  46. </ul>
  47. <h5 class="mui-content-padded ">功能</h5>
  48. <ul class="mui-table-view button-command command-reload">
  49. <li class="mui-table-view-cell " key="xdStart">
  50. <span class="mui-navigate-right"></span>
  51. 桶消毒
  52. </li>
  53. <li class="mui-table-view-cell " key="zjStart">
  54. <span class="mui-navigate-right"></span>
  55. 自检
  56. </li>
  57. </ul>
  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="js/xyf.common.js"></script>
  62. <script src="js/device-param.js"></script>
  63. <script>
  64. initTitle();
  65. //初始化运行状态
  66. sendRequest("/dealer/getDeviceFunctionByKey", "POST", JSON.stringify({
  67. logicalCode: logicalCode,
  68. key: 'workingStatus',
  69. }), function (response) {
  70. if (response.result == 1) {
  71. var payload = response.payload;
  72. var workingStatus = payload.workingStatus
  73. var leftTime = payload.leftTime
  74. $('.workingStatus').text(workingStatus);
  75. if (leftTime) {
  76. $('.leftTime').removeClass('mui-hidden')
  77. $('.leftTime > i').text(leftTime)
  78. }
  79. if (workingStatus == "待机中") {
  80. $('.workingStatus').addClass('c-success')
  81. }
  82. if (workingStatus == "消毒清洁中") {
  83. $('.workingStatus').addClass('c-primary')
  84. }
  85. if (workingStatus == "洗衣工作中") {
  86. $('.workingStatus').addClass('c-lgreen')
  87. }
  88. } else {
  89. mui.toast(response.description);
  90. }
  91. });
  92. $('.button-command [key]').on('click', function () {
  93. var reload = $(this).closest('.command-reload').length > 0
  94. var key = $(this).attr('key');
  95. var data = {
  96. "logicalCode": logicalCode,
  97. };
  98. data['key'] = key
  99. sendRequest({
  100. url: "/dealer/setDeviceFunctionByKey",
  101. type: "POST",
  102. mask: "请稍候...",
  103. contentType: "json",
  104. data: JSON.stringify(data),
  105. success: function (res) {
  106. if (res.result == 1) {
  107. mui.toast("成功");
  108. if (reload) {
  109. window.location.reload()
  110. }
  111. } else {
  112. mui.toast(res.description);
  113. }
  114. }
  115. });
  116. })
  117. </script>
  118. </body>
  119. </html>