123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202 |
- <!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="/app/css/xyf.common.min.css">
- </head>
- <body class="param">
- <h4 class="param-title" id="device">设备</h4>
- <h5 class="mui-content-padded">脉冲宽度/间隔范围为10-1000</h5>
- <ul class="mui-table-view">
- <li class="mui-table-view-cell">
- <a class="mui-navigate-right" href="javascript:;" id="pulseWidth">
- 脉冲宽度<span class="mui-pull-right custom-right" id="widthNum">0</span>
- </a>
- </li>
- <li class="mui-table-view-cell">
- <a class="mui-navigate-right" href="javascript:;" id="pulseInterval">
- 脉冲间隔<span class="mui-pull-right custom-right" id="intervalNum">0</span>
- </a>
- </li>
- </ul>
- <ul class="mui-table-view custom-top">
- <li class="mui-table-view-cell">
- <a class="mui-navigate-right" href="#standbyLevel">
- 待机电平<span class="mui-pull-right custom-right" id="battery">常开</span>
- </a>
- </li>
- </ul>
- <div id="standbyLevel" class="mui-popover mui-popover-action mui-popover-bottom">
- <ul class="mui-table-view">
- <li class="mui-table-view-cell">
- <a href="javascript:;">常开</a>
- </li>
- <li class="mui-table-view-cell">
- <a href="javascript:;">常闭</a>
- </li>
- </ul>
- <ul class="mui-table-view">
- <li class="mui-table-view-cell">
- <a class="font-bold" href="#standbyLevel">取消</a>
- </li>
- </ul>
- </div>
- <div class="custom-btn-area">
- <a class="custom-btn custom-btn-primary" href="javascript:;" id="saveBtn">保存设置</a>
- </div>
- <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="/app/js/xyf.common.js"></script>
- <script>
- var logicalCode = getQueryString("logicalCode");
- var type = getQueryString("type");
- $("#device").html("<i class='c-primary iconfont " + getDevIconName(type) + "'></i> " + type + logicalCode);
- showLoading("加载中...");
- readNewEquipment();//读取参数
- //脉冲宽度
- document.getElementById('pulseWidth').addEventListener('tap', function (e) {
- e.detail.gesture.preventDefault();
- var widthNum = document.getElementById('widthNum');
- var btnArray = ['取消', '确定'];
- mui.prompt('', '10-1000', '请输入脉冲宽度', btnArray, function (e) {
- if (e.index == 1) {
- if (e.value < 10 || e.value > 1000 || isNaN(e.value)) {
- mui.alert('请输入10-1000范围内的数值', '输入错误', '我知道了');
- $('.mui-popup-input input').blur();
- } else {
- widthNum.innerText = e.value;
- $('.mui-popup-input input').blur();
- }
- } else {
- $('.mui-popup-input input').blur();
- }
- });
- var inputDom = document.querySelector('.mui-popup-input input');
- inputDom.type = 'number';
- $(inputDom).on("keypress",function () {
- return myNumberic(event, 0);
- });
- });
- //脉冲间隔
- document.getElementById('pulseInterval').addEventListener('tap', function (e) {
- e.detail.gesture.preventDefault();
- var intervalNum = document.getElementById('intervalNum');
- var btnArray = ['取消', '确定'];
- mui.prompt('', '10-1000', '请输入脉冲间隔', btnArray, function (e) {
- if (e.index == 1) {
- if (isNaN(e.value) || e.value < 10 || e.value > 1000) {
- mui.alert('请输入10-1000范围内的数值', '输入错误', '我知道了');
- $('.mui-popup-input input').blur();
- } else {
- intervalNum.innerText = e.value;
- $('.mui-popup-input input').blur();
- }
- } else {
- $('.mui-popup-input input').blur();
- }
- });
- var inputDom = document.querySelector('.mui-popup-input input');
- inputDom.type = 'number';
- $(inputDom).on("keypress",function () {
- return myNumberic(event, 0);
- });
- });
- //待机电平
- mui('.mui-popover-action').on('tap', 'a', function () {
- if (this.href.indexOf('#') > -1) {
- return;
- } else {
- document.getElementById('battery').innerHTML = this.innerHTML;
- }
- mui('#standbyLevel').popover('toggle');
- });
- //保存设置
- $('#saveBtn').tap(function () {
- var widthNum = $('#widthNum').text();
- if (isNaN(widthNum) || widthNum < 10 || widthNum > 1000) {
- mui.alert('脉冲宽度值只能10-1000范围内的数值', '输入错误', '我知道了');
- return;
- }
- var intervalNum = $('#intervalNum').text();
- if (isNaN(intervalNum) || intervalNum < 10 || intervalNum > 1000) {
- mui.alert('脉冲间隔值只能10-1000范围内的数值', '输入错误', '我知道了');
- return;
- }
- var battery = '';
- if ($("#battery").text() == '常开') {
- battery = 1;
- } else {
- battery = 0;
- }
- var data = {
- "logicalCode": logicalCode,
- "pulseWidth1": widthNum,
- "pulseInterval1": intervalNum,
- "battery": battery,
- "pulseWidth2": 0,
- "pulseInterval2": 0,
- "drag": 0,
- "interfaceType": 0,
- "interfaceBaudRate": 0,
- "noteTypes": 0
- };
- sendRequest("/device/szNewEquipment", "POST", data, function (res) {
- if (res.result == 1) {
- mui.toast('设置成功');
- } else {
- mui.alert('设备处于离线状态无法设置,请确保设备在线', '设置失败', '确定');
- }
- });
- });
- function readNewEquipment() {
- myAjax({
- type: 'GET',
- url: '/device/readNewEquipment?logicalCode=' + logicalCode,
- dataType: "json",
- success: function (msg) {
- if (msg.result == 1) {
- $("#widthNum").text(msg.para.pulseWidth1);
- $("#intervalNum").text(msg.para.pulseInterval1);
- if (msg.para.battery == "1") {
- $("#battery").text('常开');
- } else {
- $("#battery").text('常闭');
- }
- hideLoading();
- } else {
- hideLoading();
- var btnArray = ['确定'];
- mui.confirm(msg.description, '温馨提示', btnArray, function (e) {
- if (e.index == 0) {
- history.back();
- }
- });
- }
- },
- error: function () {
- mui.toast("网络连接错误或超时");
- }
- });
- }
- </script>
- </body>
- </html>
|