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

MEC_NS.NHoriList = function(type, id, mecJson){
    this.type = type;
    if(!id){
        id = new UUID().toString();
    }
    this.id = id;
    if(!mecJson){
        mecJson = this.getDefaultMecJson();
    }
    this.mecJson = mecJson;
    this.utils = require('utils');
    this.sourcePanel = this.utils.use('sourcePanel');
    this.sourceFields = [];
    this.fieldInfo = null;

    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');
    }
}

MEC_NS.NHoriList.prototype.getID = function(){
    return this.id;
};

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

MEC_NS.NHoriList.prototype.getDesignHtml = function(){
    return getDesignHtml(this);
};

MEC_NS.NHoriList.prototype.getAttrDlgHtml = function(){
    var theId = this.id;
    var row = this.mecJson.showSet.row;
    var col = this.mecJson.showSet.col;
    var pageSize = this.mecJson.pageSize;
    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++) {
            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" style="position:relative;">'+SystemEnv.getHtmlNoteName(4302);//数据JSON对应KEY
                            htm += '<div class="more-info pl-3" style="color:#108ee9;position:static;display:inline;"></div></div>';
                        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"/>';
                    htm += '</div>';
                htm += '</div>';

                htm += '<div id="sourcePanel_'+theId+'"></div>';

                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>';

            htm += '</div>';
        htm += '</div>';
        //基本信息---end

        //展示样式---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(5252) + '<div class="more-info hidden"></div></div>';
            htm += '<div class="form-group block-control">';
                htm += '<div class="row" style="position: relative;">';
                    htm += '<span class="col-2 span-control">' + SystemEnv.getHtmlNoteName(6365) + '</span>';  //显示数量：
                    htm += '<div class="col-m-8">';
                        htm += '<input type="text" id="pageSize_' + theId + '" class="form-control" value="' + pageSize + '"/>';
                    htm += '</div>';
                htm += '</div>';

                htm += '<div class="row">';
                    htm += '<span class="col-2 span-control">' + SystemEnv.getHtmlNoteName(5253) + '</span>';  //数据只读：
                    htm += '<div class="col-m-8">';
                        htm += '<input type="checkbox" id="dataReadonly_' + theId +'" />';
                    htm += '</div>';
                htm += '</div>';

                htm += '<div class="row">';
                    htm += '<span class="col-2 span-control">' + SystemEnv.getHtmlNoteName(4129) + '</span>';  //延迟加载：
                    htm += '<div class="col-m-8">';
                        htm += '<input type="checkbox" id="lazyLoad_' + theId +'" />';
                    htm += '</div>';
                htm += '</div>';
                
            htm += '</div>';
        htm += '</div>';
        //数据展示---end

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

MEC_NS.NHoriList.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');

    this.bindAttrDlgHtmlEvent();

    this.sourcePanel('run', {
        type: 'list',
        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.sourceFields.filter(function(val){
                    return val.htmlType != 6;  // 图片、附件
                })
                that.initFieldPicker();
                that.doClearFieldsPrompt();
            },
            sourceValueChange: function (options) {
                that.initFieldPicker(options);
                that.initSourceContent(options);
                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) {
                var classname = target.attr('class');
                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, $urlDataFormatContainer.find('ul.normal-list > li'));
    setDataFormatValue(this.mecJson.apiDataFormat, $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 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');
    }

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

    $('#MAD_' + theId).checkbox();
};

/*获取JSON*/
MEC_NS.NHoriList.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['dataReadonly'] = $('#dataReadonly_'+theId).is(':checked') ? '1' : '0';
        this.mecJson['lazyLoad'] = $('#lazyLoad_'+theId).is(':checked') ? '1' : '0';
        
        this.mecJson['pageSize'] = $('#pageSize_'+theId).val();
    }

    return this.mecJson;
};

MEC_NS.NHoriList.prototype.getDefaultMecJson = function(){
    var count = $('abbr[m_type="NHoriList"]', '#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(4444) + (count + 1), // 横向列表
        sourceData: {},
        urlDataFormat: {
            DATAS: 'datas',
            TOTAL_SIZE: 'totalSize'
        },
        showSet: {
            row: row,
            col: col,
            view: showView
        },
        pageSize: '10',
    };
};

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

    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 msg = SystemEnv.getHtmlNoteName(6069); //请设置内容来源对应数据！
        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: msg
        };
    }
};

/* 获取横向列表名称 */
MEC_NS.NHoriList.prototype.getName = function(){
    var theId = this.id;
    var name = this.mecJson['name'];
    if(name == '' || $.trim(name) == ''){
        name = theId;
    }
    return name;
};

//外部调用，如：日历控件
MEC_NS.NHoriList.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.NHoriList.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() {
           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();
        });
    },
    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;
    },
    getUrlDataFormat: function () {
        return this.getDataFormat(this.$urlDataFormatContainer);
    },
    getApiDataFormat: function () {
        return this.getDataFormat(this.$apiDataFormatContainer);
    },
    doClearFieldsPrompt: function (msg) {
        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 that = this;

        if ($fieldJson.length) {
            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');
                });
                var showView = that.mecJson.showSet.view;
                showView.imgfield = {};
                showView.titlefield = {};
                showView.otherfields = [];
                that.autoUpdate();
            });
        }
    },
    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]);
            });
        }
    },
    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, theId);

        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 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([]);
        }
    },
    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]);
            });
        });
    }
});