const queryData=["不限","深沟球轴承","关节轴承", "回转支承","滚针轴承","绝缘轴承","薄壁轴承","密封","直线导轨","圆锥滚子轴承" ,]
let SelectIndex = 0
let SelectIndexBackups = null

for(let i=0;i<queryData.length;i++){
    let addHtml = ""
    addHtml += "<div class='characteristic_list' onclick='Select("+(i)+")'>"+queryData[i]+"</div>"
    $(".characteristicBox").append(addHtml)
}

function init(res){
    
    for(let i=0;i<res.length;i++){
		if(res[i].companyName == "河北欧本科技有限公司" || res[i].companyName == "山东欧亿轴承制造有限公司" || res[i].companyName == "山东腾科轴承科技有限公司"){
			continue;
		}
        let addHtml = ""
        let start = "<div class='listbox' >"
        let end = "</div>"
        addHtml += start 
        addHtml += "<div class='companyContent_left_img' onclick=changeJump('" + res[i].ID  + "')><img src="+"./img/logo/"+(res[i].ID*1+1)+".jpg"+" alt='国产轴承'></div>"
        addHtml += "<div class='companyContent_right_Box'>"
        addHtml += "<h3  onclick=changeJump('" + res[i].ID  + "')>"+res[i].companyName+"</h3>"
        addHtml += "<div class='brief'><span>"+res[i].brief+"</span> </div>"
        addHtml += "<div class='quanbu' onclick=changeJump('" + res[i].ID  + "') ><span style='color:#3c3c3c;'>全部</span><span>></span></div>"
        addHtml += " <div class='zhuying'><span class='zhuying_i'>主营:</span><span>"+res[i].main+"</span></div>"
        addHtml += "</div>"
        addHtml += end
        $(".companyContent").append(addHtml)
    }

    
    
    
}
Select(0)

function Select(i){
    console.log(i)
    if(SelectIndexBackups!=null){
        $(".characteristic_list:eq("+ SelectIndexBackups +")").removeClass("characteristic_x")
    }
    SelectIndex = i
    $(".characteristic_list:eq("+ SelectIndex +")").addClass("characteristic_x")
    SelectIndexBackups = SelectIndex
    let SelectData = []
    if(SelectIndex == 0){
        SelectData = data
    }else{
        for(let j=0;j<data.length;j++){
            console.log(queryData[SelectIndex])
            if(data[j].main.search(queryData[SelectIndex]) != -1){
                console.log(data[j].main)
                SelectData.push(data[j])
            }
        }
        $(".companyContent").empty()
        
    }
    init(SelectData)
}
function searchText(){
    let SelectData = []
    for(let j=0;j<data.length;j++){
        if(data[j].main.search($("#searchInput").val()) != -1){
            console.log(data[j].main)
            SelectData.push(data[j])
        }
    }
    $(".companyContent").empty()
    init(SelectData)
}
function Reset(){
    $("#searchInput").val("")
    Select(0)
}
function changeVal(val){
    $("#searchInput").val(val)

}

function changeJump(e){
    window.open("./BrandPromotion.html?t="+e) 
}
function NegotiateIndex(hydm){
    console.log(hydm)
    window.open("http://www.mrobay.com/shangcheng/"+hydm+"/nindex.html");
}
function NegotiateKe(){
    window.open("http://www.mrobay.com/webresource/banner/ch/BrandPromotion_go.html");
}
// $("#searchInput").focus(function(){
//     $(".characteristicBox_center").show()
// })
// $("#searchInput").blur(function(){
//     $(".characteristicBox_center").hide()
// })