<!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: 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 HStockOrgID = params[params[0]];
|
|
layui.use(['table', 'form', 'layer'], function () {
|
var table = layui.table
|
, form = layui.form
|
, layer = layui.layer;
|
|
//快速查询
|
form.on('submit(HQuery)', function () {
|
RoadQuery($('#Value').val());
|
});
|
//返回
|
form.on('submit(FH)', function () {
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;
|
parent.GetHProcValue(data);
|
var index = parent.layer.getFrameIndex(window.name);
|
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);
|
parent.GetHProcValue(data);
|
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/GetProcessList_Json",
|
async: true,
|
data: { "Process": 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>
|
