define(['mUtil', "Component", "mService", 'wev-loading', 'i18n'], function (mUtil, Component, mService, WevLoading, i18n) {
	var DetailTable = function (options) {
		var $comp, $container, $page, $mask, $innermask, $dataContentWrapper, _dt = {}, delids = [], maxrowIndex = 1, pageid;

		Component.super(this, options);

		this.type = "DetailTable";
		this.tpl = this.type + "_html";
		this.css = this.type + "_css";
		this.dataload = true;

		this.components = {
			loading: new WevLoading({
				delay: 300,
				animation: 1
			})
		};
		this.dataloaded = false;
		var uploadDatas = this.uploadDatas = {};
		
		var vm = this.viewModel = {
			form: "",
			table: {
				name: "",		//明细表名称
				key: "",		//明细表主键
				relatekey: "",	//主表关联id
				formid: -1		//主表表单id
			},
			props: [],
			datas: [],
			dataShare: {},
			prefilter: function () { },
			standalone: true,
			internalParam: {},
			triggers: {}
		};

		this.beforeMount = function () {
			vm.btns = [];
			vm.dataShare.del && vm.btns.push({ id: "delete", className: "wev-red-btn delete", text: vm.dataShare.del_btn_text || i18n.DELETE });
			vm.dataShare.add && vm.btns.push({ id: "add", className: "wev-blue-btn add", text: vm.dataShare.add_btn_text || i18n.ADD });

			vm.columns = [{ text: "", index: true, show: true }];

			vm.table.name = vm.table.name.toLowerCase();
			vm.table.relatekey = vm.table.relatekey.toLowerCase();
			vm.table.key = vm.table.key.toLowerCase();
			if(vm.height) {
				vm.height = mUtil.toPixel(vm.height, "max-height");
			} else {
				vm.height = "height:auto";
			}

			vm.props.forEach(function (item) {
				var column = {};
				if(vm.standalone) {
					item.detailtable.mecid = mUtil.UUID();
				}
				column.width = mUtil.toPixel(item.detailtable.width || 100, "width");
				column.text = item.field.label;
				column.fieldname = item.field.name.toLowerCase();
				column.fieldid = item.field.id;

				column.show = item.detailtable.mectype !== "FHidden";
				vm.columns.push(column);
			});
		};

		this.mounted = function () {
			$comp = this.$comp;
			$container = this.$container;
			$dataContentWrapper = $comp.find(".wev-detailtable-content-wrapper > table > tbody");

			pageid = this.pageid;

			$page = $(".wev-detailtable-page", $container);
			$mask = $(".wev-detailtable-mask", $container);
			if($page.length == 0) {
				$page = $('<div class="wev-detailtable-page out"></div>');
				$mask = $('<div class="wev-detailtable-mask out"></div>');
				$container.append($mask).append($page);
			}

			//明细表删除权限
			if(vm.dataShare.del) {
				$comp.on("click", "td.rowindex", function (e) {
					$(this).parent().toggleClass("checked");
				}).on("click", ".wev-btn.delete", function (e) {
					var $checkedTr = $("tr.checked", $comp);
					if($checkedTr.length) {
						Mobile_NS.confirm(i18n.CONFIRM_DEL_DATA, function () {
							$checkedTr.each(function () {
								var $tr = $(this);
								var delid = $tr.data("id");
								var rowindex = $tr.data("rowindex");
								delid && delids.push(delid);
								$tr.remove();
								delete uploadDatas[rowindex];
								$dataContentWrapper.trigger("calculateColSumEvent");
							});
							$("td.rowindex", $comp).each(function (index) {
								$("div", $(this)).text(index + 1);
							});
						});
					}
				});
			}
			var pageParam = {
				formid: "detailtable" + vm.form,
				container: $container,
				detailtable: vm.table.name,
				props: vm.props,
				instance: this,
				prefilter: vm.prefilter,
				standalone: vm.standalone
			};
			//明细新增
			if(vm.dataShare.add) {
				$comp.on("click", ".wev-btn.add", function () {
					createPage($.extend({
						formmec: _dt.createFormMecParam({
							detailtable: { add: true }
						}),
						optype: "add",
						success: function (formdata, showdata) {
							_dt.addRow(formdata, showdata);
							hidePage();
						}
					}, pageParam));
				});
			}
			//明细编辑
			if(vm.dataShare.edit) {
				$comp.on("click", ".wev-detailtable-content-wrapper tr > td", function (e) {
					var $td = $(this), $tr = $td.parent();
					if(vm.dataShare.del && $td.hasClass("rowindex")) return;
					var datamap = {}, dataid = $tr.data("id"), rowindex = $tr.data("rowindex");
					for(var i in vm.datas) {
						var rowdata = vm.datas[i];
						if(rowdata.indexid == rowindex) {
							datamap = rowdata;
							break;
						}
					}
					createPage($.extend({
						formmec: _dt.createFormMecParam({
							detailtable: { add: false }
						}),
						optype: "edit",
						datamap: datamap,
						success: function (formdata, showdata) {
							showdata[vm.table.key] = dataid;
							$.extend(datamap, showdata);//更新明细数据值
							_dt.addOrUpdateRecord(formdata, rowindex, dataid);
							_dt.updateOrAddRowDataView(showdata, rowindex);
							hidePage();
							$dataContentWrapper.trigger("calculateColSumEvent");
						}
					}, pageParam));
					e.stopPropagation();
					e.preventDefault();
				});
			}

			if(vm.dataShare.edit || vm.dataShare.add) {
				mService.preload('detailtable');
			}


			mUtil.getOSType() == 'PC' && $(window).off('resize.detailTable').on('resize.detailTable',function () {
				_dt.onResetView();//PC 微信 或  钉钉 窗口宽度变化后  需要重新计算内容宽度，fix明细表表头表数据不对齐的问题
			});
			this.refresh();
		};

		this.refresh = function () {
			if(!$p("billid", this.pageid) || (vm.standalone && mUtil.isArray(vm.datas))) {
				_dt.buildDataTable(vm.datas);
			} else {
				var loading = this.components.loading;
				loading.setRefs(this.$comp, "wev-refreshing");
				loading.show();

				var hideLoading = loading.hide.bind(loading);
				_dt.loadData(hideLoading);
			}
		};

		this.checkRequired = function () {
			var requireFieldsProp = {}, checkFields = [];
			vm.props.forEach(function (prop) {
				if(prop.required) {
					var key = (vm.table.name + "_" + prop.field.name).toLowerCase();
					requireFieldsProp[key] = prop;
				}
			});

			Object.keys(uploadDatas).forEach(function (rowindex) {
				var rowData = uploadDatas[rowindex], checkRow = false;
				Object.keys(rowData).forEach(function (dkey) {
					var checkCol = false;
					var fullfield = dkey.split("_rowindex_")[0].toLowerCase();
					var fieldname = fullfield.replace(vm.table.name.toLowerCase() + "_", "");
					var fieldprop = requireFieldsProp[fullfield];
					var isSetValue = function (data, prop) {//判读字段是否设置了值
						var isSet = false;
						if(prop.detailtable.mectype == "FFile") {//附件字段值特殊处理
							var mecid = prop.detailtable.mecid;
							Object.keys(data).every(function (key) {
								if(key.indexOf(mecid) != -1) {
									isSet = true;
									return false;
								}
								return true;
							});
						}
						return isSet || data[dkey] != "";
					};
					if(fieldprop && !isSetValue(rowData, fieldprop)) {
						if(checkFields.indexOf(fieldprop.field.label) == -1) {//避免重复提示
							checkFields.push(fieldprop.field.label);
						}
						checkRow = true;
						checkCol = true;
					}
					$dataContentWrapper.find("tr[data-rowindex='" + rowindex + "']>td>div[data-fieldname='" + fieldname + "']").parent()[checkCol ? "addClass" : "removeClass"]("required");
				});
				$dataContentWrapper.children("tr[data-rowindex='" + rowindex + "']")[checkRow ? "addClass" : "removeClass"]("wev-required-remind");
			});

			return checkFields.join(",");
		};
		this.reset = function () { };

		this.getData = function () {
			var data = {};
			for(var key in uploadDatas) {
				$.extend(data, uploadDatas[key]);
			}
			data["detailtablename_" + this.id] = vm.table.name;
			data[vm.table.name + "_keyname"] = vm.table.key;
			data[vm.table.name + "_relatekey"] = vm.table.relatekey;
			data[vm.table.name + "_delids"] = delids.join(",");

			return data;
		};

		this.calculateColSum = function (fieldname) {
			var result = 0;
			for(var indexid in uploadDatas) {
				var realfieldkey = vm.table.name + '_' + fieldname + '_rowindex_' + indexid;
				for(var datakey in uploadDatas[indexid]) {
					if(datakey.toLowerCase() == realfieldkey.toLowerCase()) {
						result += Number(uploadDatas[indexid][datakey]);
					}
				}
			}
			return result;
		};

		this.bindColSumEvent = function (runVP) {
			$dataContentWrapper.on("calculateColSumEvent", runVP);
		};

		this.getIndexArray = function () {
			var indexArray = [];
			for(var indexid in uploadDatas) {
				indexArray.push(indexid);
			}
			return indexArray;
		};

		this.getRowFieldValueByKey = function (rowid, key) {
			if(uploadDatas[rowid]) {
				for(var datakey in uploadDatas[rowid]) {
					if(datakey.toLowerCase() == key.toLowerCase()) {
						return uploadDatas[rowid][datakey];
					}
				}
			}
		};

		this.addRowData = function (callback) {
			var that = this;
			var cb = function () {
				var setRowFieldData = function (fieldname, mectype, rowData, isShow) {
					rowData["fieldname_" + fieldname] = "";
					if(isShow) {
						rowData[fieldname + "_showvalue"] = "";
					}
				};
				var formData = {}, showData = {};
				vm.props.forEach(function (prop) {
					setRowFieldData(prop.field.name, prop.detailtable.mectype, formData, false);
					setRowFieldData(prop.field.name, prop.detailtable.mectype, showData, true);
				});
				var rowindex = _dt.addRow(formData, showData);
				var virtualRowindex = $dataContentWrapper.find("tr[data-rowindex='" + rowindex + "']").index() + 1;
				mUtil.isFunction(callback) && callback.call(that, virtualRowindex);
			};
			this.dataloaded ? cb() : mUtil.pluginLoad(this.pageid, this.id, function () {
				cb();
			});
		};

		_dt.getFieldProp = function (fieldname, rowindex) {
			var rowdata = uploadDatas[rowindex];
			if(!rowdata) {
				mUtil.getLabel(5305, "索引(#ROWINDEX#)数据不存在", function (msg) {
					mUtil.console.error(msg.replace("#ROWINDEX#", rowindex));
				});
				return;
			}
			var prop;
			for(var i in vm.props) {
				if(fieldname && ((vm.props[i].fieldname || vm.props[i].field.name).toLowerCase() == fieldname.toLowerCase()
					|| vm.props[i].field.id == fieldname)) {
					prop = vm.props[i];
					break;
				}
			}
			if(!prop) {
				mUtil.getLabel(5312, "找不到字段", function (msg) {
					mUtil.console.error(msg);
				});
				return;
			}
			return prop;
		};

		_dt.getFileClassName = function (className, suffix) {
			if(~["jpg", "jpeg", "png", "gif", "bmp"].indexOf(suffix)) {
				className += " wev-pic-file";
			} else if(suffix == "doc" || suffix == "docx") {
				className += " wev-word-file";
			} else if(suffix == "xls" || suffix == "xlsx") {
				className += " wev-excel-file";
			} else if(suffix == "pdf") {
				className += " wev-pdf-file";
			} else if(suffix == "htm" || suffix == "html") {
				className += " wev-html-file";
			} else if(suffix == "ppt" || suffix == "pptx") {
				className += " wev-ppt-file";
			}
			return className;
		};
		/**fieldname值可以是字段名称或字段id*/
		this.setValue = function (fieldname, value, rowindex) {
			var that = this;
			if(value === undefined) return;
			rowindex = _dt.transferToRealRowindex(rowindex);
			var prop = _dt.getFieldProp(fieldname, rowindex);

			if(prop) {
				fieldname = prop.field.name.toLowerCase();
				uploadDatas[rowindex][vm.table.name + '_' + fieldname + '_rowindex_' + rowindex] = value;
				for(var i in vm.datas) {
					var rowdata = vm.datas[i];
					if(rowdata.indexid == rowindex) {
						rowdata[fieldname] = value;
						var $fielddom = $("tr[data-rowindex='" + rowindex + "'] > td > div[data-fieldname='" + fieldname + "']", $dataContentWrapper);
						if($fielddom.length == 0) {
							mUtil.getLabel(5331, "找不到字段对应的dom节点：", function (msg) {
								mUtil.console.error(msg + vm.form);
							});
						} else {
							var mectype = prop.detailtable.mectype, actionParam;
							if(mectype == "FBrowser") {
								actionParam = { action: "parseValues", typeid: prop.browser.typeid, identifie: prop.browser.identifie }
							} else if(mectype == "FFile") {
								actionParam = { action: "parseFiles" };
							} else if(mectype == "FPhoto") {
								actionParam = { action: "parsePhotos" };
							} else if(mectype == "FSelect" || mectype == "FCheckbox") {
								var selDatas, selText = "";
								var getSelDatas = function () {
									var d = $.Deferred();
									if(prop.items === true) {
										var actionUrl = mUtil.getActionUrl(mectype, { action: "getOptionDatas", mec_id: prop.detailtable.mecid, detailtable: prop.detailtable.id }, that.pageid);
										mUtil.getJSON(actionUrl, function (result) {
											selDatas = result.datas;
											d.resolve();
										});
									} else {
										selDatas = prop.items || [];
										d.resolve();
									}
									return d;
								};
								getSelDatas().then(function () {
									for(var j in selDatas) {
										if(selDatas[j].value == value) {
											selText = selDatas[j].name;
											break;
										}
									}
									$fielddom.html(selText);
								});
							} else if(mectype == "FCheck") {
								$fielddom.html(Number(value) ? "是" : "否");
							} else {
								if(value && prop.field.type == "int"){
									value = Number(value).toFixed(0);
									isNaN(value) && (value = "");
								} else if (value && prop.field.type == "text") {
									value = value.replaceAll(" ", "&nbsp;");
								}
								$fielddom.html(value);
							}
							if(actionParam) {
								actionParam.values = value;
								var actionUrl = mUtil.getActionUrl(mectype, actionParam, this.pageid);
								mUtil.getJSON(actionUrl, function (result) {
									if(mectype == "FPhoto") {
										var showHtml = "";
										(result.data || []).forEach(function (imgid) {
											var src = mUtil.getAttachUrl(imgid);
											showHtml += '<img class="wev-img" src="' + src + '"/>';
										});
										$fielddom.html('<div class="wev-img-wrapper">' + showHtml + '</div>');
									} else if(mectype == "FFile") {
										var showHtml = "";
										(result.data || []).forEach(function (meta) {
											showHtml += '<li class="' + _dt.getFileClassName("wev-file", meta.suffix) + '"><span>' + meta.name + '(' + meta.size + ')' + '</span></li>';
										});
										$fielddom.html('<ul class="wev-file-wrapper">' + showHtml + '</ul>');
									} else {
										$fielddom.html(result.data);
									}

								});
							}
						}
						break;
					}
				}
			}
		};

		_dt.getValue = function (fieldname, rowindex, isText) {
			var prop = _dt.getFieldProp(fieldname, rowindex), resultValue = "";
			if(prop) {
				fieldname = fieldname.toLowerCase();
				for(var i in vm.datas) {
					var rowdata = vm.datas[i];
					if(rowdata.indexid == rowindex) {
						var valuekey = isText ? fieldname + "_showvalue" : fieldname;
						resultValue = rowdata[valuekey] || "";
					}
				}
			}
			return resultValue;
		};

		this.getLastRowIndex = function(){
			return $("#NMEC_" + vm.id + " .wev-detailtable-content-wrapper table tbody tr").last().attr("data-rowindex");
		};

		this.setTriggers = function(triggers){
			vm.triggers =  mUtil.isObject(triggers) ? triggers : {};
		};

		_dt.transferToRealRowindex = function (rowindex) {
			return $dataContentWrapper.children().eq(rowindex - 1).data("rowindex");
		}

		this.getValue = function (fieldname, rowindex) {
			rowindex = _dt.transferToRealRowindex(rowindex);
			return _dt.getValue(fieldname, rowindex, false);
		}

		this.text = function (fieldname, rowindex) {
			rowindex = _dt.transferToRealRowindex(rowindex);
			return _dt.getValue(fieldname, rowindex, true);
		};

		this.afterSubmit = function (resultDatas) {
			if(mUtil.isArray(resultDatas)) {
				resultDatas.forEach(function (data) {
					if(vm.table.name.toLowerCase() == data.tablename.toLowerCase()) {
						var detailids = data.detailids || [];
						detailids.forEach(function (detailid) {
							var detailidSplitArr = detailid.split("_SPLIT_");
							if(detailidSplitArr.length > 1) {
								var indexid = detailidSplitArr[0];
								var detailkeyvalue = detailidSplitArr[1];
								if(detailkeyvalue) {
									uploadDatas[indexid][vm.table.name + '_' + vm.table.key + '_rowindex_' + indexid] = detailkeyvalue;
									$("tr[data-rowindex='" + indexid + "']", $dataContentWrapper).data("id", detailkeyvalue);
								}
							}
						});
					}
				});
			}
		};

		_dt.loadData = function (callback) {
			var actionUrl = vm.datas;
			var that = this;
			var timestamp = new Date().valueOf();    //时间戳

			that.timestamp = timestamp;

			if(!vm.standalone) {
				var reqparam = {
					action: "getDatas",
					mec_id: vm.id,
					tablename: vm.table.encrypt,
					relatekey: vm.table.relatekey,
					key: vm.table.key,
					datasource: vm.table.datasource,
					sqlwhere: vm.table.sqlwhere,
					formid: vm.table.formid,
					modelid: vm.table.modeid,
					canedit: vm.dataShare.edit
				};
				actionUrl = mUtil.getActionUrl(this.type, reqparam, this.pageid);
			}

			if(!actionUrl) return;

			mUtil.getJSON(actionUrl, vm.internalParam, function (result) {
				if(timestamp != that.timestamp) return;

				_dt.buildDataTable(result.data, callback);
			});
		};

		_dt.buildDataTable = function (datas, callback) {
			var templateDatas = { rows: _dt.convertDatas(datas), dataShare: { del: vm.dataShare.del } };
			var template = ['{@each rows as row}',
				'<tr data-id="${row.id}" data-rowindex="${row.rowindex}">',
				'{@each row.columns as column}',
				'{@if column.show}',
				'<td style="${column.width}" {@if column.index}class="rowindex"{@/if}>',
				'<div data-fieldname="${column.fieldname}" data-fieldid="${column.fieldid}">$${column.text}</div>',
				'{@if column.index && dataShare.del}<i></i>{@/if}',
				'</td>',
				'{@/if}',
				'{@/each}',
				'</tr>',
				'{@/each}'].join('');
			var templateHtml = mUtil.parseTemplate(template, templateDatas);
			$dataContentWrapper.html(templateHtml);
			//修复明细表内容高度
			resetTableColumnWidth();
			//图片加载
			require(["lazyImgHelper"]);
			vm.datas = datas;

			if(vm.dataShare.edit) {
                $dataContentWrapper.find(".text-haslink").removeClass("text-haslink");
			}

			mUtil.isFunction(callback) && callback.call(this);
			this.dataloaded = true;
			mUtil.trigger('dataload', this.pageid, this.id);
		};

		_dt.addRow = function (formdata, showdata) {
			!formdata && (formdata = {});
			!showdata && (showdata = {});
			++maxrowIndex;

			showdata.indexid = maxrowIndex;
			vm.datas.push(showdata);
			_dt.addOrUpdateRecord(formdata, maxrowIndex);
			_dt.updateOrAddRowDataView(showdata, maxrowIndex);
			$dataContentWrapper.trigger("calculateColSumEvent");
			return maxrowIndex;
		};

		_dt.createFormMecParam = function (defCfg) {
			var formMecParam = $.extend(true, defCfg || {}, {
				table: { name: vm.table.name },
				relate: {},
				detailtable: { isA: true, mecid: "detailtable" + vm.form, mectype: "Form" }
			}),
				formInstance = mUtil.getInstance(vm.form),
				modeid = -1, empowStr = "";

			if(formInstance) {
				modeid = formInstance.viewModel.relate.modeid;
				empowStr = formInstance.viewModel.empowStr || "";
			} else {
				mUtil.getLabel(5313, "未找到指定id的表单插件：", function (msg) {
					mUtil.console.error(msg + vm.form);
				});
			}
			if(!vm.standalone) {
				formMecParam.relate.modeid = modeid;
				formMecParam.empowStr = empowStr;
			}

			return formMecParam;
		};

		_dt.convertDatas = function (datas) {
			var datarows = [];
			datas.forEach(function (data, index) {
				maxrowIndex = ++index;
				data.indexid = index;
				_dt.convertUploadrow(data, index);
				datarows.push(_dt.convertDatarow(data, index));
			});
			return datarows;
		};

		_dt.convertUploadrow = function (data, index) {
			var uploadrow = {};
			uploadrow[vm.table.name + '_' + vm.table.key + '_rowindex_' + index] = data[vm.table.key];

			vm.columns.forEach(function (fieldcolumn) {
				if(fieldcolumn.index) return;
				uploadrow[vm.table.name + '_' + fieldcolumn.fieldname + '_rowindex_' + index] = data[fieldcolumn.fieldname];
			});

			uploadDatas[index] = uploadrow;
		};

		_dt.convertDatarow = function (data, index, indexText) {
			var datarow = { id: data[vm.table.key], rowindex: index }, rowcols = [{ text: indexText || index, index: true, show: true }];
			vm.columns.forEach(function (fieldcolumn) {
				if(fieldcolumn.index) return;
				var rowcol = {};
				var fieldname = fieldcolumn.fieldname, showvalueKey = fieldname + "_showvalue", showvalue;
				var showtext = data[showvalueKey] || "";
				rowcol.text = mUtil.replaceAttachUrl(showtext);

				rowcol.width = fieldcolumn.width;
				rowcol.fieldname = fieldcolumn.fieldname.toLowerCase();
				rowcol.fieldid = fieldcolumn.fieldid;
				rowcol.show = fieldcolumn.show;
				rowcols.push(rowcol);
			});
			datarow.columns = rowcols;
			return datarow;
		};

		_dt.addOrUpdateRecord = function (formdata, rowindex, primaryKeyValue) {
			formdata = _dt.getIgnoreCaseObj(formdata);
			var newFormdata = {}, fileValueData = {};
			primaryKeyValue && (newFormdata[vm.table.name + '_' + vm.table.key + '_rowindex_' + rowindex] = primaryKeyValue);
			for(var datakey in formdata) {
				if(datakey.indexOf("fieldmecid_") == 0) {
					//处理附件值
					var fieldmecid = formdata[datakey];
					var newFieldmecid = fieldmecid + "_" + rowindex;
					var fieldmecidReg = new RegExp(fieldmecid, 'i');
					var newFieldmecidReg = new RegExp(newFieldmecid, 'i');
					for(var fileValueKey in formdata) {
						if(fieldmecidReg.test(fileValueKey) && !newFieldmecidReg.test(fileValueKey)) {
							var newFileValueKey = fileValueKey.replace(fieldmecidReg, newFieldmecid);
							fileValueData[newFileValueKey] = formdata[fileValueKey];
						}
					}
				}
			}
			for(var key in formdata) {
				var value = formdata[key];
				var newkey = "";
				if(key.indexOf("file") == 0) {
					//附件值存储在 fileValueData 中
					continue;
				}
				if(key.indexOf("fieldname_") == 0) {
					newkey = key.replace("fieldname_", vm.table.name + "_") + "_rowindex_" + rowindex;
				} else if(key.indexOf("fieldmecid_") == 0) {
					newkey = key.replace("fieldmecid_", "fieldmecid_" + vm.table.name + "_") + "_" + rowindex;
					value += "_" + rowindex;
				} else if(key.indexOf("type_") == 0) {
					newkey = key.replace("type_", "type_" + vm.table.name + "_") + "_" + rowindex;
				} else if(key.indexOf("namerule_") == 0) {
					newkey = key.replace("namerule_", "namerule_" + vm.table.name + "_") + "_" + rowindex;
				} else {
					newkey = key;
				}
				if(newkey) {
					newFormdata[newkey] = value;
				}
			}
			$.extend(newFormdata, fileValueData);
			uploadDatas[rowindex] = newFormdata;
		};

		_dt.updateOrAddRowDataView = function (datamap, rowindex) {
			datamap = _dt.getIgnoreCaseObj(datamap);
			var $editrow = $("tr[data-rowindex='" + rowindex + "']", $dataContentWrapper), indexText = "";
			if($editrow.length) {
				indexText = $(".rowindex > div", $editrow).text();
			} else {
				indexText = $dataContentWrapper.children("tr").length + 1;
			}
			var datarow = _dt.convertDatarow(datamap, rowindex, indexText),
				rowTemplate = ['<tr data-id="${id}" data-rowindex="${rowindex}">',
					'{@each columns as column}',
					'{@if column.show}',
					'<td style="${column.width}" {@if column.index}class="rowindex"{@/if}>',
					'<div data-fieldname="${column.fieldname}" data-fieldid="${column.fieldid}">$${column.text}</div>',
					'{@if column.index && dataShare.del}<i></i>{@/if}',
					'</td>',
					'{@/if}',
					'{@/each}',
					'</tr>'].join('');

			datarow.dataShare = { del: vm.dataShare.del };
			var rowHtml = mUtil.parseTemplate(rowTemplate, datarow),
				$newrow = $(rowHtml);

			if($editrow.length) {
				$newrow.insertAfter($editrow);
				$editrow.remove();
			} else {
				$dataContentWrapper.append($newrow);
			}
		};

		_dt.getIgnoreCaseObj = function (obj) {
			var ignoreCaseObj = {};
			mUtil.isObject(obj) && Object.keys(obj).forEach(function (key) {
				ignoreCaseObj[key.toLowerCase()] = obj[key];
			});
			return ignoreCaseObj;
		};

		function createPage(cfg) {
			$mask.removeClass("out").addClass("in");
			$page.removeClass("out").addClass("animation in");

			mService.load('detailtable', function (html, service) {
				$page.html(mUtil.replaceI18n(html));
				$innermask = $(".wev-detailtable-innermask", $container);
				$innermask.on("click", function () {
					hidePage();
				});
				$page.on("webkitAnimationEnd animationend", function () {
					$page.removeClass("animation");
				});
				//避免重复执行onload事件
				mUtil.unload(pageid);
				service.mounted($page, cfg);
			});
		}

		function hidePage() {
			$mask.removeClass("in").addClass("out");
			$innermask.removeClass("in").addClass("out");
			$page.removeClass("in").addClass("out");
		}

		function resetTableColumnWidth(){
			var contentTdWidthArr = [];

			//获取第一行数据的每列列宽
			var $firstContentRow = $(".wev-detailtable-content-wrapper>table>tbody>tr", $comp).first();
			$firstContentRow.children("td").each(function () {
				var w = $(this).width();
				contentTdWidthArr.push(w);
			});

			var $firstTitleRow = $(".wev-detailtable-view-wrapper>table>thead>tr", $comp).first();
			//比较标题列宽是否等于数据列宽，如果不等于则重新计算标题列宽
			$firstTitleRow.children("th").each(function (i) {
				var $td = $(this);
				var w = contentTdWidthArr[i];
				if(!w) {
					return;
				}
				var w2 = $td.width();
				if(w != w2) {
					var p = getHorizontalPadding($td);	//padding
					var nw2 = w - p;
					$td.css("width", nw2 + "px");
				}
			});
			_dt.onResetView();
		};
		
		//插件显示重置方法，如不可见转为可见或窗口resize
        _dt.onResetView = function(){
        	var w = $(".wev-detailtable-view-wrapper>table", $comp).width();
        	w && $(".wev-detailtable-content-wrapper", $comp).width(w);
        };
        
        this.onResetView = function(){
            _dt.onResetView();
        };

		function getHorizontalPadding($obj) {
			var paddingLeft = $obj.css("padding-left") || "";
			paddingLeft = paddingLeft.replace("px", "");
			paddingLeft = parseInt(paddingLeft) || 0;

			var paddingRight = $obj.css("padding-right") || "";
			paddingRight = paddingRight.replace("px", "");
			paddingRight = parseInt(paddingRight) || 0;

			return paddingLeft + paddingRight;
		}

		_dt.buildDataTable = _dt.buildDataTable.bind(this);
		_dt.loadData = _dt.loadData.bind(this);
	};

	Mobile_NS.calculateColSum = function (fieldname) {
		if(!fieldname || !fieldname.match(/(\w+)\.(\w+)/)) return;
		var matches = fieldname.match(/(\w+)\.(\w+)/), detailtablename = matches[1].toLowerCase();
		return require("mUtil").getDetailTableInstance(detailtablename).calculateColSum(matches[2]);
	};

	Mobile_NS.addDetailTableRow = function (detailtable, callback) {
		require("mUtil").getDetailTableInstance(detailtable).addRowData(callback);
	};

	return Component.init(DetailTable);
});