@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<link href="/Content/layui/css/layui.css" rel="stylesheet" />
<script src="/Content/js/jquery-1.8.3.min.js"></script>
<script src="/Content/layui/layui.js"></script>
<link href="/Content/css/workflow/workflow.css" rel="stylesheet" />
<link href="/Content/layui/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
<script src="/Content/layui/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script src="~/Content/js/ytsoft.http.js"></script>
<style>
    .aaaaaa {
        position: absolute;
    }

    .ztree {
        height: 360px;
        overflow-y: auto;
        position: absolute;
        width: 198px;
        left: 0px;
        top: 30px;
        z-index: 11;
        background: #ffffff;
        border: 1px solid #cccccc;
        display: none;
    }

    .xl {
        background: url(../../Content/images/downSelect.png);
        background-position: center center;
        width: 20px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 1px;
        background-color: #1ab394;
        cursor: pointer;
    }

    .xl:hover {
        background-color: #e6d523;
    }

    .passIcon {
        display: none;
    }

    .posiDiv {
        position: absolute;
        top: -87px;
        /* height: 160px; */
        width: 240px;
        border: 1px solid #000001;
        right: -250px;
        background: #CCCCFE;
        z-index: 11;
        line-height: 30px;
        padding-left: 15px;
        display: none;

    }
</style>
<form class="layui-form">


    <div>
        <div class="rightSide">
            <input name="F_UserId" value="@Model.F_UserId" type="hidden" class="layui-input" />
            <input name="F_DeptId" class="add_did" value="@Model.F_DeptId" type="hidden" class="layui-input" />
            <div>
                <div class="divTittle">编辑用户
                </div>
                <ul>
                    <li class="layui-row">

                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">姓名</label>
                            <div class="layui-input-block">
                                <input name="F_UserName" value="@Model.F_UserName" lay-verify="required"
                                    autocomplete="off" placeholder="" class="layui-input" type="text"
                                    style="width:210px" />
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">工号</label>
                            <div class="layui-input-block">
                                <input name="F_UserCode" value="@Model.F_UserCode" lay-verify="required"
                                    autocomplete="off" placeholder="" class="layui-input" type="text"
                                    style="width:210px" />
                            </div>
                        </div>
                    </li>
                    <li class="layui-row">
                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">分机号</label>
                            <div class="layui-input-block">
                                <input name="F_ExtensionNumber" value="@Model.F_ExtensionNumber" autocomplete="off"
                                    placeholder="" class="layui-input" type="text" style="width:210px" />
                            </div>
                        </div>
                    </li>
                    <li class="layui-row">


                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">所属部门</label>
                            <div class="layui-input-inline">
                                <div class="form-group" style="position: relative; float:left;">
                                    @* value="@dicModel.F_DeptName" *@
                                    <input autocomplete="off" value="@Model.F_DeptName" style="width: 210px;"
                                        id="searchRegionName" placeholder="请选择" class="layui-input inps" type="text" />

                                    <i class="xl"></i>
                                    <!-- <b class="delect-icon">X</b> -->
                                    <ul id="ztree" class="ztree addTree"></ul>
                                </div>
                            </div>
                        </div>

                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">角色</label>
                            <div class="layui-input-inline">
                                <select name="F_RoleId" lay-verify="required" lay-search="">
                                    <option value=""></option>
                                    @if (Model.RoleInfoList != null && Model.RoleInfoList.Count > 0)
                                    {
                                        foreach (T_Sys_RoleInfo dicModel in Model.RoleInfoList)
                                        {
                                            if (Model.F_RoleId > 0)
                                            {
                                                if (Model.F_RoleId == dicModel.F_RoleId)
                                                {
                                                    <option value="@dicModel.F_RoleId" selected>@dicModel.F_RoleName</option>
                                                }
                                                else
                                                {
                                                    <option value="@dicModel.F_RoleId">@dicModel.F_RoleName</option>
                                                }
                                            }
                                            else
                                            {
                                                <option value="@dicModel.F_RoleId">@dicModel.F_RoleName</option>
                                            }
                                        }
                                    }

                                </select>
                            </div>
                        </div>
                    </li>

                    <li class="layui-row">

                        <div class="layui-col-xs6" style="position: relative;">
                            <label class="layui-form-label" style="width:100px">密码</label>
                            <div class="layui-input-block" style="display: flex;">
                                <input id="pwd1" name="F_Password" value="@Model.F_Password" lay-verify="required"
                                    autocomplete="off" placeholder="" class="layui-input" type="password"
                                    style="width:210px" />
                                <i class="layui-icon passIcon"
                                    style=" font-size: 25px !important; color:red; margin-left:8px">&#xe63a;</i>
                            </div>
                            <div class="posiDiv">
                                <p>*口令长度必须至少为 8 个字符。</p>
                                <p>*口令必须至少包含 1 个特殊字符。</p>
                                <p>*口令必须至少包含 1 个大写字母。</p>
                                <p>*口令必须至少包含 1 个数字</p>
                                <p>*口令不能匹配或包含用户 ID</p>
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">确认密码</label>
                            <div class="layui-input-block">
                                <input id="pwd2" name="F_Password" value="@Model.F_Password" lay-verify="required"
                                    autocomplete="off" placeholder="" class="layui-input" type="password"
                                    style="width:210px" />
                            </div>
                        </div>
                    </li>

                    <li class="layui-row">


                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">性别</label>
                            <div class="layui-input-block">
                                @if (!string.IsNullOrEmpty(Model.F_SexFlag))
                                {
                                    if (Model.F_SexFlag == "男")
                                    {
                                        <input type="radio" name="F_SexFlag" value="男" title="男" checked="">
                                        <input type="radio" name="F_SexFlag" value="女" title="女">
                                    }
                                    else
                                    {
                                        <input type="radio" name="F_SexFlag" value="男" title="男">
                                        <input type="radio" name="F_SexFlag" value="女" title="女" checked="">
                                    }
                                }
                                else
                                {
                                    <input type="radio" name="F_SexFlag" value="男" title="男">
                                    <input type="radio" name="F_SexFlag" value="女" title="女" checked="">
                                }
                            </div>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">电话号码</label>
                            <div class="layui-input-block">
                                <input name="F_Telephone" value="@Model.F_Telephone" autocomplete="off" placeholder=""
                                    class="layui-input" type="text" style="width:210px" />
                            </div>
                        </div>
                    </li>
                    <li class="layui-row">


                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">话务标志</label>
                            <div class="layui-input-block">
                                @if (Model.F_SeatFlag != null && Model.F_SeatFlag)
                                {
                                    <input name="F_SeatFlag" title="使用" checked="" type="checkbox">
                                }
                                else
                                {
                                    <input name="F_SeatFlag" title="使用" type="checkbox">
                                }
                            </div>
                        </div>

                        <div class="layui-col-xs6">
                            <label class="layui-form-label" style="width:100px">坐席等级</label>
                            <div class="layui-input-block">
                                @if (!string.IsNullOrEmpty(Model.F_SeatRight))
                                {
                                    if (Model.F_SeatRight == "1")
                                    {
                                        <input type="radio" name="F_SeatRight" value="0" title="普通坐席">
                                        <input type="radio" name="F_SeatRight" value="1" title="班长坐席" checked="">
                                    }
                                    else
                                    {
                                        <input type="radio" name="F_SeatRight" value="0" title="普通坐席" checked="">
                                        <input type="radio" name="F_SeatRight" value="1" title="班长坐席">
                                    }
                                }
                                else
                                {
                                    <input type="radio" name="F_SeatRight" value="0" title="普通坐席" checked="">
                                    <input type="radio" name="F_SeatRight" value="1" title="班长坐席">
                                }
                            </div>
                        </div>
                    </li>

                    <li class="layui-row ">
                        <div class="layui-col-md12">
                            <label class="layui-form-label" style="width:100px">备注</label>
                            <div class="layui-input-block">
                                <textarea style="width:600px" name="F_Remark" placeholder=""
                                    class="layui-textarea">@Model.F_Remark</textarea>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div>
                <ul>
                    <li class="layui-row">
                        <div class="layui-col-md12 btndiv">
                            <button class="layui-btn" lay-submit="" lay-filter="SubmitData">保存</button>
                        </div>
                    </li>
                </ul>
            </div>


        </div>
    </div>
</form>
<script src="~/Content/js/sysmanage/useredit.js?v=0.3"></script>
<script>
    $(".passIcon").hover(function () {
        $(".posiDiv").show()
    }, function () {
        $(".posiDiv").hide()
    })
    
    if(helper.cookies.get('newDeptname')){
      $("#searchRegionName").val(helper.cookies.get('newDeptname'))
    }
    console.log($(".add_did").val())
    
    //单击左侧数列表时
    $('.inps').focus(function () {
        $(this).siblings('.addTree').css('display', 'block');
    })
    $('.xl').click(function () {
        var xl = $(this).siblings('.addTree');
        if (xl.css('display') == 'block') {
            xl.css('display', 'none')
        } else {
            xl.css('display', 'block')
        }
    })
    $('.addTree').mouseleave(function () {
        $(this).css('display', 'none')
    })
    var zTreeObj;
    var selectNode;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {
        data: {
            key: {
                name: "name"
            },
            simpleData: {
                enable: true,
                idKey: "id",
                rootPId: 0
            }
        },

        view: {
            dblClickExpand: true
        },
        callback: {
            onClick: ztreeDep
        },
    };
    function ztreeDep(event, treeId, treeNode) {
        console.log(treeNode.name)
        $('.inps').val(treeNode.name);
        $('.add_did').val(treeNode.id);
    };


    var treeNodes;
    $(document).ready(function () {
        $.ajax({
            url: "/SystemManage/GetDepartmentJsonModel",
            type: "get",
            contentType: "application/json",
            dataType: "text",
            cache: false,
            async: false,
            data: { "parentId": 0 },
            success: function (result, status) {

                treeNodes = eval('(' + result + ')');
            }
        });
        zTreeObj = $.fn.zTree.init($("#ztree"), setting, treeNodes);
        zTreeObj.expandAll(false);
    });
</script>