| | |
| | | </div> |
| | | <div class="layui-col-xs12 layui-inline"> |
| | | <div class="layui-row"> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">代码</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HNumber" id="HNumber"> |
| | | </div> |
| | | <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> |
| | | <div class="layui-inline"> |
| | | <label class="layui-form-label">名称</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" class="layui-input" name="HName" id="HName"> |
| | | </div> |
| | | </div> |
| | | <button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch"> |
| | | <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i> |
| | | </button> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="btnSearch">快速查询</button> |
| | | <button type="button" lay-submit="" class="layui-btn" lay-filter="FH">返回</button> |
| | | </div> |
| | | <div> |
| | | <table class="" id="mainTable" lay-filter="mainTable"></table> |
| | |
| | | //}); |
| | | |
| | | table.on('row(mainTable)', function (obj) { |
| | | //选中行改变颜色 |
| | | // 清除所有行的背景色和选中状态 |
| | | $(".layui-table-body tr").attr({ "style": "background:" }); // 恢复所有行背景颜色 |
| | | $(".layui-table-body .layui-form-checkbox").removeClass('layui-form-checked'); // 清除复选框选中样式 |
| | | |
| | | // 设置当前行的选中状态 |
| | | 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背景颜色和字体颜色 |
| | | 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颜色 |
| | | 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; |
| | | } |
| | | }); |
| | | }) |
| | | }); |
| | | |
| | | |
| | | var option = { |
| | | elem: '#mainTable' |
| | |
| | | ]] |
| | | }; |
| | | |
| | | var index = layer.load(0, { shade: false }); |
| | | //进入页面显示的缓存列表 |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/PublicPageMethod/FaultReasonList', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.close(index); |
| | | } else { |
| | | layer.close(index); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(index); |
| | | layer.alert("接口请求失败!", { icon: 5 }); |
| | | } |
| | | }); |
| | | |
| | | |
| | | //查询按钮 |
| | | form.on('submit(btnSearch)', function (data) { |
| | | var HNumber = $("#HNumber").val(); |
| | | var HName = $("#HName").val(); |
| | | if (HNumber) { |
| | | sWhere += " and HNumber like '%" + HNumber + "%'"; |
| | | } |
| | | if (HName) { |
| | | sWhere += " and HName like '%" + HName + "%'"; |
| | | } |
| | | get_Display(sWhere); |
| | | |
| | | function get_Display(sWhere) { |
| | | var index = layer.load(0, { shade: false }); |
| | | //进入页面显示的缓存列表 |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/PublicPageMethod/FaultReasonList', |
| | | url: GetWEBURL() + '/PublicPageMethod/Gy_ConkReasonList_PDA', |
| | | type: "GET", |
| | | data: { "sWhere": sWhere }, |
| | | success: function (data1) { |
| | | if (data1.count == 1) { |
| | | option.data = data1.data; |
| | | table.render(option); |
| | | layer.alert("查询成功", { icon: 1 }); |
| | | layer.close(index); |
| | | } else { |
| | | layer.close(index); |
| | | layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(index); |
| | | layer.alert("接口请求失败!", { icon: 5 }); |
| | | } |
| | | }); |
| | | sWhere = "";//调用接口后清空sWhere缓存 |
| | | } |
| | | |
| | | |
| | | 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; |
| | | } |
| | | parent.GetConkReasonValue(data); |
| | | parent.layer.close(index); |
| | | }); |
| | | |
| | | //查询按钮 |
| | | form.on('submit(btnSearch)', function (data) { |
| | | //var HNumber = $("#HNumber").val(); |
| | | //var HName = $("#HName").val(); |
| | | //if (HNumber) { |
| | | // sWhere += " and HNumber like '%" + HNumber + "%'"; |
| | | //} |
| | | //if (HName) { |
| | | // sWhere += " and HName like '%" + HName + "%'"; |
| | | //} |
| | | //$.ajax({ |
| | | // url: GetWEBURL() + '/PublicPageMethod/FaultReasonList', |
| | | // type: "GET", |
| | | // data: { "sWhere": sWhere }, |
| | | // success: function (data1) { |
| | | // if (data1.count == 1) { |
| | | // option.data = data1.data; |
| | | // table.render(option); |
| | | // layer.alert("查询成功", { icon: 1 }); |
| | | // } else { |
| | | // layer.alert(data1.code + data1.Message, { icon: 5 }); |
| | | // } |
| | | // }, error: function () { |
| | | // layer.alert("接口请求失败!", { icon: 5 }); |
| | | // } |
| | | //}); |
| | | //sWhere = "";//调用接口后清空sWhere缓存 |
| | | get_Display($('#Value').val()); |
| | | }); |
| | | |
| | | //以上是layui模块 |