<!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 type="text/css">
|
.InputCss{
|
width: 150px;
|
height: 24px;
|
}
|
.layui-form-switch{
|
margin: 0;
|
}
|
.LableCss{
|
width: auto;
|
padding: 0 10px;
|
height: 24px;
|
line-height: 24px;
|
}
|
</style>
|
</head>
|
<body>
|
|
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 30px;">
|
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">包装编码</label>
|
<div class="layui-input-inline">
|
<input type="text" name="PackCode" lay-verify="required" placeholder="请输入包装编码" autocomplete="off" class="layui-input">
|
</div>
|
<label class="layui-form-label" style="width: auto;">包装描述</label>
|
<div class="layui-input-inline">
|
<input type="text" name="PackDescribe" placeholder="请输入包装描述" lay-verify="required" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<!-- <div class="layui-form-item">
|
<label class="layui-form-label" style="width: auto;">是否有效</label>
|
<div class="layui-input-inline" style="line-height: 32px;">
|
<input type="checkbox" checked name="IsValid" value="0" id="IsValid" lay-skin="switch" lay-filter="switchTest" lay-text="否|是" class="layui-form-switch">
|
</div>
|
</div> -->
|
<div class="layui-form-item">
|
<div class="layui-inline" style="margin: 0 10px 0 15px;">
|
</div>
|
<div class="layui-inline" style="margin: 0 150px 0 90px;">
|
<label class="layui-form-label LableCss">数量</label>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label LableCss">单位描述</label>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">一级包装</label>
|
<div class="layui-input-inline">
|
<input type="number" name="OnelevelNum" lay-verify="required" placeholder="请输入数量" autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
<div class="layui-input-inline" style="float: left;left: 40px;">
|
<input type="text" name="OnelevelUnit" lay-verify="required" placeholder="请输入单位描述" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">二级包装</label>
|
<div class="layui-input-inline">
|
<input type="number" name="TwolevelNum" placeholder="请输入数量" autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
<div class="layui-input-inline" style="float: left;left: 40px;">
|
<input type="text" name="TwolevelUnit" placeholder="请输入单位描述" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">三级包装</label>
|
<div class="layui-input-inline">
|
<input type="number" name="ThreelevelNum" placeholder="请输入数量" autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
<div class="layui-input-inline" style="float: left;left: 40px;">
|
<input type="text" name="ThreelevelUnit" placeholder="请输入单位描述" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">四级包装</label>
|
<div class="layui-input-inline">
|
<input type="number" name="FourlevelNum" placeholder="请输入数量" autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
<div class="layui-input-inline" style="float: left;left: 40px;">
|
<input type="text" name="FourlevelUnit" placeholder="请输入单位描述" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width: auto;">五级包装</label>
|
<div class="layui-input-inline">
|
<input type="number" name="FivelevelNum" placeholder="请输入数量" autocomplete="off" class="layui-input" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
|
</div>
|
<div class="layui-input-inline" style="float: left;left: 40px;">
|
<input type="text" name="FivelevelUnit" placeholder="请输入单位描述" autocomplete="off" class="layui-input">
|
</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;
|
|
form.on('switch(switchTest)', function(data){
|
// console.log(data.elem); //得到checkbox原始DOM对象
|
console.log(data.elem.checked); //开关是否开启，true或者false
|
// if(data.elem.checked == true){
|
// $("input:checkbox[name='IsValid']").val("value","0")
|
// }else{
|
// $("input:checkbox[name='IsValid']").attr("value","1")
|
// }
|
console.log(data.value); //开关value值，也可以通过data.elem.value得到
|
// console.log(data.othis); //得到美化后的DOM对象
|
});
|
var id = getQueryString('id');
|
if (!id) {
|
id = 0;
|
} else {
|
var param = {
|
id: id,
|
};
|
sendData(IP + "/Basis/GetPackagById?Id="+id, param, 'get', function(res) {
|
console.log(res);
|
//console.log(res.data.IsValid == 0);
|
if (res.code == 0) { //成功
|
//包装编码
|
if (res.data.SkuNo != "") {
|
$("input[name='PackCode']").attr("disabled", "disabled")
|
}
|
//页面赋值
|
$("input[name='PackCode']").val(res.data.PackagNo);
|
$("input[name='PackDescribe']").val(res.data.PackagName);
|
$("input[name='OnelevelNum']").val(res.data.L1Num);
|
$("input[name='OnelevelUnit']").val(res.data.L1Name);
|
$("input[name='TwolevelNum']").val(res.data.L2Num);
|
$("input[name='TwolevelUnit']").val(res.data.L2Name);
|
$("input[name='ThreelevelNum']").val(res.data.L3Num);
|
$("input[name='ThreelevelUnit']").val(res.data.L3Name);
|
$("input[name='FourlevelNum']").val(res.data.L4Num);
|
$("input[name='FourlevelUnit']").val(res.data.L4Name);
|
$("input[name='FivelevelNum']").val(res.data.L5Num);
|
$("input[name='FivelevelUnit']").val(res.data.L5Name);
|
// if(res.data.IsValid != 0){
|
// $("input:checkbox[name='IsValid']").removeAttr("checked")
|
// form.render('checkbox');
|
// }
|
|
// $("input[name='IsValid']").val(res.data.IsValid);
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
//获取浏览器参数
|
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>
|
