induction_admin.html 16.1 KB
<!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 style="font-size:18px;">
    {% set index=4 %}
    {% import 'head.html' as head with context%}
    {{ head }}
    <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-2">{{ _('地址编号') }}</label>
                        <div class="col-sm-3">
                            <input id="params" style="width: 80%;">
                        </div>
                        <div class="col-sm-5">
                            <input type="button" value="{{ _('设置阈值') }}" class="btn btn-warning"
                                onclick="hancalibrate()" />
                            <input type="button" value="{{ _('获取阈值') }}" class="btn btn-warning"
                                onclick="getcalibrate()" />
                        </div>
                    </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">{{ _('标定') }}</h3>
                    </div>
                    <div class="panel-body">
                        <label for="a1" class="col-sm-2">{{ _('地址编号') }}</label>
                        <div class="col-sm-3">
                            <select id='addr' class="form-control">
                                <option>A1</option>
                                <option>A2</option>
                                <option>A3</option>
                                <option>A4</option>
                                <option>A5</option>
                                <option>A6</option>
                                <option>A7</option>
                                <option>A8</option>
                                <option>A9</option>
                                <option>B1</option>
                                <option>B2</option>
                                <option>B3</option>
                                <option>B4</option>
                                <option>B5</option>
                                <option>B6</option>
                                <option>B7</option>
                                <option>B8</option>
                                <option>B9</option>
                                <option>99</option>
                            </select>
                        </div>
                        <label for="a2" class="col-sm-2">{{ _('参数') }}</label>
                        <div class="col-sm-3">
                            <select id='calibrate' class="form-control">
                                <option>autotrain</option>
                                <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-2">
                            <input type="button" value="{{ _('亮灯检测') }}" class="btn btn-warning"
                                onclick="adminled_test()" />
                        </div>
                        <div class="col-sm-2">
                            <input type="button" value="Site Report" class="btn btn-warning" onclick="Site_Report()" />
                        </div>
                        <div class="col-sm-2">
                            <input type="button" value="{{ _('传感器地址') }}" class="btn btn-warning"
                                onclick="adminaddr_test()" />
                        </div>
                        <div class="col-sm-2">
                            <input type="button" value="{{ _('重建库位') }}" class="btn btn-warning"
                                onclick="buildstore()" />
                        </div>
                        <div class="col-sm-2">
                            <input type="button" value="{{ _('重启控制器') }}" class="btn btn-warning"
                                onclick="restart()" />
                        </div>
                        <div class="col-sm-2">
                            <input type="button" value="{{ _('下载库位表') }}" class="btn btn-warning"
                                onclick="location.href='/downloadstore'" />
                        </div>
                    </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-12">
                            <select class="form-control" onchange="$('#command').val(this.value)" style="width:300px">
                                <option>快捷指令</option>
                                <option>report</option>
                                <option>A1</option>
                                <option>{"ADDR":"1","action":"info"}</option>
                                <option>{"ADDR":"1","action":"PrintStatus"}</option>
                                <option>{"ADDR":"99","action":"diagnosMode"}</option>
                            </select>
                        </div>
                        <div class="col-sm-12">
                            <input type="text" id="command" class="form-control"  style="width:300px;float: left;margin: 5px;"/>
                            <input type="button" value="{{ _('发送') }}" class="btn btn-warning" onclick="command_test()" style="float: left;;margin: 5px"/>
                            <input type="checkbox" id="autoclear" class="form-control checkbox" value="123"  style="height: 20px;width:20px;float: left;margin: 5px" />自动清除历史数据
                        </div>
                        <div class="col-sm-12"></div>
                        <!-- <label for="a4" class="col-sm-1">阈值</label>
                    <div class="col-sm-3">
                      <input id="threshold">
                    </div> -->
                        <div class="col-sm-12">
                            <textarea type="text" id="commandrecv" style="width: 90%;height: 300px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <script>
        var x;
        $(document).ready(function () {
            return;
            x = setInterval(function () {
                $.ajax({
                    url: "/readserial",
                    type: "get",
                    //data: JSON.stringify(ionum),
                    contentType: "application/json",
                    dataType: 'json',
                    success: function (data) {
                        // $("#testinfo").html(data.msg)
                        console.log(data.msg);
                        $("#commandrecv").val($("#commandrecv").val() + data.msg);
                    },
                    error: function (e) {
                        //alert("error");
                    }
                })
            }, 2000);
        });

        // 设置阈值
        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 addrs = document.getElementById("addr").value;
                addrs = addrs.replace('B', 'A1');
                addrs = addrs.replace('A', '');
                var data = {
                    "addr": addrs,
                    "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 Site_Report() {
            $.ajax({
                url: "/sitereport",
                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 buildstore() {
            if (confirm("{{ _('请谨慎操作') }}")) {
                $.ajax({
                    url: "/buildstore",
                    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 restart() {
            if (confirm("{{ _('请谨慎操作') }}")) {
                $.ajax({
                    url: "/restart",
                    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 command_test() {
            var data = {
                "command": document.getElementById("command").value
            }
            if ($("#autoclear")[0].checked){
                $("#commandrecv").val("");
            }
            $.ajax({
                url: "/writeserial",
                type: "post",
                data: JSON.stringify(data),
                contentType: "application/json",
                dataType: 'json',
                success: function (data) {
                    // $("#testinfo").html(data.msg)
                    $("#commandrecv").val($("#commandrecv").val() + data.msg.replace(/\/\//g, "\r\n"));
                },
                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>