yk
/
honorWeb


			
				
					
						
						
							
							<!DOCTYPE html>
<html class="text-start">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>首页</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="assets/css/Login-Form-Dark.css">
    <link rel="stylesheet" href="assets/css/Toggle-Switch-1.css">
    <link rel="stylesheet" href="assets/css/Toggle-Switch.css">
    <link rel="stylesheet" href="assets/css/Toggle-Switches.css">
    <style type="text/css">
        .close{
            float: right;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            filter: alpha(opacity=20);
            opacity: .2;
        }

        .alert{
            padding: 5px;
            /*margin-bottom: 20px;*/
            border: 1px solid transparent;
            border-radius: 4px;
            width: 100%;
            height: fit-content;
        }

        a{
            text-decoration: none;
        }
    </style>
</head>

<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="56">
    <nav class="navbar navbar-light navbar-expand-lg fixed-top" id="mainNav">
        <div class="container"><a class="navbar-brand" href="#page-top"><img src="assets/img/honor-logo-black.svg"></a><button data-bs-toggle="collapse" data-bs-target="#navbarResponsive" class="navbar-toggler float-end" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ms-auto">
                    <!-- <li class="nav-item"><a class="nav-link" href="/changePwd">修改密码</a></li> -->
                    <li class="nav-item"><a class="nav-link logout" href="#">注销</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <header class="masthead" style="background: url(assets/img/bg-pattern.png), linear-gradient(to left, #1B2C45, #41464b);height: 100%;padding-top: 70px;">
        <div id="myAlert" class="alert alert-success" role="alert" style="display: none;margin-bottom: 5px;position: absolute;z-index: 999;">
            <a href="#" class="close" data-dismiss="alert">&times;</a>
            <h6 class="alert-heading" style="margin: 0;">操作成功!</h6>
        </div>
        <div class="container h-100">
            <div class="row h-100">
                <div class="col">
                    <div class="card" style="color: black;">
                        <div class="card-header">
                            <h5 class="mb-0">远程操作</h5>
                        </div>
                        <!-- <div class="card-body" style="padding: 1rem 1rem 0rem 1rem;border-bottom: 1px solid #313b4840;">
                            <div>
                                <label class="form-label" style="height: 50px;vertical-align: middle;font-size: 20px;">人行通道1</label><label class="switch">
                                  <input class="ck-status" type="checkbox" id="ck-GATE1-status" devId="GATE1">
                                  <span class="slider round"></span>
                              </label> 
                            </div>
                        </div> -->
                        <div class="card-body" style="padding: 1rem 1rem 0rem 1rem;border-bottom: 1px solid #313b4840;">
                            <div>
                                <label class="form-label" style="height: 50px;vertical-align: middle;font-size: 20px;">人行通道1</label><label class="switch">
                                  <input class="ck-status" type="checkbox" id="ck-PSGATE01-status" devId="PSGATE01">
                                  <span class="slider round"></span>
                              </label> 
                            </div>
                        </div>
                        <div class="card-body" style="padding:  1rem 1rem 0rem 1rem;border-bottom: 1px solid #313b4840;">
                            <div>
                                <label class="form-label" style="height: 75px;vertical-align: middle;font-size: 20px;">人行通道2</label><label class="switch">
                                  <input class="ck-status" type="checkbox" id="ck-PSGATE02-status" devId="PSGATE02">
                                  <span class="slider round"></span>
                              </label> 
                            </div>
                        </div>
                        <div class="card-body" style="padding:  1rem 1rem 0rem 1rem;border-bottom: 1px solid #313b4840;">
                            <div>
                                <label class="form-label" style="height: 75px;vertical-align: middle;font-size: 20px;">人行通道3</label><label class="switch">
                                  <input class="ck-status" type="checkbox" id="ck-PSGATE03-status" devId="PSGATE03">
                                  <span class="slider round"></span>
                              </label> 
                            </div>
                        </div>
                        <div class="card-body" style="padding:  1rem 1rem 0rem 1rem;">
                            <div>
                                <label class="form-label" style="height: 75px;vertical-align: middle;font-size: 20px;">货物通道1</label><label class="switch">
                                  <input class="ck-status" type="checkbox" id="ck-PSGATE04-status" devId="PSGATE04">
                                  <span class="slider round"></span>
                              </label> 
                            </div>
                        </div>
                  </div>
              </div>
          </div>
      </div>
  </header>
  <div class="modal" id="loadingModal" backdrop="static" keyborad="false" style="display:none;background: black;opacity: 0.75;">
    <img src="assets/img/loading2.gif" alt="" style="width: 100px;height: 100px;z-index: 2000;position: absolute;text-align: center;left: 50%;top:50%;margin-left: -50px;margin-top: -50px;" />
</div>
<footer style="position: absolute;bottom: 0;width: 100%;">
    <div class="container">
        <p>©&nbsp;内部使用 禁止外传</p>
    </div>
</footer>
<script src="assets/js/jquery-3.5.0.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/cust.js"></script>
<script src="assets/js/new-age.js"></script>
<script type="text/javascript">

    $(function(){

        $(".logout").on('click', function () {
            document.cookie="";
            window.location.href = "/login";
        })

        var devs = ["PSGATE01","PSGATE02","PSGATE03","PSGATE04"];
        devs.map(function(ss){
            $.ajax({url:"/devList",data:{dev:ss}, method:"post",cache: false,
                contentType: "application/x-www-form-urlencoded",beforeSend:function(){
                    showLoading();
                },success:function(data){
                    hideLoading();
                    if (data.Code == 200) {
                        // $("#myAlert").css("display", "block");
                        $("#ck-"+ss+"-status").prop("checked",true);
                        
                    } else {
                        // obj.prop("checked",!flag);
                        $("#ck-"+ss+"-status").prop("checked",false);
                    }
                },error:function(err){

                }})
        })
        
        
        $(".ck-status").click(function(){
            var flag = $(this).is(":checked");

            var dev = $(this).attr("devId");
            var obj = $(this);
            $.ajax({url:"/handleAct",data:{active:flag?0:1, dev:dev}, method:"post",cache: false,
                contentType: "application/x-www-form-urlencoded",beforeSend:function(){
                    showLoading();
                },success:function(data){
                    hideLoading();
                    if (data.Code == 200 && (data.Msg == "" || data.Msg.indexOf("成功") > -1)) {
                        $(".alert-heading").html("操作成功!");
                        $("#myAlert").css("display", "block");
                        $("#myAlert").removeClass("alert-warning").addClass("alert-success");
                        setTimeout(function(){
                            $("#myAlert").css("display", "none");
                        },2500)
                        
                    } else {
                        if (data.Msg) {
                            $(".alert-heading").html("操作失败，请稍候重试！<small>("+(data.Msg)+")</small>");
                            $("#myAlert").removeClass("alert-success").addClass("alert-warning");
                            $("#myAlert").css("display", "block");
                            obj.prop("checked",!flag);
                        } else {
                            window.location.href = "/login";
                        }
                        
                        
                    }
                },error:function(err){
                    hideLoading();
                    $(".alert-heading").html("操作失败，请稍候重试！");
                    $("#myAlert").removeClass("alert-success").addClass("alert-warning");
                    $("#myAlert").css("display", "block");
                    obj.prop("checked",!flag);
                }})
        })

        function showLoading(){
            $("#loadingModal").css("display", "block");
        }

        function hideLoading(){
            $("#loadingModal").css("display", "none");
        }

        $(".close").click(function(){
            $("#myAlert").css("display", "none");
        });
    })
</script>
</body>

</html>