add.html 5.82 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-location-add">
			<div class="form-group">
				<label class="col-sm-3 control-label">行:</label>
				<div class="col-sm-8">
					<input id="iRow" name="iRow" 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="iColumn" name="iColumn" 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="iLayer" name="iLayer" 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="iGrid" name="iGrid" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">内外侧:</label>
				<div class="col-sm-8">
					<select id="rowFlag" name="rowFlag" class="form-control" th:with="rowFlag=${@dict.getType('rowFlag')}">
						<option th:each="item : ${rowFlag}" th:text="${item['dictLabel']}" th:value="${item['dictValue']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">高低位:</label>
				<div class="col-sm-8">
					<select id="high" name="high" class="form-control" th:with="high=${@dict.getType('high')}">
						<option th:each="item : ${high}" th:text="${item['dictLabel']}" th:value="${item['dictValue']}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">巷道:</label>
				<div class="col-sm-8">
					<input id="roadway" name="roadway" 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="area" name="area" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">库位类型:</label>
				<div class="col-sm-8">
                    <select id="locationType" name="locationType" class="form-control" th:with="locationType=${@locationType.getLocationPrefix()}">
                        <option th:each="item : ${locationType}" th:text="${item['name']}" th:value="${item['code']}"></option>
                    </select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">库区:</label>
				<div class="col-sm-8">
                    <select id="zoneCode" name="zoneCode" class="form-control" th:with="zone=${@zone.getZoneCodeList()}">
                        <option th:each="item : ${zone}" th:text="${item['name']}" th:value="${item['id']}" th:attr = " code = ${item['code']}"></option>
                    </select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">库位状态:</label>
				<div class="col-sm-8">
					<select id="status" name="status" class="form-control">
						<option value="empty">空闲</option>
						<option value="disable">禁用</option>
					</select>
				</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 + "config/location"
		$("#form-location-add").validate({
            rules:{
				iRow:{
                    required:true,
                    digits:true
                },
				iColumn:{
                    required:true,
                    digits:true
                },
				iLayer:{
                    required:true,
                    digits:true
                },
                rowFlag:{
                    required:true,
                    digits:true
                },
                iGrid:{
                    required:true,
                    digits:true
                },
                roadway:{
                    required:true,
                    digits:true
                },
                area:{
                    required:true,
                    digits:true
                }
            },
			submitHandler: function(form) {
                $.ajax({
                    cache : true,
                    type : "POST",
                    url : prefix + "/add",
                    data : {
                        "iRow": $("input[name='iRow']").val(),
                        "iColumn": $("input[name='iColumn']").val(),
                        "iLayer": $("input[name='iLayer']").val(),
                        "iGrid": $("input[name='iGrid']").val(),
                        "rowFlag" : $("#rowFlag option:selected").val(),
                        "roadway": $("input[name='roadway']").val(),
                        "area": $("input[name='area']").val(),
                        "locationType": $("#locationType option:selected").val(),
                        "zoneCode": $("#zoneCode option:selected").attr("code"),
                        "status" : $("#status option:selected").val(),
                    },
                    async : false,
                    error : function(request) {
                        $.modal.msgError("请求失败!");
                    },
                    success : function(data) {
                        $.operate.saveSuccess(data);
                    }
                });
			}
		});
	</script>
</body>
</html>