fei.wang
2024-05-09 871d4095b07cedacb7fbef4c38d64982f539c404
src/webapp/page/setting.jsp
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,194 @@
<%--
  Created by IntelliJ IDEA.
  User: Dell
  Date: 2023/6/26
  Time: 16:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/HxzkFlow/css/layui.css" media="all">
    <link href="/HxzkFlow/images/favicon.ico" rel="icon" type="image/x-icon"/>
</head>
<body style="width: 100%;height: 100%;background-color: #EFF1F4">
<div></div>
<div style="width: 100%;height: 100%;">
    <div class="layui-card" style="width: 100%;height: 100%;">
        <div class="layui-card-header">个人信息
            <button style="margin-left: 50px" id="cancelBtn" class="layui-btn" onclick="enableInputs()">修改</button>
        </div>
        <div class="layui-card-body">
            <form class="layui-form" method="post" action="/HxzkFlow/hxzk/upUser" style="margin-top: 20px" onsubmit="return checkadd()">
                <input type="text" name="companyabbname" id="gs1" style="display: none">
                <div class="layui-form-item">
                    <label class="layui-form-label">公司简称</label>
                    <div class="layui-input-block">
                        <input type="text" name="companyabbname1" disabled  id="gs" required  lay-verify="required" placeholder="请输入简称" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">登录电话</label>
                    <div class="layui-input-inline">
                        <input type="text" name="" disabled  style="width: 260px" id="phone" required lay-verify="required" placeholder="请输入电话" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" id="sock1" style="display: none">
                    <label class="layui-form-label">新登录电话</label>
                    <div class="layui-input-inline">
                        <input type="text" name="loginphone" style="width: 260px" id="" required lay-verify="required" placeholder="请输入电话" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item" id="sock2" style="display: none">
                    <label class="layui-form-label">验证码</label>
                    <div class="layui-input-inline">
                        <input type="text" style="width: 120px" id="yzm"  required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input">
                        <input type="button" id="djs" class="layui-btn layui-btn-normal" value="获取验证码" onclick="YanZhengMa()" style="position: relative;left: 150px;top: -38px">
                    </div>
                </div>
                <div class="layui-form-item" id="sock3" style="display: none">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="/HxzkFlow/js/layui.js" charset="utf-8"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    var Zong = localStorage.getItem("gsjc")
    var yanzhengma = 0;
    var huoquyanzhengma = "未获取";
    $("#gs").val(Zong)
    $("#gs1").val(Zong)
    var data = "companyabbname="+Zong
    $.post("/HxzkFlow/hxzk/findLoginPhone",data,function (data){
        console.log(data)
        $("#phone").val(data.loginphone)
    })
    function enableInputs(){
        document.getElementById('sock1').style.display = '';
        document.getElementById('sock2').style.display = '';
        document.getElementById('sock3').style.display = '';
        // var inputBoxes = document.getElementById("sock1"); // èŽ·å–æ‰€æœ‰çš„è¾“å…¥æ¡†å…ƒç´ 
        // console.log(inputBoxes.length)
        // for(var i=0;i<inputBoxes.length;i++){
        //     inputBoxes[i].disabled = false; // å–消禁用状态
        // }
    }
    function YanZhengMa() {
        var phone = $("#phone").val();
        if (phone == "") {
            alert("请先输入手机号!")
        }else {
            var djs1= $("#djs").val()
            if(djs1 != "获取验证码"){
                alert("请耐心等待倒计时结束!")
            }else{
                $.ajax({
                    url: '/HxzkFlow/hxzk/Login11',
                    async: false,
                    data: {
                        phone: phone
                    },
                    success: function (data) {
                        yanzhengma = data;
                    }
                })
                huoquyanzhengma = "已获取"
                // è®¾ç½®å€’计时的总时长为60秒
                var totalTime = 60;
                // å¼€å§‹å€’计时
                var countdown = setInterval(function () {
                    // æ›´æ–°å‰©ä½™æ—¶é—´
                    totalTime--;
                    // å°†å‰©ä½™æ—¶é—´æ˜¾ç¤ºåœ¨é¡µé¢ä¸Š
                    $("#djs").val(totalTime + " ç§’") ;
                    // åˆ¤æ–­å€’计时是否结束
                    if (totalTime <= 0) {
                        // æ¸…除倒计时
                        clearInterval(countdown);
                        // å€’计时结束时的操作
                        $("#djs").val("获取验证码");
                    }
                }, 1000);
            }
        }
    }
    function checkadd(){
        if(huoquyanzhengma == "未获取"){
            alert("请先获取验证码!")
            return false
        }else{
            var yan = $("#yzm").val();
            if(yanzhengma == yan){
                return true;
            }else{
                alert("验证码不正确!")
                return false
            }
            return false;
        }
    }
    /**
     * åˆ¤æ–­ç”¨æˆ·åœ¨è§„定的时间内没有操作系统,则刷新浏览器
     * å‚数:时间(单位分钟)
     * */
    function timeUserFun(time){
        var time = time || 2;
        var userTime = 3600;
        var objTime = {
            init:0,
            time:function(){
                objTime.init += 1;
                if(objTime.init === userTime){// è¾¾åˆ°é™åˆ¶æ—¶é—´æ—¶ï¼Œç”¨æˆ·æœªæ“ä½œäº‹ä»¶ï¼Œåˆ™åˆ·æ–°æ•´ä¸ªé¡µé¢
                    localStorage.removeItem("gsjc")
                    sessionStorage.removeItem("admin")
                    alert("您长时间未操作当前页面,请重新登录")
                    var data = "Zong="+sessionStorage.getItem("admin");
                    //获取该用户最新时间
                    $.post("/HxzkFlow/hxzk/userdate",data,function (data){
                    })
                    parent.location.reload()
                    //达到限制时间没操作,所要执行的动作
                }
            },
            eventFun:function(){
                //清除上次监听,重新开始新的监听
                clearInterval(testUser);
                objTime.init = 0;
                testUser = setInterval(objTime.time,1000);
            }
        };
        //监听当前时间流动
        var testUser = setInterval(objTime.time,1000);
        //监听相应事件
        var body = document.querySelector('html');
        body.addEventListener("click",objTime.eventFun);
        body.addEventListener("keydown",objTime.eventFun);
        body.addEventListener("mousemove",objTime.eventFun);
        body.addEventListener("mousewheel",objTime.eventFun);
    }
    (function () {
        timeUserFun(1);
    }(0));
    //Demo
</script>
</body>
</html>