mescloud/src/main/resources/views/modules/mes/mesProcessParamLimitForm.html

<% layout('/layouts/default.html', {title: '工艺参数上下限管理', libs: ['validate']}){ %>
<div class="main-content">
	<div class="box box-main">
		<div class="box-header with-border">
			<div class="box-title">
				<i class="fa icon-note"></i> ${text(mesProcessParamLimit.isNewRecord ? '新增参数上下限' : '编辑参数上下限')}
			</div>
			<div class="box-tools pull-right">
				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
			</div>
		</div>
		<#form:form id="inputForm" model="${mesProcessParamLimit}" action="${ctx}/mes/mesProcessParamLimit/save" method="post" class="form-horizontal">
			<div class="box-body">
				<div class="form-unit">${text('基本信息')}</div>
				<#form:hidden path="id"/>
				<#form:hidden path="processKey"/>
				<#form:hidden path="paramCode"/>
				<div class="row">
					<div class="col-xs-6">
						<div class="form-group">
							<label class="control-label col-sm-4">${text('工艺名称')}：</label>
							<div class="col-sm-8">
								<select id="processNameSelect" name="processName" class="form-control"></select>
							</div>
						</div>
					</div>
					<div class="col-xs-6">
						<div class="form-group">
							<label class="control-label col-sm-4">${text('参数名称')}：</label>
							<div class="col-sm-8">
								<select id="paramNameSelect" name="paramName" class="form-control"></select>
							</div>
						</div>
					</div>
					<div class="col-xs-6">
						<div class="form-group">
							<label class="control-label col-sm-4">${text('下限')}：</label>
							<div class="col-sm-8">
								<#form:input path="lowerLimit" maxlength="50" class="form-control"/>
							</div>
						</div>
					</div>
					<div class="col-xs-6">
						<div class="form-group">
							<label class="control-label col-sm-4">${text('上限')}：</label>
							<div class="col-sm-8">
								<#form:input path="upperLimit" maxlength="50" class="form-control"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="box-footer">
				<div class="row">
					<div class="col-sm-offset-2 col-sm-10">
						<% if (hasPermi('mes:mesProcessParamLimit:edit')){ %>
							<button type="submit" class="btn btn-sm btn-primary" id="btnSubmit"><i class="fa fa-check"></i> ${text('保 存')}</button>&nbsp;
						<% } %>
						<button type="button" class="btn btn-sm btn-default" id="btnCancel" onclick="js.closeCurrentTabPage()"><i class="fa fa-reply-all"></i> ${text('关 闭')}</button>
					</div>
				</div>
			</div>
		</#form:form>
	</div>
</div>
<% } %>
<script>
const processLimitOptions = [
	{key:'whitePart', name:'白件气密', params:[
		{code:'testPressure', name:'测试压'},
		{code:'leakVal', name:'泄漏值'}
	]},
	{key:'assembly', name:'总成气密', params:[
		{code:'testPressure', name:'测试压'},
		{code:'leakVal', name:'泄漏值'}
	]},
	{key:'prod115Front', name:'115拉铆框架正面', params:[
		{code:'fout', name:'拉力'},
		{code:'sout', name:'行程'}
	]},
	{key:'prod115Back', name:'115液冷板装配拉铆', params:[
			{code:'fout', name:'拉力'},
			{code:'sout', name:'行程'}
		]},
	{key:'prodHevBack', name:'HEV拉铆', params:[
			{code:'fout', name:'拉力'},
			{code:'sout', name:'行程'}
		]},
/*	{key:'prodHevFront', name:'HEV正面拉铆', params:[
			{code:'fout', name:'拉力'},
			{code:'sout', name:'行程'}
		]},*/
	{key:'welder', name:'凸焊', params:[
		{code:'capVoltage', name:'电容电压'},
		{code:'weldPeakCurrent', name:'焊接峰值电流'}
	]},
	{key:'arc115', name:'115弧焊', params:[
		{code:'voltage1', name:'电压1'},
		{code:'current1', name:'电流1'},
		{code:'speed1', name:'送丝速度1'},
		{code:'voltage2', name:'电压2'},
		{code:'current2', name:'电流2'},
		{code:'speed2', name:'送丝速度2'}
	]},
	{key:'arcHev', name:'HEV弧焊', params:[
		{code:'voltage1', name:'电压1'},
		{code:'current1', name:'电流1'},
		{code:'voltage2', name:'电压2'},
		{code:'current2', name:'电流2'}
	]},
	{key:'spotHev', name:'HEV点焊', params:[
		{code:'current1', name:'电流1'},
		{code:'current2', name:'电流2'}
	]}/*,
	{key:'spot115', name:'115点焊', params:[
		{code:'current1', name:'电流1'},
		{code:'current2', name:'电流2'}
	]}*/
];

const findProcess = (key, name) => processLimitOptions.find(item => item.name === name)
	|| processLimitOptions.find(item => item.key === key);
const findParam = (processKey, code, name) => {
	const process = findProcess(processKey);
	const params = process ? process.params : [];
	return params.find(item => item.code === code || item.name === name);
};

function fillProcessOptions() {
	const processSelect = $('#processNameSelect');
	processSelect.empty().append('<option value="">请选择工艺名称</option>');
	processLimitOptions.forEach(item => {
		processSelect.append('<option value="'+item.name+'" data-code="'+item.key+'">'+item.name+'</option>');
	});
}

function fillParamOptions(processKey, selectedParamName) {
	const paramSelect = $('#paramNameSelect');
	const process = findProcess(processKey);
	paramSelect.empty().append('<option value="">请选择参数名称</option>');
	if (!process) {
		return;
	}
	process.params.forEach(item => {
		paramSelect.append('<option value="'+item.name+'" data-code="'+item.code+'">'+item.name+'</option>');
	});
	if (selectedParamName) {
		paramSelect.val(selectedParamName);
	}
}

function syncProcessLimitFields() {
	const processSelect = $('#processNameSelect');
	const paramSelect = $('#paramNameSelect');
	const processName = processSelect.val() || '';
	const processItem = processLimitOptions.find(item => item.name === processName);
	$('#processKey').val(processItem ? processItem.key : '');

	const paramName = paramSelect.val() || '';
	const paramItem = processItem ? processItem.params.find(item => item.name === paramName) : null;
	$('#paramCode').val(paramItem ? paramItem.code : '');
}

function initProcessLimitSelects() {
	fillProcessOptions();
	const currentProcessName = '${mesProcessParamLimit.processName!}';
	const currentProcessKey = '${mesProcessParamLimit.processKey!}';
	const currentParamName = '${mesProcessParamLimit.paramName!}';
	const currentParamCode = '${mesProcessParamLimit.paramCode!}';
	const processItem = findProcess(currentProcessKey, currentProcessName);
	const processName = processItem ? processItem.name : currentProcessName;
	$('#processNameSelect').val(processName);
	fillParamOptions(processItem ? processItem.key : currentProcessKey, currentParamName);
	if (currentParamName && currentParamCode && $('#paramNameSelect option').filter(function(){
		return $(this).val() === currentParamName;
	}).length === 0) {
		$('#paramNameSelect').append('<option value="'+currentParamName+'" data-code="'+currentParamCode+'">'+currentParamName+'</option>');
		$('#paramNameSelect').val(currentParamName);
	}
	if (!currentParamName && currentParamCode && processItem) {
		const paramItem = findParam(processItem.key, currentParamCode, '');
		if (paramItem) {
			$('#paramNameSelect').val(paramItem.name);
		}
	}
	syncProcessLimitFields();
}

$('#processNameSelect').change(function(){
	const processName = $(this).val() || '';
	const processItem = processLimitOptions.find(item => item.name === processName);
	fillParamOptions(processItem ? processItem.key : '', '');
	syncProcessLimitFields();
});

$('#paramNameSelect').change(function(){
	syncProcessLimitFields();
});

$("#inputForm").validate({
	submitHandler: function(form){
		syncProcessLimitFields();
		js.ajaxSubmitForm($(form), function(data){
			js.showMessage(data.message);
			if(data.result == Global.TRUE){
				js.closeCurrentTabPage(function(contentWindow){
					contentWindow.page();
				});
			}
		}, "json");
	}
});

initProcessLimitSelects();
</script>