181 lines
7.7 KiB
HTML
181 lines
7.7 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-5 control-label is-required">客户编码：</label>
|
||
<div class="col-sm-7">
|
||
<input name="customerCode" th:field="*{customerCode}" class="form-control" type="text" readonly required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<div class="form-group">
|
||
<label class="col-sm-5 control-label is-required">最终客户名称：</label>
|
||
<div class="col-sm-7">
|
||
<input name="customerName" required th:field="*{customerName}" 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-5 control-label is-required">省：</label>
|
||
<div class="col-sm-7">
|
||
<select name="province" required 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-5 control-label is-required">市：</label>
|
||
<div class="col-sm-7">
|
||
<select name="city" required 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-5 control-label is-required">BG：</label>
|
||
<div class="col-sm-7">
|
||
<select name="bgProperty" th:field="*{bgProperty}" class="form-control" th:with="type=${@dict.getType('bg_type')}"
|
||
onchange="changeBg()" required>
|
||
<option value="">请选择BG</option>
|
||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
||
th:value="${dict.dictValue}"></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<div class="form-group">
|
||
<label class="col-sm-5 control-label is-required">行业：</label>
|
||
<div class="col-sm-7">
|
||
<select name="industryType" th:field="*{industryType}" id="industryTypeBox" class="form-control"
|
||
required>
|
||
<option value="">请先选择BG</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-xs-6">
|
||
<div class="form-group">
|
||
<label class="col-sm-5 control-label">详细地址：</label>
|
||
<div class="col-sm-7">
|
||
<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-5 control-label">联系人：</label>
|
||
<div class="col-sm-7">
|
||
<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-5 control-label">联系电话：</label>
|
||
<div class="col-sm-7">
|
||
<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-5 control-label">联系邮件：</label>
|
||
<div class="col-sm-7">
|
||
<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-5 control-label">备注：</label>
|
||
<div class="col-sm-7">
|
||
<textarea name="remark" class="form-control">[[*{remark}]]</textarea>
|
||
</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());
|
||
}
|
||
}
|
||
var urlChina = '/cnarea/select';
|
||
$.cxSelect.defaults.url = urlChina;
|
||
$('#element1').cxSelect({
|
||
selects: ['province', 'city'],
|
||
nodata: 'none'
|
||
|
||
});
|
||
$(function () {
|
||
changeBg()
|
||
$('[name="industryType"]').val([[${customerInfo.industryType}]])
|
||
})
|
||
function changeBg() {
|
||
if ($('[name="bgProperty"]').val() == ''){
|
||
$('#industryTypeBox').html(`<option value="">请选择BG</option>`)
|
||
return
|
||
}
|
||
if ($('[name="bgProperty"]').val() != 'YYS') {
|
||
let datas = [[${@dict.getType('bg_hysy')}]]
|
||
let str = ``
|
||
datas.forEach((ele) => {
|
||
str += `<option value="${ele.dictValue}">${ele.dictLabel}</option> `
|
||
})
|
||
$('#industryTypeBox').html(`
|
||
<select name="industryType" class="form-control" required>
|
||
<option value="">请选择行业</option>
|
||
${str}
|
||
</select>
|
||
`)
|
||
} else {
|
||
let datas = [[${@dict.getType('bg_yys')}]]
|
||
let str = ``
|
||
datas.forEach((ele) => {
|
||
str += `<option value="${ele.dictValue}">${ele.dictLabel}</option> `
|
||
})
|
||
$('#industryTypeBox').html(`
|
||
<select name="industryType" class="form-control" required>
|
||
<option value="">请选择行业</option>
|
||
${str}
|
||
</select>
|
||
`)
|
||
}
|
||
|
||
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |