construction_management/web/views/account/safe.html

<div class="main-panel">
    <div class="panel-sidebar">
        {{ render "account/menu.html" }}
    </div>
    <div class="panel-content">
        <div class="panel-title">
            <div class="title-main">
                <h2>账号安全</h2>
            </div>
        </div>
        <div class="content-wrap">
            <div class="c-body">
                <div class="row m-0">
                    <div class="col-5 my-3">
                        <!--账号安全-->
                        <form>
                            <div class="form-group">
                                <label>旧密码</label>
                                <input class="form-control form-control-sm is-invalid" type="password">
                                <div class="invalid-feedback">
                                    密码错误
                                </div>
                            </div>
                            <div class="form-group">
                                <label>新密码</label>
                                <input class="form-control form-control-sm" type="password">
                            </div>
                            <div class="form-group">
                                <label>确认新密码</label>
                                <input class="form-control form-control-sm" type="password">
                            </div>
                            <button type="submit" class="btn btn-sm btn-primary">确认修改</button>
                        </form>
                    </div>
                    <div class="col-12 mt-5">
                        <h4>访问日志</h4>
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>系统</th>
                                    <th>浏览器</th>
                                    <th>登录时间</th>
                                    <th>登录地址</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>Windows NT 10.0 64-bit</td>
                                    <td>Chrome 55.0.2883.87 m (64-bit)</td>
                                    <td>2017-01-12 09:09</td>
                                    <td>广东省珠海市 电信（116.19.86.133）</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>Windows NT 10.0 64-bit</td>
                                    <td>Chrome 55.0.2883.87 m (64-bit)</td>
                                    <td>2017-01-12 09:09</td>
                                    <td>广东省珠海市 电信（116.19.86.133）</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>Windows NT 10.0 64-bit</td>
                                    <td>Chrome 55.0.2883.87 m (64-bit)</td>
                                    <td>2017-01-12 09:09</td>
                                    <td>广东省珠海市 电信（116.19.86.133）</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>