183 lines
8.0 KiB
HTML
183 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
<head>
|
|
<th:block th:include="include :: header('修改客户信息')" />
|
|
<th:block th:include="include :: datetimepicker-css" />
|
|
</head>
|
|
<body class="white-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
<form class="form-horizontal m" id="form-info-edit" th:object="${customerInfo}">
|
|
<input name="id" th:field="*{id}" type="hidden">
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">客户编码：</label>
|
|
<div class="col-sm-8">
|
|
<input name="customerCode" th:field="*{customerCode}" class="form-control" type="text" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">客户名称：</label>
|
|
<div class="col-sm-8">
|
|
<input name="customerName" th:field="*{customerName}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">客户邮编：</label>
|
|
<div class="col-sm-8">
|
|
<input name="customerPostcode" th:field="*{customerPostcode}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="element1" class="col-xs-12" style="padding: 0">
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">省：</label>
|
|
<div class="col-sm-8">
|
|
<select name="province" th:data-value="*{province}" class="province form-control m-b" data-first-title="选择省">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">市：</label>
|
|
<div class="col-sm-8">
|
|
<select name="city" th:data-value="*{city}" class="city form-control m-b" data-first-title="选择省">
|
|
<option value="">请选择</option>
|
|
</select>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">详细地址：</label>
|
|
<div class="col-sm-8">
|
|
<input name="address" th:field="*{address}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">联系人：</label>
|
|
<div class="col-sm-8">
|
|
<input name="contactPerson" th:field="*{contactPerson}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">联系电话：</label>
|
|
<div class="col-sm-8">
|
|
<input name="contactPhone" th:field="*{contactPhone}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">联系邮件：</label>
|
|
<div class="col-sm-8">
|
|
<input name="contactEmail" th:field="*{contactEmail}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">所属行业：</label>
|
|
<div class="col-sm-8">
|
|
<input name="industryType" th:field="*{industryType}" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">备注：</label>
|
|
<div class="col-sm-8">
|
|
<textarea name="remark" class="form-control">[[*{remark}]]</textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required">创建时间：</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group date">
|
|
<input name="createAt" th:value="${#dates.format(customerInfo.createAt, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text" required>
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">更新时间：</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group date">
|
|
<input name="updateAt" th:value="${#dates.format(customerInfo.updateAt, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">删除时间：</label>
|
|
<div class="col-sm-8">
|
|
<div class="input-group date">
|
|
<input name="deleteAt" th:value="${#dates.format(customerInfo.deleteAt, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<th:block th:include="include :: footer" />
|
|
<th:block th:include="include :: datetimepicker-js" />
|
|
<th:block th:include="include :: jquery-cxselect-js" />
|
|
|
|
<script th:inline="javascript">
|
|
|
|
var prefix = ctx + "system/customer";
|
|
$("#form-info-edit").validate({
|
|
focusCleanup: true
|
|
});
|
|
|
|
function submitHandler() {
|
|
if ($.validate.form()) {
|
|
$.operate.save(prefix + "/edit", $('#form-info-edit').serialize());
|
|
}
|
|
}
|
|
|
|
$("input[name='createAt']").datetimepicker({
|
|
format: "yyyy-mm-dd",
|
|
minView: "month",
|
|
autoclose: true
|
|
});
|
|
|
|
$("input[name='updateAt']").datetimepicker({
|
|
format: "yyyy-mm-dd",
|
|
minView: "month",
|
|
autoclose: true
|
|
});
|
|
|
|
$("input[name='deleteAt']").datetimepicker({
|
|
format: "yyyy-mm-dd",
|
|
minView: "month",
|
|
autoclose: true
|
|
});
|
|
var urlChina = '/cnarea/select';
|
|
$.cxSelect.defaults.url = urlChina;
|
|
$('#element1').cxSelect({
|
|
selects: ['province', 'city'],
|
|
nodata: 'none'
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |