add.html 7.99 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-customer-add">
			<div class="form-group">	
				<label class="col-sm-3 control-label">编码:</label>
				<div class="col-sm-8">
					<input id="code" name="code" 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="shipToCode" name="shipToCode" 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="companyCode" name="companyCode" class="form-control" th:with="list=${@companyService.getCode()}">
						<option value ="" code="">全部货主</option>
						<option th:each="item : ${list}" 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">
					<input id="name" name="name" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">	
				<label class="col-sm-3 control-label">地址1:</label>
				<div class="col-sm-8">
					<input id="address1" name="address1" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">地址2:</label>
				<div class="col-sm-8">
					<input id="address2" name="address2" 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="city" name="city" 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="province" name="province" 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="country" name="country" 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="postalCode" name="postalCode" 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="parent" name="parent" 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="attentionTo" name="attentionTo" 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="phoneNum" name="phoneNum" 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="mobile" name="mobile" 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="faxNum" name="faxNum" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">E-mail:</label>
				<div class="col-sm-8">
					<input id="email" name="email" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">是否有效:</label>
				<div class="col-sm-8">
					<div class="onoffswitch">
						<input type="checkbox" th:checked="true" class="onoffswitch-checkbox" id="enable" name="enable">
						<label class="onoffswitch-label" for="enable">
							<span class="onoffswitch-inner"></span>
							<span class="onoffswitch-switch"></span>
						</label>
					</div>
				</div>
			</div>
			<!--<div class="form-group">-->
				<!--<label class="col-sm-3 control-label">自定义字段1:</label>-->
				<!--<div class="col-sm-8">-->
					<!--<input id="userDef1" name="userDef1" class="form-control" type="text">-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="form-group">	-->
				<!--<label class="col-sm-3 control-label">自定义字段2:</label>-->
				<!--<div class="col-sm-8">-->
					<!--<input id="userDef2" name="userDef2" class="form-control" type="text">-->
				<!--</div>-->
			<!--</div>-->
			<!--<div class="form-group">	-->
				<!--<label class="col-sm-3 control-label">自定义字段3:</label>-->
				<!--<div class="col-sm-8">-->
					<!--<input id="userDef3" name="userDef3" class="form-control" type="text">-->
				<!--</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 + "general/customer"
		$("#form-customer-add").validate({
			rules:{
                code:{
					required:true,
				},
                name:{
                    required:true,
                },
                phoneNum:{
                    required:false,
                    isTel:true,
                },
                mobile:{
                    required:false,
                    isPhone:true,
                },
                faxNum:{
                    required:false,
                    isTel:true,
                },
                email:{
                    required:false,
                    email:true,
                },
				companyCode:{

				}
			},
			submitHandler: function(form) {
                $.ajax({
                    cache : true,
                    type : "POST",
                    url : prefix + "/add",
                    data : {
                        "code": $("input[name='code']").val(),
						"shipToCode" : $("input[name='shipToCode']").val(),
                        "name": $("input[name='name']").val(),
						"companyCode" : $("#companyCode").find("option:selected").attr("code"),
                        "address1": $("input[name='address1']").val(),
                        "address2": $("input[name='address2']").val(),
                        "city": $("input[name='city']").val(),
                        "province": $("input[name='province']").val(),
                        "country": $("input[name='country']").val(),
                        "postalCode": $("input[name='postalCode']").val(),
						"parent": $("input[name='parent']").val(),
                        "attentionTo": $("input[name='attentionTo']").val(),
                        "phoneNum": $("input[name='phoneNum']").val(),
                        "mobile": $("input[name='mobile']").val(),
                        "faxNum": $("input[name='faxNum']").val(),
                        "email": $("input[name='email']").val(),
                        "enable" : $("input[name='enable']").is(':checked'),
                        // "userDef1": $("input[name='userDef1']").val(),
                        // "userDef2": $("input[name='userDef2']").val(),
                        // "userDef3": $("input[name='userDef3']").val(),
                    },
                    async : false,
                    error : function(request) {
                        $.modal.alertError("请求失败!");
                    },
                    success : function(data) {
                        $.operate.saveSuccess(data);
                    }
                });
			}
		});
	</script>
</body>
</html>