<!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">
|
</head>
|
<body>
|
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list"
|
style="padding: 20px 30px 0 0;">
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">所属巷道</label>
|
<div class="layui-input-inline">
|
<select name="RoadwayNo" id="RoadwayNo" lay-filter="getRoadwayNo" lay-search >
|
<option value=""></option>
|
</select>
|
</div>
|
<label class="layui-form-label">所属区域</label>
|
<div class="layui-input-inline">
|
<select name="AreaNo" id="AreaNo" lay-filter="getAreaNo" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">  储排</label>
|
<div class="layui-input-inline">
|
<input type="number" lay-verify="PRules" id="Row" name="Row" placeholder="排···" autocomplete="off"
|
class="layui-input" >
|
</div>
|
<label class="layui-form-label">  储列</label>
|
<div class="layui-input-inline">
|
<input type="number" lay-verify="LRules" id="Column" name="Column" placeholder="列···" autocomplete="off"
|
class="layui-input" >
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">  储层</label>
|
<div class="layui-input-inline">
|
<input type="number" lay-verify="CRules" id="Layer" name="Layer" placeholder="层···" autocomplete="off"
|
class="layui-input" >
|
</div>
|
<label class="layui-form-label">储位深度</label>
|
<div class="layui-input-inline">
|
<input type="number" id="Depth" name="Depth" placeholder="储位深度···" autocomplete="off"
|
class="layui-input" oninput="value=value.replace(/^[0-9]+$/,'')"
|
onafterpaste="this.value=this.value.replace(/^[0-9]+$/,'')">
|
</div>
|
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">储位状态</label>
|
<div class="layui-input-inline">
|
<select name="Status" id="Status" lay-filter="getStatus" 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>
|
<option value="5">正在移出</option>
|
</select>
|
</div>
|
<label class="layui-form-label">储位标志</label>
|
<div class="layui-input-inline">
|
<select name="Flag" id="Flag" lay-filter="getFlag" lay-search >
|
<option value=""></option>
|
<option value="0">正常</option>
|
<option value="1">屏蔽</option>
|
<option value="2">损坏</option>
|
</select>
|
</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>
|
var uid = $.cookie('userId');
|
if(uid==null){
|
alert('请登录后操作');
|
window.parent.location.href='../Login.html'
|
}
|
layui.config({
|
base: '../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'layer'], function() {
|
var $ = layui.$,
|
form = layui.form,
|
layer = layui.layer;
|
|
//var no = getQueryString('WareHouseNo');
|
GetRoadway("");
|
|
GetArea('');
|
|
//自定义验证规则
|
form.verify({
|
PRules: function(value, item){
|
if($("#Row").val() != ""){
|
var pattern = /^[a-zA-Z0-9_]+$/; // 这里写你的正则表达式
|
if(!pattern.test(value)){
|
return '排只能包含字母、数字和下划线';
|
}}
|
}
|
,LRules: function(value, item){
|
if($("#Column").val() != ""){
|
var pattern = /^[a-zA-Z0-9_]+$/; // 这里写你的正则表达式
|
if(!pattern.test(value)){
|
return '列只能包含字母、数字和下划线';
|
}}
|
},CRules: function(value, item){
|
if($("#Layer").val() != ""){
|
var pattern = /^[a-zA-Z0-9_]+$/; // 这里写你的正则表达式
|
if(!pattern.test(value)){
|
return '层只能包含字母、数字和下划线';
|
}}
|
}
|
});
|
|
//获取区域
|
function GetArea(val){
|
|
var param = {
|
wareHouseNo: "W01" //立库W01
|
}
|
sendData(IP + "/Sys/GetStorageAreaByHouseNo", param, 'get', function(res) {
|
console.log(res)
|
if (res.code == 0) { //成功
|
$("#AreaNo").empty();
|
$("#AreaNo").append('<option value =""></option>');
|
for (var i = 0; i < res.data.length; i++) {
|
$("#AreaNo").append('<option value =' + res.data[i].AreaNo + '>' + res.data[i].AreaNo + '-' +
|
res.data[i].AreaName + '</option>');
|
}
|
$("select[name='AreaNo']").val(val);
|
form.render('select');
|
} else { //不成功
|
layer.msg('获取区域信息失败', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {
|
//回调
|
form.render('select');
|
});
|
}
|
});
|
}
|
//获取巷道
|
function GetRoadway(val){
|
sendData(IP + "/Sys/GetStorageRoadwayByHouseNo", {}, 'get', function(res) {
|
|
if (res.code == 0) { //成功
|
$("#RoadwayNo").empty();
|
$("#RoadwayNo").append('<option value =""></option>');
|
for (var i = 0; i < res.data.length; i++) {
|
$("#RoadwayNo").append('<option value =' + res.data[i].RoadwayNo + '>' + res.data[i].RoadwayNo + '-' +
|
res.data[i].RoadwayName + '</option>');
|
}
|
$("select[name='RoadwayNo']").val(val);
|
form.render('select');
|
} else { //不成功
|
layer.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>
|
