1790429840
/
KN_CAMP_SOFTWARE_TEST
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

统计分析-人员统计,增加左侧tree选择

master
孙伟人 8 months ago
parent
bccfe9aef1
commit
1dfe092d9c
1 changed files with 107 additions and 16 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 123
      Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html

123
Code/智慧营区/DOCManageAPP（阿克苏）/OA/Statistics/personSta2.html
View File

@ -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",

Write Preview
Loading…
Cancel
Save