if (typeof (MEC_NS) == 'undefined') {
    MEC_NS = {};
}

MEC_NS.NLargeList = function (type, id, mecJson) {
    this.type = type;
    if (!id) {
        id = new UUID().toString();
    }
    this.id = id;
    if (!mecJson) {
        mecJson = this.getDefaultMecJson();
    }
    this.utils = require('utils');
    this.sourcePanel = this.utils.use('sourcePanel');
    this.sourceFields = [];
    this.advanceSourceFields = [];
    this.mecJson = mecJson;
    this.selectedAdSearchColumns = [];
    this.advancedSearchColumns = [];
    var that = this;
    require(['mec'], function (mec) {
        that.remark = function () {
            return mec.remark(that.mecJson.name);
        };
    });

    if (typeof fieldPicker == 'undefined') {
        fieldPicker = this.utils.use('fieldPicker');
    }
};

/*获取id。 必需的方法*/
MEC_NS.NLargeList.prototype.getID = function () {
    return this.id;
};

/*获取设计的html， 页面上怎么显示控件完全依赖于此方法。 必需的方法*/
MEC_NS.NLargeList.prototype.getDesignHtml = function () {
    return getDesignHtml(this);
};

/*获取构建属性编辑窗体的html，添加和单击控件后会调用此方法，由此方法去构建属性编辑窗体。 必需的方法*/
MEC_NS.NLargeList.prototype.getAttrDlgHtml = function () {
    var theId = this.id;

    var row = this.mecJson.showSet.row;
    var col = this.mecJson.showSet.col;

    var fieldHtm = "";
    for (var i = 0; i < row; i++) {
        fieldHtm += '<div class="field-row-wrap"><div class="move-after move_btn"></div><div class="del-box-after del_btn"></div>';
        for (var j = 0; j < col; j++) {
            var colfield = {};
            fieldHtm += '<div class="field-col-wrap">'
                + '<span class="field" title="' + SystemEnv.getHtmlNoteName(4139) + '">' + SystemEnv.getHtmlNoteName(4139) + '</span>'  //选择字段
                + '<input type="hidden" name="field_json"/>'
                + '</div>';
        }
        fieldHtm += '</div>';
    }

    var getDataFormatHtm = function () {
        var htm = "";
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">'+SystemEnv.getHtmlNoteName(4295)+'<div class="more-info hidden"></div></div>';
            htm += '<div class="form-group block-control block-area">';
                htm += '<ul class="normal-list outformat-list" style="margin-bottom:0px;">';
                    htm += '<li>';
                        htm += '<div class="inline">';
                            htm += '<input name="key" type="hidden" value="DATAS">';
                            htm += '<input name="name" data-key="DATAS" type="text" class="form-control" value="">';
                        htm += '</div>';
                        htm += '<div class="inline">';
                            htm += '<div class="ml-10">'+SystemEnv.getHtmlNoteName(4302)+'</div>';//数据JSON对应KEY
                        htm += '</div>';
                    htm += '</li>';
                    htm += '<li>';
                        htm += '<div class="inline">';
                            htm += '<input name="key" type="hidden" value="TOTAL_SIZE">';
                            htm += '<input name="name" data-key="TOTAL_SIZE" type="text" class="form-control" value="">';
                        htm += '</div>';
                        htm += '<div class="inline">';
                            htm += '<div class="ml-10" style="position:relative;">'+SystemEnv.getHtmlNoteName(4301);
                            htm += '<div class="more-info pl-3" style="color:#108ee9;position:static;display:inline;"></div></div>';//总记录数对应KEY
                        htm += '</div>';
                    htm += '</li>';
                htm += '</ul>';
                htm += '<ul class="normal-list outformat-list block-control hide">';
                    htm += '<li>';
                        htm += '<div class="inline">';
                            htm += '<div class="inline" style="width:60%;">';
                                htm += '<input name="key" type="hidden" value="STATUS_CODE">';
                                htm += '<input name="name" data-key="STATUS_CODE" type="text" class="form-control" value="">';
                            htm += '</div>';
                            htm += '<div class="inline" style="width:10%;text-align:center;">-</div>';
                            htm += '<div class="inline" style="width:30%;">';
                                htm += '<input name="value" type="text" class="form-control" value="">';
                            htm += '</div>';
                        htm += '</div>';
                        htm += '<div class="inline">';
                            htm += '<div class="ml-10">'+SystemEnv.getHtmlNoteName(5257)+'</div>';//结果状态码对应KEY - 正常响应对应的值
                        htm += '</div>';
                    htm += '</li>';
                    htm += '<li>';
                        htm += '<div class="inline">';
                            htm += '<input name="key" type="hidden" value="ERROR_MSG">';
                            htm += '<input name="name" data-key="ERROR_MSG" type="text" class="form-control" value="">';
                        htm += '</div>';
                        htm += '<div class="inline">';
                            htm += '<div class="ml-10">'+SystemEnv.getHtmlNoteName(5256)+'</div>';//错误提示对应KEY
                        htm += '</div>';
                    htm += '</li>';
                htm += '</ul>';
            htm += '</div>';
        htm += '</div>';
        return htm;
    };
    
    var htm = '<div id="MAD_'+theId+'" style="height: inherit;">';
        //基本信息---start
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">';
                htm += SystemEnv.getHtmlNoteName(4650);
                htm += '<div class="more-info hidden"></div>';
            htm += '</div>';
            htm += '<div class="form-group block-control">';
                htm += '<div class="row">';
                    htm += '<span class="col-2 span-control">'+SystemEnv.getHtmlNoteName(4142)+'</span>';  // 名称：
                    htm += '<div class="col-m-8">';
                        htm += '<input type="text" id="name_'+theId+'" class="form-control" data-autobind placeholder="'+SystemEnv.getHtmlNoteName(4583)+'" />'; //一个中文的名称，如：人员列表
                    htm += '</div>';
                htm += '</div>';
                
                htm += '<div id="sourcePanel_'+theId+'"></div>';
                
            htm += '</div>';
        htm += '</div>';
        //基本信息---end
        
        htm += '<div data-source-content data-sourcetype4-content>';
            htm += '<div class="url-dataFormat-attr-container">';
                htm += getDataFormatHtm();
            htm += '</div>';
        htm += '</div>';
        
        htm += '<div data-source-content data-sourcetype5-content>';
            htm += '<div class="api-dataFormat-attr-container">';
            htm += getDataFormatHtm();
            htm += '</div>';
        htm += '</div>';
        
        //展示样式---start
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">'+SystemEnv.getHtmlNoteName(4164)+'<div class="more-info hidden"></div></div>';
            htm += '<div class="form-group block-control">';
                htm += '<div class="row item-config showSet-config-attr-container">';
                    htm += '<div class="col-8 count-container">';
                        htm += SystemEnv.getHtmlNoteName(4585);  //列数：
                        htm += '<span data-autobind class="minu-after showSet-minus-column"></span>';
                        htm += '<input type="text" id="column_'+theId+'" class="count-control" value="'+col+'" disabled="disabled"/>';
                        htm += '<span data-autobind class="add-after showSet-add-column"></span>';
                    htm += '</div>';
                    htm += '<div class="col-4 add-before pd-4 showSet-add-row" data-autobind>'+SystemEnv.getHtmlNoteName(3575)+'</div>';  //添加行
                htm += '</div>';
                
                htm += '<div class="list-item showSet-content-attr-container">';
                    htm += '<div class="container normal">';
                        htm += '<div class="item-top">';
                            htm += '<div class="img-field-row-wrap">';
                                htm += '<span class="img" title="'+SystemEnv.getHtmlNoteName(4166)+'">'+SystemEnv.getHtmlNoteName(4167)+'</span>';  //图片字段   图片   
                                htm += '<input type="hidden" name="field_json"/>';
                            htm += '</div>';
                        htm += '</div>';
                        
                        htm += '<div class="item-bottom">';
                            htm += '<div class="field-row-wrap title-field-row-wrap">';
                                htm += '<div class="field-col-wrap field-col-wrap">';
                                    htm += '<span class="field title-field">'+SystemEnv.getHtmlNoteName(3534)+'</span>';  //标题
                                    htm += '<input type="hidden" name="field_json"/>';
                                htm += '</div>';
                            htm += '</div>';
                            htm += fieldHtm;
                        htm += '</div>';
                    htm += '</div>';
                htm += '</div>';
            htm += '</div>';
        htm += '</div>';
        //展示样式---end
        
        //搜索设置---start
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">'+SystemEnv.getHtmlNoteName(5247)+'<div class="more-info hidden"></div></div>';
            
            htm += '<div class="form-group block-control">';
                htm += '<div class="row">';
                    htm += '<div class="col-2 span-control">';
                        htm += SystemEnv.getHtmlNoteName(6103);  //快捷搜索：
                    htm += '</div>';
                    htm += '<div class="col-m-8"><input type="checkbox" id="quickSearch_'+theId+'"/></div>';
                htm += '</div>';
                
                //showSearchContainer begin
                htm += '<div class="searchWrapper-attr-container">';
                    htm += '<div class="row">';
                        htm += '<span class="col-2 span-control">'+SystemEnv.getHtmlNoteName(4867)+'</span>';  //搜索提示：
                        htm += '<div class="col-m-8"><input type="text" data-autobind="searchTips" id="searchTips_'+theId+'" class="form-control"/></div>';
                    htm += '</div>';
                    
                    htm += '<div data-source-content data-sourcetype1-content>';
                        htm += '<div class="searchColumn-attr-container">';
                            htm += '<div class="title" style="font-weight:normal;color:#666;">';
                                htm += SystemEnv.getHtmlNoteName(6104);  //快捷搜索查询列
                                htm += '<div class="add-before quickSearch-column-add">'+SystemEnv.getHtmlNoteName(3518)+'</div>';  //添加
                            htm += '</div>';
                            
                            htm += '<div class="form-group">';
                                htm += '<div>';
                                    htm += '<div class="tip-control">'+SystemEnv.getHtmlNoteName(6105)+'</div>';  //单击右上角的添加按钮以添加查询列，如果未指定查询列，则默认按照展示中选择的第一列进行查询
                                    htm += '<ul class="normal-list"></ul>';
                                htm += '</div>';
                            htm += '</div>';
                        htm += '</div>';
                    htm += '</div>';
                    
                    htm += '<div data-source-content data-sourcetype3-content>';
                        htm += '<div class="row">';
                            htm += '<span class="col-2 span-control" style="vertical-align: top;">'+SystemEnv.getHtmlNoteName(6106)+'</span>';//快捷搜索查询条件：
                            htm += '<div class="col-m-8">';
                                htm += '<textarea id="searchCondition_' + theId + '" class="area-control" placeholder="'+SystemEnv.getHtmlNoteName(6107)+'name like \'%{searchKey}%\' or content like \'{searchKey}\''+'"></textarea>';  //请输入查询条件，搜索关键词用{searchKey}表示，如：
                            htm += '</div>';
                        htm += '</div>';
                    htm += '</div>';
                        
                    htm += '<div data-source-content data-sourcetype1-content>';
                        htm += '<div class="row">';
                            htm += '<div class="col-2 span-control">';
                                htm += SystemEnv.getHtmlNoteName(4163);  //高级检索：
                            htm += '</div>';
                            htm += '<div class="col-m-8"><input type="checkbox" id="advancedSearch_'+theId+'"/></div>';
                        htm += '</div>';
                        
                        htm += '<div class="advancedSearch-attr-container">';
                            htm += '<div class="row">';
                                htm += '<div class="col-2 span-control">'+SystemEnv.getHtmlNoteName(4869)+'</div>'; //页面标题
                                htm += '<div class="col-m-8">';
                                    htm += '<input class="form-control" type="text" id="asTitle_'+theId+'">';
                                htm += '</div>';
                            htm += '</div>';
                            
                            htm += '<div class="title" style="font-weight:normal;color:#666;border-bottom:0;padding-bottom:0;">';
                                htm += SystemEnv.getHtmlNoteName(6108);  //高级检索字段设置
                                htm += '<div class="add-before advancedSearch-column-add" style="top: 20px;">'+SystemEnv.getHtmlNoteName(3518)+'</div>';  //添加
                                htm += '<table class="table search-fields-table" style="table-layout:fixed;margin-bottom:0;">';
                                    htm += '<thead><tr>';
                                        htm += '<td width="20px"></td>';
                                        htm += '<td width="*">'+SystemEnv.getHtmlNoteName(4324)+'</td>';//字段名称
                                        htm += '<td width="150px">'+SystemEnv.getHtmlNoteName(4740)+'</td>';//显示名称
                                        htm += '<td width="20%" style="text-align:center;">'+SystemEnv.getHtmlNoteName(6211)+'</td>';//快捷条件
                                        htm += '<td width="24px"></td>';
                                    htm += '</tr></thead>';
                                htm += '</table>';
                            htm += '</div>';
                            htm += '<div class="form-group">';
                                htm += '<div>';
                                    htm += '<div class="tip-control">'+SystemEnv.getHtmlNoteName(4159)+'</div>';  //单击右上角的添加按钮以添加内容
                                    htm += '<ul class="normal-list"></ul>';
                                htm += '</div>';
                            htm += '</div>';
                        htm += '</div>';
                    htm += '</div>';
                    
                    htm += '<div class="customBtn-attr-container">';
                        htm += '<div class="title" style="font-weight:normal;color:#666;">';
                            htm += SystemEnv.getHtmlNoteName(4158) + '<span data-source-content data-sourcetype1-content style="color:#999;">&nbsp;('+SystemEnv.getHtmlNoteName(6109)+'<input type="checkbox" id="pageExpand_'+theId+'"/>&nbsp;)&nbsp;</span>';  //自定义按钮
                            htm += '<div data-autobind class="add-before customBtn-add">'+SystemEnv.getHtmlNoteName(3518)+'</div>';  //添加
                        htm += '</div>';
                        htm += '<div class="form-group">';
                            htm += '<div>';
                                htm += '<div class="tip-control">'+SystemEnv.getHtmlNoteName(4159)+'</div>'; //单击右上角的添加按钮以添加内容
                                htm += '<ul class="normal-list"></ul>';
                            htm += '</div>';
                        htm += '</div>';
                    htm += '</div>';
                        
                htm += '</div>'
                //showSearchContainer end
            htm += '</div>';
        htm += '</div>';
        //搜索设置---end
        
        //分页设置---start
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">'+SystemEnv.getHtmlNoteName(5249)+'<div class="more-info hidden"></div></div>';
            htm += '<div class="form-group block-control">';
                htm += '<div class="row" data-source-content data-sourcetype4-content data-sourcetype5-content>';
                    htm += '<span class="col-2 span-control">'+SystemEnv.getHtmlNoteName(5242)+'</span>';  //起始页码：
                    htm += '<div class="col-m-8">'+SystemEnv.getHtmlNoteName(5250)+'<input type="text" id="pageStart_'+theId+'" class="form-control" style="width:50px;display:inline-block;margin:0 5px;text-align:center;"/>'+SystemEnv.getHtmlNoteName(5251)+'</div>';
                htm += '</div>';
                
                htm += '<div class="row">';
                    htm += '<span class="col-2 span-control">'+SystemEnv.getHtmlNoteName(4247)+'</span>';  //每页显示：
                    htm += '<div class="col-m-8"><input type="text" id="pageSize_'+theId+'" class="form-control"/></div>';
                htm += '</div>';
                
                htm += '<div class="row">';
                    htm += '<div class="col-2 span-control">' + SystemEnv.getHtmlNoteName(6110) + '</div>'; //只显一页：
                    htm += '<div class="col-m-8">';
                        htm += '<input type="checkbox" id="showOnePage_'+theId+'"/>&nbsp;' + SystemEnv.getHtmlNoteName(4874);//选中只显示一页数据
                    htm += '</div>';
                htm += '</div>';
            htm += '</div>';
        htm += '</div>';
        //分页设置---end
        
        //数据展示---start
        htm += '<div class="block-area mb-10">';
            htm += '<div class="title">'+SystemEnv.getHtmlNoteName(5252)+'<div class="more-info hidden"></div></div>';
            htm += '<div class="form-group block-control">';
                htm += '<div class="row">';
                    htm += '<div class="col-2 span-control">';
                        htm += SystemEnv.getHtmlNoteName(5253);  //数据只读：
                    htm += '</div>';
                    htm += '<div class="col-m-8"><input type="checkbox" id="dataReadonly_'+theId+'"/></div>';
                htm += '</div>';
                
                htm += '<div class="row">';
                    htm += '<div class="col-2 span-control">';
                        htm += SystemEnv.getHtmlNoteName(4129);  //延迟加载：
                    htm += '</div>';
                    htm += '<div class="col-m-8"><input type="checkbox" id="lazyLoad_'+theId+'"/></div>';
                htm += '</div>';
            htm += '</div>';
        htm += '</div>';
        //数据展示---end

    htm += '</div>';//end MAD
    return htm;
};


/*构建属性编辑窗体完成后调用此方法，主要用于一些必须要使用js对页面进行后置操作时，无需要此方法可至空。 不必需的方法，有此方法系统自动调用*/
MEC_NS.NLargeList.prototype.afterAttrDlgBuild = function () {
    var that = this,
        theId = this.id,
        $attrContainer = this.$attrContainer = $("#MAD_" + theId),
        $apiDataFormatContainer = this.$apiDataFormatContainer = $attrContainer.find(".api-dataFormat-attr-container"),
        $urlDataFormatContainer = this.$urlDataFormatContainer = $attrContainer.find(".url-dataFormat-attr-container"),
        $showsetConfigContainer = this.$showsetConfigContainer = $attrContainer.find(".showSet-config-attr-container"),
        $showsetContentContainer = this.$showsetContentContainer = $attrContainer.find(".showSet-content-attr-container"),
        $quickSearchColumnContainer = this.$quickSearchColumnContainer = $attrContainer.find(".searchColumn-attr-container"),
        $advancedSearchColumnContainer = this.$advancedSearchColumnContainer = $attrContainer.find(".advancedSearch-attr-container"),
        $customBtnContainer = this.$customBtnContainer = $attrContainer.find(".customBtn-attr-container");

    this.bindAttrDlgHtmlEvent();
    this.sourcePanel("run", {
        el: $("#sourcePanel_" + theId),
        id: theId,
        data: that.mecJson.sourceData,
        callback: {
            sourceTypeChange: function (type) {
                $attrContainer.find("[data-source-content]").hide();
                $attrContainer.find('[data-sourcetype' + type + '-content]').show();
            },
            sourceFieldsLoaded: function (sourceType, datas) {
                that.sourceFields = datas || [];
                that.advanceSourceFields = that.sourceFields.filter(function(val){
                    return val.htmlType != 6;  // 图片、附件
                })
                if (sourceType == 1) {
                    that.initQuickSearchColumns();
                    that.initAdvanceSearchColumns();
                }
                that.initFieldPicker();
                that.initCubeSourceContent();
                that.doClearFieldsPrompt();
            },
            sourceValueChange: function (options) {
                that.initFieldPicker(options);
                that.initSourceContent(options);
                that.initCubeSourceContent();
                if (!options || !options.sqlChange) {
                    that.doClearFieldsPrompt();
                }
            },
            initDefaultUrlTemplate: function () {
                var msg = SystemEnv.getHtmlNoteName(4304);  //内容来源已经设置，请确认是否初始化模板?
                var $fieldJson = that.$showsetContentContainer
                    .find("input[name='field_json']")
                    .filter(function (index, field) {
                        if (field.value) return field;
                    });
                if ($fieldJson.length) {
                    top.Dialog.confirm(msg, function () {
                        that.initDefaultUrlTemplate();
                    });
                } else {
                    that.initDefaultUrlTemplate();
                }
            },
            customSearchChange: function (sourceType, $select) { }
        }
    });

    $("#name_" + theId).val(this.mecJson["name"]);

    //展示样式
    fieldPicker('run', {
        id: theId,
        callback: {
            afterSelect: function (field, target) {
                target = $(target);
                target.find('input').val(JSON.stringify(field));
                target.find('.field').html(require('utils').delHtmlTag(field.fielddesc));
                target.removeClass('choosed');
                field.fieldid != 0 && target.addClass('choosed');
                that.autoUpdate();
            }
        }
    });

    var setDataFormatValue = function (data, $list) {
        data && $list.each(function () {
            var $li = $(this);
            var key = $("input[name='key']", $li).val();
            if (data[key]) {
                var $name = $("input[name='name']", $li), $value = $("input[name='value']", $li);
                if ($value.length) {
                    $name.val(data[key].key);
                    $value.val(data[key].value);
                } else {
                    $name.data("last", data[key]).val(data[key]);
                }
            }
        });
    };
    setDataFormatValue(this.mecJson.urlDataFormat, this.$urlDataFormatContainer.find("ul.normal-list > li"));
    setDataFormatValue(this.mecJson.apiDataFormat, this.$apiDataFormatContainer.find("ul.normal-list > li"));

    var showView = this.mecJson.showSet.view;
    var imgfield = showView.imgfield,       //图片字段信息
        imgfieldV = that.formatJson2Value(imgfield),
        $imgfieldWrap = $showsetContentContainer.find(".img-field-row-wrap");
    if (imgfieldV != "") {
        $imgfieldWrap.find("input[name='field_json']").val(imgfieldV);
        imgfield.fieldid != "0" && $imgfieldWrap.addClass("choosed");
        fieldPicker('setField', $imgfieldWrap, imgfield)
    }

    var titlefield = showView.titlefield,   //标题字段信息
        titlefieldV = that.formatJson2Value(titlefield),
        $titlefieldWrap = $showsetContentContainer.find(".title-field-row-wrap");
    if (titlefieldV != "") {
        $titlefieldWrap.find("input[name='field_json']").val(titlefieldV);
        var fielddesc = titlefield["fielddesc"];
        $titlefieldWrap.find(".field").html(that.utils.delHtmlTag(fielddesc));
        if (titlefield.fieldid != "0") {
            $titlefieldWrap.find(".field-col-wrap").addClass("choosed");
        }
        fieldPicker('setField', $titlefieldWrap.find(".field-col-wrap"), titlefield)
    }

    var otherfields = showView.otherfields;
    var $fieldRowWrap = $showsetContentContainer.find(".field-row-wrap").not(".title-field-row-wrap");
    $fieldRowWrap.each(function (i) {
        $(this).find(".field-col-wrap").each(function (j) {
            var $this = $(this),
                colfield = otherfields[i][j],
                colfieldV = that.formatJson2Value(colfield);
            if (colfieldV != "") {
                $this.find("input[name='field_json']").val(colfieldV);
                var fielddesc = colfield["fielddesc"];
                $this.find(".field").html(that.utils.delHtmlTag(fielddesc));
                if (colfield.fieldid != "0") {
                    $this.addClass("choosed");
                }
                fieldPicker('setField', $this, colfield)
            }
        });
    });

    $showsetContentContainer.find(".item-bottom").sortable({
        revert: false,
        axis: "y",
        items: ".field-row-wrap:not(.title-field-row-wrap)",
        handle: ".move_btn",
        update: function () {
            that.autoUpdate();
        }
    });
    setTimeout(function () { // dom未加载完成, 宽度为0
        that.resizeFieldColWidth();
    }, 50);

    //快捷搜索
    var quickSearch = this.mecJson["quickSearch"];
    if (quickSearch == "1") {
        $("#quickSearch_" + theId).attr("checked", "checked");
    }
    that.searchContainerShowHide(quickSearch == "1");

    MLanguage.setValue($("#searchTips_" + theId), this.mecJson["searchTips"]);
    $("#searchCondition_" + theId).val(this.mecJson["searchCondition"]);

    var quickSearchColumns = this.mecJson["quickSearchColumns"] || [];
    if (quickSearchColumns.length == 0) {
        $quickSearchColumnContainer.find(".tip-control").show();
    }

    //高级检索
    var advancedSearch = this.mecJson["advancedSearch"];
    if (advancedSearch == "1") {
        $("#advancedSearch_" + theId).attr("checked", "checked");
    }
    that.advancedSearchContainerShowHide(advancedSearch == "1");

    MLanguage.setValue($("#asTitle_" + theId), this.mecJson["asTitle"]);

    that.advancedSearchColumns = this.mecJson["advancedSearchColumns"] || [];

    if (that.advancedSearchColumns.length == 0) {
        $advancedSearchColumnContainer.find(".tip-control").show();
    }
    $advancedSearchColumnContainer.find("ul.normal-list").sortable({
        revert: false,
        axis: "y",
        items: "li",
        handle: ".bemove"
    });

    //自定义按钮
    var customBtns = this.mecJson["customBtns"] || [];
    if (customBtns.length == 0) {
        $customBtnContainer.find(".tip-control").show();
    } else {
        for (var i = 0; i < customBtns.length; i++) {
            this.addOneCustomBtnToPage(customBtns[i]);
        }
    }
    //表单建模页面拓展
    var pageExpand = this.mecJson["pageExpand"];
    if (pageExpand == "1") {
        $("#pageExpand_" + theId).attr("checked", "checked");
    }

    $customBtnContainer.find("ul.normal-list").sortable({
        revert: false,
        axis: "y",
        items: "li",
        handle: ".bemove",
        update: function () {
            that.autoUpdate();
        }
    });

    $("#pageSize_" + theId).val(this.mecJson["pageSize"]);

    $("#pageStart_" + theId).val(this.mecJson["pageStart"]);

    var showOnePage = this.mecJson["showOnePage"];
    if (showOnePage == "1") {
        $("#showOnePage_" + theId).attr("checked", "checked");
    }

    var dataReadonly = this.mecJson["dataReadonly"];
    if (dataReadonly == "1") {
        $("#dataReadonly_" + theId).attr("checked", "checked");
    }

    var lazyLoad = this.mecJson["lazyLoad"];
    if (lazyLoad == "1") {
        $("#lazyLoad_" + theId).attr("checked", "checked");
    }

    $("#MAD_" + theId).checkbox({
        onClick: function () {
            that.autoUpdate();
        }
    });
};

/*获取JSON*/
MEC_NS.NLargeList.prototype.getMecJson = function () {
    var theId = this.id;

    this.mecJson["id"] = theId;
    this.mecJson["mectype"] = this.type;

    var $attrContainer = $("#MAD_" + theId);
    if ($attrContainer.length > 0) {
        this.mecJson["name"] = $("#name_" + theId).val(); // 名称

        var sourceData = require("sourcePanel").getData(theId);
        this.mecJson["sourceData"] = sourceData;

        this.mecJson["urlDataFormat"] = this.getUrlDataFormat();
        this.mecJson["apiDataFormat"] = this.getApiDataFormat();

        //展示样式
        var showSet = {}, view = {},
            $fieldRowWrap = this.$showsetContentContainer.find(".field-row-wrap").not(".title-field-row-wrap");

        showSet["row"] = $fieldRowWrap.length; //行数
        showSet["col"] = $("#column_" + theId).val();    //列数
        showSet["view"] = view;

        var imgfieldV = this.$showsetContentContainer.find(".img-field-row-wrap input[name='field_json']").val();
        view["imgfield"] = imgfieldV ? $.parseJSON(imgfieldV) : {};        //图片字段信息

        var titlefieldV = this.$showsetContentContainer.find(".title-field-row-wrap input[name='field_json']").val();
        view["titlefield"] = titlefieldV ? $.parseJSON(titlefieldV) : {};      //标题字段信息

        var otherfields = [];
        $fieldRowWrap.each(function () {
            var rowfields = [];
            $(".field-col-wrap", $(this)).each(function () {
                var colV = $("input[name='field_json']", $(this)).val();
                var colfield = colV ? $.parseJSON(colV) : {};
                rowfields.push(colfield);
            });
            otherfields.push(rowfields);
        });
        view["otherfields"] = otherfields;
        this.mecJson["showSet"] = showSet;//后面希望展示样式配置可以统一封装成一个插件，以免重复代码

        this.mecJson["quickSearch"] = $("#quickSearch_" + theId).is(':checked') ? "1" : "0";
        this.mecJson["quickSearchColumns"] = this.getQuickSearchColumns();

        this.mecJson["searchTips"] = MLanguage.getValue($("#searchTips_" + theId));   // 搜索提示文字
        this.mecJson["searchCondition"] = $("#searchCondition_" + theId).val();

        this.mecJson["advancedSearch"] = $("#advancedSearch_" + theId).is(':checked') ? "1" : "0";
        this.mecJson["asTitle"] = MLanguage.getValue($("#asTitle_" + theId));
        this.mecJson["advancedSearchColumns"] = this.getAdvanceSearchColumns();

        this.mecJson["pageExpand"] = $("#pageExpand_" + theId).is(':checked') ? "1" : "0";

        this.mecJson["customBtns"] = this.getCustomBtnDatas();

        this.mecJson["pageSize"] = $("#pageSize_" + theId).val();

        this.mecJson["pageStart"] = $("#pageStart_" + theId).val();

        this.mecJson["showOnePage"] = $("#showOnePage_" + theId).is(':checked') ? "1" : "0";

        this.mecJson["dataReadonly"] = $("#dataReadonly_" + theId).is(':checked') ? "1" : "0";

        this.mecJson["lazyLoad"] = $("#lazyLoad_" + theId).is(':checked') ? "1" : "0";
    }
    return this.mecJson;
};

MEC_NS.NLargeList.prototype.getCopyMecJson = function (mecJson) {
  	var mec = require("mec");
    
    mec.changeMecJsonUUid(mecJson.customBtns, mecJson.quickSearchColumns);
};

MEC_NS.NLargeList.prototype.getDefaultMecJson = function () {
    var count = $("abbr[m_type='NLargeList']", "#homepageContainer").length;

    var row = 3;
    var col = 1;

    var showView = {
        imgfield: {},   //图片字段信息
        titlefield: {}, //图片字段信息
        otherfields: []
    };

    for (var i = 0; i < row; i++) {
        var rowfields = [];
        for (var j = 0; j < col; j++) {
            var colfield = {};
            rowfields.push(colfield);
        }
        showView.otherfields.push(rowfields);
    }
    return {
        name: SystemEnv.getHtmlNoteName(6147) + (count + 1), // 大图列表
        sourceData: {},
        urlDataFormat: {
            DATAS: "datas",
            TOTAL_SIZE: "totalSize"
        },
        showSet: {
            row: row,
            col: col,
            view: showView
        },
        quickSearch: "1",
        searchTips: SystemEnv.getHtmlNoteName(4170), //搜索提示文字     请输入...
        asTitle: SystemEnv.getHtmlNoteName(4179),   //高级检索
        pageStart: "1",
        pageSize: "10"
    }
};

/*加载数据*/
MEC_NS.NLargeList.loadData = function (callback) {
    UrlSelectUtil.nav.loadNavItems(callback);
};

MEC_NS.NLargeList.prototype.validate = function () {
    var theId = this.id,
		$pluginAttr = $('#MAD_' + theId),
		selectedFiledid;

    if (!$pluginAttr.length) {
        return true;
    }

    var sourceData = require("sourcePanel").getData(theId),
        sourceType = sourceData.sourceType,
        searchid = sourceData.searchid,
        mockData = sourceData.mockData.trim(),
        sourceSql = sourceData.sourceSql.trim(),
        sourceUrl = sourceData.sourceUrl.trim(),
        sourceApi = sourceData.apiConfig.api.id,
        isValid = (sourceType == 1 && searchid)
            || (sourceType == 2 && mockData)
            || (sourceType == 3 && sourceSql)
            || (sourceType == 4 && sourceUrl)
            || (sourceType == 5 && sourceApi);

    if (isValid) {
        return true;
    } else {
        var sp = require("sourcePanel").getInstance(theId);
        var validate = function (sourceValue, $field, msg, style) {
            !sourceValue && $field.validate({
                value: sourceValue,
                rules: [{
                    msg: '"' + msg + '" ' + SystemEnv.getHtmlNoteName(6041)//未填写
                }],
                style: style
            });
        };

        switch (sourceType) {
            case '1':
                validate(searchid, sp.$.customSearch.parents('.col-m-8'), SystemEnv.getHtmlNoteName(6100));
                break;
            case '2':
                validate(mockData, sp.$.mockData.parents('.col-m-8'), SystemEnv.getHtmlNoteName(6001));
                break;
            case '3':
                validate(sourceSql, sp.$.sourceSql.parents('.col-m-8'), "SQL", { top: '82px' });
                break;
            case '4':
                validate(sourceUrl, sp.$.sourceUrl.parents('.col-m-8'), "URL");
                break;
            case '5':
                validate(sourceApi, sp.$.api.parents('.col-m-8'), SystemEnv.getHtmlNoteName(5268));
                break;
        }

        return {
            isValid: isValid,
            msg: SystemEnv.getHtmlNoteName(6069) //请设置内容来源对应数据！
        };
    }
};

/* 获取列表名称 */
MEC_NS.NLargeList.prototype.getName = function () {
    var theId = this.id;

    var name = this.mecJson["name"];
    if (name == "" || $.trim(name) == "") {
        name = theId;
    }

    return name;
};
//外部调用，如：日历控件
MEC_NS.NLargeList.prototype.getSourceFields = function (sourceData) {
    var sourceFields = [];
    if (this.sourceFields.length) return this.sourceFields;
    require("utils").api("designer/plugin", {
        action: "getSourceFields",
        notification: false,
        type: 'POST',
        async: false,
        data: {
            source: sourceData.sourceType,
            searchid: sourceData.searchid,
            datasource: compressByLZ(sourceData.datasource),
            sql: compressByLZ(sourceData.sourceSql)
        }
    }, function (result) {
        sourceFields = result.data || [];
    });
    return sourceFields;
};

$.extend(MEC_NS.NLargeList.prototype, {
    autoUpdate: function () {
        var mecHandler = MECHandlerPool.getHandler(this.id);
        //避免导入插件到低版本时报错
        mecHandler && mecHandler.autobind && mecHandler.autobind.update();
    },
    bindAttrDlgHtmlEvent: function () {
        var that = this, theId = this.id, $attrContainer = this.$attrContainer;

        $attrContainer.on("click", ".more-info", function (e) {
            var $this = $(this), $blockArea = $this.closest(".block-area");
            $blockArea.find(".block-control").slideToggle(100, function () {
                $this[$(this).is(":visible") ? "addClass" : "removeClass"]("hidden");
            });
        });

        //输出数据key事件绑定
        this.$apiDataFormatContainer.find("ul.normal-list").on("change", "input[data-key='DATAS']", function (e) {
            var $this = $(this),
                resultKey = $this.val(),
                lastValue = $this.data("last");

            if (resultKey !== lastValue) {
                that.doClearFieldsPrompt(SystemEnv.getHtmlNoteName(5263) + "<br/>" + SystemEnv.getHtmlNoteName(5264));//改变KEY会导致展示样式中已选择的字段信息失效，确认要清空吗？
                that.initFieldPicker({ DATAS: resultKey });
                $this.data("last", resultKey);
            }
        });

        //展示样式事件绑定
        //添加列绑定事件
        var $column = $("#column_" + theId);
        this.$showsetConfigContainer.find(".showSet-add-column").click(function () {
            var colV = parseInt($column.val());
            var $rowWrap = that.$showsetContentContainer.find(".item-bottom .field-row-wrap").not(".title-field-row-wrap");
            var colHtml = '<div class="field-col-wrap">'
                + '<span class="field" title="' + SystemEnv.getHtmlNoteName(4139) + '">' + SystemEnv.getHtmlNoteName(4139) + '</span>'  //选择字段
                + '<input type="hidden" name="field_json"/>'
                + '</div>';
            $rowWrap.append(colHtml);
            that.resizeFieldColWidth();
            colV++;
            $column.val(colV);
        });

        this.$showsetConfigContainer.find(".showSet-minus-column").click(function () {
            var colV = parseInt($column.val());
            if (colV <= 1) {
                return;
            }
            var $rowWrap = that.$showsetContentContainer.find(".item-bottom .field-row-wrap").not(".title-field-row-wrap");
            $rowWrap.find(".field-col-wrap:last-child").remove();
            that.resizeFieldColWidth();
            colV--;
            $column.val(colV);
        });

        //添加行绑定事件
        this.$showsetConfigContainer.find(".showSet-add-row").click(function () {
            var $showsetBottom = that.$showsetContentContainer.find(".item-bottom");
            var $column = $("#column_" + theId);
            var colV = parseInt($column.val());
            var $rowWrap = $('<div class="field-row-wrap"><div class="move-after move_btn"></div><div class="del-box-after del_btn"></div></div>');
            var colHtml = "";
            for (var i = 0; i < colV; i++) {
                colHtml += '<div class="field-col-wrap">'
                    + '<span class="field" title="' + SystemEnv.getHtmlNoteName(4139) + '">' + SystemEnv.getHtmlNoteName(4139) + '</span>'  //选择字段
                    + '<input type="hidden" name="field_json"/>'
                    + '</div>';
            }
            $rowWrap.append(colHtml);
            $showsetBottom.append($rowWrap);
            that.resizeFieldColWidth();
        });

        this.$showsetContentContainer.find(".item-bottom").on("click", ".del_btn", function () {
            $(this).parent().remove();
            that.autoUpdate();
        });

        this.$showsetContentContainer.on("click", ".field-col-wrap, .img-field-row-wrap", function (e) {
            fieldPicker('show', this, theId);
            e.stopPropagation();
        });

        //快捷搜索
        $("#quickSearch_" + theId).click(function () {
            that.searchContainerShowHide(this.checked);
        });

        var $quickSearchColumnContainer = this.$quickSearchColumnContainer;
        $quickSearchColumnContainer.find(".quickSearch-column-add").click(function () {
            that.addOneQuickSearchColumnToPage({
                id: new UUID().toString(),
                fieldid: "",
                fieldName: ""
            });
        });

        //高级检索
        $("#advancedSearch_" + theId).click(function () {
            that.advancedSearchContainerShowHide(this.checked);
        });

        var $advancedSearchColumnContainer = this.$advancedSearchColumnContainer;
        $advancedSearchColumnContainer.find(".advancedSearch-column-add").click(function () {
            if (that.selectedAdSearchColumns.length === that.advanceSourceFields.length) return;
            var $addBtn = $(this);
			var selectedFiledid = [], fieldid, fieldTitle, fieldName;

			that.selectedAdSearchColumns.forEach(function (val) {
				selectedFiledid.push(parseInt(val.fieldid));
			});

            that.advanceSourceFields.every(function (val) {
				if (selectedFiledid.indexOf(val.fieldid) == -1 && !val.encrypted) {
					fieldid = val.fieldid;
					fieldTitle = val.fieldDesc;
					fieldName = val.fieldName;
					that.selectedAdSearchColumns.push({ fieldid: fieldid, fieldTitle: fieldTitle });
                    return false;
				}
				return true;
			})
			that.addOneAdvanceSearchColumnToPage({
				id: new UUID().toString(),
				fieldid: fieldid,
				fieldName: fieldName,
				fieldTitle: fieldTitle,
                quickItems: []
			});
            $addBtn.toggleClass("disabled", that.selectedAdSearchColumns.length == that.advanceSourceFields.length);
        });

        var $customBtnContainer = this.$customBtnContainer;
        //自定义按钮添加事件绑定
        $customBtnContainer.find(".customBtn-add").click(function () {
            that.addOneCustomBtnToPage({
                id: new UUID().toString(),
                btnType: "1",
                btnText: "",
                btnScript: "",
                picType: "0",
                picPath: ""
            });
        });

        var $btnList = $attrContainer.find("ul.normal-list")
        //列表删除事件绑定，通用
        $btnList.on("click", ".delFlag", function (e) {
            var $this = $(this),
                $list = $this.closest("ul.normal-list"),
                liId = $this.closest("li").attr("id");

            $("#" + liId).remove();
            if ($list.children("li").length == 0) {
                $list.siblings(".tip-control").show();
            }
            that.autoUpdate();
            if($this.hasClass("delAdFieldFlag")){
                var delFildeid = $this.closest("li").find("option:selected").attr("value");
                that.selectedAdSearchColumns.forEach( function( val , ind ){
                    if(val.fieldid == delFildeid){
                        that.selectedAdSearchColumns.splice( ind , 1 );
                    }
                });
                $attrContainer.find(".advancedSearch-column-add").removeClass("disabled");
            }
        });

        //按钮类型change
        $btnList.on("change", "select[name='btnType']", function () {
            that.btnTypeChange($(this).closest("li").attr("id").replace("li_", ""));
            that.autoUpdate();
        });

        //按钮设置图片
        $btnList.on("click", ".img-td>div", function (e) {
            var itemId = $(this).closest("li").attr("id").replace("li_", "");

            var pic_typeV = $("#picType_" + itemId).val() || "0";
            var pic_pathV = $("#picPath_" + itemId).val();
            var params = "pic_type=" + pic_typeV + "&pic_path=" + encodeURIComponent(pic_pathV);

            showPicsetModal(params, function (result) {
                var picType = result["pic_type"];
                var picPath = result["pic_path"];
                $("#picType_" + itemId).val(picType);
                $("#picPath_" + itemId).val(picPath);

                that.setBtnPicPath(itemId, picPath);
                that.autoUpdate();
            });
            e.stopPropagation();
        });
    },
    getUrlDataFormat: function () {
        return this.getDataFormat(this.$urlDataFormatContainer);
    },
    getApiDataFormat: function () {
        return this.getDataFormat(this.$apiDataFormatContainer);
    },
    getDataFormat: function ($container) {
        var dataFormat = {};
        var $outFormatLi = $container.find("ul.normal-list > li");
        $outFormatLi.each(function () {
            var $li = $(this);
            var key = $("input[name='key']", $li).val();
            var keyName = $("input[name='name']", $li).val();
            var keyValue = $("input[name='value']", $li).val();
            if ($("input[name='value']", $li).length) {
                dataFormat[key] = { key: keyName, value: keyValue };
            } else {
                dataFormat[key] = keyName;
            }
        });
        return dataFormat;
    },
    searchContainerShowHide: function (checked) {
        this.$attrContainer.find(".searchWrapper-attr-container")[checked ? "show" : "hide"]();
    },
    advancedSearchContainerShowHide: function (checked) {
        this.$attrContainer.find(".advancedSearch-attr-container")[checked ? "show" : "hide"]();
    },
    getQuickSearchColumns: function () {
        return this.getSearchColumns(this.$quickSearchColumnContainer);
    },
    getAdvanceSearchColumns: function () {
        return this.getSearchColumns(this.$advancedSearchColumnContainer);
    },
    getSearchColumns: function ($container) {
        var columns = [];
        var $searchColumnLi = $container.find("ul.normal-list > li");
        $searchColumnLi.each(function () {
            var $that = $(this),
                liId = $that.attr("id").substring("li_".length),
                $select = $that.find("select[name='fieldList']"),
                fieldId = $select.val(),
                fieldName = $select.find("option:selected").attr("fieldName");

            var column = {
                id: liId,
                fieldid: fieldId,
                fieldName: fieldName
            };

            var $fieldTitle = $that.find("input[name='fieldTitle']");
            if ($fieldTitle.length) {
                column.fieldTitle = MLanguage.getValue($fieldTitle);
            }
            
            var $quickItems = $that.find("input[name='quickItems']");
            if ($quickItems.length) {
                column.quickItems = $.parseJSON($quickItems.val());
            }

            columns.push(column);
        });
        return columns;
    },
    getSearchFieldOptionHtml: function (defField, isAdvanceSearch) {
        var htm = "",
            mappingValue = false,
            defFieldTitle = defField ? defField.fieldTitle : "";

        var selectedAdSearchColumnsFiledid = [],
            newSourceFields = [];
        this.selectedAdSearchColumns.forEach(function (val) {
            selectedAdSearchColumnsFiledid.push(parseInt(val.fieldid));
        });
        if(isAdvanceSearch){
            this.sourceFields.forEach(function (val) {
                if (selectedAdSearchColumnsFiledid.indexOf(val.fieldid) == -1 || val.fieldid == parseInt(defField.fieldid)) {
                    newSourceFields.push(val)
                }
            });
        } else {
            newSourceFields = this.sourceFields;
        }

        newSourceFields.filter(function (fieldData) {
            var flag = false,
                htmlType = fieldData.htmlType,
                isQuickSearchField = !isAdvanceSearch && (htmlType == 1 || htmlType == 2 || htmlType == 3 || (htmlType == 5 && fieldData.fieldtype != 2)),
                isAdvanceSearchField = isAdvanceSearch && htmlType != 6 && htmlType != 7;
            if (fieldData.sqlField == 1 || isQuickSearchField || isAdvanceSearchField) {
                var isDefSearchField = defField && fieldData.fieldid == defField.fieldid,
                    isDefSqlField = defField && fieldData.sqlField == 1 && fieldData.fieldName == defField.fieldName;

                if (isDefSearchField || isDefSqlField) {
                    mappingValue = true;
                }
                flag = true;
            }
            return flag;// 字段类型(1-单行文本 2-多行文本 3-浏览按钮 5-选择项)
        }).forEach(function (fieldData, index) {
            var isDefSearchField = defField && fieldData.fieldid && fieldData.fieldid == defField.fieldid,
                isDefSqlField = defField && fieldData.sqlField == 1 && fieldData.fieldName == defField.fieldName;
            var selected = "",
                disabled = "",
                fieldTitle = fieldData.fieldDesc || fieldData.fieldName;
            //匹配默认字段
            if ((mappingValue && (isDefSearchField || isDefSqlField)) || (!fieldData.encrypted && !mappingValue && !defField.fieldid)) {
                selected = "selected";
                defField = fieldData;
                !mappingValue && (defFieldTitle = fieldTitle);
            }
            if(fieldData.encrypted){
                disabled = "disabled";
            }

            if (fieldData.sqlField == 1) {
                htm += '<option value="' + fieldData.fieldName + '" fieldName="' + fieldData.fieldName + '" fieldTitle="' + fieldTitle + '" ' + selected + '>';
                htm += fieldData.fieldName;
                htm += "</option>";
            } else {
                htm += '<option value="' + fieldData.fieldid + '" fieldName="' + fieldData.fieldName + '" fieldTitle="' + fieldTitle + '" ' + selected + ' ' + disabled + '>';
                htm += MLanguage.parse(fieldData.fieldDesc) + (fieldData.detailtable ? "-" + SystemEnv.getHtmlNoteName(4865) : "") + (fieldData.encrypted ? "(" + SystemEnv.getHtmlNoteName(6233) + ")" : ""); //6233:不能选择加密字段
                htm += "</option>";
            }
        });
        return {
            htm: htm,
            defField: {
                fieldid: defField.fieldid,
                fieldName: defField.fieldName,
                fieldTitle: defFieldTitle
            }
        };
    },
    doClearFieldsPrompt: function (msg) {
        var that = this;
        if (!this.needClearFields) {//第一次调用直接返回
            this.needClearFields = true;
            return;
        }
        var tip = msg || SystemEnv.getHtmlNoteName(6111);//是否清空已选择的字段信息？
        var $fieldJson = this.$showsetContentContainer
            .find("input[name='field_json']")
            .filter(function (index, field) {
                if (field.value) return field;
            });

        var theId = this.id,
            sourceData = require("sourcePanel").getData(theId),
            sourceType = sourceData.sourceType;

        var $qsColumnContainer = this.$quickSearchColumnContainer,
            $asColumnContainer = this.$advancedSearchColumnContainer,
            $qsColumnWrap = $qsColumnContainer.find("ul.normal-list"),
            $asColumnWrap = $asColumnContainer.find("ul.normal-list");

        var hasQSColumns = sourceType == "1" && $qsColumnWrap.children().length,
            hasASColumns = sourceType == "1" && $asColumnWrap.children().length;

        var clearSearchColumns = function () {
            $qsColumnWrap.empty();
            that.mecJson["quickSearchColumns"] = [];
            $qsColumnContainer.find(".tip-control").show();
            $asColumnWrap.empty();
            that.mecJson["advancedSearchColumns"] = [];
            $asColumnContainer.find(".tip-control").show();
        };
        if ($fieldJson.length || hasQSColumns || hasASColumns) {
            top.Dialog.confirm(tip, {
                btn: [SystemEnv.getHtmlNoteName(5197), SystemEnv.getHtmlNoteName(6024)]//"是","否"
            }, function () {
                $fieldJson.each(function () {
                    var $fieldValue = $(this);
                    $fieldValue.val("");
                    var $fieldView = $fieldValue.parent().find(".field");
                    if ($fieldView.hasClass("title-field")) {
                        $fieldView.html(SystemEnv.getHtmlNoteName(3534));  //标题
                    } else {
                        $fieldView.html(SystemEnv.getHtmlNoteName(4139));  //选择字段
                    }
                    fieldPicker('resetField', $fieldValue.parent());
                    $fieldValue.closest(".choosed").removeClass("choosed");
                });
                clearSearchColumns();
                that.autoUpdate();
            });
        } else {
            clearSearchColumns();
        }
    },
    initDefaultUrlTemplate: function () {
        var theId = this.id;

        var $imgfieldWrap = this.$showsetContentContainer.find(".img-field-row-wrap");
        var imgfield = { 'fieldid': '-1', 'fielddesc': '$m.getAvatar("{id}");' };
        $imgfieldWrap.addClass("choosed").find("input[name='field_json']").val(JSON.stringify(imgfield));
        fieldPicker('setField', $imgfieldWrap, imgfield);

        var titleField = { "fieldid": "-1", "fielddesc": "{lastname}" };
        var $titlefieldWrap = this.$showsetContentContainer.find(".title-field-row-wrap");
        $titlefieldWrap.find(".field-col-wrap").addClass("choosed");
        $titlefieldWrap.find("input[name='field_json']").val(JSON.stringify(titleField));
        $titlefieldWrap.find(".field").html("{lastname}");
        fieldPicker('setField', $titlefieldWrap.find(".field-col-wrap"), titleField);

        var $fieldRowWrap = this.$showsetContentContainer.find(".field-row-wrap").not(".title-field-row-wrap");
        var nameField = { "fieldid": "-1", "fielddesc": "{mobile}" };
        $("#column_" + theId).val("1");
        this.$showsetContentContainer.find(".item-bottom .field-row-wrap").not(".title-field-row-wrap").remove();
        var $showsetBottom = this.$showsetContentContainer.find(".item-bottom");
        var $rowWrap = $('<div class="field-row-wrap"><div class="move-after move_btn"></div><div class="del-box-after del_btn"></div></div>');
        var colHtml = '<div class="field-col-wrap choosed">'
            + '<span class="field" title="' + SystemEnv.getHtmlNoteName(4139) + '">{mobile}</span>'  //选择字段
            + '<input type="hidden" name="field_json"/>'
            + '</div>';
        $rowWrap.append(colHtml);
        $showsetBottom.append($rowWrap);
        $rowWrap.find("input[name='field_json']").val(JSON.stringify(nameField));
        fieldPicker('setField', $rowWrap.find(".field-col-wrap"), nameField);
        this.resizeFieldColWidth();
        this.autoUpdate();
    },
    initFieldPicker: function (options) {
        var theId = this.id,
            data = require("sourcePanel").getData(theId),
            sourceType = data.sourceType;
        var addDataUrlParmFields = function (data, resultKey) {
            var $dataurl = require("sourcePanel").getInstance(theId).$.dataurl;
            $dataurl.data('selectparams', data);
            $dataurl.data('resultKey', resultKey);
        };
        if (sourceType == 1) {
            fieldPicker('change', 'search_' + data.searchid, function (data) { addDataUrlParmFields(data); }, theId);
        } else if (sourceType == 3) {
            var sourceId = "sql_" + data.sourceSql + "_datasource_" + data.datasource;
            fieldPicker('change', sourceId, function (data) { addDataUrlParmFields(data); }, theId);
        } else if (sourceType == 5) {
            var resultKey = options && options.DATAS || "";
            fieldPicker('change', "api_" + data.apiConfig.api.id, function (data) { addDataUrlParmFields(data, resultKey); }, theId, resultKey);
        } else {
            fieldPicker('change', '', function () { }, theId);
            addDataUrlParmFields([]);
        }
    },
    initSourceContent: function (options) {
        var theId = this.id,
            data = require("sourcePanel").getData(theId),
            sourceType = data.sourceType;
        if (sourceType == 5) {
            var $outFormatLi = this.$apiDataFormatContainer.find("ul.outformat-list > li");
            $outFormatLi.each(function () {
                var $li = $(this);
                var _key = $("input[name='key']", $li).val();
                options && options[_key] && $("input[name='name']", $li).val(options[_key]);
            });
        }
    },
    initCubeSourceContent: function () {
        var theId = this.id,
            data = require("sourcePanel").getData(theId),
            sourceType = data.sourceType,
            searchid = data.searchid;
        var $content4cubemode = this.$attrContainer.find("[data-source-content4cubemode]");
        if (sourceType == 1) {
            require("utils").api("designer/plugin", {
                action: "getCubeModeConfig",
                data: {
                    searchid: searchid
                }
            }, function (result) {
                $content4cubemode[result.data.modeid != -1 ? "show" : "hide"]();
            });
        } else {
            $content4cubemode.hide();
        }
    },

    initQuickSearchColumns: function () {
        var that = this,
            $qsColumnUl = this.$quickSearchColumnContainer.find("ul.normal-list"),
            quickSearchColumns = this.mecJson["quickSearchColumns"] || [];
        if ($qsColumnUl.children("li").length > 0) {
            quickSearchColumns = that.getQuickSearchColumns();
            $qsColumnUl.empty();
        }
        quickSearchColumns.forEach(function (column) {
            that.addOneQuickSearchColumnToPage(column);
        });
    },
    addOneQuickSearchColumnToPage: function (result) {
        var that = this,
            id = result["id"],
            option = that.getSearchFieldOptionHtml(result, false, that.advancedSearchColumns),
            defField = option.defField,
            fieldName = defField.fieldName;
        
        var $li = $('<li id="li_'+id+'"></li>');
        var htm = '<div>';
            htm += '<table>';
                htm += '<tr>';
                    htm += '<td width="*">';
                        htm += '<select name="fieldList">';
                            htm += '<option value="" fieldName=""></option>';
                            htm += option.htm;
                        htm += '</select>';
                    htm += '</td>';
                    htm += '<td width="91px">';
                        htm += '<div class="fieldName">'+fieldName+'</div>';
                    htm += '</td>';
                    htm += '<td width="24px">';
                        htm += '<span class="del-after2 delFlag"></span>';
                    htm += '</td>';
                htm += '</tr>';
            htm += '</table>';
        htm += '</div>';
        $li.html(htm);

        this.$quickSearchColumnContainer.find("ul.normal-list").append($li);
        this.$quickSearchColumnContainer.find(".tip-control").hide();

        $("select", $li).niceSelect();

        $li.find("select[name='fieldList']").on("change", function () {
            var fieldName = $(this).find("option:selected").attr("fieldName");
            $li.find(".fieldName").html(fieldName);
        });
    },
    initAdvanceSearchColumns: function () {
        var that = this,
            $asColumnUl = this.$advancedSearchColumnContainer.find("ul.normal-list");
            that.advancedSearchColumns = this.mecJson["advancedSearchColumns"] || [];

        if ($asColumnUl.children("li").length > 0) {
            that.advancedSearchColumns = that.getAdvanceSearchColumns();
            $asColumnUl.empty();
        }

        that.selectedAdSearchColumns = that.advancedSearchColumns;
        var tag = that.selectedAdSearchColumns.length == that.advanceSourceFields.length;
        this.$attrContainer.find(".advancedSearch-column-add").toggleClass("disabled", tag);
        that.advancedSearchColumns.forEach(function (column) {
            that.addOneAdvanceSearchColumnToPage(column);
        });
    },
    addOneAdvanceSearchColumnToPage: function (result) {
        var that = this,
            id = result["id"],
            option = that.getSearchFieldOptionHtml(result, true),
            defField = option.defField,
            fieldTitle = defField.fieldTitle,
            quickItems = result.quickItems || [];
            
        var getFieldById = function(fieldid){
            return that.sourceFields.filter(function(field){ return fieldid == field.fieldid; })[0] || {};
        };
        var isNumOrDateField = function(currFieldid){
            var currField = getFieldById(currFieldid);
            var fieldtype = currField.fieldtype;
            return (currField.htmlType == 1 && fieldtype != 1) 
                || (currField.htmlType == 3 && (fieldtype == 2 || fieldtype == 19 || fieldtype == 290));
        };
        var currField = getFieldById(result.fieldid);
        var haveQuickCondition = isNumOrDateField(result.fieldid);
        var $li = $('<li id="li_'+id+'" data-htmltype="'+currField.htmlType+'" data-fieldtype="'+currField.fieldtype+'"></li>');
        var htm = '<div>';
            htm += '<table>';
                htm += '<tr>';
                    htm += '<td class="bemove" width="20px"></td>';
                    htm += '<td width="*">';
                        htm += '<select name="fieldList">';
                            htm += '<option value="" fieldName=""></option>';
                            htm += option.htm;
                        htm += '</select>';
                    htm += '</td>';
                    htm += '<td width="150px">';
                        htm += '<input name="fieldTitle" type="text" class="form-control" placeholder="'+SystemEnv.getHtmlNoteName(3539)+'"/>';  //显示名称
                    htm += '</td>';
                    htm += '<td width="20%" style="position:relative;text-align:center;padding-right:0;">';
                        htm += '<input type="hidden" name="quickItems"/>';
                            htm += '<div class="self quickItems"'+(haveQuickCondition ? ' style="display:none;"': '')+'>'+SystemEnv.getHtmlNoteName(4168)/*无*/+'</div>';
                            htm += '<div class="custom quickItems"'+(!haveQuickCondition ? ' style="display:none;"': '')+'>';
                                htm += '<span class="edit-before quick-contion-edit">'+SystemEnv.getHtmlNoteName(6208)/*设置*/+'</span>';
                            htm += '</div>';
                    htm += '</td>';
                    htm += '<td width="24px">';
                        htm += '<span class="del-after2 delAdFieldFlag delFlag"></span>';
                    htm += '</td>';
                htm += '</tr>';
            htm += '</table>';
        htm += '</div>';
        $li.html(htm);

        this.$advancedSearchColumnContainer.find("ul.normal-list").append($li);
        this.$advancedSearchColumnContainer.find(".tip-control").hide();

        MLanguage.setValue($li.find("input[name='fieldTitle']"), fieldTitle);
        $li.find("input[name='quickItems']").val(JSON.stringify(quickItems));

        $li.find("select[name='fieldList']").on("change", function (e) {
            var fieldTitle = $(this).find("option:selected").attr("fieldTitle");
            MLanguage.setValue($li.find("input[name='fieldTitle']"), fieldTitle);
        }).on("select2:select", function (e) {
            var fieldid = e.params.data.id;
            var selectField = getFieldById(fieldid);
            $li.data("htmltype", selectField.htmlType).data("fieldtype", selectField.fieldtype);
            that.quickConditionShowHide(isNumOrDateField(fieldid), $li);
            that.selectedFiledid = fieldid;
            that.selectedAdSearchColumns.push({ 
				fieldid: that.selectedFiledid,
				fieldTitle: e.params.data.text 
			});
        }).on("select2:selecting", function (e) {
            var preSelectedFiledid = $(e.target).find("option:selected").attr("value");
            var preSelectedIndex = 0;
            that.selectedAdSearchColumns.forEach(function (val, ind) {
                if (val.fieldid == preSelectedFiledid) {
                    preSelectedIndex = ind;
                }
            })
            that.selectedAdSearchColumns.splice(preSelectedIndex, 1);
        }).on("select2:opening", function (e) {
            var result = { fieldid: $(e.target).find("option:selected").attr("value") };
            option = that.getSearchFieldOptionHtml(result, true);

            $li.find("select[name='fieldList']").html( option.htm )
        });
        $li.find(".quick-contion-edit").on("click", function(){
            var $li = $(this).closest("li"), 
                htmltype = $li.data("htmltype"),
                fieldtype = $li.data("fieldtype"),
                quickItems = $.parseJSON($li.find("input[name='quickItems']").val());
            that.utils.openRcDialog("quick-condition-edit", {
                title: SystemEnv.getHtmlNoteName(6212),//快捷条件设置
                params: {
                    config: {
                        quickItems: quickItems,
                        isDate: htmltype == 3 && (fieldtype == 2 || fieldtype == 290),
                        isTime: htmltype == 3 && fieldtype == 19
                    }
                }
            }, function(result) {
                $li.find("input[name='quickItems']").val(JSON.stringify(result));
            });
        });
        $li.MLanguage();
        $("select", $li).niceSelect();
    },
    quickConditionShowHide: function(isNumType, $container){
        $container.find(".quickItems.self")[isNumType ? "hide" : "show"]();
        $container.find(".quickItems.custom")[isNumType ? "show" : "hide"]();
    },
    getCustomBtnDatas: function () {
        return this.getBtnDatas(this.$customBtnContainer);
    },
    getBtnDatas: function ($container) {
        var btnDatas = [];
        var $btnLi = $container.find("ul.normal-list > li");
        $btnLi.each(function () {
            var $that = $(this),
                btnId = $that.attr("id").substring("li_".length),
                btnType = $that.find("select[name='btnType']").val(),
                btnText = MLanguage.getValue($that.find("input[name='btnText']")),
                btnScript = $that.find("input[name='btnScript']").val(),
                picType = $that.find("#picType_" + btnId).val(),
                picPath = $that.find("#picPath_" + btnId).val();

            var btnData = {
                id: btnId,
                btnType: btnType,
                btnText: btnText,
                btnScript: btnScript,
                picType: picType,
                picPath: picPath
            };
            var $bgColor = $that.find("input[name='bgColor']");
            if ($bgColor.length) {
                btnData.bgColor = $bgColor.val();
            }
            btnDatas.push(btnData);
        });
        return btnDatas;
    },
    addOneCustomBtnToPage: function (result) {
        this.addBtnToPage(result, this.$customBtnContainer, {
            style: false
        });
    },
    addBtnToPage: function (result, $container, options) {
        options = $.extend({}, options);

        var resultId = result["id"];
        var $ul = $container.find("ul.normal-list");
        var $li = $('<li id="li_' + resultId + '"></li>');
        var htm = '<table>';
            htm += '<tbody>';
                htm += '<tr>';
                    htm += '<td class="bemove" width="20px"></td>';
                    htm += '<td width="65px">';
                        htm += '<select name="btnType" style="padding-left: 10px;">';
                            htm += '<option value="1">'+SystemEnv.getHtmlNoteName(4373)+'</option>';  //文字
                            htm += '<option value="2">'+SystemEnv.getHtmlNoteName(4167)+'</option>';  //图片
                        htm += '</select>';
                    htm += '</td>';
                
                    htm += '<td width="*" valign="middle" id="textTD_'+resultId+'">';
                        htm += '<input name="btnText" data-autobind type="text" class="form-control" placeholder="'+SystemEnv.getHtmlNoteName(4177)+'"/>';  //按钮名称
                    htm += '</td>';
                    
                    htm += '<td width="*" class="img-td" id="imgTD_'+resultId+'" style="display: none;">';
                        htm += '<div style="width:40px;"><img class="icon" id="pic_img_'+resultId+'" src="/mobilemode/images/mec/add-img-btn_wev8.png"></div>';
                        htm += '<input type="hidden" id="picType_'+resultId+'"/>';
                        htm += '<input type="hidden" id="picPath_'+resultId+'" iconwidth="" iconheight=""/>';
                    htm += '</td>';
                    
                    if(options.style){
                        htm += '<td width="30px">';
                            htm += '<button name="colorpick" class="colorBox" type="button" title="'+SystemEnv.getHtmlNoteName(4236)+'" style="margin-left:2px;background-color:' + result.bgColor + ';"/>';  //取色器
                            htm += '<input type="hidden" name="bgColor"/>';
                        htm += '</td>';
                    }
                    
                    htm += '<td width="86px">';
                        htm += '<div class="click-control">';
                            htm += '<input name="btnScript" type="hidden"/>';
                            htm += SystemEnv.getHtmlNoteName(4178);  //单击事件
                        htm += '</div>';
                    htm += '</td>';
                    
                    htm += '<td width="24px">';
                        htm += '<span class="del-after2 delFlag"></span>';
                    htm += '</td>';
                    
                htm += '</tr>';
            htm += '</tbody>';
        htm += '</table>';
        $li.html(htm);
        $ul.append($li);

        MLanguage.setValue($("input[name='btnText']", $li), result["btnText"]);

        $("select[name='btnType']", $li).val(result["btnType"] || "1");
        $("#picType_" + resultId).val(result["picType"]);
        $("#picPath_" + resultId).val(result["picPath"]);
        options.style && $("input[name='bgColor']", $li).val(result["bgColor"]);
        this.btnTypeChange(resultId);
        this.setBtnPicPath(resultId, result['picPath']);

        var btnScript = result["btnScript"];
        $("input[name='btnScript']", $li)[0].value = btnScript;
        var $clickControl = $(".click-control", $li);

        $clickControl.click(function () {
            var $this = $(this);
            var $btnScript = $("input[name='btnScript']", $this);
            var fieldV = $.trim($btnScript.val());
            if (fieldV == "") {
                fieldV = options.scriptTip || "";
                $btnScript.val(fieldV);
            }
            SL_AddScriptToField($btnScript);
        });

        SL_ChangeStyle($clickControl, btnScript);

        $li.find('select').niceSelect();
        $li.MLanguage();

        options.style && $(".colorBox", $li).colpick({
            colorScheme: 'dark',
            layout: 'rgbhex',
            color: result.bgColor,
            onSubmit: function (hsb, hex, rgb, el) {
                var eleId = $(el).attr("id");
                var colorValue = "#" + hex;
                $("input[name='bgColor']", $li).val(colorValue);
                $(el).css('background-color', colorValue);
                $(el).colpickHide();
            }
        });

        $container.find(".tip-control").hide();
    },
    btnTypeChange: function (itemId) {
        var $li = $("#li_" + itemId);
        var btnType = $("select[name='btnType']", $li).val();
        if (btnType == "1") {
            $("#textTD_" + itemId, $li).show();
            $("#imgTD_" + itemId, $li).hide();
        } else if (btnType == "2") {
            $("#textTD_" + itemId, $li).hide();
            $("#imgTD_" + itemId, $li).show();
        }
    },
    setBtnPicPath: function (itemId, picPath) {
        var $picImg = $("#pic_img_" + itemId);
        if (picPath && picPath != "") {
            if (picPath.indexOf("/mobilemode/piclibrary/qn_ffffff") === 0) {
                $picImg.css({ "background-color": "#eee", "border-radius": "3px" });
            }
            $picImg[0].src = picPath;
        } else {
            $picImg[0].src = "/mobilemode/images/mec/add-img-btn_wev8.png";
        }
    },
    formatJson2Value: function (jsonObj) {
        return $.isEmptyObject(jsonObj) ? "" : JSON.stringify(jsonObj);
    },
    resizeFieldColWidth: function () {
        var $rowWrap = this.$showsetContentContainer.find(".item-bottom .field-row-wrap").not(".title-field-row-wrap");
        $rowWrap.each(function () {
            var rowWidth = parseInt($(this).width());
            rowWidth = rowWidth > 0 ? rowWidth : 186;
            var $colWrap = $(".field-col-wrap", $(this));
            var colCount = parseInt($colWrap.length);
            var colWidth = parseInt(rowWidth / colCount);
            var lastColWidth = colWidth + (rowWidth - (colWidth * colCount));
            var colWidthArr = new Array();
            for (var i = 0; i < colCount; i++) {
                if (i != (colCount - 1)) {
                    colWidthArr.push(colWidth);
                } else {
                    colWidthArr.push(lastColWidth);
                }
            }
            $colWrap.each(function (i) {
                $(this).width(colWidthArr[i]);
            });
        });
    }
});