var drag=function(obj){  

    obj.bind("mousedown",start);

    function start(event){  
        if(event.button==0 || (event.button==1 && checkletie9())){//判断是否点击鼠标左键  
            gapx=event.clientx;
            startx = obj.scrollleft();  // scroll的初始位置

            //movemove事件必须绑定到$(document)上，鼠标移动是在整个屏幕上的  
            $(document).bind("mousemove",move);  
            //此处的$(document)可以改为obj  
            $(document).bind("mouseup",stop);                           
        }  
        console.log(event.button)
        return false;//阻止默认事件或冒泡  
    }  
    function move(event){  
        var left = event.clientx-gapx; // 鼠标移动的相对距离

        obj.scrollleft(startx - left );

        return false;//阻止默认事件或冒泡  
    }  
    function stop(){  
        //解绑定，这一步很必要，前面有解释  
        $(document).unbind("mousemove",move);  
        $(document).unbind("mouseup",stop);  
    }  
}
function checkletie9() {
    var theua = window.navigator.useragent.tolowercase();
    if ((theua.match(/msie\s\d+/) && theua.match(/msie\s\d+/)[0]) || (theua.match(/trident\s?\d+/) &&
        theua.match(/trident\s?\d+/)[0])) {
        var ieversion = theua.match(/msie\s\d+/)[0].match(/\d+/)[0] || theua.match(/trident\s?\d+/)[0];
        if (ieversion <= 9) {
            return true; 
        } 
    }
    return false;
}
function getqueryvariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}
$(function() {
    drag($(".about .content .tab2 .con5 .scroll"));
    var index = getqueryvariable("index");
    if(index) {
        settimeout(function () {
            $(".about .tab .child").eq(index-1).trigger("click");
        },0)
    }else{
        settimeout(function() {
            $("#header .menus .li .dl .small_menu.menu1 .right-menus .m0 .mitem").removeclass("active");
            $("#header .menus .li .dl .small_menu.menu1 .right-menus .m0 .mitem[data-idx='1']").addclass('active');
        },30)
    }
    
    // tab点击
    $(".about .tab .child").click(function() {
        var index = $(this).index();
        var text = $(this).text();
        $(".about .kv .word").text(text);
        for(var i=1; i<=7; i++){ 
            if(i == (index+1)){  
                $(".about .content .tab" + i).fadein();
            } else {
                $(".about .content .tab" + i).stop();
                $(".about .content .tab" + i).hide();
            }
        }
        // 判断是否是企业荣誉
        if(index == 5) {
            swipergeneraty(aboutlist[0]);
        }
        var index1 = $("#header .menus .li .dl .small_menu.menu1 .right-menus .m0 .mitem").index();
        $("#header .menus .li .dl .small_menu.menu1 .right-menus .m0 .mitem").removeclass("active");
        $("#header .menus .li .dl .small_menu.menu1 .right-menus .m0 .mitem[data-idx='"+(index + 1)+"']").addclass('active');
        $(".about .tab .child").removeclass("active");
        $(this).addclass("active");
    })

    // 优势资源点击
    $(".about .content .tab4 .switch .list").click(function() {
        var index = $(this).index();
        $(".about .content .tab4 .switch .list").removeclass("active");
        $(this).addclass("active");
        $list = $(".about .content .tab4 .container-list .list");
        for(var i=0; i<$list.length; i++){
             if(i == index){ 
                $(".about .content .tab4 .container-list .list").eq(i).fadein(500);
             } else { 
                $(".about .content .tab4 .container-list .list").eq(i).stop();
                $(".about .content .tab4 .container-list .list").eq(i).hide();
             }
        }
    })

    // 企业荣誉
    var aboutlist = [
        //2024
        [
            {
                date: "1-19",
                des: "2024年1月19日，黄海客车荣获第八届齐鲁车坛消费者信赖“年度绿色公交先行者”称号。",
                btn: false
            },
            {
                date: "2",
                des: "2024年2月，丹东黄海汽车有限责任公司荣获由丹东边境经济合作区管理委员会颁发的2023年度突出贡献企业。",
                btn: false
            }

        ],
        //2023
        [
            {
                date: "1",
                des: "2023年1月，曙光股份荣获丹东市振安区人民政府颁发的2022年度“纳税突出贡献民营企业”奖。",
                btn: false
            },
            {
                date: "3-15",
                des: "2023年3月15日，中国质量检验协会授予丹东黄海汽车有限责任公司“全国产品和服务质量诚信示范企业”、“全国质量信誉保障产品”、“全国汽车行业质量领先企业”、“全国汽车行业质量领先品牌”之殊荣。",
                btn: false
            },
            {
                date: "9",
                des: "2023年9月，由中汽中心联合行业权威机构、高校等技术力量共同打造的评选活动中，曙光车桥赋能零跑co1荣膺“2023中国十佳底盘”大奖。",
                btn: false
            },
            {
                date: "12",
                des: "2023年12月，曙光股份诸城工厂荣获北汽福田汽车股份有限公司颁发的优秀供应商奖，曙光股份丹桥工厂荣获安徽江淮汽车集团股份有限公司颁发的价值贡献奖。",
                btn: false
            }

        ],
        //2022
        [
            {
                date: "2-23",
                des: "2022年2月23日，在《中国汽车报》社主办的“影响中国客车业·2021年——2022年度盘点”活动中，黄海出口韩国纯电动客车合作项目荣获客车国际优秀营销奖；黄海dd6109ev系列纯电动客车荣获新能源客车推荐车型。",
                btn: false
            },
            {
                date: "11-16",
                des: "2022年11月16日在《中国汽车报》社主办的“车轮上的中国--载世界 谱华章”活动中，黄海n2皮卡被《中国汽车报》社评审委员会授予“可靠创富标杆”荣誉称号；dd6109ev系列纯电动客车被授予“绿色节能标杆”荣誉称号;辽宁曙光汽车集团股份有限公司被授予“大国典范”荣誉称号。",
                btn: false
            },
            {
                date: "12",
                des: "2022年12月，曙光股份嘉兴工厂荣获零跑汽车颁发的突出贡献奖。",
                btn: false
            },
            {
                date: "12",
                des: "2022年12月，曙光股份丹桥工厂荣获北汽福田汽车股份有限公司颁发的优秀供应商、安徽江淮汽车股份有限公司颁发的质量贡献奖。",
                btn: false
            }
        ],

        //2021
        [
            {
                date: "1-19",
                des: "由中国皮卡网主办的“第二届中国皮卡行业高峰论坛暨中国皮卡年度车型评选颁奖典礼”盛大举行，黄海汽车斩获“市场开拓先锋”大奖。",
                btn: false
            },
            {
                date: "3-23",
                des: "由中国客车网和中国土木工程学会城市公共交通分会联合主办的“第15届影响中国客车业年度盘点活动”在北京隆重举行，黄海dd6109ev系列纯电动城市客车荣获“影响中国客车业2020-2021年度盘点——新能源客车推荐车型”。",
                btn: false
            },
            {
                date:"12-23",
                des:"2021年12月23日，在《中国汽车报》社主办的“车轮上的中国——国之利器  绽放2021”评选活动中，曙光汽车集团股份有限公司被《中国汽车报》社评审委员会授予“强国担当”荣誉称号；dd6109ev系列纯电动客车被授予“城市出行先锋”荣誉称号；黄海大牛商用版被授予“城市基建利器”荣誉称号。",
                btn: false
            },
            {
                date:"12",
                des:"2021年12月，曙光股份诸城工厂荣获吉利商用车颁发的合作伙伴奖。",
                btn: false
            }
            
        ],
        // 2020
        [
            {
                date: "3-18",
                des: "第14届影响中国客车业年度调查评选活动颁奖典礼如期发布，黄海客车荣获2019-2020年度“新能源客车推荐车型”和“城乡客车推荐车型”两大奖项。",
                img: "images/about/ry/1.jpg",
                btn: true
            },
            {
                date: "7",
                des: "在2020（第九届）皮卡中国行泸州站中，黄海n系列皮卡荣获“最佳品牌建设大奖”。",
                btn: false
            },
            {
                date: "9",
                des: "在《中国汽车报》社主办的中国汽车企业社会责任暨中国汽车战“疫”英雄谱活动中，曙光股份获得了企业组优秀战“疫”行动力称号，黄海大型旅游客车被评为优秀战“疫”产品。",
                btn: false
            },
        
        ],
        // 2019
        [
            {
                date: "6-25",
                des: "《中国皮卡汽车蓝皮书》发布会在北京召开，黄海·猛牛(黄海·猛牛(n7))皮卡北美版荣获“最佳跨界表现奖”。",
                btn: false
            },
            {
                date: "9-16",
                des: "2019年辽宁民营企业百强发布会在辽宁人民会堂召开，曙光汽车集团入选“2019辽宁民营企业百强”榜单。",
                btn: false
            },
            {
                date: "12-7",
                des: "在中国汽车报社主办的“献礼新中国成立70周年”颁奖典礼中：曙光汽车集团荣膺“大国脊梁：商用车中流砥柱”奖项；旗下黄海汽车产品被评为“功能之王”、“城市之星”、“绿色之星”之殊荣 。",
                btn: false
            }
        ],
        // 2018
        [
            {
                date: "1-12",
                des: "在第十二届中国客车业年度盘点活动中，黄海dd6120chevn混合动力城市客车荣获“2017年度新能源客车客户满意奖”。",
                btn: false
            },
            {
                date: "1-16",
                des: "在第十二届中国汽车三四级市场营销盛典上，黄海n3在皮卡行业评选中荣获“2017年度旗舰皮卡”殊荣。",
                btn: false
            },
            {
                date: "5-30",
                des: "在“强国之基——中国优秀汽车零部件企业评选”颁奖典礼上，曙光汽车集团荣获“中国制造功勋奖”。",
                btn: false
            },
            {
                date: "12-5",
                des: "辽宁曙光汽车集团股份有限公司获得中国船级社颁发的“两化融合管理体系评定证书”。",
                btn: false
            },
            {
                date: "12-25",
                des: "由《中国汽车报》社主办的纪念改革开放40周年暨“与改革开放同行•中国商用车40年巨变”颁奖典礼上，曙光汽车集团荣获“大国重器”殊荣，旗下丹东黄海汽车有限责任公司bob（北京奥运）车型和n3皮卡分别荣获“经典车型”和“创新车型”大奖",
                img: "images/about/ry/2.jpg",
                btn: true
            }
        ],
        // 2017
        [
            {
                date: "none",
                des: "辽宁曙光汽车集团荣获2017年丹东市金秋助学特殊贡献单位；",
                btn: false
            },
            {
                date: "none",
                des: "“黄海皮卡”荣获2017年（第六届）皮卡中国行暨suv跨界巡展“最畅销品牌”和“最佳品牌建设”双项大奖；",
                btn: false
            },
            {
                date: "none",
                des: "黄海dd6110kev1纯电动客车在2017年第10届美国洛杉矶国际设计金奖（ida）评选活动中，荣获ida国际设计金奖。",
                btn: false
            },
            {
                date: "11-3",
                des: "由《中国汽车报》社举办的“中国客车工业60周年”评选活动中 “黄海汽车”被评定为“优秀客车品牌”； 黄海dd6129c71公路客车、dd6120chev2n气电混合动力公交车、dd6100ev2纯电动城市客车、黄海“瑞途”纯电动轻型商务客车4款车型分别被评选为“十大公路/旅游客车”、“十大城市客车”、“十大新能源公交车型”、“十大新能源轻型客车”。",
                btn: false
            }
        ],
        // 其他荣誉
        [
            {
                date: "",
                des: "荣获丹东市工商行业管理局授予的“重合同守信誉单位”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获丹东市“社会贡献50强企业”、“依法纳税50强企业”50强之首；",
                btn: false
            },
            {
                date: "",
                des: "荣获交通银行丹东支行授予的“特级信用企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获中国人民银行辽宁省分行授予的“信用特级企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获辽宁省财政厅、国税局、地税局联合授予“优秀纳税单位”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获辽宁省委、省政府授予的“省民营明星企业”、“文明单位”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获辽宁省工商局评选的“辽宁省综合实力百强私营企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获辽宁省总工会组织的年度“安康杯”“优胜单位”称号。",
                btn: false
            },
            {
                date: "",
                des: "荣获“东北地区老工业基地振兴杯”劳动竞赛“优胜企业奖”。",
                btn: false
            },
            {
                date: "",
                des: "荣获获辽宁省模范劳动关系“和谐企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获“辽宁省技术创新示范企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获辽宁省政府授予的“先进集体”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获全国总工会授予的全国“五.一”劳动奖状。",
                btn: false
            },
            {
                date: "",
                des: "荣获“中华慈善事业突出贡献奖”；",
                btn: false
            },
            {
                date: "",
                des: "集团出口差壳班被中华全国总工会授予全国五一劳动奖状及工人先锋号称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获国家商务部、国家发展和改革委员会认定的“国家汽车整车出口基地企业”称号；",
                btn: false
            },
            {
                date: "",
                des: "荣获“国家级企业技术中心”称号；",
                btn: false
            },
            {
                date: "",
                des: "“黄海客车”荣获“中国公众最喜欢的十大商用汽车品牌”奖及世界客车博览亚洲展览会评选的“最佳巴士制造商”奖；",
                btn: false
            },
            {
                date: "",
                des: "黄海翱龙cuv荣获“中国suv市场用户满意十佳品牌”；",
                btn: false
            },
            {
                date: "",
                des: "曙光车桥及零部件荣获“全国百佳汽车零部件供应商”称号，荣获世界500强企业授予的“最佳供应商”奖；",
                btn: false
            },
            {
                date: "",
                des: "辽宁曙光汽车集团荣获辽宁省省长质量奖；",
                btn: false
            },
            {
                date: "",
                des: "辽宁曙光汽车集团荣获丹东市市长质量奖；",
                btn: false
            },
            {
                date: "",
                des: "辽宁曙光汽车集团“车桥总成”被授予辽宁名牌产品称号；",
                btn: false
            },
            {
                date: "",
                des: "辽宁曙光汽车集团荣获“辽宁省智能制造及智能服务试点示范”标杆企业；",
                btn: false
            }
        ],
    ]
    $(".about .content .tab6 .switch .list").click(function() {
        var index = $(this).index()-1;
        $(".about .content .tab6 .switch .list").removeclass("active");
        $(this).addclass("active");
        swipergeneraty(aboutlist[index], index);
    })
    var myswiper = '';
    swipergeneraty(aboutlist[0]);

    // 动态化企业荣誉swiper
    function swipergeneraty(list, parentindex) {
        parentindex = parentindex || 0;
        $(".about .content .tab6 .about-swiper .swiper-container .swiper-wrapper").empty();
        var html = "";
        for (var i = 0; i < list.length; i++) {
            var data = list[i].date.split('-');
            html += '<div class="swiper-slide">';
            html += '<div class="container">';
            // date为空时，显示其它荣誉
            if(data[0] != "" && data[0] != "none") {
                html += '<div class="date">';
                for (var j = 0; j < data.length; j++) {
                    if(j == 0) {
                        html += '<div class="num " data-size="58" data-line="58">'+ data[j] +'</div>';
                        html += '<div class="mouth "  data-size="28" data-line="74">月</div>';
                    }else{
                        html += '<div class="num " data-size="58" data-line="58">'+ data[j] +'</div>';
                        html += '<div class="day " data-size="28" data-line="74">日</div>';
                    }
                }
                html += '</div>';
            }else if(data[0] == "none") {
                html += '<div class="ico">';
                html += '<div class="img">';
                html += '<img src="images/about/tab6-ico1.png"/>';
                html += '</div>';
                html += '</div>';
            }
            if(data[0] == "") {
                html += '<div class="ico">';
                html += '<div class="img">';
                html += '<img src="images/about/tab6-ico1.png"/>';
                html += '</div>';
                html += '</div>';
            }
            html += '<div class="des " data-size="16" data-line="24">'+ list[i].des +'</div>';
            if(list[i].btn) {
                html += '<div class="btn " data-size="14" data-parent='+parentindex+' data-index='+i+' data-line="20">点击查看荣誉</div>';
            }
            html += '</div>';
            html += '</div>';
        }
        $(".about .content .tab6 .about-swiper .swiper-container .swiper-wrapper").append(html);
        if(myswiper) {
            myswiper.destroy();
        }
        // 企业荣誉swiper
        myswiper = new swiper('.swiper-container',{
            slidesperview : 3,
        })
        myswiper.reinit();
        myswiper.swipeto(0, 0, false);
        // 详情点击
        $(".about .content .tab6 .about-swiper .container .btn").click(function() {
            var parent = $(this).attr("data-parent");
            var index = $(this).attr("data-index");
            $(".about .content .tab6 .container1").hide();
            $(".about .content .tab6 .container2 .img img").attr("src", aboutlist[parent][index].img);
            $(".about .content .tab6 .container2 .des p").text(aboutlist[parent][index].des);
            $(".about .content .tab6 .container2").fadein();
        })
        // 点击返回
        $(".about .content .tab6 .container2 .btn").click(function() {
            $(".about .content .tab6 .container2").hide();
            $(".about .content .tab6 .container1").fadein();
        })
        // 下一个
        $(".about .content .tab6 .container1 .btn-next").click(function() {
            myswiper.swipenext();
        })
        $(".about .content .tab6 .container1 .btn-pre").click(function() {
            myswiper.swipeprev();
        }) 
    }
})