zhangkun
/
ditie2.0_web


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
							@using YTSoft.BaseCallCenter.MVCWeb.Models;
@using YTSoft.BaseCallCenter.Model;
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>部门管理</title>

    <link href="/Content/layui/css/layui.css" rel="stylesheet" />
    <link href="/Content/css/public.css" rel="stylesheet" />
    <link href="/Content/layui/css/modules/layui-icon-extend/iconfont.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/font-awesome/css/font-awesome.min.css" type="text/css" rel=" stylesheet" />
    <link href="/Content/css/callrecord/callrecord.css" rel="stylesheet" />
    <script src="/Content/js/jquery-other.min.js"></script>
    <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>

    
</head>
<body class="childrenBody">

    <div class="layui-fluid">
        <div class=" layui-col-space15">

            <div class="layui-card">
                <div class="layui-btn-group">
                    <button class="layui-btn layui-btn-normal" data-type="rowAdd">
                        <i class="layui-icon">&#xe654;新 增</i>
                    </button>
                    @*<button class="layui-btn  layui-btn-normal" data-type="rowEdit">
                            <i class="layui-icon">&#xe642;</i>修改
                        </button>
                        <button class="layui-btn layui-btn-normal" data-type="rowDelete">
                            <i class="layui-icon">&#xe640;</i>删除
                        </button>*@

                </div>

            </div>


            <div class="layui-card layui-form">

                <input type="hidden" id="selectTypeId" />
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md2">

                        <div class="form-group" style="position: relative; float:left;">
                              <input autocomplete="off" style="width: 300px;" id="searchRegionName" placeholder="请选择" class="layui-input inps" type="text" />

                              <input id="searchRegionId" type="hidden" />
                              <input id="searchOfficeId" type="hidden" />
                              <input id="regionName1" type="hidden" />
                              <input id="officeName" type="hidden" />
                              <i class="xl"></i>
                              <!-- <b class="delect-icon">X</b> -->
                              <ul id="ztree" class="ztree addTree"></ul>
                        </div>

                    </div>
                    <div class="layui-col-md10">
                        <div id="content" class="flowContent">
                            <table class="layui-table" lay-data="{height: 'full-120',page: true,limit:20, url:'/SystemManage/DeptDate/?NowDateTime=@Model.NowDateTime', id:'recordtable'}" lay-size="sm" lay-filter="demo">
                                <thead>
                                    <tr>
                                        <th lay-data="{type:'checkbox',  fixed: 'left'}"></th>
                                        <th lay-data="{field:'F_DeptId', width:100}">部门id</th>
                                        <th lay-data="{field:'F_DeptName', width:180}">部门名称</th>
                                        <th lay-data="{field:'F_Sort', width:80}">排序</th>
                                        <th lay-data="{field:'F_Remark'}">备注</th>
                                        <th lay-data="{ width:120, align:'center', toolbar: '#barDemo'}">操作</th>

                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div>

            </div>


        </div>
    </div>
</body>
<script type="text/html" id="barDemo">

    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="delete">删除</a>
</script>

<script type="text/javascript" src="/Content/layui/layui.js" charset="utf-8"></script>

<script src="~/Content/js/sysmanage/departmentlist.js" charset="utf-8"></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
            }
        },
        check: {
            enable: true,
            autoCheckTrigger: true,
            chkboxType:  { "Y": "", "N": "s" },
            //chkboxType: {
                //"Y": "s",
                //"N": "s",
            //},
            chkStyle: "checkbox",
        },
        view: {
            dblClickExpand: true
        },
        callback: {
            beforeClick: beforeClick,
            onCheck: onCheck,
        },
    };
    function beforeClick(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);
    zTree.checkNode(treeNode, !treeNode.checked, null, true);					
    return false;
  }

  function onCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("ztree"),
    nodes = zTree.getCheckedNodes(true);				
    var regionName = "", regionName = "", regionId = "", officeId = "",regionName1="",officeName="";
    for (var i=0, l=nodes.length; i<l; i++) {
      regionName += nodes[i].name + ",";
      if(nodes[i].level === 1) {
        
      } else if (nodes[i].level === 2) {
        officeId += nodes[i].id + ","
              officeName += nodes[i].name + ",";

              regionId += nodes[i].getParentNode().id + ","
              regionName1 += nodes[i].getParentNode().name + ",";
              
      }
    }
    if (regionName.length > 0 ) {
      regionName = regionName.substring(0, regionName.length-1);
      $("#searchRegionName").val(regionName);
    } else {
      $("#searchRegionName").val(regionName);
    }
      if (regionName1.length > 0 ) {
      regionName1 = regionName1.substring(0, regionName1.length-1);
      $("#regionName1").val(regionName1);
    } else {
      $("#regionName1").val(regionName1);
    }
      if (officeName.length > 0 ) {
      officeName = officeName.substring(0, officeName.length-1);
      $("#officeName").val(officeName);
    } else {
      $("#officeName").val(officeName);
    }
      //console.log($("#regionName1").val())
      //console.log($("#officeName").val())
      
    if (regionId.length > 0 ) {
      regionId = regionId.substring(0, regionId.length-1);
      $('#searchRegionId').attr("value",regionId);
      // getSubmitterManager();
    } else {
      $('#searchRegionId').attr("value",regionId);
    }
    if (officeId.length > 0 ) {
      officeId = officeId.substring(0, officeId.length-1);
      $('#searchOfficeId').attr("value",officeId);
      // getSubmitterSalesman();
    } else {
      $('#searchOfficeId').attr("value",officeId);
    }
  }
  var treeNodes;
  $(document).ready(function () {
      $.ajax({
          url: "/Department/GetDepartmentAndUserJsonModel",
          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>
</html>