ss_new_ui_skin_and_page/page/biz/pjzb_inp.ss.jsp

<div class='content-div' ssFith="true">
	<input type="hidden" name="pjzbid" value="${pjzbid}"/>
	<input type="hidden" name="pjtxid" value="${pjtxid}">
	<table class="form">
		<tr>
			<th width="143px">名称</th>
			<td><input type='text' name='mc' value="${pjzb.mc}" /></td>
<%--				<th width="88px">序号</th>--%>
<%--				<td><in@put type='text' name='xh' value="${pjzb.xh}" /></td>--%>
		</tr>
		<tr>
			<th>上级指标</th>
			<td colspan="3">
				<input name="sjpjzbid" value="${pjzb.sjpjzbid}" ssFilter='{pjzbid:${pjzb.pjzbid}}'/>
			</td>
		</tr>
		<tr>
			<th>类型</th>
			<td><input name="pjzblxm" value="${pjzb.pjzblxm}"/></td>
		</tr>
		<tr id="zfTr" style="display:none">
			<th>总分</th>
			<td><input type="text" name="zf" value="${pjzb.zf}"/></td>
		</tr>
<%--			<tr>--%>
<%--				<th>字典</th>--%>
<%--				<td colspan="3">--%>
<%--					<in@put name="dictionary" type="hidden" value="${pjzb.dictionary}" />--%>
<%--					<in@put name="dictionary" style="width:175px;" type="text" />--%>
<%--					<wd:write type="objectPicker" name="dictionary" codebook="dictionary" />--%>
<%--				</td>--%>
<%--			</tr>--%>
		<tr>
			<th>描述</th>
			<td><input name="ms" width="100%" height="115px"/></td>
		</tr>
	</table>

	<!--指标是评价指标选项-->
	<table id="zbs" class="form" style="display: none;margin:12px 0px 15px;">
		<tr style="display: none;">
			<td></td>
			<td><input id="pjzbMs" type="text" name="pjzbMs" onchange="combXxms();"/></td>
			<td class="check"><input id="zbsPjzbxfs" onkeyup="keyup(this)" type="text" name="zbsPjzbxfs" value="" onchange="combXxms();"/></td>
			<td><input type="button" class="content-button" value="删除"/></td>
		</tr>
		<tr>
			<th colspan="4">
				<input name="xxms" type="hidden"/> <%-- 不能用 value='${pjzb.xxms}'，导致 "[{"name":"A","desc":"强","score":"5"},]" 变为 "[{"。Lin --%>
				<input type="button" value="增加" class="content-button addPfX"/>
			</th>
		</tr>
		<tr>
			<th>选项</th>
			<th>描述</th>
			<th>分数</th>
			<th>操作</th>
		</tr>
	</table>
</div>
<script type="text/javascript">
var beginNum = 65;

/// 增加，变动时，使用 <in@put value='$@{pjzb.xxms}'，导致 "[{"name":"A","desc":"强","score":"5"},]" 变为 "[{"。Lin
window.onload = function() {
	combXxms();
}
///

<equal.ss val="${empty pjzbid}" val2="false">
	$(function() {
		var jsonArray = ${pjzb.xxms};
		if (!$.isEmptyObject(jsonArray)) {
			$("#zbs").show();
			$("#zf").hide();
			var htmls = '';
			var index = 0;
			//var jsonArray=eval('('+obj+')');
			for(var i=0;i<jsonArray.length;i++){
				var item=jsonArray[i];
				beginNum = beginNum + 1;
				htmls += '<tr>'
				htmls += '<td><input id="zbsPjzbx" type="hidden" name="zbsPjzbx' + i + '" value="' + item.name + '" style="width: calc(100% - 12px);">'+item.name+'</td>'
				htmls += '<td><input id="pjzbMs" type="text" name="pjzbMs'+i+'" value="'+item.desc+'" onchange="combXxms();"/></td>'	// 增加 onchange="combXxms();"。Lin
				htmls += '<td class="check"><input id="zbsPjzbxfs" onkeyup="keyup(this)" type="text" value="' + item.score+ '"  name="zbsPjzbxfs' + i + '" value="" style="width: calc(100% - 12px);" onchange="combXxms();"></td>'	// 增加 onchange="combXxms();"。Lin
				htmls += '<td><input type="button" class="content-button scButton" value="删除"></td>'
				htmls += '</tr>'
			}
			$("#zbs").append(htmls);
		}

		$(".scButton").click(function() {
			var parent = $(this).parents("table:first");
			$(this).parent().parent().remove();
			sort(parent);
			combXxms();	// 增加。Lin
		});

		var eid = ${pjzb.pjzblxm};
		if (eid == '21' || eid == '51') {
			$("#zbs").hide();
			$("#zf").show();
		}
	});
</equal.ss>

function keyup(obj) {
	var value = $(obj).val();
	if (/[^\d]/.test(value)) {
		value = value.replace(/[^\d]/g, '')
		$(obj).val(value);
		return;
	}
}

function check() {
	var result = [];
	console.info($(".check"));
	$(".check").each(function(ind, ele) {
		var code = $(ele).find("input").get(0).val();
		console.info(code);
		result.push(code);
	});
	console.info(result);
}

$(function() {
	$("input[name='pjzblxm']").change(function() {
		var selectedVal = $(this).val();
		if (selectedVal == 1 || selectedVal == 11) {
			$("#zbs").show();
			$("#zfTr").hide();
		} else if (selectedVal == 21 || selectedVal == 51) {
			$("#zbs").hide();
			$("#zfTr").show();
		} else {
			$("#zbs").hide();
			$("#zfTr").hide();
		}
	});

	$(".addPfX").click(function() {
		var newTr;
		var selectedVal = $("input[name='pjzblxm']").val();
		if (selectedVal == 1 || selectedVal == 11) {
			newTr = $("#zbs tr:first").clone(true);
			$("#zbs").append(newTr);
			//重新排序
			sort($("#zbs"));
		}

		if (newTr) {
			newTr.show();
			//给节点的名称加个编号作为后缀
			newTr.find(":button").click(function() {
				var parent = $(this).parents("table:first");
				$(this).parent().parent().remove();
				sort(parent);
				combXxms();	// 增加。Lin
			});
		}
	});

	function sort($table) {
		beginNum = 65;
		$table.find("tr:gt(2)").each(function(index) {
			if ($.trim($(this).parents("table:first").attr("id")) == 'zbs') {
				var xx = String.fromCharCode(beginNum);
				var input = '<input id="zbsPjzbx" type="hidden" name="zbsPjzbx' + (index + 1) + '"  value="'+xx+'"/>';

				$(this).find("td:first").empty().append(input).append(xx);
				$(this).find(":input[name*='pjzbMs']:first").attr("name", "pjzbMs" + (index + 1)).css("width", "calc(100% - 12px)");
				$(this).find(":input[name*='zbsPjzbxfs']:first").attr("name", "zbsPjzbxfs" + (index + 1)).css("width", "calc(100% - 12px)");
				beginNum = beginNum + 1;
			}
		});
	}

	$("#pjzb_zj").submit(function() {
		var selectedVal = $("input[name='pjzblxm']").val();
		if (selectedVal == 1 || selectedVal == 11) {
			$("#zbs tr:first").remove();
		} else {
			$("#zbs").remove();
		}
		return true;
	});
});


// 增加，在页面里合并选项到 选项描述 字段里。Lin
function combXxms() {
	let xxmsArr = [];
	const pjzbxsmInput = document.getElementsByName('pjzblxm')[0];
	let pjzbxsmValue = pjzbxsmInput.value;
	if(pjzbxsmValue==="11"||pjzbxsmValue==="1") {
		// 获取所有input元素
		const inputs = document.getElementsByTagName('input');
		// 创建正则表达式匹配前缀和数字
		const regex = /^zbsPjzbxfs(\d+)/;
		// 存储提取的数字
		const numbers = [];
		// 遍历所有input元素
		for (let i = 0; i < inputs.length; i++) {
			const input = inputs[i];
			const name = input.name;
			// 检查name是否符合模式
			const match = name.match(regex);
			if (match) {
				// 提取数字部分并转换为数值
				const number = parseInt(match[1], 10);
				numbers.push(number);
			}
		}
		// console.log('提取的数字数组:', numbers);
		for (let i = 0; i < numbers.length; i++) {
			let index = numbers[i];
			let opt = document.getElementsByName('zbsPjzbx' + index)[0].value;
			let desc = document.getElementsByName('pjzbMs' + index)[0].value;
			let score = document.getElementsByName('zbsPjzbxfs' + index)[0].value;
			let o = {
				"name": opt,
				"desc": desc,
				"score": score
			};
			xxmsArr.push(o);
		}
	}
	// 转换为JSON字符串
	const jsonStr = JSON.stringify(xxmsArr);
	// 设置到隐藏字段
	const xxmsInput = document.getElementsByName('xxms')[0];
	if (xxmsInput) {
		xxmsInput.value = jsonStr;
		console.log('已设置隐藏字段值:', xxmsInput.value);
	}
}
</script>