ecui/src/ext/condition-plus.js

Enterprise Classic User Interface.

/**
 * @author quyatong
 */

(function() {
    var core = ecui,
        ui = core.ui,
        dom = core.dom,
        string = core.string,
        util = core.util,
        $fastCreate = core.$fastCreate,
        inheritsControl = core.inherits,
        findControl = core.findControl,
        first = dom.first,
        last = dom.last,
        children = dom.children,
        createDom = dom.create,
        removeDom = dom.remove,
        addClass = dom.addClass,
        setText = dom.setText,
        blank = util.blank,
        UI_CONTROL = ui.Control,
        UI_CONTROL_CLASS = UI_CONTROL.prototype,
        UI_BUTTON = ui.Button,
        UI_BUTTON_CLASS = UI_BUTTON.prototype,
        UI_INPUT_CONTROL = ui.InputControl,
        UI_INPUT_CONTROL_CLASS = UI_INPUT_CONTROL.prototype,
        UI_INPUT = ui.Input,
        UI_INPUT_CLASS = UI_INPUT.prototype,
        UI_SELECT = ui.Select,
        UI_SELECT_CLASS = UI_SELECT.prototype,
        UI_MULTI_SELECT = ui.MultiSelect,
        UI_MULTI_SELECT_CLASS = UI_MULTI_SELECT.prototype,
        UI_CALENDAR = ui.Calendar,
        UI_CALENDAR_CLASS = UI_CALENDAR.prototype,
        UI_MULTI_CALENDAR = ui.MultiCalendar,
        UI_MULTI_CALENDAR_CLASS = UI_MULTI_CALENDAR.prototype,
        UI_DATA_TREE = ui.DataTree,
        UI_DATA_TREE_CLASS = UI_DATA_TREE.prototype,
        UI_INPUT_TREE = ui.InputTree,
        UI_INPUT_TREE_CLASS = UI_INPUT_TREE.prototype;

    var NONE = '-1';
    var EQ = '0'; // equal
    var NEQ = '1'; // not equal
    var GT = '2'; // great than
    var GE = '3'; // great than or equal
    var LT = '4'; // less than
    var LE = '5'; // less than or equal
    var BETWEEN = '6'; // between
    var LIKE = '7'; // like
    var IN = '8'; // in
    var IS_NULL = '9'; // is null
    var IS_NOT_NULL = '10'; //
    var Off_Time = IS_NOT_NULL;

    var isPositiveInteger = '^[0-9]*$';
    var isLengthString = '.{0,109}';
    var UI_CONDITION_PLUS = ui.ConditionPlus = inheritsControl(UI_CONTROL, "ui-condition-plus", function(el, options) {

        this.parEle = core.dom.getParent(el);
        this.theNode = el;
        var child = children(el);
        var type = this.getTypes()[0];
        var id = options.id;
        var tagName = options.tagName;
        var foreText = options.foreText;
        var isDefault = options.isDefault;
        var hide = options.hide;
        var widgetType = options.widgetType;
        var operatorType = options.operatorType;
        var operatorLeftValue = options.operatorLeftValue;
        var reg = isLengthString; // || options.regexp || '';
        var valueType = options.valueType;
        var isComplex = options.isComplex;
        var isLike = options.isLike;

        var attached = options.attached ? options.attached.split(',') : [];

        var text = createDom(type + "-text", "", "span");
        var content = createDom('ui-select', '', 'select');
        var contentHTML = '';
        var invalidateText = createDom(type + "-invalidate", "", "div");

        this._sName = tagName;
        this._uId = id.replace('condition', '');
        this._sIsDefault = isDefault;
        this._sIsHide = hide;
        this._sName = tagName;
        this._sOperatorType = operatorType;
        this._sReg = reg;
        this._sIsLike = isLike;

        if(core.string.getByteLength(foreText) > 14) {
            core.dom.getParent(el).style.width = "100%";
            text.innerHTML = foreText + "： ";
            core.dom.setStyles(text, {
                'float': 'left',
                'display': 'block',
                'line-height': '22px'
            });
        } else {
            text.innerHTML = foreText + "： ";
            core.dom.setStyles(text, {
                'float': 'left',
                'display': 'block',
                'line-height': '22px',
                'width': '103px'
            });
        }
        
        switch(widgetType + '') {
        case '0':
            // 下拉
            content = createDom('ui-select', 'width:238px;float:left;display:block', 'select');
            contentHTML = '';
            break;
        case '1':
            //下拉列表多选
            content = createDom('ui-select ui-multi-select', 'width:238px;float:left;display:block', 'select');
            contentHTML = '';
            break;
        case '2':
            //文本框
            content = createDom('ui-input', 'width:238px;float:left;display:block', 'input');
            contentHTML = "";
            break;
        case '3':
            //日期
            content = createDom('ui-multi-calendar', 'width:238px;float:left;display:block', 'div');
            contentHTML = "";
            break;
        case '4':
            //下拉树
            content = createDom('ui-input-tree', 'width:238px;float:left;display:block', 'div');
            contentHTML = '<div></div>';
            break;
        case '6':
            //math
            content = createDom('', 'width:238px;float:left;display:block', 'div');
            contentHTML = "";
            break;
        case '5':
            //特殊
            switch(tagName) {
            case 'health_grade':
                content = createDom('ui-select ui-multi-select', 'width:238px;float:left;display:block', 'div');
                contentHTML = '';
                break;
            case 'trade':
            case 'fc_off_time':
            case 'wm_off_time':
            case 'busi_season':
            case 'province_city':
                content = createDom('', 'width:238px;float:left;display:block', 'div');
                contentHTML = '';
                break;
            case 'fc_budget_type':
                content = createDom('ui-select', 'width:238px;float:left;display:block', 'div');
                contentHTML = '';
                break;
            }
        }
        //标签内容
        if(contentHTML) {
            content.innerHTML = contentHTML;
        }
        el.appendChild(text);
        el.appendChild(content);
        el.appendChild(invalidateText);
        core.dom.setStyle(invalidateText, 'margin-left', content.offsetLeft + 'px');
    }, function(el, options) {
        var child = children(el);
        var type = this.getTypes()[0];
        var id = options.id;
        var tagName = options.tagName;
        var foreText = options.foreText;
        var isDefault = options.isDefault;
        var hide = options.hide;
        var widgetType = options.widgetType;
        var operatorType = options.operatorType;
        var operatorLeftValue = options.operatorLeftValue;
        var valueType = options.valueType;
        var isComplex = options.isComplex;
        var invalidater = baidu.dom.last(el);
        this.invalidater = invalidater;

        if(isDefault == '0' && core.dom.getParent(el)) {
            core.dom.getParent(el).style.display = 'none';
        }
        var _uTypes = ['select', 'dropdownlist', 'input', 'calendar', 'inputTree', 'spec']
        this._uType = _uTypes[widgetType];
        var me = this;

        var setInvalidater = function(text) {
                invalidater.innerHTML = text;
            }
        
        switch(widgetType + '') {
        case '0':
            // 下拉
            this._uSelect = $fastCreate(UI_SELECT, child[1], this, {});
            UI_SELECT_CLASS.$cache.call(this._uSelect, this._uSelect.getOuter().style, true);
            this._uSelect.$setSize(238, 20);
            break;
        case '1':
            //下拉列表多选
            this._uDropdownList = $fastCreate(UI_MULTI_SELECT, child[1], this, {
                'textAll': '全部状态'
            });
            UI_MULTI_SELECT_CLASS.$cache.call(this._uDropdownList, this._uDropdownList.getOuter().style, true);
            this._uDropdownList.$setSize(238, 20);
            this._uDropdownList.setValue([]);
            break;
        case '2':
            //文本框
            var UI_INPUT_TEXT = inheritsControl(UI_INPUT, null);
            var UI_INPUT_TEXT_CLASS = UI_INPUT_TEXT.prototype;
            this._uInput = $fastCreate(UI_INPUT_TEXT, child[1], this, {
                tip: '',
                'width': '238px'
            });
            UI_INPUT_TEXT_CLASS.$cache.call(this._uInput, this._uInput.getOuter().style, true);

            this._uInput.$setSize(238, 20);
            this._uInput.setValue('');
            break;
        case '3':
            this._uMultiCalendar = $fastCreate(UI_MULTI_CALENDAR, child[1], this,{start :'1962-1-1',end : '2032-12-31'});
            UI_MULTI_CALENDAR_CLASS.$cache.call(this._uMultiCalendar, this._uMultiCalendar.getOuter().style, true);
            this._uMultiCalendar.$setSize(238, 20);
            this._uMultiCalendar.clear();
            break;
        case '4':
            break;
        case '6':
            this._uType = "math";
            var mathSelect = createDom('ui-select', '', 'select');
            var leftInput = createDom('ui-input', '', 'div');
            var rightInput = createDom('ui-input', 'margin-left:2px', 'div');
            var centerFlag = createDom('', '', 'span');
            centerFlag.innerHTML = "&nbsp;-&nbsp;"
            core.dom.setStyles(mathSelect, {
                "width": '75px'
            })
            core.dom.setStyles(leftInput, {
                "width": '69px',
                'margin-left': '5px',
                'margin-right': '2px'
            })
            core.dom.setStyles(rightInput, {
                "width": '69px',
                'margin-left': '0px'
            })

            child[1].appendChild(mathSelect);
            child[1].appendChild(leftInput);
            child[1].appendChild(centerFlag);
            child[1].appendChild(rightInput);
            grandChild = children(child[1]);
            var me = this;
            var UI_MATH = inheritsControl(UI_SELECT, null);
            var UI_MATH_CLASS = UI_MATH.prototype;

            var UI_INPUT_LEFT = inheritsControl(UI_INPUT, null);
            var UI_INPUT_LEFT_CLASS = UI_INPUT_LEFT.prototype;

            var UI_INPUT_RIGHT = inheritsControl(UI_INPUT, null);
            var UI_INPUT_RIGHT_CLASS = UI_INPUT_RIGHT.prototype;

            this._uMath = $fastCreate(UI_MATH, grandChild[0], this, {});
            this._uMath.$setSize(72, 20);

            this._uMathLeft = $fastCreate(UI_INPUT_LEFT, grandChild[1], this, {});
            this._uMathLeft.$setSize(54, 20);

            this._uCenterFlag = centerFlag;

            this._uMathRight = $fastCreate(UI_INPUT_RIGHT, grandChild[3], this, {});
            this._uMathRight.$setSize(54, 20);


            var arr = [{
                'value': NONE,
                'text': '请选择'
            }, {
                'value': EQ,
                'text': '等于'
            }, {
                'value': GT,
                'text': '大于'
            }, {
                'value': GE,
                'text': '大于等于'
            }, {
                'value': LT,
                'text': '小于'
            }, {
                'value': LE,
                'text': '小于等于'
            }, {
                'value': BETWEEN,
                'text': '介于'
            }];

            baidu.each(arr, function(option) {
                me._uMath.add(option.text, null, option);
            });
            baidu.dom.hide(me._uMathLeft.getOuter());
            baidu.dom.hide(me._uMathRight.getOuter());

            me._uMathRight.onfocus = me._uMathLeft.onfocus = function() {
                core.dom.setStyle(me._uMathLeft.getOuter(), 'border', '1px solid #A9ADB6');
                core.dom.setStyle(me._uMathRight.getOuter(), 'border', '1px solid #A9ADB6');
                me.invalidater.innerHTML = '';
            };

            UI_MATH_CLASS.$change = function() {
                baidu.dom.hide(me._uMathLeft.getOuter());
                baidu.dom.hide(me._uCenterFlag);
                baidu.dom.hide(me._uMathRight.getOuter());
                switch(this.getValue()) {
                case EQ:
                case GT:
                case GE:
                case LT:
                case LE:
                    baidu.dom.show(me._uMathLeft.getOuter());
                    break;
                case BETWEEN:
                    baidu.dom.show(me._uMathLeft.getOuter());
                    baidu.dom.show(me._uCenterFlag);
                    baidu.dom.show(me._uMathRight.getOuter());
                    break;
                }
                core.dom.setStyle(me._uMathLeft.getOuter(),'border','1px solid #A9ADB6');
                core.dom.setStyle(me._uMathRight.getOuter(),'border','1px solid #A9ADB6');
                me.invalidater.innerHTML = '';
            };
            me._uMath.setSelectedIndex(0);
            me._uMath.$change();
            break;
        case '5':
            //特殊
            switch(tagName) {
            case 'fc_budget_type':
                this._uType = 'fc_budget_type';
                this._uSelect = $fastCreate(UI_SELECT, child[1], this, {});
                UI_SELECT_CLASS.$cache.call(this._uSelect, this._uSelect.getOuter().style, true);
                this._uSelect.$setSize(238, 20);

                var allArr = [{
                    'value': NONE,
                    'text': '全部'
                }, {
                    'value': 0,
                    'text': '日预算'
                }, {
                    'value': 1,
                    'text': '周预算'
                }, {
                    'value': IS_NULL,
                    'text': '未设置预算'
                }];

                baidu.each(allArr, function(option) {
                    me._uSelect.add(option.text, null, option);
                });
                me._uSelect.setSelectedIndex(0);
                break;
            case 'trade':
                this._uType = 'trade';
                var tradeFirstSelect = createDom('ui-select', '', 'span');
                var tradeSecSelect = createDom('ui-select', '', 'span');

                core.dom.setStyles(tradeFirstSelect, {
                    "width": '114px',
                    'margin-left': '0px'
                })
                core.dom.setStyles(tradeSecSelect, {
                    "width": '113px',
                    'margin-left': '7px'
                })

                child[1].appendChild(tradeFirstSelect);
                child[1].appendChild(tradeSecSelect);

                var grandChild = children(child[1]);
                var me = this;
                var UI_FIRST_TRADE = inheritsControl(UI_SELECT, null);
                var UI_FIRST_TRADE_CLASS = UI_FIRST_TRADE.prototype;

                var UI_SEC_TRADE = inheritsControl(UI_SELECT, null);
                var UI_SEC_TRADE_CLASS = UI_SEC_TRADE.prototype;

                this._uFirstTrade = $fastCreate(UI_FIRST_TRADE, grandChild[0], this, {});
                this._uFirstTrade.$setSize(110, 20);

                this._uSecTrade = $fastCreate(UI_SEC_TRADE, grandChild[1], this, {});
                this._uSecTrade.$setSize(110, 20);

                this._uFirstTrade.$change = function(secondTradeId) {
                    var firstTradeId = me._uFirstTrade.getValue();
                    if(firstTradeId == NONE) {
                        me._uSecTrade.clear();
                        me._uSecTrade.add('请选择二级行业', null, {
                            'value': NONE,
                            'text': '请选择二级行业'
                        })
                        me._uSecTrade.setSelectedIndex(0);
                    } else {
                        var par = this.getParent();
                        me._uSecTrade.clear();
                        ecui.triggerEvent(par, "loaddata", {
                            "name": 'trade',
                            'firstTradeId': firstTradeId,
                            'secondTradeId': secondTradeId
                        }, null);
                    }
                }
                break;
            case 'province_city':
                this._uType = 'province_city';
                var provinceSelect = createDom('ui-select', '', 'span');
                var citySelect = createDom('ui-select', '', 'span');

                core.dom.setStyles(provinceSelect, {
                    "width": '114px',
                    'margin-left': '0px'
                });

                core.dom.setStyles(citySelect, {
                    "width": '113px',
                    'margin-left': '7px'
                });

                child[1].appendChild(provinceSelect);
                child[1].appendChild(citySelect);

                var grandChild = children(child[1]);
                var me = this;
                var UI_PROVINCE = inheritsControl(UI_SELECT, null);
                var UI_PROVINCE_CLASS = UI_PROVINCE.prototype;

                var UI_CITY = inheritsControl(UI_SELECT, null);
                var UI_CITY_CLASS = UI_CITY.prototype;

                this._uProvince = $fastCreate(UI_PROVINCE, grandChild[0], this, {});
                this._uProvince.$setSize(114, 20);

                this._uCity = $fastCreate(UI_CITY, grandChild[1], this, {});
                this._uCity.$setSize(114, 20);

                UI_PROVINCE_CLASS.$change = function(cityId) {
                    var provinceId = me._uProvince.getValue();
                    if(provinceId == 0) {
                        me._uCity.clear();
                        me._uCity.add('请选择市', null, {
                            'value': NONE
                        });
                        me._uCity.setSelectedIndex(0);
                    } else {
                        var par = this.getParent();
                        me._uCity.clear();
                        ecui.triggerEvent(par, "loaddata", {
                            "name": 'province_city',
                            'provinceId': provinceId,
                            'cityId': cityId
                        }, null);
                    }
                }
                break;
            case 'wm_off_time':
            case 'fc_off_time':
                if(tagName == "wm_off_time") {
                    this._uType = 'wm_off_time';
                } else {
                    this._uType = 'fc_off_time';
                }
                var me = this;
                var grandChild = null;
                var UI_HIT_SELECT = inheritsControl(UI_SELECT, null);
                var UI_HIT_SELECT_CLASS = UI_HIT_SELECT.prototype;

                var UI_HIT_FIRST_TIME = inheritsControl(UI_SELECT, null);
                var UI_HIT_FIRST_TIME_CLASS = UI_HIT_FIRST_TIME.prototype;

                var UI_HIT_SECOND_TIME = inheritsControl(UI_SELECT, null);
                var UI_HIT_SECOND_TIME_CLASS = UI_HIT_SECOND_TIME.prototype;

                var hitSelect = createDom('ui-select', '', 'select');
                var hitFirstTimeSelect = createDom('ui-select', '', 'select');
                var hitCenterFlag = createDom('', '', 'span');
                var hitSecondTimeSelect = createDom('ui-select', '', 'select');
                hitCenterFlag.innerHTML = '&nbsp;-&nbsp;';

                child[1].appendChild(hitSelect);
                child[1].appendChild(hitFirstTimeSelect);
                child[1].appendChild(hitCenterFlag);
                child[1].appendChild(hitSecondTimeSelect);
                grandChild = children(child[1]);

                core.dom.setStyles(hitSelect, {
                    "width": '70px',
                    'margin-left': '0px'
                });

                core.dom.setStyles(hitFirstTimeSelect, {
                    "width": '67px',
                    'margin-left': '7px'
                });

                core.dom.setStyles(hitSecondTimeSelect, {
                    "width": '67px',
                    'margin-left': '0px'
                });

                this._uHitSelect = $fastCreate(UI_HIT_SELECT, grandChild[0], this, {});
                this._uHitSelect.$setSize(70, 20);

                this._uHitFirstTimeSelect = $fastCreate(UI_HIT_FIRST_TIME, grandChild[1], this, {});
                this._uHitFirstTimeSelect.$setSize(69, 20);

                this._uHitCenterFlag = hitCenterFlag;

                this._uHitSecondTimeSelect = $fastCreate(UI_HIT_SECOND_TIME, grandChild[3], this, {});
                this._uHitSecondTimeSelect.$setSize(69, 20);

                var hitArr = [{
                    'value': NONE,
                    'text': '全部'
                }, {
                    'value': IS_NULL,
                    'text': '未撞线'
                }, {
                    'value': Off_Time,
                    'text': '撞线'
                }];

                baidu.each(hitArr, function(option) {
                    me._uHitSelect.add(option.text, null, option);
                });
                me._uHitSelect.setSelectedIndex(0);

                var gennerTime = function(index, start) {
                        var firstOptionText = ['请选择', '请选择'];
                        var times = [{
                            'value': NONE,
                            'text': firstOptionText[index]
                        }];

                        for(var i = start || 0; i <= 23; i++) {
                            var hours = (i + '').length == 1 ? ('0' + (i + '')) : (i + '');
                            times.push({
                                'value': i * 2 + 1,
                                'text': hours + ':00'
                            });
                            times.push({
                                'value': i * 2 + 2,
                                'text': hours + ':30'
                            });
                        }
                        return times;
                    }

                var times = gennerTime(0);

                baidu.each(times, function(option) {
                    me._uHitFirstTimeSelect.add(option.text, null, option);
                });
                me._uHitFirstTimeSelect.setSelectedIndex(0);

                times = gennerTime(1);
                baidu.each(times, function(option) {
                    me._uHitSecondTimeSelect.add(option.text, null, option);
                });
                me._uHitSecondTimeSelect.setSelectedIndex(0);

                me._uHitSelect.$change = function() {
                    if(me._uHitSelect.getValue() + '' == NONE || me._uHitSelect.getValue() + '' == IS_NULL) {
                        baidu.dom.hide(me._uHitFirstTimeSelect.getOuter());
                        baidu.dom.hide(me._uHitCenterFlag);
                        baidu.dom.hide(me._uHitSecondTimeSelect.getOuter());

                    } else {
                        baidu.dom.show(me._uHitFirstTimeSelect.getOuter());
                        baidu.dom.show(me._uHitCenterFlag);
                        baidu.dom.show(me._uHitSecondTimeSelect.getOuter());
                        me._uHitFirstTimeSelect.setSelectedIndex(0);
                        me._uHitSecondTimeSelect.setSelectedIndex(0);
                    }
                    core.dom.setStyle(me._uHitFirstTimeSelect.getOuter(),'border','1px solid #A9ADB6');
                    core.dom.setStyle(me._uHitSecondTimeSelect.getOuter(),'border','1px solid #A9ADB6');
                    me.invalidater.innerHTML='';
                };
                me._uHitFirstTimeSelect.onchange = me._uHitSecondTimeSelect.onchange = function(){
                    core.dom.setStyle(me._uHitFirstTimeSelect.getOuter(),'border','1px solid #A9ADB6');
                    core.dom.setStyle(me._uHitSecondTimeSelect.getOuter(),'border','1px solid #A9ADB6');
                    me.invalidater.innerHTML='';
                }

                me._uHitSelect.$change();
                break;
            case 'busi_season':
                this._uType = 'busi_season';
                var me = this;
                var grandChild = null;
                var UI_HAVEORNOT_SELECT = inheritsControl(UI_SELECT, null);
                var UI_HAVEORNOT_SELECT_CLASS = UI_HAVEORNOT_SELECT.prototype;

                var UI_SEASON_MULTI_SELECT = inheritsControl(UI_MULTI_SELECT, null);
                var UI_SEASON_MULTI_SELECT_CLASS = UI_SEASON_MULTI_SELECT.prototype;

                var haveOrNotSelect = createDom('ui-select', 'width:70px', 'select');
                var seasonMultiSelect = createDom('ui-select', 'width:148px;margin-left:7px', 'select');

                child[1].appendChild(haveOrNotSelect);
                child[1].appendChild(seasonMultiSelect);
                grandChild = children(child[1]);

                this._uHaveOrNotSelect = $fastCreate(UI_HAVEORNOT_SELECT, grandChild[0], this, {});
                this._uHaveOrNotSelect.$setSize(70, 20);

                this._uSeasonMultiSelect = $fastCreate(UI_SEASON_MULTI_SELECT, grandChild[1], this, {});
                this._uSeasonMultiSelect.$setSize(150, 20);

                var haveOrNot = [{
                    'value': NONE,
                    'text': '请选择'
                }, {
                    'value': IS_NULL,
                    'text': '无'
                }, {
                    'value': IS_NOT_NULL,
                    'text': '有'
                }];

                var monthArray = [{
                    'value': 1,
                    'text': '一月'
                }, {
                    'value': 2,
                    'text': '二月'
                }, {
                    'value': 3,
                    'text': '三月'
                }, {
                    'value': 4,
                    'text': '四月'
                }, {
                    'value': 5,
                    'text': '五月'
                }, {
                    'value': 6,
                    'text': '六月'
                }, {
                    'value': 7,
                    'text': '七月'
                }, {
                    'text': '八月'
                }, {
                    'value': 9,
                    'text': '九月'
                }, {
                    'value': 10,
                    'text': '十月'
                }, {
                    'value': 11,
                    'text': '十一月'
                }, {
                    'value': 12,
                    'text': '十二月'
                }];

                baidu.each(haveOrNot, function(item) {
                    me._uHaveOrNotSelect.add(item.text, null, {
                        value: item.value
                    });
                });

                baidu.each(monthArray, function(item) {
                    me._uSeasonMultiSelect.add(item.text, null, {
                        value: item.value
                    });
                });

                me._uHaveOrNotSelect.$change = function() {
                    var have = me._uHaveOrNotSelect.getValue();
                    if(have == IS_NOT_NULL) {
                        baidu.dom.hide(me._uSeasonMultiSelect.getOuter());
                    } else {
                        baidu.dom.hide(me._uSeasonMultiSelect.getOuter());
                    }
                };
                me._uHaveOrNotSelect.setSelectedIndex(0);
                me._uHaveOrNotSelect.$change();
                break;
            case 'health_grade':
                //下拉列表多选
                this._uType = 'health_grade';
                this._uHealthGrade = $fastCreate(UI_MULTI_SELECT, child[1], this, {
                    'textAll': '全部等级'
                });
                this._uHealthGrade.$setSize(238, 20);
                var data = [{
                    grade: 1,
                    text: '<span class="healthIcon healthIcon1"></span>',
                    tip: '等级一'
                }, {
                    grade: 2,
                    text: '<span class="healthIcon healthIcon2"></span>',
                    tip: '等级二'
                }, {
                    grade: 3,
                    text: '<span class="healthIcon healthIcon3"></span>',
                    tip: '等级三'
                }, {
                    grade: 4,
                    text: '<span class="healthIcon healthIcon4"></span>',
                    tip: '等级四'
                }, {
                    grade: 5,
                    text: '<span class="healthIcon healthIcon5"></span>',
                    tip: '等级五'
                }];
                var allSelecteds = ['1', '2', '3', '4', '5'];
                baidu.each(data, function(item) {
                    var grade = item.grade;
                    var text = item.text;
                    var tip = item.tip;
                    me._uHealthGrade.add(text, null, {
                        'value': grade,
                        'tip': tip
                    });
                });
                me._sDefaultValue = allSelecteds;
                this._uHealthGrade.setValue(allSelecteds);
            }
            break;

        }
    }),
        UI_CONDITION_PLUS_CLASS = UI_CONDITION_PLUS.prototype;

    UI_CONDITION_PLUS_CLASS.clear = function() {
        var me = this;
        switch(this._uType) {
        case 'fc_budget_type':
            me._uSelect.setSelectedIndex(0);
            break;
        case "select":
            me._uSelect.setSelectedIndex(0);
            break;
        case "dropdownlist":
            me._uDropdownList.setValue(me._sDefaultValue);
            break;
        case "health_grade":
            me._uHealthGrade.setValue(me._sDefaultValue);
            break;
        case 'input':
            me._uInput.setValue('');
            break;
        case 'inputTree':
            me._uInputTree.clear();
            break;
        case 'calendar':
            me._uMultiCalendar.clear();
            break;
        case 'trade':
            me._uFirstTrade.setSelectedIndex(0);
            me._uSecTrade.clear();
            baidu.each([{
                'value': NONE,
                "text": '请选择二级行业'
            }], function(item) {
                me._uSecTrade.add(item.text, null, {
                    value: item.value
                });
            });
            me._uSecTrade.setSelectedIndex(0);
            break;
        case 'province_city':
            me._uProvince.setSelectedIndex(0);

            me._uCity.clear();
            baidu.each([{
                'value': NONE,
                "text": '请选择市'
            }], function(item) {
                me._uCity.add(item.text, null, {
                    value: item.value
                });
            });
            me._uCity.setSelectedIndex(0);
            break;
        case 'math':
            this._uMathLeft.setValue('');
            this._uMathRight.setValue('');
            this._uMath.setValue(NONE);
            this._uMath.$change();
            break;
        case 'wm_off_time':
        case 'fc_off_time':
            me._uHitSelect.setSelectedIndex(0);
            me._uHitFirstTimeSelect.setSelectedIndex(0);
            me._uHitSecondTimeSelect.setSelectedIndex(0);
            me._uHitSelect.$change();
            break;
        case 'busi_season':
            me._uHaveOrNotSelect.setSelectedIndex(0);
            me._uHaveOrNotSelect.$change();
            me._uSeasonMultiSelect.setValue([]);
            break;
        }
    }, UI_CONDITION_PLUS_CLASS.reset = function() {
        var me = this;
        switch(this._uType) {
        case 'fc_budget_type':
            me._uSelect.setSelectedIndex(0);
            break;
        case "select":
            me._uSelect.setSelectedIndex(0);
            break;
        case "dropdownlist":
            if(me._sDefaultValue) {
                me._uDropdownList.setValue(me._sDefaultValue);
            } else {
                me._uDropdownList.setValue([]);
            }

            break;
        case "health_grade":
            if(me._sDefaultValue) {
                me._uHealthGrade.setValue(me._sDefaultValue);
            } else {
                me._uHealthGrade.setValue([]);
            }

            break;
        case 'input':
            me._uInput.setValue('');
            break;
        case 'inputTree':
            me._uInputTree.setValue('');
            break;
        case 'calendar':
            me._uMultiCalendar.clear();
            break;
        case 'trade':
            me._uFirstTrade.setSelectedIndex(0);
            me._uSecTrade.clear();
            baidu.each([{
                'value': NONE,
                "text": '请选择二级行业'
            }], function(item) {
                me._uSecTrade.add(item.text, null, {
                    value: item.value
                });
            });
            me._uSecTrade.setSelectedIndex(0);
            break;
        case 'province_city':
            me._uProvince.setSelectedIndex(0);
            me._uCity.clear();
            baidu.each([{
                'value': NONE,
                "text": '请选择市'
            }], function(item) {
                me._uCity.add(item.text, null, {
                    value: item.value
                });
            });
            me._uCity.setSelectedIndex(0);
            break;
        case 'math':
            this._uMathLeft.setValue('');
            this._uMathRight.setValue('');
            this._uMath.setValue(NONE);
            this._uMath.$change();
            break;
        case 'wm_off_time':
        case 'fc_off_time':
            me._uHitSelect.setSelectedIndex(0);
            me._uHitSelect.$change();
            me._uHitFirstTimeSelect.setSelectedIndex(0);
            me._uHitSecondTimeSelect.setSelectedIndex(0);
            break;
        case 'busi_season':
            me._uHaveOrNotSelect.setSelectedIndex(0);
            me._uHaveOrNotSelect.$change();
            me._uSeasonMultiSelect.setValue([]);
            break;
        }
    }, UI_CONDITION_PLUS_CLASS.initValue = function(data) {
        var me = this;
        switch(this._uType) {
        case "select":
            data = data || [];
            if(me._sName != 'fc_budget_type') {
                data = [{
                    value: '-1',
                    text: '请选择'
                }].concat(data);
            }

            baidu.each(data, function(item) {
                me._uSelect.add(item.text, null, {
                    value: item.value
                });
            });
            me._uSelect.setSelectedIndex(0);
            break;
        case "dropdownlist":
            var values = [];
            baidu.each(data, function(item) {
                var texts = item.text.split('~');
                if(texts.length == 2) {
                    var text = texts[0];
                    var tip = texts[1];
                    me._uDropdownList.add(decodeURIComponent(text), null, {
                        'value': item.value,
                        'tip': tip
                    });
                } else {

                    me._uDropdownList.add(decodeURIComponent(item.text), null, {
                        'value': item.value
                    });
                }
                values.push(item.value + '');
            });
            me._uDropdownList.setValue(values);
            me._sDefaultValue = values;
            break;

        case "inputTree":
            this._uInputTree = $fastCreate(UI_INPUT_TREE, me.theNode.childNodes[1], this, {
                datasource: data[0],
                asyn: true
            })
            this._uInputTree.onloadtree = function(value, func) {
                me.onloaddata.call(this, value, func, me._sName);
            }

            this._uInputTree.$setSize(200, 20);
            break;
        case "trade":
            data = [{
                'value': NONE,
                "text": '请选择一级行业'
            }].concat(data);
            baidu.each(data, function(item) {
                me._uFirstTrade.add(item.text, null, {
                    value: item.value
                });
            });
            baidu.each([{
                'value': NONE,
                "text": '请选择二级行业'
            }], function(item) {
                me._uSecTrade.add(item.text, null, {
                    value: item.value
                });
            });
            me._uFirstTrade.setSelectedIndex(0);
            me._uSecTrade.setSelectedIndex(0);
            break;

        case "province_city":
            data = [{
                'value': NONE,
                "text": '请选择省'
            }].concat(data);
            baidu.each(data, function(item) {
                me._uProvince.add(item.text, null, {
                    value: item.value
                });
            });
            baidu.each([{
                'value': NONE,
                "text": '请选择市'
            }], function(item) {
                me._uCity.add(item.text, null, {
                    value: item.value
                });
            });
            me._uProvince.setSelectedIndex(0);
            me._uCity.setSelectedIndex(0);
            break;
        }

    }, UI_CONDITION_PLUS_CLASS.setValue = function(operator, firstValue, secondValue) {
        var me = this;
        switch(this._uType) {
        case 'fc_budget_type':
            switch(operator + '') {
                case NONE:
                    me._uSelect.setValue(NONE);
                    break;
                case EQ:
                    if(firstValue == '0' || firstValue == '1') {
                        me._uSelect.setValue(firstValue);
                    } else {
                        me._uSelect.setValue(IS_NULL);
                    }
                case IS_NULL:
                    me._uSelect.setValue(IS_NULL);
                    break;
            }
            break;
        case 'input':
            me._uInput.setValue(firstValue);
            break;
        case "select":
            if(firstValue === null) {
                firstValue = '-1';
            }
            me._uSelect.setValue(firstValue);
            break;
        case "health_grade":
            var values = firstValue.split(',');
            me._uHealthGrade.setValue(values);
            break;
        case "dropdownlist":
            var values = firstValue.split(',');
            me._uDropdownList.setValue(values);
            break;
        case "calendar":
            var firstValue = firstValue;
            var secondValue = secondValue;
            var date = {
                begin: null,
                end: null
            };
            if(firstValue) {
                date.begin = baidu.date.parse(firstValue)
            }
            if(secondValue) {
                date.end = baidu.date.parse(secondValue);
            }
            me._uMultiCalendar.setDate(date);
            break;
        case "inputTree":
            me._uInputTree.setValue(firstValue);
            if(secondValue) {
                me._uInputTree.setText(secondValue);
            }
            break;
        case 'math':
            this._uMath.setValue(operator);
            this._uMath.$change();
            this._uMathLeft.setValue(firstValue);
            this._uMathRight.setValue(secondValue);
            break;
        case 'wm_off_time':
        case "fc_off_time":

            me._uHitSelect.setValue(operator);

            function convertValue(value, control) {
                var hour = parseInt(value.split(':')[0], 10);
                var minute = value.split(':')[1] == '00' ? 0 : 1;
                control.setValue(2 * hour + minut + '');
            }

            if(firstValue) {
                convertValue(firstValue, me._uHitFirstTimeSelect);
            }
            if(secondValue) {
                convertValue(secondValue, me._uHitSecondTimeSelect);
            }
            break;
        case 'trade':
            firstValue = firstValue ? firstValue : '-1';
            me._uFirstTrade.setValue(firstValue);
            me._uFirstTrade.$change(secondValue);
            break;
        case 'province_city':
            firstValue = firstValue ? firstValue : '-1';
            me._uProvince.setValue(firstValue);
            me._uProvince.$change(secondValue);
            break;
        case 'busi_season':
            var values = firstValue.split(',');
            me._uHaveOrNotSelect.setValue(operator);
            me._uHaveOrNotSelect.$change();
            me._uSeasonMultiSelect.setValue(values);
            break;
        }
    }, UI_CONDITION_PLUS_CLASS.setDefaultValue = function(defaultData) {
        var me = this;

        switch(this._uType) {
        case 'select':
            var item = defaultData[0];
            me._sDefaultValue = item.value;
            me._uSelect.remove(0);
            me._uSelect.setValue(item.value);
            //add(item.text, ,{'value':item.value});
            break;
        case "inputTree":
            me._uInputTree.setValue(defaultData.value + '');
            break;
        case "dropdownlist":
            var values = [];
            baidu.each(defaultData, function(item) {
                values.push(item.value + '');
            })
            me._sDefaultValue = values;
            me._uDropdownList.setValue(values);
            break;
        }
    }, UI_CONDITION_PLUS_CLASS.getValue = function() {
        var me = this;
        var returnValue = {
            'conditionId': me._uId - 0,
            'conditionName': me._sName,
            'operator': this._sOperatorType || 0,
            'firstValue': '',
            'secondValue': ''
        };
        var trim = baidu.string.trim;
        switch(me._uType) {
        case 'fc_budget_type':
            var value = me._uSelect.getValue();
            // 全部：不传
            // 日预算：operator:eg,first:0
            // 周预算：operator:eg,first:1
            // 未设置预算：operator:isnull
            switch(value) {
                case NONE:
                    returnValue.operator = NONE;
                    break;
                case '0':
                    returnValue.operator = EQ;
                    returnValue.firstValue = '0';
                    break;
                case '1':
                    returnValue.operator = EQ;
                    returnValue.firstValue = '1';
                    break;
                case IS_NULL:
                    returnValue.operator = IS_NULL;
                    break; 
            }
            break;
        case 'input':
            var operator = EQ;
            if(this._sIsLike) {
                operator = LIKE;
            }
            returnValue.operator = operator;
            returnValue.firstValue = trim(me._uInput.getValue() + '');
            break;
        case "select":
            returnValue.operator = returnValue.operator || EQ;
            if(me._uSelect.getValue() + '' == NONE) {
                returnValue.firstValue = null;
            } else {
                returnValue.firstValue = trim(me._uSelect.getValue() + '');
            }
            break;
        case "dropdownlist":
            returnValue.operator = IN;
            returnValue.firstValue = trim(me._uDropdownList.getValue() + '');
            break;
        case "health_grade":
            returnValue.operator = IN;
            returnValue.firstValue = trim(me._uHealthGrade.getValue() + '');
            break;
        case "calendar":
            var date = me._uMultiCalendar.getDate();
            //获取值判断
            if(date.begin && date.end) {
                returnValue.operator = BETWEEN;
            } else if(date.begin) {
                returnValue.operator = GE;
            } else if(date.end) {
                returnValue.operator = LE;
            } else {
                returnValue.operator = EQ;
            }

            date.begin && (returnValue.firstValue = baidu.date.format(date.begin, 'yyyy-MM-dd'));
            date.end && (returnValue.secondValue = baidu.date.format(date.end, 'yyyy-MM-dd'));
            break;
        case "inputTree":
            //input Tree 操作符类型一直为等于
            returnValue.operator = EQ;
            //左值传id 右值传值名称
            returnValue.firstValue = me._uInputTree.getValue();
            returnValue.secondValue = me._uInputTree.getText();
            break;
        case "math":
            //获取操作符
            returnValue.operator = me._uMath.getValue();
            returnValue.firstValue = trim(me._uMathLeft.getValue() + '');
            if(returnValue.operator == BETWEEN) {
                returnValue.secondValue = trim(me._uMathRight.getValue() + '');
            }
            break;
        case 'wm_off_time':
        case "fc_off_time":
            //获取操作符
            returnValue.operator = me._uHitSelect.getValue() - 0;
            if(me._uHitFirstTimeSelect.getValue() != '-1') {
                returnValue.firstValue = me._uHitFirstTimeSelect.getSelected().getContent();
            }
            if(me._uHitSecondTimeSelect.getValue() != '-1') {
                returnValue.secondValue = me._uHitSecondTimeSelect.getSelected().getContent();
            }
            break;
        case "trade":
            // 操作符一直是等于 
            returnValue.operator = EQ;
            if(me._uFirstTrade.getValue() + '' == NONE) {
                returnValue.firstValue = '';
            } else {
                returnValue.firstValue = trim(me._uFirstTrade.getValue() + '');
            }

            if(me._uSecTrade.getValue() + '' == NONE) {
                returnValue.secondValue = '';
            } else {
                returnValue.secondValue = trim(me._uSecTrade.getValue() + '');
            }
            break;
        case "province_city":
            // 操作符一直是等于 
            returnValue.operator = EQ;
            if(me._uProvince.getValue() + '' == NONE) {
                returnValue.firstValue = '';
            } else {
                returnValue.firstValue = trim(me._uProvince.getValue() + '');
            }
            if(me._uCity.getValue() + '' == NONE) {
                returnValue.secondValue = '';
            } else {
                returnValue.secondValue = trim(me._uCity.getValue() + '');
            }
            break;
        case 'busi_season':
            //获取操作符
            returnValue.operator = trim(me._uHaveOrNotSelect.getValue() + '') - 0;
            if(returnValue.operator == IS_NOT_NULL) {
                returnValue.firstValue = trim(me._uSeasonMultiSelect.getValue() + '');
            } else {
                returnValue.firstValue = '';
            }
            break;
        }
        return returnValue;
    }, UI_CONDITION_PLUS_CLASS.show = function() {
        baidu.dom.show(this.parEle);
    }, UI_CONDITION_PLUS_CLASS.hide = function() {
        baidu.dom.hide(this.parEle);
    }, UI_CONDITION_PLUS_CLASS.getUsable = function() {
        return this.parEle.style.display == 'none' ? false : true;
    }, UI_CONDITION_PLUS_CLASS.getType = function() {
        return this._uType;
    }, UI_CONDITION_PLUS_CLASS.isDefault = function() {
        return this._sIsDefault;
    }, UI_CONDITION_PLUS_CLASS.isValidate = function() {
        var me = this;
        var flag = false;
        var validateText = function(type, text) {
            if(type == BETWEEN) {
                core.dom.setStyle(me._uMathLeft.getOuter(), 'border', 'solid 1px red');
                core.dom.setStyle(me._uMathRight.getOuter(), 'border', 'solid 1px red');
            } else if(type == NONE) {
                core.dom.setStyle(me._uMathLeft.getOuter(), 'border', '1px solid #A9ADB6');
                core.dom.setStyle(me._uMathRight.getOuter(), 'border', '1px solid #A9ADB6');
            } else {
                core.dom.setStyle(me._uMathLeft.getOuter(), 'border', 'solid 1px red');
                core.dom.setStyle(me._uMathRight.getOuter(), 'border', '1px solid #A9ADB6');
            }
            
            if(!text){
                core.dom.setStyle(me._uMathLeft.getOuter(), 'border', '1px solid #A9ADB6');
                core.dom.setStyle(me._uMathRight.getOuter(), 'border', '1px solid #A9ADB6');
            }
            
            me.invalidater.innerHTML = text;
        };

        if(this._uType == 'math') {
            if(me._uMath.getValue() == BETWEEN) {
                var leftValue = me._uMathLeft.getValue() && parseInt(me._uMathLeft.getValue());
                var rightValue = me._uMathRight.getValue() && parseInt(me._uMathRight.getValue());
                if(isNaN(leftValue) || isNaN(rightValue)) {
                    flag = true;
                    validateText(BETWEEN, '请正确填写查询范围');
                } else {
                    if(leftValue && rightValue && (leftValue > rightValue)) {
                        flag = true;
                        validateText(BETWEEN, '请正确填写查询范围');
                    } else {
                        flag = false;
                        validateText(BETWEEN, '');
                    }
                }
            } else if(me._uMath.getValue() == NONE) {
                validateText(NONE, '')
                flag = false;
            } else {
                var leftValue = me._uMathLeft.getValue();
                if(isNaN(leftValue)) {
                    flag = true;
                    validateText(me._uMath.getValue(), '数值不合法，请重新输入');
                }
            }
        }if(this._uType == 'wm_off_time' || this._uType == 'fc_off_time'){
            if(me._uHitFirstTimeSelect.getValue()!='-1'&&me._uHitSecondTimeSelect.getValue()!='-1'&&parseInt(me._uHitFirstTimeSelect.getValue(),10) > parseInt(me._uHitSecondTimeSelect.getValue(),10)){
                core.dom.setStyle(me._uHitFirstTimeSelect.getOuter(), 'border', 'solid 1px red');
                core.dom.setStyle(me._uHitSecondTimeSelect.getOuter(), 'border', 'solid 1px red');
                me.invalidater.innerHTML = '请选择填写查询范围';
                flag = true;
            }
        }
        return flag;
    }
})();