/* * 三峡游船搜索(移动端) * 2021-04-28 */ var YachtSearch = new function () { var obj = this; obj.$searchClueDiv = $("#yachtsearch .tips"); //提示框 obj.$keyWordInput = $("#yachtsearch .kw"); //搜索框 obj.$searchBtn = $("#yachtsearch .btn"); //搜索按钮 obj.timeerID; obj.datajson = []; obj.isClickDiv = false; /*提示*/ obj.KeyUp = function (e) { var key = window.event ? e.keyCode : e.which; if ((key >= 38 && key <= 40) || (key == 13)) { return; } var kw = obj.$keyWordInput.val().replace(/\s/ig, ""); var reg = /^[\u4e00-\u9fa5a-zA-Z0-9]+$/; var reg2 = /^[\-\d]+$/; if (reg.test(kw) || reg2.test(kw)) { if (obj.timeerID) { window.clearTimeout(obj.timeerID); } obj.timeerID = window.setTimeout(function () { var url = "/sanxia.html?a=likeyacht&kw=" + kw + "&" + Math.random(); $.getJSON(url, function (data) { obj.Show_CallBack(data); }); }, 500); } else { obj.Hide(); } }; obj.SearchBtn = function () { obj.$keyWordInput.keyup(); }; /*搜索*/ obj.Submit = function () { var kw = obj.$keyWordInput.val(); if (kw == "") { alert("请输入游轮名称"); obj.$keyWordInput.focus(); return false; } location.href = "/sanxia.html?kw=" + escape(kw); }; /*搜索提示显示*/ obj.Show_CallBack = function (json) { if (json.length > 0) { obj.datajson = json; var temStr = ""; for (var i = 0; i < obj.datajson.length; i++) { temStr += ("" + obj.datajson[i].yachtname + ""); } obj.$searchClueDiv.html(temStr); obj.$searchClueDiv.show(); } else { //obj.$searchClueDiv.html("无搜索结果"); obj.$searchClueDiv.hide(); } }; obj.Hide = function () { obj.$searchClueDiv.html(""); obj.$searchClueDiv.hide(); }; //注册事件 obj.$keyWordInput.keyup(obj.KeyUp); obj.$searchBtn.click(function () { obj.Submit(); }); obj.$searchClueDiv.click(function () { obj.isClickDiv = true; }); $("body").click(function () { if (!obj.isClickDiv) { obj.Hide(); } else { obj.isClickDiv = false; } }); }; var selectport = ""; /*打开港口*/ function OpenPort(btn, id) { selectport = id; $("#Port").hide(); $("#Port .portitem .iconfont").hide(); $("#Port .portitem").removeClass("on"); var tit = $(btn).attr("placeholder"); $("#Port .gkm").html(tit); if (selectport == "startPort") { $("#Port .ypid" + $("#dataform input[name='startYPID']").val()).addClass("on"); $("#Port .jta").show(); $("#Port .jtb").hide(); } else { $("#Port .ypid" + $("#dataform input[name='endYPID']").val()).addClass("on"); $("#Port .jta").hide(); $("#Port .jtb").show(); } $("#Port .on .iconfont").show(); $("#Port").show(); }; /*选中港口*/ function SelectPort(btn, ypid, ypname) { if (selectport == "startPort") { $("#dataform input[name='startYPID']").val(ypid); } else { $("#dataform input[name='endYPID']").val(ypid); } $("#" + selectport).html(ypname); $("#Port").hide(); }; /*查询选中日期*/ function ShowDate(selectedDate) { if (selectedDate) { var date = new Date(selectedDate.replace(/-/g, "/")); var str = date.getFullYear() + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日'; $("#yDate").html('' + str); $("#dataform input[name='YDate']").val(selectedDate); $("#yDate").attr("date", selectedDate); } } /*查询*/ function Query() { var startYPID = $("#dataform input[name='startYPID']").val(); var endYPID = $("#dataform input[name='endYPID']").val(); var ydate = $("#dataform input[name='YDate']").val(); var url = "/sanxia/r" + startYPID + "-" + endYPID + ".html?ydate=" + ydate location.href = url; }; /*切换港口*/ function SwitchPort() { var s_ypid = $("#dataform input[name='startYPID']").val(); var s_name = $("#startPort").html(); $("#dataform input[name='startYPID']").val($("#dataform input[name='endYPID']").val()); $("#dataform input[name='endYPID']").val(s_ypid); $("#startPort").html($("#endPort").html()); $("#endPort").html(s_name); }; /*初始化*/ $(function () { $("#Port").hover(function () { }, function () { $("#Port").hide(); }); });