src/main/webapp/HouTai/User/User.jsp
@@ -9,7 +9,7 @@
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="../../CSS/layui.css">
    <link rel="stylesheet" href="../../CSS/layui2.css">
    <link rel="stylesheet" href="../../CSS/layer.css">
</head>
<body style="display:none;">
@@ -22,23 +22,24 @@
        </div>
    </div>
    <div class="add" style="display: none;width: 600px;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 50px;position: fixed;top: 50px;left: 450px;z-index: 99999">
        <form class="layui-form" action="/hxzkuwb/addUser" method="post" lay-filter="example">
        <form class="layui-form" action="javascript:;" method="post" lay-filter="example">
            <input type="hidden" id="caozuoName" name="caozuoName"/>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text"  lay-verify="title" name="username" required autocomplete="off"  class="layui-input">
                    <input type="text"  lay-verify="title" name="username"  required autocomplete="off" id="UserName"  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="text"  lay-verify="title" name="password" required autocomplete="off"  class="layui-input">
                    <input type="text"  lay-verify="title" name="password" required autocomplete="off" id="password"  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">电话</label>
                <div class="layui-input-block">
                    <input type="text"  lay-verify="title" name="phone" required autocomplete="off"  class="layui-input">
                    <input type="text"  lay-verify="title" name="phone" required autocomplete="off" id="phone"  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
@@ -68,7 +69,7 @@
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="" id="baocun">立即提交</button>
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="" onclick="addUser()" id="baocun">立即提交</button>
                    <button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiao()"  style="margin-left: 200px">取消</button>
                </div>
            </div>
@@ -133,8 +134,34 @@
            </div>
        </form>
    </div>
    <div class="upDaoHang" style="height: 70%;overflow-y: scroll;display: none;width: 30%;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 50px;position: fixed;top: 50px;left: 450px;z-index: 99999">
        <form class="layui-form" id="dhs" action="javascript:;" method="post" lay-filter="example" onsubmit="return upDaoHang()">
            <div class="layui-form-item">
                <label class="layui-form-label">序号</label>
                <div class="layui-input-block">
                    <input type="text"  lay-verify="title" name="id" id="dh1" readonly required autocomplete="off"  class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text"  lay-verify="title" name="username" id="dh2"  readonly required autocomplete="off"  class="layui-input">
                </div>
            </div>
            <div id="test7" class="demo-tree" style="margin-left: 15%"></div>
            <br>
            <br>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="" >立即提交</button>
                    <button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiao()"  style="margin-left: 200px">取消</button>
                </div>
            </div>
        </form>
    </div>
</div>
<input type="text" class="layui-input" id="seah" placeholder="请输入用户名称" style="width: 270px;height: 38px;margin-left: 100px;position: absolute;border-radius: 8px;border: 1px solid #cccccc;z-index: 999;left: 250px;top: 40px;border-right: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px"></body>
<input type="text" class="layui-input" id="seah" placeholder="请输入用户名称" style="width: 270px;height: 38px;position: absolute;border-radius: 8px;border: 1px solid #cccccc;z-index: 999;left: 38%;top: 41px;border-right: none;border-top-right-radius: 0px;border-bottom-right-radius: 0px"></body>
</body>
<script type="text/html" id="titleTpl">
    <span>**********</span>
@@ -145,7 +172,8 @@
        <button class="layui-btn layui-btn-warm" id="btnUpdate"  lay-event="getUpdate">修改</button>
        <button class="layui-btn layui-btn-danger" id="btnDelete"  lay-event="getdelete">删除</button>
        <button class="layui-btn layui-btn-normal"  lay-event="getshuaxin">刷新</button>
        <button class="layui-btn layui-btn-normal"  lay-event="getsearch" style="margin-left: 350px;position: absolute;border-bottom-right-radius: 8px;border-top-right-radius: 8px;z-index: 9999;left: 270px;top: 29px">搜索</button>
        <button class="layui-btn layui-btn-normal"  lay-event="getsearch" style="margin-left: 35%;position: absolute;border-bottom-right-radius: 8px;border-top-right-radius: 8px;z-index: 9999;">搜索</button>
        <button class="layui-btn layui-btn-danger" id="btnAddDaoHang" style=""  lay-event="getaddDaoHang">分配导航</button>
    </div>
</script>
@@ -159,6 +187,7 @@
    var data = "username="+name
    $.get("/hxzkuwb/findUserRole",data,function (data){
        if (data.juese !="超级管理员"){
            $("#btnAddDaoHang").hide();
            $("body").empty();
            $("body").show();
            $("body").append('<div style="width: 100%;margin: auto;text-align: center;margin-top: 10%"><img src="../../Icon/NoRole.jpg"></div>')
@@ -168,5 +197,126 @@
            $("body").show();
        }
    })
    function addUser(){
        var flag = true;
        var personName = $("#UserName").val();//用户名
        var pattern = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
        var password = $("#password").val();//密码
        var phone = $("#phone").val();  //电话
        var gsmc = $("#gsmc").val();    //公司名称
        var juese = $("#js").val();    //角色
        var caozuoName = $("#caozuoName").val();
        var data = "name="+personName;
        var dats = "phone="+phone
        $.ajax({
            url:"/hxzkuwb/findPhoneUser",
            data:dats,
            async:false,
            success:function (data){
                if (data!=""){
                    layer.msg("当前输入的手机号已经存在!请更换手机号。")
                    flag = false;
                }
                if (phone.length != 11){
                    layer.msg("当前输入的手机号码不正确!请重新输入。")
                    flag = false;
                }
            }
        })
        if (!pattern.test(password)){
            flag = false;
            layer.msg("密码设置必须包含数字和字母并且不能小于8位")
        }
        $.ajax({
            url: "/hxzkuwb/findNameUser",
            data: data,
            async: false, // Setting async to false makes the request synchronous
            success: function (data) {
                if (data > 0) {
                    layer.msg('当前用户已经存在!请重新添加。');
                    flag = false;
                }
            }
        });
        // 获取所有名为 "fruits" 的复选框
        const uadd1 = document.querySelectorAll('input[name="uadd"]:checked');
        const uupdate1 = document.querySelectorAll('input[name="uupdate"]:checked');
        const udelete1 = document.querySelectorAll('input[name="udelete"]:checked');
        const ujoin1 = document.querySelectorAll('input[name="ujoin"]:checked');
// 创建空数组来存储选中的值
        var uadd;
        var uupdate;
        var udelete;
        var ujoin;
// 遍历选中的复选框并将其值添加到对应的数组中
        uadd1.forEach((checkbox) => {
            uadd= checkbox.value;
        });
        uupdate1.forEach((checkbox) => {
            uupdate= checkbox.value;
        });
        udelete1.forEach((checkbox) => {
            udelete= checkbox.value;
        });
        ujoin1.forEach((checkbox) => {
            ujoin= checkbox.value;
        });
// 输出选中的值
        if (uadd == undefined){
            uadd = ""
        }
        if (uupdate == undefined){
            uupdate = ""
        }
        if (udelete == undefined){
            udelete = ""
        }
        if (ujoin == undefined){
            ujoin = ""
        }
        console.log(flag)
        if (flag){
            var data = "uadd="+uadd+"&uupdate="+uupdate+"&udelete="+udelete+"&ujoin="+ujoin+"&caozuoName="+caozuoName+"&username="+personName+"&password="+password+"&phone="+phone+"&company="+gsmc+"&juese="+juese
            $.ajax({
                url: "/hxzkuwb/addUser",
                type:"post",
                data: data,
                async: false, // Setting async to false makes the request synchronous
                success: function (data) {
                    if (data == 1) {
                        layer.msg('提交成功')
                        setTimeout(function (){
                            location.reload();
                        },1000)
                    }
                }
            });
        }
    }
    function UserDaoHang(){
        var ds = "username="+$("#dh2").val();
        $.ajax({
            url: "/hxzkuwb/findUserDaoHang",
            data: ds,
            async: false,
            success: function(data) {
                ds = data;
            }
        });
        return ds;
    }
</script>
</html>