From 1dfe092d9cde8586240d5fada49f9a6720dac80a Mon Sep 17 00:00:00 2001
From: 15689705887 <396341246@qq.com>
Date: Fri, 25 Oct 2024 16:35:32 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=88=86=E6=9E=90-=E4=BA=BA?=
 =?UTF-8?q?=E5=91=98=E7=BB=9F=E8=AE=A1,=E5=A2=9E=E5=8A=A0=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7tree=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../OA/Statistics/personSta2.html             | 123 +++++++++++++++---
 1 file changed, 107 insertions(+), 16 deletions(-)

diff --git a/Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html b/Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html
index 07eff70..c05aaf7 100644
--- a/Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html
+++ b/Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html
@@ -11,6 +11,7 @@
     <meta name="format-detection" content="telephone=no">
     <link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
     <link rel="stylesheet" href="../../css/public.css" media="all" />
+    <link rel="stylesheet" href="../../css/ztree/metro/ztree.css">
     <style>
         html, body {
             height: 100%;
@@ -35,6 +36,9 @@
         th {
             text-align: center !important;
         }
+        .ztree {
+            overflow: auto;
+        }
     </style>
 
 </head>
@@ -43,24 +47,33 @@
         padding: 20px;
         box-sizing: border-box;
     ">
-    <div class="header" style="margin:0 auto;text-align: center;">
-        <blockquote class="layui-elem-quote quoteBox" style="padding-left:0; padding-top:0;">
-            <form class="layui-form" style="width: 100%">
-                <span id="orgName" style="line-height: 40px;font-size: 22px;font-weight: bold;text-indent : 20px;letter-spacing: 3px; "></span>
-                <div class="layui-input-inline">
-                    <input type="text" class="layui-input" id="dataTime_1" placeholder="请选择查询的日期">
-                </div>
-                <span style="line-height: 40px;font-size: 22px;font-weight: bold;">人员数据统计</span>
-                <button type="button" class="layui-btn layui-btn-normal" id="btn_Export">导出</button>
-            </form>
-        </blockquote>
+    <div style=" position: absolute; top: 0; bottom: 0px; left: 0; width: 270px; min-height: 500px; border: 1px solid #0c6f89; background: rgba(12, 70, 100, 0.8); border-radius: 4px; ">
+        <blockquote class="layui-elem-quote title">机构目录</blockquote>
+        <div style="width: 100%;height: calc(100% - 52px);overflow: auto">
+            <ul id="ztree" class="ztree"></ul>
+        </div>
     </div>
-    <div id="echarts_1" style="width: 95%;height:350px;float: left;"></div>
-    <div style="width: 90%;height: 500px;float: left;margin-left: 5%;">
-        <table id="perStaList" lay-filter="perStaList"></table>
+    <div class="layui-col-lg10 layui-col-md10 layui-col-xs10" style=" position: absolute; left: 290px; right: 0; top: 0; bottom: 0; z-index: 998; width: auto; overflow: hidden; overflow-y: auto; box-sizing: border-box; border: 1px solid #0c6f89; background: rgba(12, 70, 100, 0.8); border-radius: 4px; padding: 20px; ">
+        <div class="header" style="margin:0 auto;text-align: center;">
+            <blockquote class="layui-elem-quote quoteBox" style="padding-left:0; padding-top:0;">
+                <form class="layui-form" style="width: 100%">
+                    <span id="orgName" style="line-height: 40px;font-size: 22px;font-weight: bold;text-indent : 20px;letter-spacing: 3px; "></span>
+                    <div class="layui-input-inline">
+                        <input type="text" class="layui-input" id="dataTime_1" placeholder="请选择查询的日期">
+                    </div>
+                    <span style="line-height: 40px;font-size: 22px;font-weight: bold;">人员数据统计</span>
+                    <button type="button" class="layui-btn layui-btn-normal" id="btn_Export">导出</button>
+                </form>
+            </blockquote>
+        </div>
+        <div id="echarts_1" style="width: 95%;height:350px;float: left;"></div>
+        <div style="width: 90%;height: 500px;float: left;margin-left: 5%;">
+            <table id="perStaList" lay-filter="perStaList"></table>
+        </div>
+
     </div>
 
-    <script src="../../js/jquery-2.1.3.min.js"></script>
+    <script src="../../js/jquery-2.1.3.min.js" type="text/javascript"></script>
     <script src="../../js/jq_extend.js"></script>
     <script type="text/javascript" src="../../layui/layui.js"></script>
     <script src="../../js/echarts.min.js"></script>
@@ -68,9 +81,10 @@
     <script type="text/javascript">
         layui.config({
             base: '../../js/'
-        }).use(['form', 'layer', 'table', 'laydate', 'treetable'], function () {
+        }).use(['ztree', 'form', 'layer', 'table', 'laydate', 'treetable'], function () {
             var form = layui.form,
                 layer = parent.layer === undefined ? layui.layer : top.layer,
+                $ = layui.jquery,
                 laydate = layui.laydate,
                 treetable = layui.treetable;
             var userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"));
@@ -94,6 +108,83 @@
                 }
             });
 
+
+            var $zTree, OrgList = [];
+            var setting = {
+                view: {
+                    selectedMulti: false
+                },
+                data: {
+                    key: {
+                        name: "NAME"
+                    },
+                    simpleData: {
+                        enable: true,
+                        type: "TYPE",
+                        idKey: "ID",
+                        pIdKey: "PID",
+                        cityCode: "CITYCODE"
+                    }
+                },
+                edit: {
+                    enable: false
+                },
+                callback: {
+                    onClick: function (e, treeId, treeNode) {
+                        OrgId = treeNode.ID;
+                        $("#orgName").html(treeNode.NAME);
+                        getStaData($("#dataTime_1").val());
+                    }
+                }
+            };
+            //初始化树
+            $(function () {
+                $.ajax({
+                    type: "post",
+                    url: "../../../ashx/SysEmpHandler.ashx",
+                    data: { Action: "getOrgCityOnlyTree", OrgId: OrgId },
+                    dataType: "json",
+                    success: function (result) {
+                        var zNodes = result.data;
+                        if (zNodes.length > 0) {
+                            for (var i in zNodes) {
+                                OrgList.push(zNodes[i].ID);
+                            }
+                        }
+                        $zTree = $.fn.zTree.init($("#ztree"), setting, zNodes);
+                    }
+                });
+            });
+
+            //延迟展开根节点
+            setTimeout(function () {
+                var nodes = $zTree.getNodes();
+                for (var i = 0; i < nodes.length; i++) {
+                    $zTree.expandNode($zTree.getNodes()[i], true, false, false);
+                }
+            }, 500);
+
+
+            //每次加载节点触发的方法
+            function onAsyncSuccess(event, treeId, treeNode, msg) {
+                //递归展开子节点
+                if (treeNode != undefined) {
+                    expandNodes(treeNode.children, "ztree");
+                }
+            }
+
+            //递归展开子节点
+            function expandNodes(nodes, treeId) {
+                if (!nodes) return;
+                var zTree = $.fn.zTree.getZTreeObj(treeId);
+                for (var i = 0, l = nodes.length; i < l; i++) {
+                    zTree.expandNode(nodes[i], true, false, false);
+                    if (nodes[i].isParent && nodes[i].zAsync) {
+                        expandNodes(nodes[i].children, treeId);
+                    }
+                }
+            }
+
             var getStaData = function (findDate) {
                 $.post("../../ashx/SysEmpHandler.ashx", {
                     Action: "personSta2",