General.Web/Views/Admin/Tpl_Lock_Screen.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@{
    Layout = null;
}
<div class="lock-screen-wrapper">
    <div class="lock-screen-time"></div>
    <div class="lock-screen-date"></div>
    <div class="lock-screen-form">
        <input placeholder="输入您的密码解锁" class="lock-screen-psw" maxlength="20" type="password" />
        <i class="layui-icon layui-icon-right lock-screen-enter"></i>
        <br />
        <div class="lock-screen-tip"></div>
    </div>
    <div class="lock-screen-tool">
        <div class="lock-screen-tool-item">
            <i class="layui-icon layui-icon-logout" ew-event="logout" data-confirm="false"
               data-url="/Admin/ExitLogin"></i>
            <div class="lock-screen-tool-tip">退出登录</div>
        </div>
    </div>
</div>

<script>layui.use(['util', 'admin'], function () {
        var $ = layui.jquery;
        var util = layui.util;
        var admin = layui.admin;
        var rightPsw = '@Model.password';  // 正确密码的MD5密文
        // 获取各个组件
        var $form = $('.lock-screen-wrapper .lock-screen-form');
        var $psw = $form.find('.lock-screen-psw');
        var $tip = $form.find('.lock-screen-tip');
        var $time = $('.lock-screen-wrapper .lock-screen-time');
        var $date = $('.lock-screen-wrapper .lock-screen-date');

        // 监听enter键
        $(window).keydown(function (event) {
            if (admin.isLockScreen) {
                if (event.keyCode === 13) {
                    doVer();
                } else if (event.keyCode === 8 && !$psw.val()) {
                    restForm();
                    if (event.preventDefault) event.preventDefault();
                    if (event.returnValue) event.returnValue = false;
                }
            }
        });

        // 监听输入
        $psw.on('input', function () {
            var psw = $psw.val();
            if (rightPsw === toMd5Hex(psw)) {
                restForm();
                admin.unlockScreen();
            } else if (psw) {
                $form.removeClass('show-back');
                $tip.text('');
            } else {
                $form.addClass('show-back');
            }
        });