edit.html 10 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-edit" th:object="${customer}">
            <input id="id" name="id" th:field="*{id}"  type="hidden">
            <div class="form-group">	
                <label class="col-sm-3 control-label">编码:</label>
                <div class="col-sm-8">
                    <input id="code" name="code" th:field="*{code}" class="form-control" readonly="readonly" 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" th:field="*{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']}" th:field="*{companyCode}"></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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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" th:field="*{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="*{enable}" 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" th:field="*{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" th:field="*{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" th:field="*{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 + "config/customer"
		$("#form-customer-edit").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,
                },
			},
            submitHandler: function(form) {
                $.ajax({
                    cache: true,
                    type: "POST",
                    url: prefix + "/edit",
                    data: {
                        "id": $("input[name='id']").val(),
                        "code": $("input[name='code']").val(),
                        "code2": $("input[name='code2']").val(),
                        "name": $("input[name='name']").val(),
                        "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(),
                        "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.msgError("请求失败!");
                    },
                    success: function (data) {
                        $.operate.saveSuccess(data);
                    }
                });
            }
		});
	</script>
</body>
</html>