induction_admin.html 9.0 KB
<span style="font-size:18px;"><!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
 
<title>Admin-料架</title>
<link rel="icon" href="/static/favicon.ico">
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
 
</head>
 
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">感应式料架后台测试</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="{{ url_for('induction_control') }}">{{ _('控制') }}</a></li>
            <li><a href="{{ url_for('induction_test') }}">{{ _('测试') }}</a> </li>
            <li><a href="{{ url_for('induction_config') }}">{{ _('料架配置') }}</a> </li>
            <li class="active"><a href="{{ url_for('induction_admin') }}">{{ _('管理后台') }}</a> </li>
          </ul>
        </div>
      </div>
    </nav>
<div class="container-fluid">
  <div class="row">
    <div class="col-md-6">
      <h2>料架系统</h2>
      <hr class="divider">
        <!-- 灯条测试 -->
        <div class="panel panel-warning">
          <div class="panel-heading">
            <h3 class="panel-title">手动阈值</h3>
          </div>
          <div class="panel-body">                
                <label for="pa" class="col-sm-1">地址编号</label>
                <div class="col-sm-3">
                  <div class="col-sm-3">
                    <input id="params">
                </div>
                </div>
                <div class="col-sm-4">
                  <input type="button" value="设置阈值" class="btn btn-warning" onclick="hancalibrate()"/>
                  <input type="button" value="获取阈值" class="btn btn-warning" onclick="getcalibrate()"/>
                </div><!-- /.col-sm-4 -->
          </div>
        </div>

        <!-- step send -->
        <div class="panel panel-warning">
          <div class="panel-heading">
            <h3 class="panel-title">随机亮灯</h3>
          </div>
          <div class="panel-body">                
                <div class="col-sm-4">
                  <input type="button" value="发送" class="btn btn-warning" onclick="randomtest()"/>
                </div>
          </div>
        </div>

        <!-- auto -->
        <div class="panel panel-warning">
          <div class="panel-heading">
            <h3 class="panel-title">auto</h3>
          </div>
          <div class="panel-body">                
                <label for="a1" class="col-sm-1">地址编号</label>
                <div class="col-sm-3">
                  <select id='addr' class="form-control">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                  </select>
                </div>
                 <label for="a2" class="col-sm-1">参数</label>
                <div class="col-sm-3">
                  <select id='calibrate' class="form-control">
                    <option>max</option>
                    <option>min</option>
                  </select>
                </div>
                <!-- <label for="io" class="col-sm-1">地址编号</label> -->
                <div class="col-sm-4">
                  <input type="button" value="自动标定" class="btn btn-warning" onclick="auto_calibrate()"/>
                </div><!-- /.col-sm-4 -->
          </div>
        </div>
        <div class="panel panel-info">
          <div class="panel-heading">
            <h3 class="panel-title">地址检测</h3>
          </div>
          <div class="panel-body">                
                <!-- <label for="a3" class="col-sm-1">地址检测</label> -->
                <div class="col-sm-4">
                  <input type="button" value="亮灯检测" class="btn btn-warning" onclick="adminled_test()"/>
                </div>
                 <!-- <label for="a4" class="col-sm-1">阈值</label>
                    <div class="col-sm-3">
                      <input id="threshold">
                    </div> -->
                <div class="col-sm-4">
                  <input type="button" value="传感器地址" class="btn btn-warning" onclick="adminaddr_test()"/>
                </div>
          </div>
        </div>
    </div>
    </div>
    
  </div>
 
<script>
    // $(document).ready(function () {
    //     });

      // 设置阈值
      function hancalibrate(){
        if (confirm("请谨慎操作")){
          var ionum = document.getElementById("params").value
          // console.log(data)
          $.ajax({
              url:"/hancalibrate",
              type:"post",
              data:JSON.stringify(ionum),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
        }

    // step send
      function randomtest(){
          // var ionum = document.getElementById("io").value
          // console.log(data)
          $.ajax({
              url:"/randomtest",
              type:"post",
              // data:JSON.stringify(ionum),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
    // auto_calibrate
      function auto_calibrate(){
        if (confirm("请谨慎操作")) {
          var data = {"addr":document.getElementById("addr").value,
                    "calibrate":document.getElementById("calibrate").value}
          $.ajax({
              url:"/auto_calibrate",
              type:"post",
              data:JSON.stringify(data),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
        }

      // 获取阈值
      function getcalibrate(){
        if (confirm("请谨慎操作")){
          var ionum = document.getElementById("params").value
          // console.log(data)
          $.ajax({
              url:"/getcalibrate",
              type:"post",
              data:JSON.stringify(ionum),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
        }

    // thre
      function adminaddr_test(){
        if (confirm("请谨慎操作")) {
          $.ajax({
              url:"/adminaddr_test",
              type:"post",
              // data:JSON.stringify(data),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
        }

        function adminled_test(){
        if (confirm("请谨慎操作")) {
          $.ajax({
              url:"/adminled_test",
              type:"post",
              // data:JSON.stringify(data),
              contentType: "application/json",
              dataType: 'json',
              success:function(data){
                      // $("#testinfo").html(data.msg)
                      alert(data.msg);
              },
              error:function(e){
                      alert("error");
              }
          })
          }
        }
</script>
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
</body>
</html>