construction_management/web/views/login/login.html

<!--
 * @description: 
 * @Author: CP
 * @Date: 2020-08-27 17:09:05
 * @FilePath: \construction_management\web\views\login\login.html
-->
<div class="login-bg img-1"></div>
<div class="container">
    <div class="row">
        <div class="col-6">
            <img src="/public/static/img/loginlogo.png">
        </div>
        <div class="col-6">
            <!--演示版-->
            <form action="/{{ .Action }}" method="post" class="form-signin">
                {{.csrfField}}
                <h4 class="text-center mb-2">纵横工程建设项目管理系统</h4>
                <h5 class="text-center mb-4 text-muted">广元市交通建设投资集团—国道212线宝轮至卫子段公路改建工程（元坝过境段）和广元市摆宴坝嘉陵江大桥工程项目</h5>
                <div class="form-group mb-3">
                    <input id="inputEmail" name="code" class="form-control " placeholder="项目编号" required="" autofocus="">
                </div>
                <div class="form-group mb-3">
                    <input id="inputEmail" name="account" class="form-control " placeholder="登录账号" required="" autofocus="">
                </div>
                <div class="form-group mb-3">
                    <input id="inputPassword" name="password" class="form-control " placeholder="密码" required="" type="password">
                </div>
                <div class="form-group mb-3">
                    <button class="btn btn-primary btn-block">登录</button>
                </div>
                <div class="pt-1 d-flex justify-content-end">
                    <a href="#fg-password" data-toggle="modal" data-target="#fg-password" class="mr-3">忘记密码？</a>
                </div>
            </form>
            <!--项目版-->

        </div>
    </div>

    <div class="text-white fixed-bottom">
        <p class="text-center mb-1">Copyright © 2019 <a href="https://smartcost.com.cn" target="_blank"
                class="text-white">珠海纵横创新软件有限公司</a>.All Rights Reserved.<a class="text-white ml-2"
                href="http://www.miitbeian.gov.cn" target="_blank">粤ICP备14032472号</a></p>
    </div>
</div>
<!--忘记项目版密码-->
<div class="modal fade" id="fg-password" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">找回密码</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>项目编号</label>
                    <input class="form-control" placeholder="输入项目编号">
                </div>
                <div class="form-group">
                    <label>项目编号</label>
                    <input class="form-control is-invalid" placeholder="输入项目编号">
                    <div class="invalid-feedback">项目不存在，请检查是否输入有误。</div>
                </div>
                <div class="form-group">
                    <label>登录账号</label>
                    <input class="form-control" placeholder="输入登录账号">
                </div>
                <div class="form-group">
                    <label>登录账号</label>
                    <input class="form-control is-invalid" placeholder="输入登录账号">
                    <div class="invalid-feedback">登录账号不存在，请检查是否输入错误。</div>
                    <div class="invalid-feedback">登录账号还没有认证手机，请联系项目管理员。</div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" data-toggle="modal"
                    data-target="#fg-password-done">重置密码</button>
            </div>
        </div>
    </div>
</div>
<!--忘记项目版密码-->
<div class="modal fade" id="fg-password-done" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">密码发送成功</h5>
            </div>
            <div class="modal-body">
                <h5>尊敬的 <b>张三</b>，您的账号 <b>zhangsan</b>，新密码已经发送至 <b>123****7234</b>，注意查收。</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!-- JS. -->
<script src="/public/static/js/jquery/jquery-3.2.1.min.js"></script>
<script src="/public/static/js/popper/popper.min.js"></script>