<!DOCTYPE html>
<html style="background-color: #f2f2f2; height: 100%">

<head>
    <meta charset="utf-8">
    <title>修改密码</title>
    <script src="../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
    <script>
    	link('css/user.css')
    </script>
    <style>
        html body{
            height: 100%;
        }
        .flexBox{
            display: flex;
            align-items: center;
            height: 100%;
        }
        .layui-userInfo{
            height: 400px; 
            width: 600px; 
            margin: 0 auto;
        }
    </style>
    <script id="demo" type="text/html">
        <form class="layui-form" lay-filter="userInfo">
            <div class="layui-form-item">
                <label class="layui-form-label">账号：</label>
                <div class="layui-input-block"> 
                    <div class="layui-form-mid layui-word-aux">{{d.name || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">姓名：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.realName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item" pane="">
                <label class="layui-form-label">性别：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.sex || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">区域：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.areaName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">角色：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.roleName || ''}}</div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">手机号码：</label>
                <div class="layui-input-block">
                    <div class="layui-form-mid layui-word-aux">{{d.phone || ''}}</div>
                </div>
            </div>
        </form>
    </script>
</head>

<body class="childrenBody">
    <div class="flexBox">
        <div class="layui-card layui-userInfo">
            <div class="layui-card-header">修改密码</div>
            <div class="layui-card-body" style="padding: 25px 30px 0 0">
                <form class="layui-form changePwd" lay-filter="changePwd">
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户名</label>
                        <div class="layui-input-block">
                            <input name="userId" hidden="hidden">
                            <input type="text" name="name" value="匿名用户" readonly class="layui-input layui-disabled">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">旧密码</label>
                        <div class="layui-input-block">
                            <input type="password" name="password" value="" placeholder="请输入旧密码" lay-verify="required"
                                class="layui-input pwd">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">新密码</label>
                        <div class="layui-input-block">
                            <input type="password" value="" name="newpassword" placeholder="请输入新密码" lay-verify="required|newPwd"
                                id="oldPwd" class="layui-input pwd">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">确认密码</label>
                        <div class="layui-input-block">
                            <input type="password" value="" placeholder="请确认密码" lay-verify="required|confirmPwd" class="layui-input pwd">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit="" lay-filter="changePwd">立即修改</button>
                            <!--<button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="user.js"></script>
</body>

</html>