//  type是html类型(定义select类型一定要定义option内容,其中date类型是日期插件), data是标签里内容, id是主键id
/*
    // 高级筛选表格里面的参数定义示列(advancedFilterType=2案例)
    var param = [
        [{type:"td",data:"栏目编号"},{type:"td",data:"等于"},{type:"input",id:"lmbh"},{type:"td"}],
        [{type:"td",data:"公告标题"},{type:"td",data:"等于"},{type:"input",id:"bt"},{type:"td"}],
        [{type:"td",data:"有效期"},{type:"td",data:"介于"},{type:"date",id:"busStartDate"},{type:"date",id:"busEndtDate"}],
    ]
    // 根据advancedFilterType=7案例
    var param = [
        [{type:"td",data:"登账日期"},{type:"td",data:"介于"},{type:"date",id:"busStartDate"},{type:"date",id:"busEndtDate"}],
        [{type:"td",data:"供应商"},{type:"td",data:"等于"},{type:"colspan",id:"gysmc",event:{onchange:"gysmcAdded",onclick:"gysmcSearch"}}],
    ]
*/
function getAdvancedFilterHtml(params) {
    var advancedFilter = '<form class="layui-form" lay-filter="advanced"><table class="table table-bordered text-center" style="margin: 10px;width: 95%">' +
        '<thead>' +
        '        <tr>' +
        '          <th style="text-align: center;border-bottom-width:0px;">条件名称</th>' +
        '          <th style="text-align: center;border-bottom-width:0px;">值1</th>' +
        '          <th style="text-align: center;border-bottom-width:0px;">值2</th>' +
        '        </tr>' +
        '      </thead>' +
        '<tbody>';
    for (var i = 0; i < params.length; i++) {
        var param = params[i];
        advancedFilter += '<tr>';
        for (var j = 0; j < param.length; j++) {
            var tdParam = param[j];
            //  td标签
            if (tdParam.type === "td") {
                if (tdParam.data && tdParam.data !== '等于' && tdParam.data !== '介于') {
                    advancedFilter += '<td>' + tdParam.data + '</td>';
                }
            }
            //  td内嵌套普通的input框
            else if (tdParam.type === "input") {
                advancedFilter += '<td colspan="2"  style="width: 100px;padding: 0px">';
                if (tdParam.id) {
                    advancedFilter += '<input id="' + tdParam.id + '" type="text" style="padding: 0px;height: 39px;width:100%;border: unset;text-align: center" ';
                } else {
                    advancedFilter += '<input type="text" style="padding: 0px;height: 39px;width:100%;border: unset;text-align: center" ';
                }
                addEvent(tdParam);
                advancedFilter += 'autocomplete="off"></td>';
            }
            // 使用layer日期控件
            else if (tdParam.type === "date") {
                advancedFilter += '<td style="width: 100px;padding: 0px">';
                if (tdParam.id) {
                    advancedFilter += '<input id="' + tdParam.id + '" type="text" placeholder="请选择日期" style="padding: 0px;height: 39px;width: 130px;border: unset;text-align: center" ';
                } else {
                    advancedFilter += '<input type="text" placeholder="请选择日期" style="padding: 0px;height: 39px;width: 130px;border: unset;text-align: center" ';
                }
                addEvent(tdParam, advancedFilter);
                advancedFilter += 'autocomplete="off"></td>';
            } else if (tdParam.type === "date1") {
                advancedFilter += '<td colspan="2"  style="width: 100px;padding: 0px">';
                if (tdParam.id) {
                    advancedFilter += '<input id="' + tdParam.id + '" type="text" placeholder="请选择日期" style="padding: 0px;height: 39px;width: 130px;border: unset;text-align: center" ';
                } else {
                    advancedFilter += '<input type="text" placeholder="请选择日期" style="padding: 0px;height: 39px;width: 130px;border: unset;text-align: center" ';
                }
                addEvent(tdParam, advancedFilter);
                advancedFilter += 'autocomplete="off"></td>';
            }
            //  td里面添加select下拉框
            else if (tdParam.type === "select") {
                advancedFilter += '<td colspan="2"  style="padding: 0px;margin:0px;vertical-align: middle;width: 100px;">';
                if (tdParam.id) {
                    advancedFilter += '<select id="' + tdParam.id + '" lay-filter="' + tdParam.id + '" >';
                } else {
                    advancedFilter += '<select lay-filter="aihao" >';
                }
                addEvent(tdParam, advancedFilter);
                advancedFilter += '><option></option>';
                for (var key in tdParam.option) {
                    advancedFilter += '<option value="' + key + '">' + tdParam.option[key] + '</option>'
                }
                advancedFilter += '</select></td>';
            }
            // 合拼列,两列合成一列
            else if (tdParam.type === "colspan") {
                advancedFilter += '<td colspan="2"  class="advanced-td-binddt">';
                if (tdParam.id) {
                    advancedFilter += '<input id="' + tdParam.id + '" type="text" placeholder="请点击选择供应商" ';
                } else {
                    advancedFilter += '<input type="text" placeholder="请点击选择供应商" ';
                }
                advancedFilter += 'style="padding: 0px;width:100%;height: 39px;border: unset;text-align: center;outline:0" ';
                // 添加事件判断
                advancedFilter = addEvent(tdParam, advancedFilter);
                advancedFilter += 'autocomplete="off"></td>';
            }
        }
        advancedFilter += '</tr>';
    }
    advancedFilter += '</tbody></table></form>';
    return advancedFilter;
}

function addEvent(tdParam, advancedFilter) {
    if (tdParam.event) {
        for (var keyE in tdParam.event) {
            advancedFilter += keyE + '="' + tdParam.event[keyE] + '()"';
        }
    }
    return advancedFilter;
}


/**************筛选新的方式************/
// 仅支持单/复选框  单/多条件
// eg: 单选框: {label: '对码',name: 'dm',type: 'radio',options: [{value: 'ydm',title: '已对码'},{value: 'wdm',title: '未对码'}]}
// eg: 复选框: {label: '对码',name: 'dm',type: 'checkbox',options: [{value: 'ydm',title: '已对码'},{value: 'wdm',title: '未对码'}]}
// eg: 单条件(仅有一个条件) [{label: '含0库存',type: 'single',value: 'kc'}]
// area: 弹框宽高 默认:[500px, 200px]
function getBoxAdvancedFilterHtml(params, width, column) {
    var contentHtml = '<form class="layui-form layui-form-box" id="boxFormFilter" lay-filter="boxFormFilter"  action="">',
        singleHtml = '';
    width = width ? width : 400;
    column = column ? column : 4;
    // 主体
    params.forEach(function (param) {
        if (['radio', 'checkbox'].include(param.type)) {
            if ((param.options && param.options.length < 11 && param.showType !== 'select') || param.type === 'checkbox') {
                contentHtml += '<div class="box-popup-row" style="display: flex;flex-wrap: wrap;margin-bottom: 5px;width:' + width + 'px"><div style="width: 100px;text-align: right;padding-right: 10px;font-size: 15px;">' + param.label + '</div>';
                param.options.forEach(function (option, index) {
                    if (param.type === 'checkbox') {
                        contentHtml += '<div style="min-width: 100px;padding: 2px 0 0 1px;box-sizing: border-box; ' + (index && (index % column) === 0 ? 'margin-left:100px;' : '') + '"><input lay-skin="primary" type="' + param.type + '" name="checkbox-' + (param.name + '-' + option.value) + '" value="' + option.value + '" title="' + option.title + '"></div>';
                    } else if (param.type === 'radio') {
                        contentHtml += '<div style="min-width: 100px; ' + (index && (index % column) === 0 ? 'margin-left:100px;' : '') + '"><input lay-skin="primary" type="' + param.type + '" name="' + param.name + '" value="' + option.value + '" title="' + option.title + '"></div>';
                    }
                });
            }else {
                if (param.options) {
                    contentHtml += '<div class="box-popup-row" style="display: flex;margin-bottom: 5px;">' +
                        '<div style="width: 100px;text-align: right;padding-right: 10px;font-size: 15px;line-height: 38px;">' + param.label + '</div>' +
                        '<div class="drop-down-search" style="width: calc(100% - 100px)"><select name="'+param.name+'" lay-search=""><option value="">直接选择或搜索'+param.label+'选择</option>'
                    param.options.forEach(function (option) {
                        contentHtml += '<option value="'+option.value+'">'+option.title+'</option>'
                    })
                    contentHtml += '</select></div>';
                }
            }
            contentHtml += '</div>'
        }
        // input框
        else if (param.type === 'input') {
            contentHtml += '<div class="box-popup-row" style="display: flex;margin-bottom: 5px;">' +
                '   <div style="width: 100px;text-align: right;padding-right: 10px;font-size: 15px;line-height: 38px;">' + param.label + '</div>' +
                '   <div style="width: calc(100% - 100px)">' +
                '      <input style="border-left: 0;border-right: 0;border-top: 0;" type="text" name="' + param.name + '" autocomplete="off" placeholder="请输' + param.label + '" class="layui-input boxAdvanced-filter-input">' +
                '   </div>' +
                '</div>';
        }
        // todo 单个条件
        else if (param.type === 'single') {
            singleHtml += '<div style="min-width: 66px;margin-top: 5px;"><input lay-skin="primary" type="checkbox" name="' + param.name + '" value="' + param.value + '" title="' + param.label + '"></div>'
        } else if (param.type === 'range') {
            contentHtml += '<div class="box-popup-row" style="display: flex;margin-bottom: 5px;">' +
                '   <div style="width: 100px;text-align: right;padding-right: 10px;font-size: 15px;line-height: 38px;">' + param.label + '</div>' +
                '   <div style="width: calc(50% - 90px)">' +
                '      <input style="border-left: 0;border-right: 0;border-top: 0;" type="text" name="' + param.name + '" autocomplete="off" placeholder="请输' + param.label + '" class="layui-input boxAdvanced-filter-input">' +
                '   </div>' +
                '   <div style="width: 80px;text-align: center;">-</div>' +
                '   <div style="width: calc(50% - 90px)">' +
                '      <input style="border-left: 0;border-right: 0;border-top: 0;" type="text" name="' + param.name1 + '" autocomplete="off" placeholder="请输' + param.label + '" class="layui-input boxAdvanced-filter-input">' +
                '   </div>' +
                '</div>';
        }
        // 日期范围
        else if (param.type === 'dateRange') {
            contentHtml += '<div id="' + (param.name + param.name1 ) + '" class="box-date-range box-popup-row" style="display: flex;margin-bottom: 5px;">' +
                '<div style="width: 100px;text-align: right;padding-right: 10px;font-size: 15px;line-height: 38px;">' + param.label + '</div>' +
                '<div style="width: calc(50% - 90px)"><input style="border-left: 0;border-right: 0;border-top: 0;" type="text" autocomplete="off" id="' + param.name + '" name="'+param.name+'" class="layui-input boxAdvanced-filter-input" placeholder="选择' + param.label + '开始日期"></div>' +
                '   <div style="width: 80px;text-align: center;">-</div>' +
                '<div style="width: calc(50% - 90px)"><input style="border-left: 0;border-right: 0;border-top: 0;" type="text" autocomplete="off" id="' + param.name1 + '" name="'+param.name1+'" class="layui-input boxAdvanced-filter-input" placeholder="选择' + param.label + '结束日期"></div>' +
                '</div>'
        }

    });
    // 尾部
    contentHtml += '<hr style="margin: 10px 0;" /><div style="line-height: 30px;display: grid;grid-template-columns: calc(100% - 150px) 150px;">'
    singleHtml = (singleHtml ? singleHtml : '<div></div>')
    contentHtml += singleHtml;
    contentHtml += '<div>' +
        '<button lay-submit lay-filter="boxFilter" id="boxFilter" style="width: 65px;" type="button" class="layui-btn layui-btn-sm layui-btn-normal">筛选</button>' +
        '<button type="reset" id="boxClear"  style="width: 65px;" type="button" class="layui-btn layui-btn-sm layui-btn-primary">清空</button>' +
        '</div>'
    contentHtml += '</div></div>';
    return [contentHtml, width + 'px', params];
}