static/password.html

<!--#include file="inc/header.html"-->

	<script type="text/javascript">
		$(function(){
            $(".password-update-btn").off().on("click",function(){
                var validate=$(".change-pwd-form").form("validate");
                if(!validate){
                    $.messager.alert('提示', base.tooltip, 'info');
                    return false;
                }
                var data = $('.change-pwd-form').serializeArray();
                 base.ajaxFunc('post', config.updatePwd, data, function(e) {
                    //请求成功后的提示
                    $(".change-pwd-form").form('clear');
                    // base.requestTip(e, '#changePwd', '', 0);

                    if (e.code === 0) {
                            $.messager.alert('提示', e.msg, 'info');
                            $("#wSelector").window('close');
                            window.location.href="/sys/logout";
                        } else {
                            $.messager.alert('警告', e.msg, 'error');
                        }

                    });

            });
		});
	</script>
	 <style type="text/css">
        .window{
                background-color: #0F6136;

        }
        .window, .window .window-body {
            border-color: #165634;
        }
        .combo-arrow {
            background-color: #A3CEB7;
        }
        .window .window-header .panel-tool {
            right: 1px;
            background: #B8D8A5;
        }

        .hide{
            display: none;
        }

        #changePwd{
            width: 1200px;
            margin: 0 auto;
            padding: 20px;
            margin-top: 10px;
            border: 1px solid rgba(56, 128, 90, 0.14);
            min-height: 400px;
        }

        #changePwd .item-line{
            width: 650px;
            display: inline-block;
            margin-bottom: 5px;
        }
        #changePwd .item-line-t{
            width: 100px;
            display: inline-block;
            margin-bottom: 5px;
        }

        #changePwd .item-line-v{
            width: 250px;
            display: inline-block;
            margin-bottom: 5px;
        }

         #changePwd input{
            width: 200px;
         }

    </style>
    <div class="con-wrap">
        <div class="tree-breadcrumb">
            <span class="nav-prov">首页</span>&gt;
            <span class="nav-prov">个人设置</span>&gt;
            <span class="nav-city">修改密码</span>
        </div>
        <div id="changePwd"  style="padding: 20px;"  class="panel">
        <h2>修改密码</h2>
        <form class="change-pwd-form">
            <span class="item-line ">
                <span class="item-line-t">原密码:</span>
                <span class="item-line-v">
                <input type="password" class="easyui-textbox easyui-validatebox item-v oldpassword" data-options="validType:'length[6,12]',required:true" name="oldpassword" >
                </span>
            </span>
            <br />
            <span class="item-line">
                <span class="item-line-t">新密码:</span>
                <span class="item-line-v">
                    <input type="password" class="easyui-textbox easyui-validatebox item-v  password" data-options="validType:'length[6,12]',required:true" name="password">
                </span>
            </span>
            <br />
             <span class="item-line">
                <span class="item-line-t">确认新密码:</span>
                <span class="item-line-v">
                    <input type="password" class="easyui-textbox easyui-validatebox item-v  password2" data-options="validType:'length[6,12]',required:true" name="password2">
                </span>
            </span>
            <br />
            <a href="#" class="easyui-linkbutton bd-add-s password-update-btn" plain="true" style="margin-top: 20px;">确定</a>
        </form>
</div>
</div>
    <div class="bottom-wrap">&copy; 2018 中储粮-单仓档案管理系统 版权所有</div>
</body>
</html>