@using ZXDT.CallCenter.MVCWeb.Models;
@using ZXDT.CallCenter.Model;
<link href="@Url.Content("~/Content/layui/css/layui.css")" media="all" rel="stylesheet" />
<script src="/Content/js/jquery-1.8.3.min.js"></script>
<script src="/Content/layui/layui.js"></script>
<script src="/Content/js/passWord/pwdValueDate.js"></script>
<script src="/Content/js/jquery.md5.js"></script>

<style type="text/css">
    .rightSide div > .divTittle {
        height: 30px;
        line-height: 30px;
        background-color: #CCCEDB;
        font-weight: 700;
        padding-left: 10px;
    }

    .rightSide li {
        padding: 2px 0;
    }

    .rightSide .layui-input, body .layui-form-pane .layui-form-label, .rightSide .layui-form-select dl dd, .layui-form-select dl dt {
        height: 30px;
        min-width: 200px;
        max-width: 300px;
        line-height: 34px;
    }
    .TableView td input {
        min-width: 100px;
        height: 25px;
    }

    .TableView td span {
        width: 140px;
        height: 25px;
    }

        .TableView td span input {
            width: 100px;
            height: 25px;
        }

    .TableView td input {
        min-width: calc(100% - 40px);
        height: 25px;
    }

    .TableView td span input a {
        height: 25px;
    }

    .TableView a:hover {
        cursor: pointer;
        color: red;
    }

    .layui-input-block {
        text-align: left;
        line-height: 38px;
    }

    .hiddenText {
        display: none;
    }

    ul.pass_set {
        clear: both;
        margin-top: 7px;
        height: 18px;
        line-height: 18px;
        overflow: hidden;
        width: 156px;
        overflow: hidden;
    }

        ul.pass_set li {
            float: left;
            text-align: center;
            width: 50px;
            border-right: 2px solid #fff;
            background: #ffd8b4;
            color: #fff;
            list-style-type: none;
        }
    
    dl.code_note {
        clear: both;
        width: 75%;
        margin: 0 auto;
        padding: 30px 0 0 0;
    }

        dl.code_note dt {
            clear: both;
            font-size: 14px;
            font-weight: bold;
            line-height: 1.7em;
        }

            dl.code_note dt p {
                clear: both;
                font-weight: normal;
                padding-top: 5px;
            }

        dl.code_note dd {
            clear: both;
            padding-top: 15px;
        }
   
    .tfie {
        width: 80px;
        height: 25px;
        display: inline-block;
    }


</style>
<form class="layui-form" style="overflow:auto">
    <div>
        <input name="F_UserId" value="@Model.F_UserId" class="hiddenText" type="text" />
        <blockquote class="layui-elem-quote layui-text" style="font-size: larger;">
            修改密码<div style="float:right;">

            </div>
        </blockquote>
        <div class="rightSide">

            <div>
                @*<div class="divTittle">  用户信息 </div>*@
                <ul>

                    <li class="layui-row">
                        <div class="layui-inline layui-col-sm6 layui-elip">
                            <label class="layui-form-label">用户名</label>
                            <div class="layui-input-block">
                                @Model.F_UserName
                            </div>
                        </div>

                    </li>
                    <li class="layui-row">
                        <div class="layui-inline layui-col-sm6 layui-elip">
                            <label class="layui-form-label">旧密码</label>
                            <div class="layui-input-block">
                                <input name="oldPwd" value="" lay-verify="required" class="layui-input" type="password">

                            </div>
                        </div>
                    </li>
                    <li class="layui-row">
                        <div class="layui-inline layui-col-sm6 layui-elip">
                            <label class="layui-form-label">新密码</label>
                            <div class="layui-input-block">
                                <input id="confirmPwd" name="password" value="" lay-verify="required" class="layui-input" type="password" onkeyup="pwStrength(this.value)">
                                <ul class="pass_set">
                                    <li id="strength_L">弱</li>
                                    <li id="strength_M">中</li>
                                    <li id="strength_H">强</li>
                                </ul>
                            </div>
                        </div>
                       
                    </li>
                    <li class="layui-row">
                        <div class="layui-inline layui-col-sm6 layui-elip">
                            <label class="layui-form-label">确认密码</label>
                            <div class="layui-input-block">
                                <input name="password" value="" lay-verify="required|confirmPwd" class="layui-input" type="password">

                            </div>
                        </div>
                    </li>
                    <li class="layui-row">
                      
                    </li>
                   

                    <li class="layui-elip" style="text-align:left;margin-left:120px;margin-top:30px">
                        <button class="layui-btn" lay-submit="" lay-filter="SaveData">保存</button>
                        @*<button class="layui-btn closeThisPage">返回</button>*@
                    </li>
                </ul>
            </div>


        </div>
    </div>
</form>
<script>

    layui.use(['form', 'layer', 'jquery'], function () {
        var form = layui.form,
            layer = parent.layer === undefined ? layui.layer : parent.layer;
        $ = layui.jquery;


        //添加验证规则
        form.verify({

            confirmPwd: function (value) {
                if ($("#confirmPwd").val() != value) {
                    return "两次输入密码不一致，请重新输入！";
                }
            }
        })


        //监听保存
        form.on('submit(SaveData)', function (data) {
            var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,20}');
            if (checkStrong($("#confirmPwd").val()) == "0") {
                layui.layer.alert("密码长度不能低于4位!", {
                    icon: 2
                });
                return false;
            }
            if(checkStrong($("#confirmPwd").val())=="1")
            {
                layui.layer.alert("密码强度太弱!", {
                    icon: 2
                });
                return false;
            }
            
            if(!pwdRegex.test($("#confirmPwd").val()))
            {
                layui.layer.alert("密码格式不对！", {
                    icon: 2
                });
                return false;
            }
            
            var dataArr = new Array();
            var oldPwd = $("input[name='oldPwd']").val()
            var password =$("input[name='password']").val()
            
            dataArr = {
              F_UserId:$("input[name='F_UserId']").val(),
              oldPwd:$.md5(oldPwd),
              password:$.md5(password)
            };
            console.log(data.field)
            console.log(dataArr)
            $.ajax({
                url: "/SystemManage/UpdateUserPwd",
                type: "post",
                async: false,//同步请求
                contentType: "application/json",
                dataType: "text",
                cache: false,
                data: JSON.stringify(dataArr),
                // data: dataArr,
                success: function (thisResult, result) {

                    if (thisResult == "True") {
                        layer.open({
                            content: '保存成功'
                             , btn: ['确定']
                             , yes: function (index, layero) {
                                 layer.close(index);
                                 ////刷新父窗体

                                 //var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                 //parent.layer.close(thisindex);
                             }
                            , cancel: function () {
                                //var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                //parent.layer.close(thisindex);

                            }
                        });

                        return false;
                    } else {
                        layui.layer.alert(thisResult, {
                            icon: 2
                        });

                        return false;
                    }

                },
                error: function (error) {
                    return false;
                }
            });
            return false;
        });

    })


    //关闭当前页
    $('.closeThisPage').on('click', function () {
        var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
        parent.layer.close(index);
    });



</script>