ZLPMS/PMS.WebUI/Views/Account/PersonInfo.cshtml


@{
    ViewBag.Title = "UpdateInfoWindow";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}


<script src="~/Content/Scripts/chinese2PinYin.js"></script>

<div class="easyui-panel" data-options="fit:true,border:false" style="margin-top:20px">
    <form id="update_person" method="post" lay-filter="update_person" class="layui-form">
        <!--当前编辑的ID值-->
        <input type="hidden" id="ID" name="ID" />
        <input type="hidden" id="channel" name="channel" value="@ViewBag.channelID" />

        <div class="layui-form-item">
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" onchange="changename()" lay-verify="required" autocomplete="off" placeholder="请输入姓名" class="layui-input" style="height:35px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">简码</label>
                <div class="layui-input-inline">
                    <input type="text" id="simple" name="simple" lay-verify="simple" autocomplete="off" placeholder="请输入姓名简码" class="layui-input" style="height:35px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-inline">
                    <input type="text" id="sex" editable="false" panelHeight="150" name="sex" class="easyui-combobox" style="width: 190px; height: 33px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-inline">
                    <input type="text" id="contactPhone" lay-verify="contactPhone" name="contactPhone" autocomplete="off" placeholder="请输入联系电话" class="layui-input" style="height:35px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">电子邮箱</label>
                <div class="layui-input-inline">
                    <input type="text" id="email" name="email" autocomplete="off" placeholder="请输入电子邮箱" class="layui-input" style="height:35px;border-radius:4px" />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">QQ</label>
                <div class="layui-input-inline">
                    <input type="text" id="qq" name="qq" lay-verify="qq" autocomplete="off" placeholder="请输入QQ号" class="layui-input" style="height:35px;border-radius:4px"  />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px">
                <label class="layui-form-label">微信</label>
                <div class="layui-input-inline">
                    <input type="text" id="weChat" name="weChat" lay-verify="weChat" autocomplete="off" placeholder="请输入微信号" class="layui-input" style="height:35px;border-radius:4px"  />
                </div>
            </div>
            <div class="layui-inline" style="margin-bottom:22px;float:right">               
                <div class="layui-input-inline" style="width:200px;margin-top:5px">
                    <a id="btnUpdate" href="#" class="easyui-linkbutton c1"><i class="fa fa-pencil"></i> 确认</a>&nbsp;&nbsp;&nbsp;
                    <a id="btnClose" href="#" class="easyui-linkbutton c5"><i class="fa fa-power-off"></i> 关闭</a>
                </div>
            </div>
        </div>       
    </form>
</div>

<script type="text/javascript">
    $(function () {
        //性别
        $("#sex").combobox({
            url: '/PersonManager/GetSex',
            valueField: 'ID',
            textField: '显示名'
        });

        //人员信息
        $.ajax({
            url: '/PersonManager/GetInfoByID/' +"@ViewBag.id",
            method: 'GET',
            success: function (data) {
                if (data.length > 0) {
                    $('#ID').val("@ViewBag.id");
                    $('#name').val(data[0].姓名);
                    $('#simple').val(data[0].简码);
                    $('#contactPhone').val(data[0].联系电话);
                    $('#qq').val(data[0].QQ);
                    $('#email').val(data[0].电子邮箱);
                    $('#weChat').val(data[0].微信);
                    $('#sex').combobox('setValue', data[0].性别);
                } else {
                    ZLPMS.Alert("人员信息加载出错！", 2);
                    //弹出错误消息
                }
            }
        })
    })

    $("#btnClose").bind("click", function () {
        ZLPMS.CloseTopWindow();
    })

    $("#btnUpdate").bind("click", function () {
        var name = $("#name").val();
        var phone = $("#contactPhone").val();
        var email = $('#email').val();
        if (name == null || name == "") {
            top.ZLPMS.Msg("姓名不能为空！");
            return;
        }
        if (phone == null || phone == "") {
            top.ZLPMS.Msg("联系电话不能为空！");
            return;
        }
        var pattern = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/;
        if (pattern.test(phone)==false) {
            top.ZLPMS.Msg("请检查电话格式！");
            return;
        }
        //如果填写了邮箱
        if (email.length > 0) {
            var pattern = /^([a-zA-Z0-9_\.\-])+\@@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (pattern.test(email)) {
                var r = $('#update_person').form('validate');
                if (r) {//post到后台
                    var url = '/Account/UpdatePersonInfo';
                    var param = ZLPMS.FormToObject('update_person');

                    $.get(url, param, function (data) {
                        if (data != 0) {
                            top.ZLPMS.Msg("修改成功");
                            ZLPMS.CloseTopWindow();
                        }
                        else if (data == -1) {
                            top.ZLPMS.Msg("电话号码已经被使用请勿重复输入");
                            ZLPMS.CloseTopWindow();
                        } else {
                            top.ZLPMS.Msg("数据异常，请重新输入", 2);
                            ZLPMS.CloseTopWindow();
                        }
                    });
                }
            }
            else {
                top.ZLPMS.Msg("请查看邮箱格式")
            }
        }
    
    })

    //简码
    function changename() {
        var val = $("#name").val();
        if (val) {//获取简码
            var code = makePy(val);
            $("#simple").val(code);
        }
    }

</script>