@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>
<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;
    }
    </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" 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-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>

                    @*@if (Model.F_UserId > 0)
                    {
                        <li class="layui-row" style="display:none">

                            <div class="layui-col-xs6">
                                <label class="layui-form-label" style="width:100px">密码</label>
                                <div class="layui-input-block">
                                    <input id="pwd1" name="F_Password" value="@Model.F_Password" lay-verify="required" autocomplete="off" placeholder="" class="layui-input" type="password" 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 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">
                                    <input id="pwd1" name="F_Password" value="@Model.F_Password" lay-verify="required" autocomplete="off" placeholder="" class="layui-input" type="password" 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 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"></script>
<script>
  //单击左侧数列表时
    $('.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>