智云SRM-LAYUI(夏宝服务器版本)
YL
2021-12-31 fa4a80926b8fb40b70a1b78fd84c049cb3965acc
WebSRM/layuiAdmin.std-v1.2.1/src/views/user/login.html
@@ -15,123 +15,162 @@
    <link rel="stylesheet" href="../../css/style.css" />
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <link href="../../../dist/layuiadmin/style/login.css" rel="stylesheet" />
    <style type="text/css">
        .layadmin-user-login-body .layui-form-item .layui-input {
            color: blue;
        }
        .layui-btn-danger {
            width: 100%;
        }
    </style>
</head>
<body>
        <div class="page-container">
                <div class="layui-row">
                    <div class="layui-col-xs4">&nbsp;</div>
                    <div class="layui-col-xs4">
                        <div class="layadmin-user-login-main">
                            <div class="layadmin-user-login-box layadmin-user-login-header">
                                <img src="../../img/Logo.png" alt="供应商协同平台" align="middle" />
                            </div>
                            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                                <div class="layui-form-item">
                                    <select id="edu" name="edu">
                                        <option value="0">沃得尔</option>
                                        <!--<option value="1">账套1</option>
                                        <option value="2">账套2</option>
                                        <option value="3">账套3</option>
                                        <option value="4">账套4</option>
                                        <option value="5">账套5</option>
                                        <option value="6">账套6</option>
                                        <option value="7">账套7</option>
                                        <option value="8">账套8</option>
                                        <option value="9">账套9</option>-->
                                    </select>
                                </div>
                                <div class="layui-form-item">
                                    <select id="salary" name="salary">
                                        <option value="0">沃得尔</option>
                                        <!--<option value="1">组织1</option>
                                        <option value="2">组织2</option>
                                        <option value="3">组织3</option>
                                        <option value="4">组织4</option>
                                        <option value="5">组织5</option>
                                        <option value="6">组织6</option>
                                        <option value="7">组织7</option>
                                        <option value="8">组织8</option>
                                        <option value="9">组织9</option>-->
                                    </select>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
                                    <!--<input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" class="layui-input" autocomplete="off">-->
                                    <input type="text" name="username" class="username" placeholder="用户名" autocomplete="off" />
                                </div>
                                <div class="layui-form-item">
                                    <label class="layadmin-user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
                                    <input type="password" name="password" class="password" placeholder="密码" oncontextmenu="return false" onpaste="return false" />
                                    <!--<input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码" class="layui-input">-->
                                </div>
                                <!--<div class="layui-form-item">
                                            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>
                                            <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="vercode">
                                            <img src="https://www.oschina.net/action/user/captcha" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">
                                    </div>-->
                                        <div class="layui-form-item" style="margin-bottom: 20px;">
                                            <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                                            <a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>
                                        </div>
                                        <div class="layui-form-item">
                                            <!--<button class="layui-btn layui-btn-fluid" type="button" lay-submit="" lay-filter="LAY-user-login-submit">登  录</button>-->
                                            <button type="button" lay-submit="" lay-filter="LAY-user-login-submit">登  录</button>
                                        </div>
                                    </div>
                                </div>
    <div class="page-container">
        <div class="layui-row">
            <div class="layui-col-xs4">&nbsp;</div>
            <div class="layui-col-xs4">
                <div class="layadmin-user-login-main">
                    <div class="layadmin-user-login-box layadmin-user-login-header">
                        <img src="../../img/Logo.png" alt="供应商协同平台" align="middle" />
                    </div>
                    <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                        <div class="layui-form-item">
                            </div>
                    <div class="layui-col-xs4">&nbsp;</div>
                            <select id="edu" name="edu" lay-verify="required" lay-search class="layui-input">
                                <!--<option value="0">智云</option>
                                <option value="1">账套1</option>
                                <option value="2">账套2</option>
                                <option value="3">账套3</option>
                                <option value="4">账套4</option>
                                <option value="5">账套5</option>
                                <option value="6">账套6</option>
                                <option value="7">账套7</option>
                                <option value="8">账套8</option>
                                <option value="9">账套9</option>-->
                            </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">
                            <!--<input type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码" class="layui-input">-->
                        </div>
                        <!--<div class="layui-form-item">
                                    <label class="layadmin-user-login-icon layui-icon layui-icon-vercode" for="LAY-user-login-vercode"></label>
                                    <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required" placeholder="图形验证码" class="vercode">
                                    <img src="https://www.oschina.net/action/user/captcha" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">
                            </div>-->
                        <!--<div class="layui-form-item" style="margin-bottom: 20px;">
                            <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                            <a href="forget.html" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码?</a>
                        </div>-->
                        <div class="layui-form-item">
                            <!--<button class="layui-btn layui-btn-fluid" type="button" lay-submit="" lay-filter="LAY-user-login-submit">登  录</button>-->
                            <button type="button" lay-submit="" class="layui-btn layui-btn-danger" id="LAY-user-login-submit" name="LAY-user-login-submit" lay-filter="LAY-user-login-submit">登 入</button>
                        </div>
                    </div>
                </div>
            <div class="layui-trans layadmin-user-login-footer">
                <p>Ocean makes management become simple.</p>
                <p>欧讯,让管理变得简单。</p>
                <p>© 2020 <a href="http://www.oceic.com/" target="_blank">oceic.com</a></p>
            </div>
            <div class="layui-col-xs4">&nbsp;</div>
        </div>
        <!--Javascript-->
        <script src="../../js/jquery.min.js" type="text/javascript"></script>
        <script src="../../js/supersized.3.2.7.min.js" type="text/javascript"></script>
        <script src="../../js/supersized-init.js" type="text/javascript"></script>
        <script src="../../js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="../../js/jquery.selectlist.js" type="text/javascript"></script>
        <script src="../../layuiadmin/layui/layui.js" charset="utf-8"></script>
        <script src="../../../../Scripts/webConfig.js"></script>
        <script type="text/javascript">
            $(function () {
                $('select').selectlist({
                    zIndex: 10,
                    width: 200,
                    height: 40
                });
            })
        </script>
        <script type="text/javascript">
            layui.config({
                base: '../../layuiadmin/' //静态资源所在路径
            }).extend({
                index: 'lib/index' //主入口模块
            }).use(['index', 'user'], function () {
                var $ = layui.$
        <!--<div class="layui-trans layadmin-user-login-footer">
            <p>Ocean makes management become simple.</p>
            <p>智云,让管理变得简单。</p>
            <p>© 2020 <a href="" target="_blank"></a></p>
        </div>-->
    </div>
    <!--Javascript-->
    <script src="../../js/jquery.min.js" type="text/javascript"></script>
    <script src="../../js/supersized.3.2.7.min.js" type="text/javascript"></script>
    <script src="../../js/supersized-init.js" type="text/javascript"></script>
    <script src="../../js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../../js/jquery.selectlist.js" type="text/javascript"></script>
    <script src="../../layuiadmin/layui/layui.js" charset="utf-8"></script>
    <script src="../../../../Scripts/webConfig.js"></script>
    <script type="text/javascript">
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'user'], function () {
            var $ = layui.$
                , setter = layui.setter
                , admin = layui.admin
                , form = layui.form
                , router = layui.router()
                , search = router.search;
                form.render();
                //$(".btn").click(function () {
                //    is_hide();
                //})
                //var u = $("input[name=username]");
                //var p = $("input[name=password]");
                //$("#submit").live('click', function () {
                //    if (u.val() == '' || p.val() == '') {
                //        $("#ts").html("用户名或密码不能为空~");
                //        is_show();
                //        return false;
                //    }
            //获取登录页组织列
            var Organization = '<option value="0" style="color:red;">组织</option>';
            $.ajax({
                type: "get",
                url: GetWEBURL() + "GetOrganizations",
                async: false,
                success: function (result) {
                    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>';
                        }
                        $("#edu").append(Organization);
                        form.render('select');
                    }
                    layer.closeAll("loading");
                }
            })
            //$(".btn").click(function () {
            //    is_hide();
            //})
            //var u = $("input[name=username]");
            //var p = $("input[name=password]");
            //$("#submit").live('click', function () {
            //    if (u.val() == '' || p.val() == '') {
            //        $("#ts").html("用户名或密码不能为空~");
            //        is_show();
            //        return false;
            //    }
            //else{
            //   var reg = /^[0-9A-Za-z]+$/;
            //   if(!reg.exec(u.val()))
            //   {
            //      $("#ts").html("用户名错误");
            //      is_show();
            //      return false;
            //   }
            //}
            //});
            form.on('submit(LAY-user-login-submit)', function (obj) {//登录
                if ($("#edu").val() == 0) {
                    layer.msg("请选择组织!");
                    return;
                }
                var user = obj.field;
                if (user.username == '') {
                    layer.msg("用户名不能为空~", {
                        icon: 5,
                        shade: [0.8, '#2F4F4F'] // 透明度  颜色
                    });
                    return false;
                }
                if (user.password == '') {
                    layer.msg("密码不能为空~", {
                        icon: 5,
                        shade: [0.8, '#2F4F4F'] // 透明度  颜色
                    });
                    return false;
                }
                //else{
                //   var reg = /^[0-9A-Za-z]+$/;
                //   if(!reg.exec(u.val()))
@@ -140,59 +179,33 @@
                //      is_show();
                //      return false;
                //   }
                //}
                //});
                form.on('submit(LAY-user-login-submit)', function (obj) {//登录
                    var user = obj.field;
                    if (user.username == '') {
                        layer.msg("用户名不能为空~", {
                            icon: 5,
                            shade: [0.8, '#2F4F4F'] // 透明度  颜色
                        });
                        return false;
                    }
                    if (user.password == '') {
                        layer.msg("密码不能为空~", {
                            icon: 5,
                            shade: [0.8, '#2F4F4F'] // 透明度  颜色
                        });
                        return false;
                    }
                    //else{
                    //   var reg = /^[0-9A-Za-z]+$/;
                    //   if(!reg.exec(u.val()))
                    //   {
                    //      $("#ts").html("用户名错误");
                    //      is_show();
                    //      return false;
                    //   }
                    $.ajax({
                        type: "get",
                        url: GetWEBURL() + "GetUser",
                        data: { "UserName": user.username, "PassWord": user.password },
                        success: function (result) {
                            if (result.count == 1) { // 说明验证成功了,
                                layer.msg(result.Message, {icon: 1,});
                                sessionStorage["HUserName"] = user.username;
                                window.location.href = '../../views/index.html'
                            }
                            else {
                                // $("#verifycode").click();
                                layer.msg(result.Message, {icon: 5, });
                            }
                            layer.closeAll("loading");
                $.ajax({
                    type: "get",
                    url: GetWEBURL() + "GetUser",
                    data: { "UserName": user.username, "PassWord": user.password, "HOrgName": $("#edu").val() },
                    success: function (result) {
                        if (result.count == 1) { // 说明验证成功了,
                            layer.msg(result.Message, { icon: 1, });
                            sessionStorage["HUserName"] = result.data[0].Czymc;
                            sessionStorage["OrganizationID"] = $("#edu").val();
                            sessionStorage["Organization"] = $("#edu option:selected").text();
                            window.location.href = '../../views/index.html'
                        }
                    })
                        else {
                            // $("#verifycode").click();
                            layer.msg(result.Message, { icon: 5, });
                        }
                        layer.closeAll("loading");
                    }
                })
            });
            })
        });
            //window.onload = function () {
            //    $(".connect p").eq(0).animate({ "left": "0%" }, 600);
            //    $(".connect p").eq(1).animate({ "left": "0%" }, 400);
            //}
        </script>
                //window.onload = function () {
                //    $(".connect p").eq(0).animate({ "left": "0%" }, 600);
                //    $(".connect p").eq(1).animate({ "left": "0%" }, 400);
                //}
    </script>
</body>