yangle
2024-01-31 54ddbb9eba145dfdcee0c3d28bdd1a91aec34122
WebTM/views/user/login.html
@@ -1,54 +1,222 @@

<!--
    Last modified: 2022-06-25 18:40:11
    Url: https://www.axui.cn
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登入</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="../../layuiadmin/ax/ax-response.css" rel="stylesheet" />
    <link href="../../layuiadmin/ax/ax.css" rel="stylesheet" />
    <link href="../../layuiadmin/ax/main.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/login.css" media="all">
    <style>
        .layadmin-user-login-body .layui-form-item .layui-input {
            color: blue;
        }
    </style>
</head>
<body>
    <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;background-image:url(../userfiles/images/2.jpg);background-size: 100%;">
        <div class="layadmin-user-login-main" style="margin: -5.8% auto;">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2 style="color:white;">L-MES</h2>
                <p style="color: white;">智云迈思LMES管理系统</p>
            </div>
            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <div class="layui-form-item">
                    <select name="Organization" id="Organization" lay-verify="required" lay-search class="layui-input">
                        <!--动态渲染组织-->
                    </select>
                </div>
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-username login-input" for="LAY-user-login-password"></label>
                    <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" class="layui-input" style="background-color:transparent;color:white" autocomplete="off">
                </div>
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-password login-input" for="LAY-user-login-password"></label>
                    <input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码" class="layui-input" style="background-color:transparent;color:white" autocomplete="off">
                </div>
                <div class="layui-form-item">
                    <button type="button" lay-submit="" class="layui-btn layui-btn-fluid" id="LAY-user-login-submit" name="LAY-user-login-submit" lay-filter="LAY-user-login-submit">登 入</button>
<body class="ax-align-origin">
    <div class="login ax-shadow-cloud ax-radius-md">
        <div class="ax-row ax-radius-md ax-split">
            <div class="ax-col ax-col-14 ax-radius-left ax-radius-md cover"></div>
            <div class="ax-col ax-col-10">
                <div class="core">
                    <div class="ax-break"></div>
                    <div class="ax-tab" axTab>
                        <ul class="ax-row ax-tab-nav ax-menu-tab">
                            <a href="###" class="ax-item ax-col" style="font-size: 20px;">智云迈思L-MES</a>
                            <!--<a href="###" class="ax-item">注册新用户</a>-->
                            <!--<li class="ax-col"></li>-->
                        </ul>
                        <ul class="ax-tab-content">
                            <li>
                                <form>
                                    <div class="ax-break"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <select name="Organization" id="Organization" lay-verify="required" lay-search class="layui-input">
                                                        <!--动态渲染组织-->
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                <span class="ax-pos-left" style="width: 2.4rem;"><i class="ax-iconfont ax-icon-me-f"></i></span>
                                                <input name="LAY-user-login-username" value="" placeholder="输入登录名称" type="text" id="LAY-user-login-username">
                                                <span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <span class="ax-pos-left" style="width:2.4rem;"><i class="ax-iconfont ax-icon-lock-f"></i></span>
                                                    <input name="LAY-user-login-password" placeholder="输入密码" type="password" id="LAY-user-login-password">
                                                    <span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <!--<div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <div class="ax-row">
                                                        <div class="ax-flex-block">
                                                            <span class="ax-pos-left" style="width:2.4rem;"><i class="ax-iconfont ax-icon-shield-f"></i></span>
                                                            <input name="username" placeholder="输入验证码..." value="" type="text"><span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span>
                                                        </div>
                                                        <a href="###" class="ax-form-img"><img src="../../layuiadmin/ax/images/yanzhengma.jpg"></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>-->
                                    <div class="ax-break-md"></div>
                                    <!--<div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <div class="ax-row">
                                                        <div class="ax-flex-block">
                                                            <label class="ax-checkbox"><input name="free-agree" value="0" checked="" type="checkbox"><span>记住密码</span></label>
                                                        </div>
                                                        <a href="###" class="ax-form-txt ax-color-ignore">忘记了密码?</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>-->
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-flex-block">
                                                <div class="ax-form-input"><button type="button" lay-submit="" class="ax-btn ax-primary ax-full" id="LAY-user-login-submit" name="LAY-user-login-submit" lay-filter="LAY-user-login-submit">登录</button></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                </form>
                            </li>
                            <li>
                                <form>
                                    <div class="ax-break"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input"><span class="ax-pos-left" style="width: 2.4rem;"><i class="ax-iconfont ax-icon-me-f"></i></span><input name="username" placeholder="输入名称" type="text"><span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <span class="ax-pos-left" style="width:2.4rem;"><i class="ax-iconfont ax-icon-lock-f"></i></span>
                                                    <input name="password" placeholder="输入密码" type="password"><span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <span class="ax-pos-left" style="width:2.4rem;"><i class="ax-iconfont ax-icon-lock-f"></i></span>
                                                    <input name="password" placeholder="再次输入密码" type="password"><span class="ax-pos-right"><a href="###" class="ax-iconfont ax-icon-close ax-val-none"></a></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-form-con">
                                                <div class="ax-form-input">
                                                    <div class="ax-row">
                                                        <div class="ax-flex-block">
                                                            <label class="ax-checkbox"><input name="free-agree" value="0" checked="" type="checkbox"><span>注册成功后立即登录</span></label>
                                                        </div>
                                                        <a href="###" class="ax-form-txt ax-color-primary">有账号?立即登录</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break-md"></div>
                                    <div class="ax-form-group">
                                        <div class="ax-flex-row">
                                            <div class="ax-flex-block">
                                                <div class="ax-form-input"><button type="button" class="ax-btn ax-primary ax-full">注册</button></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ax-break"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                    <div class="ax-break ax-hide-tel"></div>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../layuiadmin/ax/ax.min.js"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../layuiadmin/zgqCustom/zgqCustom.js" type="text/javascript"></script>
    <script>
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
@@ -99,7 +267,7 @@
                }
            })
            //获取登录页组织列
            var Organization = '<option value="0" style="color:red;">组织</option>';
            var Organization = '';
            $.ajax({
                type: "get",
                url: GetWEBURL() + "/Web/GetOrganizations",
@@ -107,14 +275,23 @@
                    if (result.count == 1) { // 说明验证成功了,
                        var data = result.data;
                        for (var i = 0; i < data.length; i++) {
                            Organization += '<option  style="color:blue;" value="' + data[i].ID + '">' + data[i].Name + '</option>';
                            if (i == 0)
                                Organization += '<option  "  value="' + data[i].ID + '" selected>' + data[i].Name + '</option>';
                            else
                                Organization += '<option  " value="' + data[i].ID + '">' + data[i].Name + '</option>';
                        }
                        $("#Organization").append(Organization);
                        form.render('select');
                        //读取配置文件
                        get_ReadConfigFile();
                    }
                    layer.closeAll("loading");
                }
            })
            //form.render();
@@ -126,13 +303,17 @@
                loging();
            })
            //音频
            form.on("submit(LAY-user-login-yp)", function (obj) {
                playSound();
            })
            //密码框回车执行登录
            $('#LAY-user-login-password').on('keydown', function (e) {
                if (e.keyCode == 13) {
                    loging();
                    //playSound();
                }
            });
            //用户名框回车光标移到密码框
            $('#LAY-user-login-username').on('keydown', function (e) {
                if (e.keyCode == 13) {
@@ -140,20 +321,46 @@
                }
            })
            //读取配置文件
            function get_ReadConfigFile() {
                //获取本地存储的数据
                var data = localStorage.getItem("data");
                if (data != null) {
                    var data2 = JSON.parse(data);
                    $("#LAY-user-login-username").val(data2["UserID"]);
                    $("#Organization").val(data2["OrgID"]);
                    form.render('select');
                }
            }
            //存储配置文件
            function get_WriteConfigFile() {
                //清空本地存储的数据
                localStorage.removeItem("data");
                var data = {
                    UserID: sessionStorage["Czybm"]
                    , OrgID: sessionStorage["OrganizationID"]
                }
                //本地存储
                localStorage.setItem("data", JSON.stringify(data));
            }
            //登录
            function loging() {
                if ($("#Organization").val() == 0) {
                    //playSound();
                    layer.msg("请选择组织!");
                    return;
                }
                var UserName = $("#LAY-user-login-username").val();
                var PassWord = $("#LAY-user-login-password").val();
                layer.load(3);
                $.ajax({
                    type: "get",
                    //url: "http://61.130.49.162:9090/WMSAPI///Web/GetUser",
                    url: GetWEBURL() + "/Web/GetUser",
                    data: { "UserName": UserName, "PassWord": PassWord, "HOrgName": $("#Organization").val()},
                    data: { "UserName": UserName, "PassWord": PassWord, "HOrgName": $("#Organization").val() },
                    success: function (result) {
                        if (result.count == 1) { // 说明验证成功了,
                            layer.msg(result.Message, { icon: 1 });
@@ -178,6 +385,8 @@
                            sessionStorage["Czmm"] = result.data[0].Czmm;
                            sessionStorage["Czybm"] = result.data[0].Czybm;
                            sessionStorage["HEmpID"] = result.data[0].HEmpID;
                            sessionStorage["HEmpNumber"] = result.data[0].HEmpNumber;
                            sessionStorage["HEmpName"] = result.data[0].HEmpName;
                            sessionStorage["HGroup"] = result.data[0].HGroup;
                            sessionStorage["HGroupID"] = result.data[0].HGroupID;
                            sessionStorage["HProc"] = result.data[0].HProc;
@@ -189,14 +398,15 @@
                            sessionStorage["HProcName"] = result.data[0].HProcName;
                            sessionStorage["HProcID"] = result.data[0].HProcID;
                            sessionStorage["login"] = "login";
                            sessionStorage["OrganizationID"] = $("#Organization").val();
                            sessionStorage["OrganizationID"] = $("#Organization").val();
                            sessionStorage["Organization"] = $("#Organization option:selected").text();
                            //sessionStorage["IP"] = System.Configuration.ConfigurationSettings.AppSettings("name");
                            if (!judgeMorPCflag) {//移动端
                                window.location.href = '../../views/index_Mobile.html'
                            } else {//PC端
                                window.location.href = '../../views/index.html'
                                window.location.href = '../../views/indexMenu.html'
                            }
                            get_WriteConfigFile();
                        }
                        else {
                            // $("#verifycode").click();
@@ -212,8 +422,16 @@
                })
            }
            function playSound() {
                var audio = document.getElementById("cs");
                if (audio == null)
                    $("body").append('<audio id="cs" hidden controls> <source src = "../video/jingbao.wav" type = "audio/ogg"> </audio >');
                var audio = document.getElementById("cs");
                audio.play();
            }
        });
    </script>
</body>
</html>