unis_sip/ruoyi-admin/src/main/resources/templates/system/customer/edit.html

181 lines
7.6 KiB
HTML
Raw Normal View History

<!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">
2025-05-19 09:27:44 +00:00
<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" required>
</div>
</div>
</div>
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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="选择省">
2025-05-19 09:27:44 +00:00
<option value="">请选择</option>
</select>
</div>
</div>
</div>
2025-05-19 09:27:44 +00:00
<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="选择省">
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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>
2025-05-19 09:27:44 +00:00
<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" />
2025-05-19 09:27:44 +00:00
<th:block th:include="include :: jquery-cxselect-js" />
<script th:inline="javascript">
2025-05-19 09:27:44 +00:00
var prefix = ctx + "system/customer";
$("#form-info-edit").validate({
focusCleanup: true
});
function submitHandler() {
if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-info-edit').serialize());
}
}
2025-05-19 09:27:44 +00:00
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>