mescloud/src/main/resources/views/modules/tianHong/machineAttrHistoryForm.html

<% layout('/layouts/default.html', {title: '设备历史属性详情', libs: ['dataGrid']}){ %>
<div class="main-content">
	<div class="box box-main">
		<div class="box-header with-border">
			<div class="box-title">
				<i class="fa icon-notebook"></i> ${text('设备历史属性详情')}
			</div>
			<div class="box-tools pull-right">
				<a href="#" class="btn btn-default" id="btnCancel" onclick="js.closeCurrentTabPage()"><i class="fa fa-reply"></i> ${text('返回')}</a>
			</div>
		</div>
		<div class="box-body">
			<form id="inputForm" class="form-horizontal">

				<h4 class="form-header">${text('属性明细列表')}</h4>
				<table id="attrDataGrid"></table>
			</form>
		</div>
	</div>
</div>
<% } %>
<script>
// 属性字段 -> 中文属性名 映射（含通配规则）
var attrNameMap = {
	'alu_val': '剩余模次',
	'pressurizeTime': '保压时间',
	'coolingTime': '冷却时间',
	'PrePres': '预压压力设定',
	'HoldPressure': '保压开始信号',
	'moldFillingPre': '各段压力（冲型压力）'
};
var attrNameRules = [
	{re:/^COOL_FLOW_(\d+)$/, name:function(m){ return '冷却流量['+m[1]+']'; }},
	{re:/^f_stTime_(\d+)$/,  name:function(m){ return '风冷等待时间['+m[1]+']'; }},
	{re:/^f_coolingTime_(\d+)$/, name:function(m){ return '风冷开启时间['+m[1]+']'; }},
	{re:/^s_stTime_(\d+)$/,  name:function(m){ return '水冷等待时间['+m[1]+']'; }},
	{re:/^s_coolingTime_(\d+)$/, name:function(m){ return '水冷开启时间['+m[1]+']'; }},
	{re:/^F_SWITCH_(\d+)$/,  name:function(m){ return '风冷控制开关['+m[1]+']'; }},
	{re:/^W_SWITCH_(\d+)$/,  name:function(m){ return '水冷控制开关['+m[1]+']'; }}
];
function getAttrCnName(attr){
	if(attr == null) return '';
	if(attrNameMap[attr] != null) return attrNameMap[attr];
	for(var i=0; i<attrNameRules.length; i++){
		var m = attr.match(attrNameRules[i].re);
		if(m){ return attrNameRules[i].name(m); }
	}
	return attr;
}

$('#attrDataGrid').dataGrid({
	data: ${toJson(machineAttrHistory.attrList)!'[]'},
	datatype: "local", // 设置本地数据，避免 dataGrid 走 ajax 加载校验 searchForm/url
	columnModel: [
		{header:'${text("属性名")}', name:'attrCnName', width:220, align:"center", formatter:function(val, obj, row, act){
			return getAttrCnName(js.val(row,'attr'));
		}},
		{header:'${text("属性字段")}', name:'attr', width:220, align:"center"},
		{header:'${text("属性值")}', name:'val', width:200, align:"center"},
		{header:'${text("更新时间")}', name:'eventTime', width:180, align:"center"}
	],
	showRownum: true,
	// 固定显示10条数据的高度，扩大属性明细列表的显示面积
	autoGridHeight: function(){ return 540; }
});
</script>