puzhibing
2024-02-05 640ff18d2d7f4be02ddb7f8f75e899f05545eb98
cloud-server-management/src/main/webapp/WEB-INF/view/login.html
@@ -55,30 +55,31 @@
<div style="display: flex;align-items: center;justify-content: center;height: 100%">
<img src="${ctxPath}/img/index4.png" style="width: 300px;height: 400px;z-index: 1000;border-radius: 10px">
<div  style="position: relative;left: -20px; max-width: 300px;min-height: 300px;background: white;border-radius: 8px;box-sizing: border-box;padding: 0 30px 0 50px;display: flex;align-items: center;justify-content: center;">
    <div style="max-height: 100%">
        <h3 style="color: black;"><img src="${ctxPath}/img/logo.png" width="30px" height="30px"/>&nbsp;Play pai site</h3>
    <h1 style="color: white">玩湃生活管理后台</h1>
<div  style="position: relative;margin-left:200px;left: -20px; max-width: 300px;min-height: 300px;background: white;border-radius: 8px;box-sizing: border-box;padding: 0 30px 0 50px;display: flex;align-items: center;justify-content: center;">
    <div style="max-height: 100%" >
        <img style="margin-left: 44px" src="${ctxPath}/img/logo.png" width="100px" height="120px"/>
        <br/>
        <h4 style="color: red;">${tips!}</h4>
        <form class="m-t" role="form" action="${ctxPath}/login" method="post">
            <div class="item">
                <img src="${ctxPath}/img/account.png" />
                <input class="itemInput" type="text" name="username" id="username"  placeholder="请输入账号" required="" value="">
                <input class="itemInput" type="text" name="username" id="username"  placeholder="请输入账号" required="" value="admin">
            </div>
            <div  class="item">
                <img src="${ctxPath}/img/password.png" />
                <input class="itemInput" type="password" name="password" id="password"  placeholder="请输入密码" required="" value="">
                <input class="itemInput" type="password" name="password" id="password"  placeholder="请输入密码" required="" value="123456">
            </div>
            <div  class="item">
                <img src="${ctxPath}/img/password.png" />
                <div class="col-sm-8" style="padding-left: 0px; width: 40%">
                    <input class="form-control" type="text" name="kaptcha" placeholder="请输入验证码" required="">
            <div class="form-group" style="float: left;">
                <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px;">
                    <input class="form-control" type="text" name="kaptcha" placeholder="验证码" required="" value="111111">
                </div>
                <div class="col-sm-4" style="padding-left: 0px; padding-right: 0px;margin-left: 25%">
                    <img src="${ctxPath}/kaptcha" id="kaptcha" width="100%" height="100%"/>
                <div class="col-sm-4" style="padding-left: 0px; padding-right: 0px;">
                    <img src="${ctxPath}/kaptcha" id="kaptcha" width="90px" height="34px"/>
                </div>
            </div>
            <h4 style="color: #0e9aef;text-align: right" onclick="updatePassword1()">修改密码</h4>
            <button onclick="login()" class="btn full-width m-b" style="background-color: #0573EA;color: white;">登 录</button>
            <button type="submit" id="submit" style="display: none;"></button>
            </p>
@@ -90,7 +91,28 @@
<script src="${ctxPath}/js/common/ajax-object.js"></script>
<script src="${ctxPath}/js/common/Feng.js"></script>
<script src="${ctxPath}/crypto-js/crypto-js.js"></script>
<script src="${ctxPath}/layui/layui.all.js"></script>
<script>
    function updatePassword1(e) {
        console.log("调用")
        let index = layer.open({
            type: 2,
            title: '详情',
            area: ['100%', '100%'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/update'
        });
        this.layerIndex = index;
        // $.ajax({
        //     url: Feng.ctxPath + '/update',
        //     type: 'GET',
        //     success: function (res) {
        //     }
        // });
    }
    $(function () {
        $("#kaptcha").on('click', function () {
            $("#kaptcha").attr('src', '${ctxPath}/kaptcha?' + Math.floor(Math.random() * 100)).fadeIn();
@@ -125,8 +147,15 @@
        var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
        return decryptedStr.toString();
    }
    function login(){
        let password = $('#password').val();
        console.log("password=="+password)
        if (password=="a123456") {
            alert("当前为默认密码,请修改密码!");
        }
        password = encrypt(password);
        $('#password').val(password);
        $('#submit').submit();