<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<title>部门列表</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-card">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div class="layui-form-item" style="padding:15px;margin:0px">
|
<div class="layui-row">
|
<div class="layui-col-xs3">
|
<label class="layui-form-label" style="width:60px;padding-left:0px;">过滤列</label>
|
</div>
|
<div class="layui-col-xs9">
|
<input type="text" name="Value" id="Value" lay-verify="Value" autocomplete="off" placeholder="请输入过滤列" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-row" style="margin-top: 10px; margin-bottom: 0px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HQuery">快速查询</button>
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="FH">返回</button>
|
</div>
|
</div>
|
<!--子表1-->
|
<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
|
</form>
|
</div>
|
</div>
|
</div>
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js" type="text/javascript"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js" type="text/javascript"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<script>
|
layui.use(['table', 'form', 'layer'], function () {
|
var table = layui.table
|
, form = layui.form
|
, layer = layui.layer;
|
var params = get_UrlVars();
|
var HStockOrgID = params[params[0]];
|
var Type = params[params[1]];
|
if (Type == undefined || Type == '') {
|
Type = "HDept1";
|
}
|
|
//快速查询
|
form.on('submit(HQuery)', function () {
|
RoadQuery($('#Value').val());
|
});
|
//返回
|
form.on('submit(FH)', function () {
|
var index = parent.layer.getFrameIndex(window.name);
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
if (data.length == 0) {
|
parent.layer.close(index);
|
return;
|
}
|
switch (Type) {
|
case "HDept1":
|
parent.GetHDeptNameValue(data);
|
break;
|
case "HDept2":
|
parent.GetHDeptName2Value(data);
|
break;
|
}
|
parent.layer.close(index);
|
});
|
RoadQuery($('#Value').val());
|
table.render({
|
elem: '#mainTable'
|
, data: []
|
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
, cols: [[
|
{ type: 'radio' }
|
, { field: 'HItemID', width: 150, title: '部门ID', hide: true }
|
, { field: 'HNumber', width: 150, title: '部门代码' }
|
, { field: 'HName', width: 150, title: '部门名称', sort: true }
|
]]
|
, page: true
|
, limits: [50, 500, 5000, 50000],
|
limit: 50
|
});
|
|
//#region 点击行选中高亮
|
table.on('row(mainTable)', function (obj) {
|
//选中行改变颜色
|
$(".layui-table-body tr ").attr({ "style": "background:" }); //其他tr恢复原样
|
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); //选中行样式
|
obj.tr.find('i[class="layui-anim layui-icon"]').trigger("click"); //选中radio样式
|
$(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" }); //改变当前tr背景颜色和字体颜色
|
})
|
//#endregion
|
|
//#region 双击返回数据
|
table.on('rowDouble(mainTable)', function (obj) {
|
var data = [];
|
data.push(obj.data);
|
switch (Type) {
|
case "HDept1":
|
parent.GetHDeptNameValue(data);
|
break;
|
case "HDept2":
|
parent.GetHDeptName2Value(data);
|
break;
|
}
|
var index = parent.layer.getFrameIndex(window.name);
|
parent.layer.close(index);
|
});
|
//#endregion
|
|
///加载显示数据
|
function RoadQuery(Where) {
|
var Value = Where;
|
if (Value == null) {
|
Value = '';
|
}
|
$.ajax({
|
type: "get",
|
url: GetWEBURL() + "/WEBSController/GetDepartmentList_Json",
|
async: true,
|
data: { "Department": Value, "HStockOrgID": HStockOrgID },
|
success: function (result) {
|
ajaxReturnData = JSON.parse(JSON.stringify(result)).data;
|
table.reload('mainTable', {
|
data: ajaxReturnData
|
, height: 'full-10'
|
, loading: false
|
, done: function (index, res) {
|
|
}
|
});
|
},
|
error: function (result) {
|
console.log(result);
|
}
|
});
|
};
|
});
|
</script>
|
|
</body>
|
</html>
|
