$(document).ready(function(){

    $(".s-all").click(function(){
        $(".yl-load-list li").show();
        $(this).addClass("active").siblings().removeClass("active");
    })
    $(".s-a").click(function(){
        $(".yl-load-list li.cj").hide();
        $(".yl-load-list li.dz").show();
        $(this).addClass("active").siblings().removeClass("active");
    })
    $(".s-b").click(function(){
        $(".yl-load-list li.dz").hide();
        $(".yl-load-list li.cj").show();
        $(this).addClass("active").siblings().removeClass("active");
    })



    var _html = '<div class="agr-popup">' +
                    '<div class="agr-popup-con">' +
                        '<a id="gb" href="javascript:;"></a>'+
                        '<div class="agr-t">请阅读下载设计文件协议</div>'+
                        '<div class="agr-p">此设计文件受版权及相关法律保护。除特定用途外，不能在未经银联国际允许的情况下复制、 分发、 传送 、修改及展示此设计。有任何问题，请发送邮件给您的对接联系人。如需下载设计文件，请同意上述内容。</div>'+
                        '<div class="agr-btn">'+
                            '<a id="yes" href="javascript:;">同意</a>'+
                            '<a id="no" href="javascript:;">取消</a>'+
                        '</div>'+
                    '</div>'+
                '</div>';

    $(".yl-load-list li").click(function(){
        var _this = $(this);
        var _href = $(this).find("a").attr("data-href");

        if(!_this.hasClass("on")){
            _this.addClass("on");
            $(document).find(".zipA").append("<a href="+_href+"></a>");
        }else{
            _this.removeClass("on");
            $(".zipA a").each(function(){
                var _href2 = $(this).attr("href");
                if(_href == _href2){
                    $(".zipA").find("[href='"+_href2+"']").remove();
                }
            })
        }



        $(".yl-load-list ul").each(function(){
            var _len = $(this).find("li.on").length;
            if(_len > 0){
                $(".bs-list-num").show();
                $(".bs-list-num span").html("您当前已选择"+_len+"个标识");
            }else{
                $(".bs-list-num").hide();
            }
        })
    })




    $(document).on('click','#load',function(){
        $("body").append(_html);
    })

    $(document).on('click','#no',function(){
        $(".agr-popup").remove();
    })
    $(document).on('click','#gb',function(){
        $(".agr-popup").remove();
    })

    $(document).on('click','#yes',function(){
        $(".agr-popup").remove();
      var zip = new JSZip();
      var cache = {};
      var promises = [];
      // TODO:: 打开loading 状态
        $("#loading").show();
        $(".zipA a").each(function(){
            var _href = $(this).attr("href");
            // var aDom = document.createElement('a');
            // var evt = document.createEvent('HTMLEvents');
            // evt.initEvent('click', false, false);
            // aDom.download = '';
            // aDom.href = _href;
            // aDom.dispatchEvent(evt);
            // aDom.click();
            // aDom.remove();
            //
            // var zip = new JSZip();
            // zip.file(_href);
            // var img = zip.folder("zip");
            // img.file(_href);
            // zip.generateAsync({type:"blob"})
            // .then(function(content) {
            //     // see FileSaver.js
            //     saveAs(content, _href+".zip");
            // });
            var promise = getFile(_href).then(function(data) {
              var arr_name = _href.split('/') // 下载文件, 并存成ArrayBuffer对象
              var file_name = arr_name[arr_name.length - 1] // 获取文件名
              zip.file(file_name, data, { binary: true }) // 逐个添加文件
              cache[file_name] = data
            })
            promises.push(promise)
        });

        Promise.all(promises).then(function () {
         zip.generateAsync({ type: 'blob' }).then(function (content) {
           // 生成二进制流
           saveAs(content, '文件下载.zip') // 利用file-saver保存文件  自定义文件名
           // TODO:: 关闭 loading 状态
           $("#loading").hide();
         })
       })

    })
    $("#loading").click(function(){
      $(this).hide();
    })

    function getFile(url) {
  return new Promise(function (resolve, reject) {
    axios({
      method: 'get',
      url: url,
      responseType: 'blob'
    })
      .then(function (data) {
        resolve(data.data)
      })
      .catch(function (error) {
        reject(error.toString())
      })


  })
}


})