define(['mUtil', "Component", "wev-loading", "fieldParseHelper", "mApi/popup"], function (mUtil, Component, WevLoading, fieldHelper) {
	var Timelinr = function(options) {
		var _timelinr = {}, $container, dataList = [], $errorTip;
		
		var dynamicParam = {};
		
		Component.super(this, options);
		
		this.type = "Timelinr";
		this.tpl = this.type + "_html";
		this.css = this.type + "_css";
        this.dataload = true;
		this.keysOfSkipedVarParse = ['dataurl', 'timefield', 'titlefield', 'otherfields'];
		this.components = {
			loading: new WevLoading({
				delay: 300,
				animation: 1
			}),
			moreLoading: new WevLoading({
				btn: 1,
				onclick: function (hideLoading) {
					_timelinr.loadData(hideLoading);
				}
			})
		};

		var vm = this.viewModel = {
		    contentSource: 1,//1列表，2模拟数据
			pageSize : 10,
			normalview : {
				timefield : {},
				titlefield : {},
				otherfields : []
			},
			options: {
				dataurl: "",
				readonly: false,		//是否只读
				unreadBadge: false,
			},
			standalone : true,
			onload: function() {}
		};
		
		this.mounted = function(){
			var that = this;
			vm.isMock = vm.contentSource == 2;

			$errorTip = this.$el.find(".wev-error");
			
			$container = that.$container;
			
			//绑定单条数据点击事件
            this.$comp.on("click", "a.wev-navigate-right", function(e){

                if($(e.target).closest('.wev-file[data-docid]').length) return;

            	var $element = $(this);
				var dataid = $element.attr("data-id"), data;

                //自动解析页面移除未读、反馈角标
                if(!vm.options.readonly && vm.options.unreadBadge && $element.find('span.wev-read-status').length && vm.options.urltype == '0'){
                    var $list = $('.wev-table-view', that.$comp);
                    $list.find('a[data-id="'+dataid+'"] span.wev-read-status').remove();
                }

				dataList.every(function(d) {
					if(d.id !== dataid) return true;
					data = d;
					return false;
				});
				
            	if(!vm.options.readonly && vm.callback && mUtil.isFunction(vm.callback.click)) {
            		vm.callback.click.call(this, data);
            	}
            	
				if(vm.options.readonly) return;
				
				//urltype 0表示自动解析 1表示手动输入
				if(vm.options.urltype == 0){
					if(vm.layoutUrl) {
						$u(vm.layoutUrl + "&billid=" + dataid);
					} else {
						Mobile_NS.getLayoutUrl(vm.relate.modeid, 1, dataid);
					}
				}else if(data.dataurl){
					var dataurl = data.dataurl;
					if(data.dataurl.indexOf("javascript:") == -1){
						$u(dataurl);
					}else{
						mUtil.eval(dataurl, that.pageid);
					}
				}
            });
			
			if(vm.options.urltype == 0 && !vm.options.readonly && !vm.isMock){
				//解析布局url
				var url = mUtil.getActionUrl("service.FormComponent", { action: "resolveDefaultLayout" });
				
				vm.layoutUrl = "";
                mUtil.getJSON(url, {modelid: vm.relate.modeid, appid: vm.relate.appid, uitype: 1}, function(result){
                	vm.layoutUrl = result.data;
                	!vm.layoutUrl && require(["mApi/other"]);//TODO 预加载
				}, function (errMsg) { });
			}
			_timelinr.refreshList(vm.onload);
		};
		
		this.reload = function(args, callback){
		    dynamicParam = {};
			if(mUtil.isObject(args)){
				$.extend(dynamicParam, args);
			}
			_timelinr.refreshList(callback);
		};
		
		function loadMore($el){
			var $moreLoading = $(".wev-more-loading", $el);
			
        	$moreLoading.show();
        	_timelinr.loadData(function(){
        		$moreLoading.hide();
        	});
		}

		var listPageNo = 0;
        var listTimestamp = 0;
		
		_timelinr.refreshList = function(callback){
			var that = this,
				coms = this.components,
				loading = coms.loading;

			loading.setRefs(this.$comp, "wev-refreshing");
			loading.show();

			listPageNo = 0;
			dataList = [];
			
			_timelinr.loadData(function (hasMore, noData){
				loading.hide();
				coms.moreLoading.hide(hasMore, noData);
            	if(mUtil.isFunction(callback)){
    				callback.call(null);
    			}
                mUtil.trigger('dataload', that.pageid, that.id);
            });
		};
		
		_timelinr.loadData = function(callback){
	        var timestamp = new Date().valueOf();    //时间戳
			
			listTimestamp = timestamp;
			listPageNo++;

			var showError = function (msg) {
				callback(false, false);
				$errorTip.html(msg).show();
			};
			
			if(vm.isMock){
			    var result = _timelinr.convertMockData(vm.mockData, listPageNo, vm.pageSize);
					if(result){
						_timelinr.renderData(result, callback);
					}else{
						var errMsgMock = mUtil.getLabel(513605, "时间字段不规范，请重新设置");
						showError(errMsgMock);
					}
			}else{
			    var parseFields = fieldHelper.parseFieldIds(JSON.stringify(vm));
	            var timefieldid = vm.normalview.timefield.fieldid;
	            var timefieldname = "";
	            if("-1" == timefieldid){
	            	(vm.normalview.timefield.fielddesc.match(/\{(.+?)\}/g)||[]).map(function(str){
	            		timefieldname = str.replace(/\{|((\[id\])|(\[text\]))?\}/g,'');
		            });//取匹配{}里的字段
	            }
	            
	            var reqparam = {action: "getDatas", searchid: vm.sourceid, pageNo: listPageNo, pageSize: vm.pageSize, fieldparse: parseFields, timefieldid: timefieldid,timefieldname:timefieldname, unreadBadge: vm.options.unreadBadge };
	            //拓展请求参数
	            $.extend(true, reqparam, dynamicParam);
	            
	            var actionUrl = mUtil.getActionUrl(this.type, reqparam, this.pageid);
	            
	            mUtil.getJSON(actionUrl, function(result){
	                result = result.data;
	                if(timestamp != listTimestamp){
	                    return;
	                }
	                _timelinr.renderData(result, callback);
                }, showError);
			}
		};
		
		_timelinr.convertMockData = function(mockData, pageNo, pageSize){
            if(mUtil.isArray(mockData)){
                pageNo = pageNo || 1;
                pageSize = pageSize || 10;
                
                var fieldMap = {}, keyfiled, fieldRel = {}, index = 0;
                
                
                for (var key in mockData[0]) {
                    index++;
                    if(index == 1)  keyfiled = key;
                    fieldRel[index] = key;
                    
                    var field = {};
                    field.fieldhtmltype = "1";
                    field.fieldid = index;
                    field.fieldname = key;
                    fieldMap[index] = field;
                }
                
                var timefield = (vm.normalview.timefield.fielddesc||"").replace(/\{|\}/g, '');
                if(!timefield) return;
                var mockDataMap = {}, timeArr = [], mockDataSortedArr = [], timeRegex = /^([\d]{4})-([\d]{2}-[\d]{2})$/;
                mockData.forEach(function(mock){
                    var timeValue = mock[timefield];
                    if(timeValue && timeRegex.test(timeValue)){
                        if(!mockDataMap[timeValue]){
                            mockDataMap[timeValue] = [];
                            timeArr.push(timeValue);
                        }
                        mockDataMap[timeValue].push(mock);
                    }
                });
                timeArr.sort(function(a, b){
                    var t1 = new Date(a).getTime(),
                        t2 = new Date(b).getTime();
                    if(t1 > t2){
                        return -1;
                    }else if(t1 > t2){
                        return 1;
                    }else{
                        return 0;
                    }
                }).forEach(function(time){
                    var matchs = time.match(timeRegex);
                    if(matchs){
                        var dataArr = mockDataMap[time].map(function(mock){
                            var data = {}, convertDataMap = {}, fieldIndex = index;
                            while(fieldIndex > 0){
                                convertDataMap[fieldIndex] = mock[fieldRel.fieldIndex];
                                fieldIndex--;
                            }
                            
                            data.keyfiled = keyfiled;
                            data.keyvalue = mock[keyfiled];
                            data.dataMap = mock;
                            data.convertDataMap = convertDataMap;
                            
                            return data;
                        });
                        mockDataSortedArr.push({year: matchs[1], monthday: matchs[2], timevalue: time, innerdatas: dataArr})
                    }
                });
                var totalSize = mockDataSortedArr.length;
                if(totalSize == 0) return;
                var totalPageCount = totalSize%pageSize > 0 ? parseInt(totalSize/pageSize) + 1 : parseInt(totalSize/pageSize);
                if(pageNo < totalPageCount){
                    mockDataSortedArr = mockDataSortedArr.slice((pageNo-1)*pageSize, pageNo*pageSize);
                }else if(pageNo == totalPageCount){
                    mockDataSortedArr = mockDataSortedArr.slice((pageNo-1)*pageSize);
                }
                var result = {};
                result.datas = mockDataSortedArr;
                result.fieldMap = fieldMap;
                result.totalSize = totalSize;
                result.totalPageCount = totalPageCount;
                
                return result;
            }
		};
		
		_timelinr.renderData = function(result, callback){
			var that = this;
		    var $comp = this.$comp;
            var fieldmap = result.fieldMap, normalDatas = [];
            result.datas.forEach(function(outerData){
                var outerDataItem = {}, innerItems = outerData.innerdatas;
                outerDataItem.year = outerData.year;
                outerDataItem.monthday = outerData.monthday;
                outerDataItem.items = [];
                innerItems.forEach(function(innerData){
                    var dataItem = {}, convertItem = convertShowValue(innerData, fieldmap, vm.normalview);
                    outerDataItem.items.push(convertItem);
                    dataItem.id = convertItem.id;
                    dataItem.dataurl = convertItem.dataurl;
                    dataItem.dataMap = innerData.dataMap;
                    dataList.push(dataItem);
                });
                normalDatas.push(outerDataItem);
            });
            
            var templateHtml = [
                    '{@each datas as d}',
                        '<li class="wev-table-view-cell wev-media">',
                              '<div class="wev-media-object wev-pull-left">',
                                  '<div>$${d.year}</div>',
                                  '<div>$${d.monthday}</div>',
                              '</div>',
                              '<div class="wev-media-body">',
                                '{@each d.items as item}',
                                '<a data-id="${item.id}" href="javascript:void(0);" class="wev-navigate-right{@if item.readonly == 1} wev-data-readonly"{@else}" data-ignoreviewimg{@/if}>',
                                '<div class="wev-media-inner">',
                                      '<div class="wev-media-title">',
                                          '$${item.titleFieldValue}',
                                      '</div>',

                                      '{@each item.otherFieldValue as row}',
                                          '<div class="wev-ellipsis">',
                                              '{@each row as col}',
                                                  '$${col}',
                                              '{@/each}',
                                          '</div>',
                                      '{@/each}',
                                      
                                  '</div>',
                                  '</a>',
                                  '{@/each}',
                             '</div>',
                        '</li>',
                    '{@/each}'
            ].join('');
            
            var html = mUtil.parseTemplate(templateHtml, {datas: normalDatas});
            var $list = $(".wev-table-view", $comp);
            var $newList = $(html);

            if(listPageNo == 1){
                $list.html("");
            }
            
            $list.append($newList);
			mUtil.trigger("onpagechange", that.pageid, that.id, [listPageNo, $newList]);
			
            require(["lazyImgHelper"]);
            
            var hasMore = listPageNo < result.totalPageCount;
            var noData = result.totalSize <= 0;

            callback(hasMore, noData);
            mUtil.renderVarParser(vm.needParseVar);
		}
		
		function convertShowValue(billdata, fieldmap, fieldset){
			var dataurl = "";
			var dataId = billdata.keyvalue || '';
			if(vm.options.urltype == 1 && vm.options.dataurl){
				dataurl = fieldHelper.replaceVal(vm.options.dataurl, billdata.dataMap);
				if(dataurl.indexOf("javascript:") == -1){
					if(!vm.options.isNewLayout && dataurl.indexOf("&billid=") == -1 && dataurl.indexOf("?billid=") == -1){
		    			dataurl += (dataurl.indexOf("?") == -1 ? "?" : "&") + "billid=" + dataId;
		    		}
				}
			}else{
				dataurl = "javascript:void(0);";
			}
			
			var otherfields = fieldset.otherfields;
			//其他字段
			var otherFValue = [];
			if(mUtil.isArray(otherfields)){
				otherfields.forEach(function(rowfields) {
					var rowFieldValue = [];
					rowfields.forEach(function(colfield) {
						if(fieldHelper.isSettingValue(colfield)){
							var colFieldValue = fieldHelper.getFieldValue(colfield, billdata, fieldmap, false, vm.options.readonly);
							rowFieldValue.push(colFieldValue);
						}
					});
					if(rowFieldValue.length > 0){
						otherFValue.push(rowFieldValue);
					}
				});
			}

			var titleDisplay = fieldHelper.getFieldValue(fieldset.titlefield, billdata, fieldmap);

			if(titleDisplay.trim() != ""){
			    if(billdata.readStatus == "1"){
			        titleDisplay += '<span class="wev-read-status wev-unread"></span>';
                } else if(billdata.readStatus == "2"){
			        titleDisplay += '<span class="wev-read-status wev-feedback"></span>';
                }
            } else {
			    otherFValue.every(function(item, index){
			        for(var i = 0; i < item.length; i++){
			            if(item[i].trim() != ""){
                            if(billdata.readStatus == "1"){
                                item[item.length - 1] += '<span class="wev-read-status wev-unread"></span>';
                            } else if(billdata.readStatus == "2"){
                                item[item.length - 1] += '<span class="wev-read-status wev-feedback"></span>';
                            }
                            otherFValue[index] = item;
                            return false;
                        }
                    }
                    return true;
                });
            }
			
			return {
				id				: billdata.keyvalue,
				dataurl			: dataurl,
				readonly		: vm.options.readonly,
				titleFieldValue	: titleDisplay,
				otherFieldValue	: otherFValue,
			};
		}

		_timelinr.refreshList = _timelinr.refreshList.bind(this);
		_timelinr.loadData = _timelinr.loadData.bind(this);
		_timelinr.renderData = _timelinr.renderData.bind(this);
    };

    return Component.init(Timelinr);
});