123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="expires" content="0">
- <meta name="author" content="">
- <meta name="description" content=""/>
- <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
- <meta name="format-detection" content="telephone=no,email=no">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
- <title>控制面板</title>
- <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
- <link rel="stylesheet" href="../components/custom/css/common.css">
- <link rel="stylesheet" href="css/xyf.common.min.css">
- </head>
- <body class="device-function">
- <h4 class="param-title" id="device">设备</h4>
- <h5 class="mui-content-padded ">运行状态,<i class="info-mark workingStatus ">在正获取...</i></h5>
- <h5 class="mui-content-padded leftTime mui-hidden">剩余时间,<i class="info-mark"></i>分钟</h5>
- <ul class="mui-table-view button-command command-reload">
- <li class="mui-table-view-cell " key="dtStart">
- <span class="mui-navigate-right"></span>
- 单脱水
- </li>
- <li class="mui-table-view-cell " key="ksStart">
- <span class="mui-navigate-right"></span>
- 快速洗
- </li>
- <li class="mui-table-view-cell " key="bzStart">
- <span class="mui-navigate-right"></span>
- 标准洗
- </li>
- <li class="mui-table-view-cell " key="jqStart">
- <span class="mui-navigate-right"></span>
- 加强洗
- </li>
- </ul>
- <h5 class="mui-content-padded ">停止</h5>
- <ul class="mui-table-view button-command command-reload">
- <li class="mui-table-view-cell " key="stop">
- <span class="iconfont icon-stop c-red"></span>
- 停止
- </li>
- </ul>
- <h5 class="mui-content-padded ">功能</h5>
- <ul class="mui-table-view button-command command-reload">
- <li class="mui-table-view-cell " key="xdStart">
- <span class="mui-navigate-right"></span>
- 桶消毒
- </li>
- <li class="mui-table-view-cell " key="zjStart">
- <span class="mui-navigate-right"></span>
- 自检
- </li>
- </ul>
- <script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
- <script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
- <script src="/components/custom/js/common.js"></script>
- <script src="js/xyf.common.js"></script>
- <script src="js/device-param.js"></script>
- <script>
- initTitle();
- //初始化运行状态
- sendRequest("/dealer/getDeviceFunctionByKey", "POST", JSON.stringify({
- logicalCode: logicalCode,
- key: 'workingStatus',
- }), function (response) {
- if (response.result == 1) {
- var payload = response.payload;
- var workingStatus = payload.workingStatus
- var leftTime = payload.leftTime
- $('.workingStatus').text(workingStatus);
- if (leftTime) {
- $('.leftTime').removeClass('mui-hidden')
- $('.leftTime > i').text(leftTime)
- }
- if (workingStatus == "待机中") {
- $('.workingStatus').addClass('c-success')
- }
- if (workingStatus == "消毒清洁中") {
- $('.workingStatus').addClass('c-primary')
- }
- if (workingStatus == "洗衣工作中") {
- $('.workingStatus').addClass('c-lgreen')
- }
- } else {
- mui.toast(response.description);
- }
- });
- $('.button-command [key]').on('click', function () {
- var reload = $(this).closest('.command-reload').length > 0
- var key = $(this).attr('key');
- var data = {
- "logicalCode": logicalCode,
- };
- data['key'] = key
- sendRequest({
- url: "/dealer/setDeviceFunctionByKey",
- type: "POST",
- mask: "请稍候...",
- contentType: "json",
- data: JSON.stringify(data),
- success: function (res) {
- if (res.result == 1) {
- mui.toast("成功");
- if (reload) {
- window.location.reload()
- }
- } else {
- mui.toast(res.description);
- }
- }
- });
- })
- </script>
- </body>
- </html>
|