diff --git a/web/src/main/resources/template/assets/lib/layui/customer/tableUtil/initTableSearchUtil.js b/web/src/main/resources/template/assets/lib/layui/customer/tableUtil/initTableSearchUtil.js index 7cf42527362a1bc57a5344dec15b9f3269c0b578..181488eceaefdce58fc7d35f2dcf70d1f5272a43 100644 --- a/web/src/main/resources/template/assets/lib/layui/customer/tableUtil/initTableSearchUtil.js +++ b/web/src/main/resources/template/assets/lib/layui/customer/tableUtil/initTableSearchUtil.js @@ -89,7 +89,7 @@ var initTableSearchUtil = { * @param keywordPlaceholder 关键字搜索的提示语 */ initTableKeyWordSearch: function (tableId, keywordPlaceholder) { - if (isNull(keywordPlaceholder)) { + if (isNull(keywordPlaceholder) || keywordPlaceholder == "暂不支持搜索") { return false; } var str; @@ -97,11 +97,13 @@ var initTableSearchUtil = { str = '
' + '' + '' + + '' + '
'; } else { str = '
' + '' + '' + + '' + '
'; } $(".winui-tool").append(str); @@ -133,6 +135,29 @@ var initTableSearchUtil = { $("#" + tableId + "SearchTable").click(); } }); + + // 搜索框内容变化事件 + $("body").on("input", "#" + tableId + "KeyWord", function () { + if (isNull($(this).val())) { + $(".clear-btn-keyword").hide(); + $(".search-btn-keyword").css({ + right: "8px" + }) + $(this).css({ + "padding-right": "35px" + }) + } else { + $(".clear-btn-keyword").show(); + $(".search-btn-keyword").css({ + right: "30px" + }) + $(this).css({ + "padding-right": "50px" + }) + } + }); + $("body").on("change", "#" + tableId + "KeyWord", function () { + }); }, /** @@ -571,6 +596,26 @@ var initTableSearchUtil = { } }); + // 清空搜索框 + $("body").on("click", ".clear-btn-keyword", function() { + var tableId = $(this).attr("id").replace('Clear', ''); + + $("#" + tableId + "KeyWord").val(''); + $(this).hide(); + $(".search-btn-keyword").css({ + right: "8px" + }) + $("#" + tableId + "KeyWord").css({ + "padding-right": "35px" + }) + + // 加载回调函数 + var mation = initTableSearchUtil.tableMap[tableId]; + if (typeof (mation.callback) == "function") { + mation.callback(); + } + }); + $("body").on("click", ".type-btn", function (e) { $(this).parent().find('.type-btn').removeClass("plan-select"); $(this).addClass("plan-select");