blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
yzt
2023-09-27 726603df43447f8cfedfeaae4267209adbd01699 
 src/main/webapp/hxzk/login1.jsp


@@ -27,233 +27,109 @@


  <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />


  <link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />


  <style>


    .form-control {


      height: 70px;


      border: 1px solid #1b2e4b;


      color: #009688;


      font-size: 15px;


      padding: 8px 10px;


      letter-spacing: 1px;


      height: calc(1.4em + 1.4rem + 2px);


      padding: .75rem 1.25rem;


      border-radius: 6px;


      background: #1b2e4b;


      line-height: 1.5;


    }


    .code1{


      width:48%;


    }


    .code2{


      width: 45%;


    }


    .container-fluid{


      width: 30%;


    }


    @media (max-width: 360px) {


      .container-fluid{


        width: 100%;


      }


      .code1{


        width: 40%;


      }


    }


    @media (min-width: 370px ) and (max-width: 767px) {


      .container-fluid{


        width: 100%;


      }


      .code1{


        width: 40%;


      }


    #renyuanxinxi{


      background-color: #383438;




    }


  </style>


</head>


<body>


<div class="container-fluid" style="padding-left: 60px">


  <div class="row" style="margin-top: 200px">


    <div class="col-md-12 col-xs-12" style="text-align: center">


      <h1 class="" style="position: relative;left: -10px">


        <span id="headTitle"></span>


      </h1>


    </div>


<div id="renyuanxinxi">


  <div


          style="background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));width: 100%;font-size: 1.5rem;color: rgba(255, 255, 255, .7);line-height: 2.5rem;text-align: center;border: 2px solid rgba(0, 90, 120, .3);">


    <svg xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 5px;" width="30" height="30"


         fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">


      <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />


    </svg>人员信息<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"


                       class="bi bi-x-lg" viewBox="0 0 16 16"


                       style="position: absolute;float: right;right: 10px;top: 9px;"


                       onclick="guanbirenyuanxinxi()">


    <path fill-rule="evenodd"


          d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z" />


    <path fill-rule="evenodd"


          d="M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z" />


  </svg>


  </div>


  <div class="row" style="width: 98%;margin-top: 10px">


    <div class="col-xs-12 col-md-12">


      <label for="username" style="color: #131527;"></label>


      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"


           viewBox="0 0 24 24" fill="none" stroke="currentColor"


           stroke-width="2" stroke-linecap="round" stroke-linejoin="round"


           class="feather feather-user" style="position: relative;top: 32px;left: 3px">


        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>


        <circle cx="12" cy="7" r="4"></circle>


      </svg>


      <input id="username" name="username" type="text" class="form-control"


             placeholder="用户名" required="required" style="padding-left: 40px">


    </div>


  <div>


    <table class="table-bordered" style="width: 100%;font-size: 4px;color: white;height: 100%" >


      <tr>


        <td class="biaoti">姓名：</td>


        <td class="neirong">


          <div id="nameqq">12121</div>


        </td>


        <td class="biaoti">性别：</td>


        <td class="neirong">


          <div id="sexqq">12121</div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">民族：</td>


        <td class="neirong">


          <div id="minzuqq"></div>


        </td>


        <td class="biaoti">电话：</td>


        <td class="neirong">


          <div id="dianhuaqq">17531353238</div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">当前坐标：</td>


        <td class="neirong">


          <div id="zuobiaoqq"></div>


        </td>


        <td class="biaoti">状态：</td>


        <td class="neirong">


          <div id="zhuangtaiqq"></div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">标签编号：</td>


        <td class="neirong">


          <div id="tagidqq"></div>


        </td>


        <td class="biaoti">电量：</td>


        <td class="neirong">


          <div id="dianliangqq"></div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">海拔高度：</td>


        <td class="neirong">


          <div id="gaoqq"></div>


        </td>


        <td class="biaoti">所在部门：</td>


        <td class="neirong">


          <div id="bumenqq"></div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">下发指令：</td>


        <td class="neirong" style="text-align: left;padding-left: 10px;"><input


                class="btn btn-secondary" type="button" id="zhendongqq"


                style="width: 70px;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"


                value="蜂鸣">


          <input class="btn btn-secondary" type="button" id="gengxinqq" onclick="gengxinzuobiao()"


                 style="width: 90px;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"


                 value="更新坐标">


        </td>


        <td class="biaoti">更新时间：</td>


        <td class="neirong">


          <div id="timeqq"></div>


        </td>


      </tr>


      <tr>


        <td class="biaoti">下发文字：</td>


        <td class="neirong" colspan="3">


          <input type="text" id="messageinput" class="form-control" placeholder="请输入要发送信息"


                 style="width: 80%;display: inline;background: #fff;color: #000000;">


          <input class="btn btn-secondary" type="button" onclick="sendmessage2()"


                 style="width: 15%;height: 40px;background-color: brown;border-color: brown;font-size: 0.15rem;"


                 value="发送">


        </td>


      </tr>


    </table>


  </div>


  <div class="row" style="width: 98%;margin-top: 10px">


    <div class="col-xs-12 col-md-12">


      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"


           viewBox="0 0 24 24" fill="none" stroke="currentColor"


           stroke-width="2" stroke-linecap="round" stroke-linejoin="round"


           class="feather feather-lock" style="position: relative;top: 32px ;left: 6px">


        <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>


        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>


      </svg>


      <input id="password" name="password" type="password"


             class="form-control" placeholder="密码" required="required" style="padding-left: 40px">


    </div>


  </div>


  <div class="row" style="width: 98.7%;margin-top: 10px">


    <div class="col-xs-12 col-md-12">


      <svg t="1618403857453" class="feather feather-lock"


           viewBox="0 0 1024 1024" version="1.1"


           xmlns="http://www.w3.org/2000/svg" p-id="2231" width="24"


           height="24"style="position: relative;top: 28px;left: 6px;z-index: 999">


        <path


                d="M895.744 273.28a59.2 59.2 0 0 0-46.72-51.936A1103.36 1103.36 0 0 1 697.92 186.56a561.28 561.28 0 0 1-135.008-78.912 61.76 61.76 0 0 0-72.16 0 354.112 354.112 0 0 1-136.032 78.4 507.264 507.264 0 0 1-146.944 36.32 55.04 55.04 0 0 0-46.208 51.936S160 404.64 160 519.36C160 727.04 405.056 928 527.616 928c122.528 0 330.24-141.76 363.456-405.504 8.32-155.776 2.56-248.704 2.56-248.704l2.112-0.544z m-133.44 160.416l-256 241.44c-11.52 10.976-29.12 12.704-42.56 4.16l-6.72-5.728-141.248-146.912a35.264 35.264 0 0 1 51.904-47.776l116.32 122.016 230.528-218.08a35.264 35.264 0 1 1 47.776 51.936v-1.056z"


                p-id="2232" fill="#bfbfbf"></path>


      </svg>


      <input id="yanzheng" name="yanzheng" type="text" class="form-control code2"


             placeholder="验证码" style="padding-left: 40px;display: inline-block;position: relative;top: 30px;left: -30">


      <!--                          <input type="button"  onclick="createCode()" id="code"  style ="margin-left:10px;width:40%;height:46.8px;font-family:Arial;font-style:italic;font-weight:bold;border:0;letter-spacing:2px;color:blue;"/>  -->


      <button type="button" onclick="shuaxin()" class="code1" id="code"


              style=" height: 43.8px; font-family: Arial;position: relative;top: 28px;font-style: italic; font-weight: bold; border-radius: 10px; border: 0; letter-spacing: 2px; color: blue;"></button>




    </div>


  </div>


  <div class="row" style="margin-top: 60px;width: 98%">


    <div class="col-xs-12 col-md-12">


      <button type="button" class="btn btn-primary login"


              value="" style="width: 100%;height: 50px;">登录</button>


    </div>


  </div>


</div>


</body>


<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>


<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>


<script>


  var code; //在全局定义验证码


  //产生验证码


  window.onload = function createCode() {


    code = "";


    var codeLength = 4;//验证码的长度


    var checkCode = document.getElementById("code");


    var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//随机数


    for (var i = 0; i < codeLength; i++) {//循环操作


      var index = Math.floor(Math.random() * 10);//取得随机数的索引（0~35）


      code += random[index];//根据索引取得随机数加到code上


    }


    var aaa = document.getElementById("yanzheng")


    aaa.value = code


    checkCode.innerHTML = code;//把code值赋给验证码


  }


  //刷新验证码


  function shuaxin() {


    code = "";


    var codeLength = 4;//验证码的长度


    var checkCode = document.getElementById("code");


    var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//随机数


    for (var i = 0; i < codeLength; i++) {//循环操作


      var index = Math.floor(Math.random() * 10);//取得随机数的索引（0~35）


      code += random[index];//根据索引取得随机数加到code上


    }


    var aaa = document.getElementById("yanzheng")


    aaa.value = code


    checkCode.innerHTML = code;//把code值赋给验证码


  }


  //校验验证码


  function validate() {


    var inputCode = document.getElementById("input").value.toUpperCase(); //取得输入的验证码并转化为大写


    if (inputCode.length <= 0) { //若输入的验证码长度为0


      alert("请输入验证码！"); //则弹出请输入验证码


    }


    else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时


      alert("验证码输入错误！@_@"); //则弹出验证码输入错误


      createCode();//刷新验证码


      document.getElementById("input").value = "";//清空文本框


    }


    else { //输入正确时


      alert("^-^"); //弹出^-^


    }


  }


  $(document).ready(function () {


    var title = ""


    $.ajax({


      async: false, //同步的


      type: "POST",


      url: "/hxzkoa/getSysSetting_list.do",


      data: {




      },


      dataType: "json",


      success: function (data) {


        title = data[0].title


        var obj = document.getElementById("headTitle");


        //console.log("head:",title)


        obj.innerText = title;


        document.title = title;


      },


    });


  })


  function login() {


    var inputCode = document.getElementById("yanzheng").value.toUpperCase(); //取得输入的验证码并转化为大写


    if (inputCode.length <= 0) { //若输入的验证码长度为0


      //console.log('if')


      swal(


              '登录失败!',


              '请输入验证码！',


              'error'


      )


    }


    else if (inputCode != code) { //若输入的验证码与产生的验证码不一致时


      //console.log('elseif')


      swal(


              '登录失败!',


              '验证码错误！',


              'error'


      )


      createCode();//刷新验证码


      document.getElementById("input").value = "";//清空文本框


    }


    else { //输入正确时


      //console.log('else')


      var username = $("#username").val();


      var password = $("#password").val();


      $.ajax({


        async: false, //同步的


        type: "POST",


        url: "/hxzkoa/login.do",


        data: {


          username: username,


          password: password,


        },


        dataType: "json",


        success: function (data) {


          //console.log(data)


          if (data == "1") {


            window.location.href = "/hxzkoa/show.do"


          } else {


            swal(


                    '登录失败!',


                    '用户名和密码错误！',


                    'error'


            )


          }


        },


      });


    }




  }


  window.onkeydown = (e) => {


    if (e.code == "Enter") {


      login()


      return false


    }


  }




  // 新增功能


  $('.login').on('click', login);




</script>


</html>