function set_attr(total = 0, keyword = '') { let url = SITE_URL + 'index.php?s=' + MOD_DIR + '&catid=' + catid + '&c=search&m=attr_set&t=' + Math.random(); $.get(url, function (res) { if (res) { $('#attr_set').html(res); //setTimeout(function(){ $("#attr_set .screen .item").css({ "display": "inline-block" }); // },"500"); $("#_num").html(total); $("#_keyword").html(keyword); $('.sel_item input').iCheck({ checkboxClass: 'icheckbox_minimal-orange', radioClass: 'iradio_minimal-orange', increaseArea: '20%' }); $('.sel_item input[type="checkbox"]').on('ifChecked', function (event) { let data = $(this).parents("ul.sel_item").attr("data"); let obj = "." + data; // 获取所有被选中的复选框 var checkedCheckboxes = $(obj + ' input[type="checkbox"]:checked'); var values = []; checkedCheckboxes.each(function () { values.push($(this).val()); }); let value = values.join(','); localStorage.setItem(data, value); let model = $(this).parents("ul.sel_item").attr("model"); localStorage.setItem('model', model); dr_ajax_load_more('yes'); }); $('.sel_item input[type="checkbox"]').on('ifUnchecked', function () { var currentCheckbox = $(this); let data = $(this).parents("ul.sel_item").attr("data"); let obj = "." + data; // 取消其他复选框的选择 var checkedCheckboxes = $(obj + ' input[type="checkbox"]:checked'); var values = []; checkedCheckboxes.each(function () { values.push($(this).val()); }); let value = values.join(','); let getItem = localStorage.getItem(data); if (value == '') { localStorage.removeItem(data); } else { localStorage.setItem(data, value); } dr_ajax_load_more('yes'); //console.log('catid',catid); }); if (localStorage.getItem("processing_capacity")) { let value = localStorage.getItem("processing_capacity"); const arr = value.split(','); for (var i = 0; i < arr.length; i++) { $('.processing_capacity input[value=' + arr[i] + ']').iCheck('check'); } } if (localStorage.getItem("ultrasonic_power2")) { let value = localStorage.getItem("ultrasonic_power2"); const arr = value.split(','); for (var i = 0; i < arr.length; i++) { $('.ultrasonic_power2 input[value=' + arr[i] + ']').iCheck('check'); } } localStorage.setItem('catid', catid); } }, 'text'); } var Mpage = 1; //定义初始分页 var scroll_get = true; //做个标志,不要反反复复的加载 $(document).ready(function () { let cat_id = localStorage.getItem("catid"); //if (catid != cat_id) clear_data();//清除筛选条件 clear_data(catid);//清除筛选条件 /* $(window).scroll(function () { if (scroll_get == true && (400 + $(window).scrollTop()) > ($(document).height() - $(window).height())) { scroll_get = false; //if(html!='no')layer.msg('内容加截中,请稍候', { time: 1000 }); if(html!='no')dr_ajax_load_more(); } });*/ }); function get_parameter() { let keyword = localStorage.getItem('keyword'); //console.log('keyword', keyword); let url = SITE_URL + 'index.php?s=' + MOD_DIR + '&catid=' + catid + '&keyword=' + keyword + '&c=search&m=sel_parameter&t=' + Math.random(); $.post(url, function (html) { $("#clear_data_html").html(html); const modelCards = $('.sel_item'); let model = localStorage.getItem('model'); modelCards.each(function () { const cardModel = $(this).attr('model'); if (model === '' || cardModel === model) { $(this).parents(".item").css({ "display": "inline-block" }); } }); }, 'html'); //sel_parameter } //第一步搜索 function dr_module_attr_search() { dr_ajax_load_more('yes'); setTimeout(function () { window.location.href = SITE_URL + 'index.php?s=' + MOD_DIR + '&c=search&catid=' + catid + '&m=show_search&temp=' + Math.random(); }, 1000); } //第二步搜索最终搜索 function dr_module_search_next() { dr_ajax_load_more(''); } //设置关键词 function set_keyword(value) { var values = []; let keyword = localStorage.getItem('keyword') || ''; const hasComma = keyword.indexOf(',') == -1; if (value == '') return; let field_array = Array(); let localvalue = ''; //console.log('keyword=', keyword, 'value=', value); if (keyword == '' && hasComma) { //field_array.push(value);/ localvalue = value; } else if (hasComma && value != '' && keyword != '') {//没有逗号 if (keyword != value) { field_array.push(keyword); field_array.push(value); localvalue = field_array.join(','); } else { //field_array.push(keyword); localvalue = keyword; } } else { field_array = keyword.split(','); if (!field_array.includes(value)) { field_array.push(value); } else { field_array = field_array; } localvalue = field_array.join(','); } localStorage.setItem('keyword', localvalue); } function dr_module_search_last(page = 0) { let keyword = $("#search-input").val(); $(".pages").html(''); set_keyword(keyword); localStorage.setItem('page', page); Mpage = 1; setTimeout(function () { //get_parameter(); if (html) { dr_ajax_load_more('yes'); } else { dr_ajax_load_more(''); } setTimeout(function () { get_parameter(); }, 1000); }, 1000); } jQuery(document).ready(function ($) { if ($('.seled_item').length > 0) { $('.seled_item input').iCheck({ checkboxClass: 'icheckbox_minimal-orange', radioClass: 'iradio_minimal-orange', increaseArea: '20%' }); $('.seled_item input[type="checkbox"]').on('ifChecked', function (event) { let data = $(this).parents("ul.sel_item").attr("data"); let obj = "." + data; // console.log(obj); // 获取所有被选中的复选框 var checkedCheckboxes = $(obj + ' input[type="checkbox"]:checked'); var values = []; checkedCheckboxes.each(function () { values.push($(this).val()); }); let value = values.join(','); localStorage.setItem(data, value); let model = $(this).parents("ul.sel_item").attr("model"); localStorage.setItem('model', model); dr_ajax_load_more('yes'); setTimeout(function () { get_parameter(); }, 1000) }); $('.seled_item input[type="checkbox"]').on('ifUnchecked', function () { var currentCheckbox = $(this); let data = $(this).parents("ul.sel_item").attr("data"); let obj = "." + data; // 取消其他复选框的选择 var checkedCheckboxes = $(obj + ' input[type="checkbox"]:checked'); var values = []; checkedCheckboxes.each(function () { values.push($(this).val()); }); let value = values.join(','); let getItem = localStorage.getItem(data); if (value == '') { localStorage.removeItem(data); } else { localStorage.setItem(data, value); } dr_ajax_load_more('yes'); setTimeout(function () { get_parameter(); }, 1000) }); } }); // data:localStorage 变量名 del_value:要删除的值 function set_attr_value(data, del_value = '') {//多选 let storedValues = localStorage.getItem(data); if (storedValues) { let valuesArray = storedValues.split(','); // 从数组中移除指定的值 let newValuesArray = valuesArray.filter(function (value) { return value !== del_value; }); let newValue = newValuesArray.join(','); if (newValue === '') { localStorage.removeItem(data); } else { localStorage.setItem(data, newValue); } if (data == 'keyword') { $('#search-input').val(''); } // 取消对应的复选框选中状态 let checkboxSelector = '.' + data + ' input[type="checkbox"][value="' + del_value + '"]'; $(checkboxSelector).iCheck('uncheck'); dr_ajax_load_more('yes'); setTimeout(function () { get_parameter(); }, 1000); } } function clear_keyword() { localStorage.removeItem('keyword'); dr_ajax_load_more('yes'); $(".search-input").val(''); setTimeout(function () { get_parameter(); }, 1000); } //show_parameter yes 显示参数 不搜索 空为搜索 function dr_ajax_load_more(show_parameter = '') { //var field_list = "product_category,terminal_type,type_of_structure,materials,cladding,wire_range_awg,wire_range_mm,size,material_thickness,work_voltage,work_temperature,certified_product"; //var select_field_list = "wire_range_mm,size,material_thickness"; //var select_en_field_list = "wire_range_mm,size,material_thickness"; var field_array = field_list.split(','); field_array.forEach(function (field) { window[field] = ''; }); if (localStorage.getItem('keyword')) { keyword = localStorage.getItem('keyword'); } else { keyword = ''; } let field_values = []; var sel_field_array = select_field_list.split(','); // console.log(sel_field_array); var i = 0; sel_field_array.forEach(function (field) { //console.log(field); //console.log(field, localStorage.getItem(field)); value = localStorage.getItem(field) || ''; field_values[i] = field + '=' + value; i++; }); //在这里处理不包含在 select_field_list 中的参数 field_array.forEach(function (field) { // 如果字段不在 select_field_list 中 if (sel_field_array.indexOf(field) === -1) { //console.log('这个字段不在 select_field_list 中:', field); localStorage.removeItem(field);//删除多余参数 } }); let params_url = field_values.join('&');//连接参数 // Mpage++; var model = localStorage.getItem('model'); var url = SITE_URL + 'index.php?s=' + MOD_DIR + '&c=search&catid=' + catid + '&' + params_url; url = url + '&ajax_page=module_data.html&keyword=' + keyword + '&page=' + Mpage + '&show_parameter=' + show_parameter + '&t=' + Math.random(); //$('.pages').html('') $.get(url, function (res) { $('.footer-cont').hide(); if (res) { if (!show_parameter) { //if (last_search == 'yes') {//list_select 页 在结果中查找 //console.log(localStorage.getItem('page'), 'page=', Mpage); if (localStorage.getItem('page') == 1 && Mpage == 1) { $('#content_list').html(res); Mpage = 2; // setTimeout(function () { // get_parameter(); // }, 1000) } else if (localStorage.getItem('page') == 2 && Mpage != 1) { $('#content_list').append(res); } //} if (!localStorage.getItem('page')) { if (Mpage == 1) { $('#content_list').html(res); } else if (Mpage != 1) { $('#content_list').append(res); } //console.log(localStorage.getItem('page'), 'mpage', Mpage, url); } let total = $(".pro_list:eq(0)").attr("total"); if (total) { $("#_num").html(total); } else { $("#_num").html('0'); } // console.log(localStorage.getItem('page'), 'mpage', Mpage); } else { let num = res; $(".total .num").html(num + ' 搜索结果'); $("#_num").html(num); if (parseInt(num) == 0) { $(".total .search-button").attr("disabled", "disabled"); } else { $(".total .search-button").removeAttr("disabled"); } } //set_attr(num,keyword); scroll_get = true; } else { //if(html!='no')layer.msg("已经显示完了", { time: 500 }); } }, 'text'); //if (!localStorage.getItem('page')) Mpage++; } /*条件筛选 单选 key: localStorage健 value: 要保存的值 sel_title: 选中的标题 */ function screen_load_more(key, value, sel_title) { set_attr_value_one(key, value, sel_title); } function set_attr_value_one(data, value, sel_title = '') {//单选 //$('#content_list').html(''); $("#content_list").html(''); $(".pages").html(''); localStorage.setItem('page', 1); //console.log(data, value); if (value) { if (value === '' || value == '0') { localStorage.removeItem(data); } else { localStorage.setItem(data, value); } if (data == 'keyword') { $('#search-input').val(''); } let keyword = $(".total").attr("keyword"); if (data == 'aperture') { let url = SITE_URL + 'index.php?s=products&c=search&m=get_aperture_height&t=' + Math.random(); $.post(url, { catid: catid, aperture: value }, function (res) { $(".aperture_height_inner").html(res); //console.log(res); } , "html"); if (value != 0) { value = 'φ' + value; } else { value = '不限'; } } if (data == 'aperture_height') { if (value == 0) value = '不限' } $("#sel_" + data).find(".head").html(sel_title + ':' + value); Mpage = 1; // setTimeout(function () { dr_ajax_load_more(''); // }, 500); } } /*清除筛选条件*/ function clear_data(catid) { var field_array = field_list.split(','); field_array.forEach(function (field) { localStorage.removeItem(field); }); let url = SITE_URL + 'index.php?s=products&c=search&m=clear&catid='+catid+'&temp='; url = url + Math.random(); $.get(url, function (res) { //$("#clear_data_html").html(''); }, 'html'); } jQuery(function ($) { if ($('.search-container').length > 0) { document.addEventListener('DOMContentLoaded', function () { var searchInput = document.getElementById('search-input'); var searchContainer = document.querySelector('.search-container'); searchInput.addEventListener('focus', function () { searchContainer.style.width = '800px'; // 向右扩展 }); searchInput.addEventListener('blur', function () { searchContainer.style.width = '400px'; // 恢复原宽度 }); }); } }) /*无选选条件获取产品数量*/ function get_not_select_conut() { var url = SITE_URL + 'index.php?s=' + MOD_DIR + '&c=search&catid=' + catid + '&show_parameter=yes'; url = url + '&ajax_page=module_data.html' + '&page=' + Mpage + '&t=' + Math.random(); $.get(url, function (res) { let num = res; $("#_num").html(num); }, 'text'); } $(document).ready(function () { var is_load = false; let field_values = []; var sel_field_array = select_field_list.split(','); // console.log(sel_field_array); var i = 0; sel_field_array.forEach(function (field) { value = localStorage.getItem(field); if (value) is_load = true; }); if (is_load) { $('#content_list').html(''); $(".pages").html(''); setTimeout(function () { localStorage.setItem('page', 1); Mpage = 1; dr_ajax_load_more(''); }, 500); } })