//js点击添加html
// var is_pc = $(".is_pc").html();

var oldContent= $("#head").attr("content");
var content="width=device-width, initial-scale=1,maximum-scale=10,minimum-scale=0.1,user-scalable=no";

var is_not_set=$(".is_not_set").html();

//js添加html
var table = document.getElementById("table");
if (table!==null&&table!==undefined) {
    var rows = table.rows.length;
    if(rows>0){
        var num = table.rows[0].cells.length;
        if(num>3){
            var html = '<div class="title-menu none"> ' + '<div class="title-content">'+ ' </div>' +
                '<div class="save-box" id="save-box"><button class="cancel btn">重置</button> <button class="save btn">保存</button></div>'
                +' </div>';
            $("body").append(html);
            for (i=0;i<num;i++) {
                var value = table.rows[0].cells[i].innerHTML;
                var valueclass = table.rows[0].cells[i].getAttribute("class");
                // alert(valueclass);
                var len=strlen(value);

                var btn_font="btn-font";
                if (len>10)
                {
                    btn_font="btn-font-10";
                }else if (len >=6)
                {
                    btn_font="btn-font-"+len;
                }
                // alert(btn_font);
                $(".title-content").append('<button  id="'+valueclass+'"  class="btn checked '+valueclass+' '+btn_font+' ">'+value+'</button>');
            }
            var yu=4 - num%4;
            if (yu>0) {
                for (x=0;x<yu;x++)$(".title-content").append('<button class="btn visibility-hidden"></button>');
            }
        }
    }
}else {
    is_not_set="1";
}

//选择选项
$(".title-content .btn").click(function () {

    if($(this).hasClass("checked")){
        $(this).removeClass("checked");
    }else {
        $(this).addClass("checked");
    }
});

//点击重置
$(".cancel").click(function () {
    $(".title-content .btn").each(function (i, o) {
        if(!$(o).hasClass("checked")){
            $(o).addClass("checked");
        }
    });
    var columnValueStr= ColumnSave();
    $(".condition-box").removeClass("none");
    $(".title-menu").addClass("none");
});


function JumpColumn() {
    if (is_not_set==="1")
    {
        alert("当前界面无法设置");
    }
    SetColumn();
    $("#head").attr("content",content);
    $(".condition-box").addClass("none");
    $(".title-menu").removeClass("none");
}

function SetColumn(columns) {
    if (columns!==null&&columns!==undefined)
    {
        ColumnSave(columns.split(","));
    }
    return columns;
}

function ColumnSave(columns){

    var colspans = [];
    var columnValues=[];
    $(".title-content .btn").each(function (i, o) {

        var columnValue=$(o).html();
        if (columns!==null&&columns!==undefined)
        {

            if (columns.indexOf(columnValue)!==-1)
            {
                $(o).removeClass("checked");
            }
        }
        var valueclass = $(o).attr("class");
        var useclass = valueclass.split(" ");
        var is_checked=$(o).hasClass("checked");
        for(i=0;i<useclass.length;i++)
        {
            if (useclass[i].indexOf("reportFormTableColumn_")==0)
            {
                if (is_checked)
                {
                    $(".condition-box  ." + useclass[i] + " ").removeClass("none");

                }else
                {
                    $( ".condition-box  ."+ useclass[i]  + " ").addClass("none");

                    columnValues.push(columnValue);
                }

            }else if (useclass[i].indexOf("reportFormTableColumnMany_") == 0) {
                var useManyclass = useclass[i].split("@");
                if (useManyclass.length > 1) {
                    if (!colspans.hasOwnProperty(useManyclass[0])) {
                        colspans[useManyclass[0]] = 0;
                    }

                    if (is_checked)
                    {
                        var colspan=parseInt(useManyclass[1]);
                        colspans[useManyclass[0]] =colspans[useManyclass[0]]+colspan;
                    }
                }
            }
        }

    });

    for( var key in colspans){
        // alert(key+"=>"+colspans[key]);
        if (colspans[key]==0)
        {
            $( ".condition-box  ."+key+" ").addClass("none");
        }else {
            $( ".condition-box  ."+key+" ").attr("colspan",colspans[key]);
            $( ".condition-box  ."+key+" ").removeClass("none");
        }

    }
    $("#head").attr("content",oldContent);
    return  "ColumnSave@"+columnValues.join(',');


}

//点击保存显示
$(".save").click(function () {
    //判断button里面哪个含有checked;
    var columnValueStr=ColumnSave();
    $(".condition-box").removeClass("none");
    $(".title-menu").addClass("none");
    alert(columnValueStr);
});

//长按事件
$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0; i < $this.length; i++) {
        (function(target) {
            var timeout;
            target.addEventListener('touchstart', function(event) {
                timeout = setTimeout(function() {
                    //fn.apply(target);
                    fn(event);
                }, 500);
            }, false);
            target.addEventListener('touchend', function(event) {
                clearTimeout(timeout);
            }, false);
        })($this[i]);
    }
};

//长按
$("#condition,#title").longPress(function(e){
    JumpColumn();
});


//双击头部显示
$("#condition,#title").dblclick(function () {
    JumpColumn();
});

//获取中文 长度
function strlen(str){
    var len = 0;
    for (var i=0; i<str.length; i++) {
        var c = str.charCodeAt(i);
        //单字节加1
        if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
            len+=0.5;
        }else {
            len++;
        }
    }
    if (len>parseInt(len))
    {
        len++;
    }
    return len;
}