195 lines
8.3 KiB
HTML
195 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
|
<head>
|
|
<th:block th:include="include :: header('新增代理商管理')" />
|
|
</head>
|
|
<body class="white-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
<div id="showTitle" class="col-xs-12"><label class="col-sm-12 control-label" style=" text-align: center;
|
|
font-size: 20px;
|
|
color: #f8ac59;">创建代理商之前请先创建代理商用户</label></div>
|
|
<form class="form-horizontal m" id="form-partner-add">
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label">代理商编码：</label>
|
|
<div class="col-sm-8">
|
|
<input name="partnerCode" readonly placeholder="编码自动生成" class="form-control" type="text" >
|
|
</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">
|
|
<input name="partnerName" class="form-control" type="text" required>
|
|
</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 is-required" >省：</label>
|
|
<div class="col-sm-8">
|
|
<select name="province" class="province form-control m-b" data-first-title="选择省" required>
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</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">
|
|
<select name="city" class="city form-control m-b" data-first-title="选择市" required>
|
|
<option value="">请选择</option>
|
|
</select>
|
|
</div>
|
|
</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">
|
|
<select name="level" class="form-control" required th:with="type=${@dict.getType('identify_level')}">
|
|
<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 id="contactEmailLabel" class="col-sm-4 control-label is-required contact-email">邮件：</label>
|
|
<div class="col-sm-8">
|
|
<input id="contactEmail" name="contactEmail" class="form-control contact-email" required type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="form-group">
|
|
<label class="col-sm-4 control-label is-required system-user">系统用户：</label>
|
|
<div class="col-sm-8">
|
|
<input name="systemUserName" onclick="selectPeople()" class="form-control system-user" required type="text">
|
|
<input name="systemUserId" class="form-control system-user" required type="hidden">
|
|
</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" 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" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<div class="form-group">
|
|
<label class="col-sm-2 control-label">详细地址：</label>
|
|
<div class="col-sm-10">
|
|
<input name="address" class="form-control" type="text">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<th:block th:include="include :: footer" />
|
|
<th:block th:include="include :: jquery-cxselect-js" />
|
|
<script th:inline="javascript">
|
|
var prefix = ctx + "system/partner"
|
|
const initLevel=[[${level}]]
|
|
$("#form-partner-add").validate({
|
|
focusCleanup: true
|
|
});
|
|
|
|
var urlChina = '/cnarea/select';
|
|
$.cxSelect.defaults.url = urlChina;
|
|
// $.cxSelect.defaults.jsonSpace = 'data';
|
|
$('#element1').cxSelect({
|
|
selects: ['province', 'city'],
|
|
nodata: 'none'
|
|
|
|
});
|
|
|
|
$(function() {
|
|
function toggleRequiredFields() {
|
|
var authLevel = $('select[name="level"]').val();
|
|
if (authLevel === '04') {
|
|
$('#contactEmailLabel').removeClass('is-required');
|
|
$('#contactEmail').removeAttr('required');
|
|
$('.system-user').removeClass('is-required');
|
|
$('input[name="systemUserName"]').removeAttr('required');
|
|
$('input[name="systemUserId"]').removeAttr('required');
|
|
} else {
|
|
$('#contactEmailLabel').addClass('is-required');
|
|
$('#contactEmail').attr('required', 'required');
|
|
$('.system-user').addClass('is-required');
|
|
$('input[name="systemUserName"]').attr('required', 'required');
|
|
$('input[name="systemUserId"]').attr('required', 'required');
|
|
}
|
|
}
|
|
|
|
$('select[name="level"]').on('change', toggleRequiredFields);
|
|
|
|
if(initLevel){
|
|
$("#showTitle").css("display","none");
|
|
$("select[name='level']").val(initLevel);
|
|
$("select[name='level']").attr("disabled",true);
|
|
}
|
|
|
|
toggleRequiredFields(); // Initial check
|
|
});
|
|
|
|
|
|
function submitHandler() {
|
|
if ($.validate.form()) {
|
|
$("select[name='level']").attr("disabled",false);
|
|
$.operate.save(prefix + "/add", $('#form-partner-add').serialize());
|
|
}
|
|
}
|
|
function selectPeople() {
|
|
var url = ctx + "sip/project/selectPeople";
|
|
var options = {
|
|
title: '选择责任人',
|
|
width: "800",
|
|
height: '600',
|
|
url: url,
|
|
callBack: doSubmitPeople
|
|
};
|
|
$.modal.openOptions(options);
|
|
}
|
|
function doSubmitPeople(index, layero) {
|
|
var rows = layero.find("iframe")[0].contentWindow.getSelections();
|
|
if (rows.length == 0) {
|
|
$.modal.alertWarning("请选择一个用户");
|
|
return;
|
|
}
|
|
let $name = $('[name="contactEmail"]');
|
|
if (!$name.val()) {
|
|
$name.val(rows[0].email);
|
|
}
|
|
$('[name="systemUserId"]').val(rows[0].userId);
|
|
$('[name="systemUserName"]').val(rows[0].userName);
|
|
|
|
let $contactPerson = $('[name="contactPerson"]');
|
|
if (!$contactPerson.val()) {
|
|
$contactPerson.val(rows[0].userName);
|
|
}
|
|
let $contactPhone = $('[name="contactPhone"]');
|
|
if (!$contactPhone.val()) {
|
|
|
|
$contactPhone.val(rows[0].phonenumber);
|
|
}
|
|
|
|
$.modal.close(index);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |