<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>物料编码维护</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
	<style>
		.EditColor{
			border-color: #ed7878;
		}
		.layui-form-label{
			width: 70px;
		}
	</style>
</head>

<body>
	<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list"
		style="padding: 20px 0px 0 0;">
		<div class="layui-form-item" id="uptshow">
			<div class="layui-inline">
				<label class="layui-form-label">物料号 <strong style="color: red;font-size: 18px;">*</strong></label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" name="SkuNo" placeholder="请输入物料编号" lay-verify="required" autocomplete="off"
						class="layui-input" >
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">物料类别 <strong style="color: red;font-size: 18px;">*</strong></label>
				<div class="layui-input-block " style="width: 182px;">
					<select name="CategoryNo" id="CategoryNo" lay-verify="required" lay-search >
						<option value=""></option>
					</select>
				</div>
			</div>
		</div>
		<!-- <div class="layui-form-item" id="uptshow">
				<div class="layui-inline">
					<label class="layui-form-label">物料名称</label>
					<div class="layui-input-block">
						<input type="addtext" name="addSkuName" placeholder="请输入物料名称" lay-verify="required" autocomplete="off" class="layui-input">
					</div>
				</div>
            </div> -->
		<div class="layui-form-item" id="uptshow">
			<div class="layui-inline">
				<label class="layui-form-label">物料名称 <strong style="color: red;font-size: 18px;">*</strong></label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="upttext" name="SkuName" placeholder="请输入物料名称" lay-verify="required" autocomplete="off"
						class="layui-input">
				</div>
			</div>
			<div class="layui-inline" id="IsPasteCodeshow">
				<label class="layui-form-label">是否贴标</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="IsPasteCode" id="IsPasteCode" lay-verify="" lay-verify="" lay-search>
						<!-- <option value=""></option> -->
						<option value="1">是</option>
						<option value="0">否</option>
					</select>
				</div>
			</div>
			<!-- 添加不显示 -->
			<!-- <div class="layui-inline" id="Auditishow">
				<label class="layui-form-label">审核状态</label>
				<div class="layui-input-block" style="width:182px">
					<select name="AuditStatusNo" id="AuditStatusNo" lay-verify="" lay-search>
						<option value=""></option>
						<option value="0" selected>待审核</option>
						<option value="9">已通过</option>
						<option value="1">自定义</option>
					</select>
				</div>
			</div> -->
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">类型</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="Type" id="Type" lay-verify="" lay-verify="" lay-search>
						<option value=""></option>
						<option value="0">原料</option>
						<option value="1">包材</option>
						<option value="2">成品</option>
						<option value="3">耗材</option>
						<option value="4">中间品</option>
					</select>
				</div>
			</div>
			<div class="layui-inline" id="IsControlledshow">
				<label class="layui-form-label">是否受控</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="IsControlled" id="IsControlled" lay-verify="" lay-verify="" lay-search>
						<!-- <option value=""></option> -->
						<option value="0">受控</option>
						<option value="1">非受控</option>
					</select>
				</div>
			</div>
			<div class="layui-inline" id="IsInspectshow">
				<label class="layui-form-label">是否免检</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="IsInspect" id="IsInspect" lay-verify="" lay-verify="" lay-search>
						<!-- <option value=""></option> -->
						<option value="0">否</option>
						<option value="1">是</option>
					</select>
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">规格/型号</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" name="Standard" placeholder="请输入规格/型号" lay-verify="" autocomplete="off"
						class="layui-input">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<!-- 单位 -->
			<div class="layui-inline">
				<label class="layui-form-label">单位</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="UnitNo" id="UnitNo" lay-verify="" lay-search>
						<option value=""></option>
					</select>
				</div>
			</div>
			<!-- 包装 -->
			<div class="layui-inline">
				<label class="layui-form-label">包装 <strong style="color: red;font-size: 18px;">*</strong></label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="PackagNo" id="PackagNo" lay-verify="" lay-search>
						<option value=""></option>
					</select>
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">存储环境</label>
				<div class="layui-input-block" style="width: 182px;">
					<select name="Environment" id="Environment" lay-verify="" lay-verify="" lay-search>
						<option value=""></option>
						<option value="0">常温</option>
						<option value="1">低温</option>
						<!-- <option value="3">干燥通风</option> -->
					</select>
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">理论重量</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d.]/g,'')" name="Weight" placeholder="请输入理论重量"
						lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label" style="width: 70px;">保质期(天)</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" name="Warranty" placeholder="请输入保质期"
						lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label" style="width: 70px;">拆包效期(天)</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" name="UnpackWarranty" placeholder="请输入拆包效期" lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div> 
			<!-- <div class="layui-inline">
				<label class="layui-form-label">理论单价</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d.?]/g,'')" name="Price" placeholder="请输入理论单价"
						lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div> -->
		</div>
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label" style="width: 70px;">临期(天)</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" name="AdventTime" placeholder="请输入临期"
						lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">低库存</label>
				<div class="layui-input-block" style="width: 182px;">
					<input type="text" onkeyup="value=value.replace(/[^\d.?]/g,'')" name="LowInventory"
						placeholder="请输入低库存" lay-verify="" autocomplete="off" class="layui-input">
				</div>
			</div>
		</div>
		
		<div class="layui-form-item">
			<div class="layui-inline">
				<label class="layui-form-label">备注</label>
				<div class="layui-input-block" style="width: 487px;">
					<textarea placeholder="请输入备注内容" name="Demo" class="layui-textarea"></textarea>
				</div>
			</div>
		</div>
		<div class="layui-form-item layui-hide">
			<input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit"
				value="确认添加">
			<input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit"
				value="确认编辑">
		</div>
	</div>

	<script src="../../layuiadmin/layui/layui.js"></script>
	<script src="../../js/public.js"></script>
	<script src="../../js/jquery-3.5.1.min.js"></script>
	<script src="../../js/jquery.cookie.js"></script>
	<script>
		layui.config({
			base: '../../layuiadmin/' //静态资源所在路径
		}).extend({
			index: 'lib/index' //主入口模块
		}).use(['index', 'form', 'layer'], function () {
			var $ = layui.$,
				form = layui.form,
				layer = layui.layer;

			// var sel3 = false;
			// //获取类别信息 CategoryNo
			// sendData(IP + "/sys/GetMaterialCategories1",{},'get',function(res){
			// 	console.log(res)
			// 	if (res.code == 1) //成功
			// 	{
			// 		Categoryhtml = '<option value =""></option>';
			// 		for (var i = 0; i < res.data.length; i++) {
			// 			$("#CategoryNo").append('<option value =' + res.data[i].CategoryNo + '>' + res.data[i].CategoryName + '</option>');
			// 		}
			// 		form.render('select');
			// 		sel3 = true;
			// 	}
			// 	else
			// 	{
			// 		layer.msg(res.msg, {
			// 			icon: 2,
			// 			time: 2000 //2秒关闭(如果不配置,默认是3秒)
			// 		}, function() {sel3 = true;});
			// 	}
			// })
			console.log($("#CategoryNo").next().html());
			$("#CategoryNo").next().children().eq(1).children().eq(1).addClass(" EditColor")

			var sel3 = false;
			//获取类别信息 CategoryNo
			synData(IP + "/sys/GetMaterialCategories1", {}, 'get', function (res) {
				console.log(res)
				if (res.code == 1) //成功
				{
					for (var i = 0; i < res.data.length; i++) {
						$("#CategoryNo").append('<option value =' + res.data[i].CategoryNo + '>' + res.data[i].CategoryName + '</option>');
					}
					form.render('select');
					sel3 = true;
				}
				else //不成功
				{
					layer.msg(res.msg, {
						icon: 2,
						time: 2000 //2秒关闭(如果不配置,默认是3秒)
					}, function () { sel3 = true; });
				}

			});


			var sel1 = false;
			//获取单位下拉菜单 UnitNo
			synData(IP + "/Basis/GetUnitList", {}, 'get', function (res) {
				if (res.code == 0) //成功
				{
					for (var i = 0; i < res.data.length; i++) {
						$("#UnitNo").append('<option value =' + res.data[i].UnitNo + '>' + res.data[i].UnitName + '</option>');
					}
					form.render('select');
					sel1 = true;
				}
				else //不成功
				{
					layer.msg(res.msg, {
						icon: 2,
						time: 2000 //2秒关闭(如果不配置,默认是3秒)
					}, function () { sel1 = true; });
				}

			});
			var sel2 = false;
			//获取包装下拉菜单 PackagNo
			synData(IP + "/Basis/GetPackagList", {}, 'get', function (res) {
				if (res.code == 0) //成功
				{
					for (var i = 0; i < res.data.length; i++) {
						$("#PackagNo").append('<option value =' + res.data[i].PackagNo + '>' + res.data[i].PackagName + '</option>');
					}
					form.render('select');
					sel2 = true;
				}
				else //不成功
				{
					layer.msg(res.msg, {
						icon: 2,
						time: 2000 //2秒关闭(如果不配置,默认是3秒)
					}, function () { sel2 = true; });
				}

			});

			var id = getQueryString('id');
			if (!id) {
				id = 0;
				$("#AuditStatusNo").attr("disabled", "true")
			}
			else {
				if (sel1 && sel2 && sel3) {
					var param = {
						UserId: id,
					};
					synData(IP + "/Basis/GetMateById?Id= " + getQueryString('id') + "", {}, 'get', function (res) {
						if (res.code == 0) //成功
						{
							// console.log(res.data.CategoryNo)
							//审批状态编辑显示
							if (res.data.AuditStatusNo != "") {
								//$('#Auditishow').show();
								// $('#IsControlledshow').show();
								// $('#IsInspectshow').show();
							}
							//物料号
							if (res.data.SkuNo != "") {
								$("input[name='SkuNo']").attr("disabled", "disabled")
							}
							//页面赋值
							$("input[name='SkuNo']").val(res.data.SkuNo); // 物料号
							$("input[name='SkuName']").val(res.data.SkuName); // 物料名称
							$("input[name='Standard']").val(res.data.Standard); // è§„æ ¼
							$("#AuditStatusNo option[value='" + res.data.AuditStatusNo + "']").attr("selected", "selected"); // 审核状态
							$("#Type option[value='" + res.data.Type + "']").attr("selected", "selected"); // 类型
							$("#CategoryNo option[value='" + res.data.CategoryNo + "']").attr("selected", "selected"); // 类别
							// $("#CategoryNo option[value='" + res.data.CategoryNo + "']").attr("selected","selected"); // 类别
							$("#IsControlled option[value='" + res.data.IsControlled + "']").attr("selected", "selected"); // 是否受控
							$("#IsInspect option[value='" + res.data.IsInspect + "']").attr("selected", "selected"); // 是否免检
							$("#IsPasteCode option[value='" + res.data.IsPasteCode + "']").attr("selected", "selected"); // 是否贴标
							$("#UnitNo option[value='" + res.data.UnitNo + "']").attr("selected", "selected");// 单位
							$("#PackagNo option[value='" + res.data.PackagNo + "']").attr("selected", "selected"); // 包装
							// $("#PackagNo").attr("disabled", "disabled")
							$("#Environment option[value='" + res.data.Environment + "']").attr("selected", "selected"); // 存储环境
							$("input[name='Weight']").val(res.data.Weight); // 理论重量
							$("input[name='Warranty']").val(res.data.Warranty); // 保质期
							$("input[name='UnpackWarranty']").val(res.data.UnpackWarranty); // 保质期
							$("input[name='Price']").val(res.data.Price); // 理论单价
							$("input[name='AdventTime']").val(res.data.AdventTime); // 临期
							$("input[name='LowInventory']").val(res.data.LowInventory); // 低库存
							$("textarea[name='Demo']").val(res.data.Demo); //备注
							form.render();
							form.render('select');
						}
						else //不成功
						{
							layer.msg(res.msg, {
								icon: 2,
								time: 2000 //2秒关闭(如果不配置,默认是3秒)
							}, function () { });
						}
					});
				}

			}
			form.render('select');
		});

		//获取浏览器参数
		function getQueryString(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
			var r = window.location.search.substr(1).match(reg);
			if (r != null) return unescape(r[2]);
			return null;
		}
	</script>
</body>

</html>