<!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-header"></div>-->
|
<div class="layui-card-body" style="padding: 15px;">
|
<form class="layui-form" action="" lay-filter="component-form-group">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">过滤列</label>
|
<div class="layui-input-inline">
|
<input type="text" name="Value" id="Value" lay-verify="Value" autocomplete="off" placeholder="请输入过滤列" class="layui-input">
|
</div>
|
<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>
|
</form>
|
</div>
|
</div>
|
</div>
|
<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
|
<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>
|
function getUrlVars() {
|
var vars = [], hash;
|
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
for (var i = 0; i < hashes.length; i++) {
|
hash = hashes[i].split('=');
|
vars.push(hash[0]);
|
vars[hash[0]] = hash[1];
|
}
|
return vars;
|
}
|
var params = getUrlVars();
|
var Type = params[params[0]];
|
|
layui.use(['table', 'form', 'layer'], function () {
|
var table = layui.table
|
, form = layui.form
|
, layer = layui.layer;
|
|
form.on('submit(HQuery)', function () {
|
//var sMainStr = JSON.stringify(table.cache['mainTable']);
|
RoadQuery($('#Value').val());
|
});
|
form.on('submit(FH)', function () {
|
//var sMainStr = JSON.stringify(table.cache['mainTable']);
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
|
switch (Type) {
|
case "HBank": //返回银行
|
parent.GetHBankValue(data);
|
break;
|
default:
|
parent.GetHBankValue(data);
|
break;
|
}
|
|
var index = parent.layer.getFrameIndex(window.name);
|
parent.layer.close(index);
|
});
|
RoadQuery($('#Value').val());
|
table.render({
|
elem: '#mainTable'
|
// , url: '/demo/table/user/'
|
, data: []
|
, cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
, cols: [[
|
{ type: 'checkbox' }
|
, { field: 'HItemID', title: '银行ID', hide: true }
|
, { field: '银行代码', title: '银行代码', sort: true }
|
, { field: '银行名称', title: '银行名称', sort: true }
|
, { field: 'HStopflag', title: '禁用', templet: "<div>{{d.HStopflag ==0 ?'':'Y'}}</div>"}
|
]]
|
, page: true
|
, limits: [50, 500, 5000, 50000],
|
limit: 50
|
});
|
|
//#region 点击行选中高亮
|
table.on('row(mainTable)', function (obj) {
|
//选中行改变颜色
|
var flag = !obj.tr.find(':checkbox:first').prop('checked');
|
obj.tr.find(':checkbox').prop('checked', flag);
|
if (flag) {
|
obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked'); //设置复选框选中样式
|
$(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//改变当前tr背景颜色和字体颜色
|
} else {
|
obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//取消复选框选中样式
|
$(obj.tr.selector).attr({ "style": "background:" });//取消当前tr颜色
|
}
|
//mainTable 为表格ID 注意此处如果ID不正确将导致你在监听复选框时获取不到你选择的数据，前面的只是添加或删除选中未选中样式以及设置背景色，字体颜色
|
layui.each(table.cache.mainTable, function (i, l) {
|
if (obj.tr.index() == l.LAY_TABLE_INDEX) {
|
l.LAY_CHECKED = flag;
|
}
|
});
|
})
|
//#endregion
|
|
//#region 双击返回数据
|
table.on('rowDouble(mainTable)', function (obj) {
|
var data = [];
|
data.push(obj.data);
|
switch (Type) {
|
case "HBank": //返回银行
|
parent.GetHBankValue(data);
|
break;
|
default:
|
parent.GetHBankValue(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: "http://61.130.49.162:9090/WMSAPI///Web/GetCustomerList_Json",
|
url: GetWEBURL() + "/Web/GetBankList_Json",
|
async: true,
|
data: { "sWhere": Value },
|
//data: { "Value": Value },
|
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>
|
