Yezb
/
ss_new_ui_skin_and_page


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
							<html>
<head>
	<style type="text/css">
	  .left-div, .right-div {
		  float: left;
		  /*width: 48%;*/
		  height: 94%;
		  box-sizing: border-box;
		  position: relative;
	  }
	  .left-div {
		  width: 37%;
	  }
	  .right-div {
		  width: 62.7%;
	  }
	  table.list {
		  margin-left: 0px !important;
	  }
	  table.list th{
		  /*   width: 158px;*/
	  }
	  table.list td{
		  /* width: 158px;*/
	  }
	  .list-div tr {
		  border-bottom: 1px solid #e4e4e4;
		  background-color: #f0f0f0;
	  }
	  .list-div tr:hover {
		  border-bottom: 1px solid #e4e4e4;
		  background-color: #c7e3fc;
	  }
	  .list tr:nth-child(even):hover {
		  background-color:#c7e3fc;
	  }
	  .list-div td {
		  /*max-width: 140px !important;*/
		  padding: 0px 12px 0px 12px !important;
	  }
	  .list-div th {
		  padding: 0px 12px 0px 12px !important;
	  }
	  .left-button {
		  width: 100%;
		  float: left;
		  text-align: center;
		  position: absolute;
		  bottom: 0;
	  }
	  .left-div {
		  margin-right: 1px;
	  }
	  .times {
		  width: 80px !important;
	  }
	  .form-text {
		  overflow: hidden;
		  text-overflow: ellipsis;
		  white-space: nowrap;
	  }
	  .cjfs {
		  width: 60px !important;
	  }
	  .list tr td {
		  padding-right: 28px;
	  }
	  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
		  -webkit-appearance: none;
	  }
	  input[type="text"] {
		  -moz-appearance: textfield;
		  width: 65px;
		  text-align: right;
	  }
	  .content-div {
		  padding-right:15px!important;
	  }
	  .xylist {
		  display: block;
		  height: 630px;
		  overflow-y: auto;
	  }
	  .list tr{
		  display: table;
		  width: 100%;
		  table-layout: fixed;
	  }
	  .list-highlight {
		  color: #2b368f!important;
		  font-size: 14px!important;
	  }
	</style>
	<script type="text/javascript">
		console.log("start!!!");

		function loadXsCj(e){
			console.log("loadXsCj");
			var gysid;
			if ('${type}' == "rk")
				gysid = wd.edit.objectPicker.instance.gys.getValue();
			else
				gysid = wd.edit.objectPicker.instance.wplymb.getValue();
			var mc = document.getElementById('mc').value;
			var url;
			if ('${type}' == "rk")
				url = "<serv.ss name='wp_excelSearchRk'/>";
			else
				url = "<serv.ss name='wp_excelSearchPf'/>";
			$.ajax({
				url : url,
				type : 'post',
				async : false,
				dataType: "json",	// 增加。Lin
				data : {
					'gysid' : gysid,
					'mc': mc
				},
				success : function(result) {
					if (result.msg) {
						alert(result.msg);
						return;
					}
					$('.xylist')[0].innerHTML='';	// 删除之前的。Lin
					var stuData = result;
					for (var i in stuData) {
						console.log(stuData[i]);
						var stu = stuData[i];
						var str = "<tr>";
if ('${type}' == "rk") {
						str += "<input type='hidden' value='"+ stu.wpid +"' name='wpid' dataFlag='data' rowNo='"+ i +"'/>";
						str += "<input type='hidden' value='"+ ((stu.gysid)? stu.gysid : "") +"' name='gysid' dataFlag='data' rowNo='"+ i +"'/>";
						str += "<td style='width:120px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ stu.wpmc +"' name='wpmc' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						str += "<td style='width:100px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ ((stu.gysmc)? stu.gysmc : "") +"' name='gysmc' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						str += "<td style='width:60px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ stu.jldwmc +"' name='jldwmc' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						// 数量。Lin
						str += "<td style='width:80px;text-align: right;'>" +
								"<input type='text' name='sl' tab='tabField' dataFlag='data' rowNo='"+ i +"'"+
								" onfocus='keydown_to_tab(this)' onkeypress='if(event.keyCode==13) focusNextInput(this);'/>" +
								"</td>";
						// 单价。Lin
						str += "<td style='width:80px;text-align: right;'>"+
								"<input type='text' value='"+ stu.dj +"' name='dj' tab='tabField' dataFlag='data' rowNo='"+ i +"'"+
								" onfocus='keydown_to_tab(this)' onkeypress='if(event.keyCode==13) focusNextInput(this);'/>" +
								"</td>";
						// 金额。Lin
						str += "<td style='width:80px;text-align: right;'>" +
								"<input type='text' readonly='true' name='je' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
} else {
						str += "<input type='hidden' value='"+ stu.wpid +"' name='wpid' dataFlag='data' rowNo='"+ i +"'/>";
						str += "<input type='hidden' value='"+ ((stu.gysid)? stu.gysid : "") +"' name='gysid' dataFlag='data' rowNo='"+ i +"'/>";
						str += "<td style='width:120px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ stu.wpmc +"' name='wpmc' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						str += "<td style='width:100px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ stu.kcsl +"' name='kcsl' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						str += "<td style='width:60px;' class='list-highlight'>"+
								"<input type='text' readonly='true' value='"+ stu.jldwmc +"' name='jldwmc' dataFlag='data' rowNo='"+ i +"'/>"+
								"</td>";
						// 数量。Lin
						str += "<td style='width:80px;text-align: right;'>" +
								"<input type='text' name='sl' tab='tabField' dataFlag='data' rowNo='"+ i +"'"+
								" onfocus='keydown_to_tab(this)' onkeypress='if(event.keyCode==13) focusNextInput(this);'/>" +
								"</td>";
}
						str += "</tr>";
						$('.xylist').append($(str));
					}
				}
			});
		}
	</script>
</head>
<body>
<!-- 查询 -->
<%-- 再改，点击 保存 按钮后不能关闭弹出窗口的问题 -- <form action= 里增加 dest=。Lin
<form action="" name="cjform" method="post"> --%>
<input type="hidden" name="xxx" value="${dataType}" />
<%--<in@put type="hidden" name="rcid" value="${rcid}" />--%>
<div class="content-div" >
	<equal.ss val="${type}" val2="rk">
		<input name="gys" placeholder="供应商" type="hidden" width="200px"/>
		<objp.ss name="gys" cb="gys"/>
	</equal.ss>
	<equal.ss val="${type}" val2="pf">
		<input name="wplymb" placeholder="物品领用模板" type="hidden" width="200px"/>
		<objp.ss name="wplymb" cb="wplymbByBm" filter="{bmid:${bmid}}"/>
	</equal.ss>
	<input id="mc" name="mc" placeholder="物品名称" type="text">
	<input type="button" class="content-invertButton" value="查询" onclick="loadXsCj()" />
</div>
<div class="list-div list-search-div" style="height: 90% overflow-x:hidden; min-height:80%;">
	<table class="list aa" style=" float:right;width:100%!important;">
		<thead style="width: 100%">
		<tr style="border:none;">
			<equal.ss val="${type}" val2="rk">
				<th style="padding: 0 0 0 12px;width: 120px;">物品</th>
				<th style="width:100px;">供应商</th>
				<th style="width:60px;">计量单位</th>
				<th style="width:80px;">数量</th>
				<th style="width:80px;">单价</th>
				<th style="width:80px;">金额</th>
			</equal.ss>
			<equal.ss val="${type}" val2="pf">
				<th style="padding: 0 0 0 12px;width: 120px;">物品</th>
				<th style="width:100px;">库存数量</th>
				<th style="width:60px;">计量单位</th>
				<th style="width:80px;">数量</th>
			</equal.ss>
		</tr>
		</thead>
		<tbody class="xylist scrollbar" ssOddClazz="list-odd" ssEvenClazz="list-even" ssHovClazz="list-hover" ssFith="{list:true,rowHeight:35}" >
		</tbody>
	</table>
</div>
<div class="bottom-div">
	<equal.ss val='${dataType=="play"}' val2="false">
		<div class="bottom-down-div">
			<input type="button" value="保存" class="bottom-button" onclick="sendDataToParent()"/>
			<input type="button" value="关闭" class="bottom-button" onclick="wd.display.closeDialog();">
		</div>
	</equal.ss>
</div>

</body>
<script type="text/javascript">
	if ('${type}' == "rk")
		wd.edit.objectPicker.instance.gys.onchange = loadXsCj;	// 需要放在 <objp.ss 后面。Lin
	else
		wd.edit.objectPicker.instance.wplymb.onchange = loadXsCj;	// 需要放在 <objp.ss 后面。Lin

	function sendDataToParent() {
		var inputs = $("input[dataFlag='data']");
		// 收集所有有数量的输入项
		const data = [];
		var curRowNo = 0;
		var item = [];
		var wpid, wpmc, gysid, gysmc, kcsl, jldwmc, sl, dj, je;
		for (let i = 0; i < inputs.length; i ++) {
			var rowNo = inputs[i].getAttribute("rowNo");
			var colName = inputs[i].getAttribute("name");
			if (rowNo == curRowNo) {
				switch (colName) {
					case 'wpid':
						wpid = inputs[i].value;
						break;
					case 'wpmc':
						wpmc = inputs[i].value;
						break;
					case 'gysid':
						gysid = inputs[i].value;
						break;
					case 'gysmc':
						gysmc = inputs[i].value;
						break;
					case 'kcsl':
						kcsl = inputs[i].value;
						break;
					case 'jldwmc':
						jldwmc = inputs[i].value;
						break;
					case 'sl':
						sl = inputs[i].value;
						break;
					case 'dj':
						dj = inputs[i].value;
						break;
					case 'je':
						je = inputs[i].value;
						break;
				}
			} else {
				curRowNo = rowNo;
				if (('${type}' == 'rk' && sl && sl > 0 && dj && dj >= 0) || ('${type}' == 'pf' && sl && sl > 0)) {
					data.push({
						wpid: wpid,
						wpmc: wpmc,
						gysid: gysid,
						gysmc: gysmc,
						kcsl: kcsl,
						jldwmc: jldwmc,
						sl: sl,	// parseInt(sl)。不能转为数值 100，Gson.fromJson( 会被转为 100.0。Lin
						dj: dj,
						je: je
					});
				}
				switch (colName) {
					case 'wpid':
						wpid = inputs[i].value;
						break;
					case 'wpmc':
						wpmc = inputs[i].value;
						break;
					case 'gysid':
						gysid = inputs[i].value;
						break;
					case 'gysmc':
						gysmc = inputs[i].value;
						break;
					case 'kcsl':
						kcsl = inputs[i].value;
						break;
					case 'jldwmc':
						jldwmc = inputs[i].value;
						break;
					case 'sl':
						sl = inputs[i].value;
						break;
					case 'dj':
						dj = inputs[i].value;
						break;
					case 'je':
						je = inputs[i].value;
						break;
				}
			}
		}
		if (('${type}' == 'rk' && sl && sl > 0 && dj && dj >= 0) || ('${type}' == 'pf' && sl && sl > 0)) {
			data.push({
				wpid: wpid,
				wpmc: wpmc,
				gysid: gysid,
				gysmc: gysmc,
				kcsl: kcsl,
				jldwmc: jldwmc,
				sl: sl,	// parseInt(sl)。不能转为数值 100，Gson.fromJson( 会被转为 100.0。Lin
				dj: dj,
				je: je
			});
		}
		// 发送消息给父窗口
/* 改，SS 弹窗，无法触发父窗口的 message 事件。Lin
 * 抄自 阿枫 食材 > 入库单 > 选择食材里的 $("#bc").on("click", function ()
		window.parent.postMessage(data, '*');
*/
		var topWin = wd.display.getwdDialogOpener();
		topWin.schx(data);
		wd.display.alert("保存成功");
	}


// ===

	// 回车下一个获取焦点
	function focusNextInput(thisInput) {
		var inputs = $("input[tab='tabField']");	// = $("input[name='cjfs']")。Lin
		for (var i = 0; i < inputs.length; i++) {
			// 如果是最后一个，则焦点回到第一个
			if (i == (inputs.length - 1)) {
				inputs[0].focus(); break;
			} else if (thisInput == inputs[i]) {
				inputs[i + 1].focus(); break;
			}
		}
	}

	// 上一个获取焦点
	function focusUpInput(thisInput) {
		// console.log(11111);
		var inputs = $("input[tab='tabField']");	// = $("input[name='cjfs']")。Lin
		for (var i = 0; i < inputs.length; i++) {
			// 如果是第一个，则焦点回到最后一个
			if (thisInput == inputs[i]) {
				inputs[i - 1].focus(); break;
			} else if (thisInput == inputs[0]) {
				inputs[inputs.length - 1].focus(); break;
			}
		}
	}

	function keydown_to_tab($input) { //聚焦
		// console.log($input)
		$($input).bind("keydown", function(e) {
//		var n = $('.cjfs').length;	// 去掉，没用到。Lin
			// console.log(n,e.keyCode)
			if (e.keyCode == 40) { //键盘按下
				focusNextInput($input)
			} else if (e.keyCode == 38) { //键盘按上
				focusUpInput($input)
			}
		});
	}
</script>
</html>