getSrm.html 5.07 KB
<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-receiptHeader-add">
			<div class="form-group">
				<label class="col-sm-3 control-label">唯一码:</label>
				<div class="col-sm-8">
					<input id="id" name="id" class="form-control"  type="hidden">
					<input id="lineCode" name="lineCode" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">账套:</label>
				<div class="col-sm-8">
					<input id="companyCode" name="companyCode" class="form-control"  readonly="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">u8仓库:</label>
				<div class="col-sm-8">
					<select name="uWarehouseCode" id="uWarehouseCode"  class="form-control" >
						<option value="">所有</option>
						<option th:each="e : ${warehouse}" th:text="${e['uWarehouseName']}" th:value="${e['uWarehouseCode']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">物料条码:</label>
				<div class="col-sm-8">
					<input id="materialCode" name="materialCode" class="form-control" type="text" readonly="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">物料名称:</label>
				<div class="col-sm-8">
					<input id="materialName" name="materialName" class="form-control" type="text" readonly="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">规格:</label>
				<div class="col-sm-8">
					<input id="specification" name="specification" class="form-control" type="text" readonly="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">数量:</label>
				<div class="col-sm-8">
					<input id="confirmQty" name="confirmQty" class="form-control" type="text" readonly="true">
				</div>
			</div>
			<div class="form-group">
				<div class="form-control-static col-sm-offset-9">
					<button type="submit" class="btn btn-primary">提交</button>
					<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
				</div>
			</div>
		</form>
	</div>
    <div th:include="include::footer"></div>
    <script type="text/javascript">
		var prefix = ctx + "srm/srmHeader";
			$("#form-receiptHeader-add").validate({
				submitHandler: function (form) {
					$.ajax({
						cache: true,
						type: "POST",
						url: prefix + "/getSrm",
						data: {
							"lineCode": $("input[name='lineCode']").val(),
							"companyCode": $("input[name='companyCode']").val(),
							"materialCode": $("input[name='materialCode']").val(),
							"materialName": $("input[name='materialName']").val(),
							"specification": $("input[name='specification']").val(),
							"confirmQty": $("input[name='confirmQty']").val(),
							"id": $("input[name='id']").val(),
							"uWarehouseCode":$("#uWarehouseCode option:selected").val(),
						},
						async: false,
						error: function (request) {
							$.modal.alertError("请求失败!");
						},
						success: function (data) {
							$.operate.saveSuccess(data);
						}
					});
				}
			});


		$(function () {
			//监听浏览器宽度的改变
			window.onresize = function(){
				resize();
			};
			resize();

			//
			$("#lineCode").bind('input propertychange keypress',function (e) {
				let theEvent = e || window.event;
				let lineCode = theEvent.keyCode || theEvent.which || theEvent.charCode;
				if (lineCode === 13) {
					e.preventDefault();
					//回车执行查询
					getCode();
				}
			});
		});


		function resize(){
			$("#lineCode").focus();
		}

		//获取信息
		function getCode() {
			resize();
			let lineCode=$("#lineCode").val();
			if(lineCode) {
				$.ajax({
					cache: true,
					type: "POST",
					url: prefix + "/review",
					data: {
						lineCode: lineCode,
					},
					success: function (res) {
						if (res.code === 200) {
							$("#id").val(res.data.id);
							$("#companyCode").val(res.data.companyCode);
							$("#materialCode").val(res.data.materialCode);
							$("#materialName").val(res.data.materialName);
							$("#specification").val(res.data.specification);
							$("#confirmQty").val(res.data.confirmQty);
							getWarehouse(res.data.companyCode);
						}
					}
				})
			}
		}
		function getWarehouse(val) {
			$.ajax({
				url: prefix+"/getwarehouse",
				type:'post',
				data:{code:val},
				success:function (response) {
					if(response.code===200){
						$("select[name='uWarehouseCode']").children().remove();
						$("select[name='uWarehouseCode']").append(`<option value="">所有</option>`);
						for (let item of response.data) {
							let option=`<option value="${item.uWarehouseCode}">${item.uWarehouseName}</option>`;
							$("select[name='uWarehouseCode']").append(option);
						}
					}
					else {$.modal.msgError(response.msg)}
				}
			})
		}




	</script>
</body>
</html>