812 lines
35 KiB
JavaScript
812 lines
35 KiB
JavaScript
|
function initDetail(detail) {
|
|||
|
|
UE.getEditor(detail, {
|
|||
|
|
toolbars: [
|
|||
|
|
[
|
|||
|
|
'fullscreen', '|', 'undo', 'redo', '|',
|
|||
|
|
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
|
|||
|
|
'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor',
|
|||
|
|
'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|||
|
|
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|||
|
|
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|||
|
|
'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|||
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|||
|
|
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'emotion', 'scrawl',
|
|||
|
|
'pagebreak', 'template', '|',
|
|||
|
|
'horizontal', 'spechars', 'snapscreen', 'wordimage', '|',
|
|||
|
|
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol',
|
|||
|
|
'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittocols', '|'
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
maximumWords: 60000
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
$(function () {
|
|||
|
|
var cities = [];
|
|||
|
|
var cityIds = [];
|
|||
|
|
$("#cityAuth").val(0);
|
|||
|
|
$("#city-box").hide();
|
|||
|
|
// 编辑逻辑
|
|||
|
|
var editCities = $('#citys').val();
|
|||
|
|
if (editCities) {
|
|||
|
|
cityIds = editCities.split(',');
|
|||
|
|
$("#city-box").show();
|
|||
|
|
$("#cityAuth").val(1);
|
|||
|
|
$(".myTabBtn").each(function () {
|
|||
|
|
if($(this).text() == '统一授权') {
|
|||
|
|
$(this).removeClass('am-btn-primary').addClass('am-btn-default');
|
|||
|
|
} else {
|
|||
|
|
$(this).removeClass('am-btn-default').addClass('am-btn-primary');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(".city-select-item>input").each(function () {
|
|||
|
|
var val = $(this).val();
|
|||
|
|
var text = $(this).parent().text();
|
|||
|
|
if (cityIds.indexOf(val) > -1) {
|
|||
|
|
$(this).prop('checked', true);
|
|||
|
|
cities.push(text);
|
|||
|
|
} else {
|
|||
|
|
$(this).prop('checked', false);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var str = '';
|
|||
|
|
if (cities.length > 0) {
|
|||
|
|
for (var i = 0; i < cities.length; i++) {
|
|||
|
|
if (i == cities.length -1) {
|
|||
|
|
str += cities[i];
|
|||
|
|
} else {
|
|||
|
|
str+=cities[i]+',';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#city-conten").text(str);
|
|||
|
|
}
|
|||
|
|
$(document).click(function () {
|
|||
|
|
$("#city-select-box").hide();
|
|||
|
|
});
|
|||
|
|
$("#city-conten").click(function (event) {
|
|||
|
|
$("#city-select-box").show();
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
$(document).on('click','#city-select-box > li', function (event) {
|
|||
|
|
$("#city-select-box").show();
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
$(document).on('change', '#allChecked > input', function () {
|
|||
|
|
cities = [];
|
|||
|
|
cityIds= [];
|
|||
|
|
if ($(this).prop('checked')) {
|
|||
|
|
$(".city-select-item > input").each(function () {
|
|||
|
|
$(this).prop('checked',true);
|
|||
|
|
cities.push($(this).parent().text());
|
|||
|
|
cityIds.push($(this).val())
|
|||
|
|
})
|
|||
|
|
} else {
|
|||
|
|
$(".city-select-item > input").each(function () {
|
|||
|
|
$(this).prop('checked',false);
|
|||
|
|
cities = [];
|
|||
|
|
cityIds= [];
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
var str = '';
|
|||
|
|
var strIds = '';
|
|||
|
|
if (cities.length > 0) {
|
|||
|
|
for (var i = 0; i < cities.length; i++) {
|
|||
|
|
if (i == cities.length -1) {
|
|||
|
|
str += cities[i];
|
|||
|
|
strIds += cityIds[i];
|
|||
|
|
} else {
|
|||
|
|
str+=cities[i]+',';
|
|||
|
|
strIds+=cityIds[i]+',';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#city-conten").text(str);
|
|||
|
|
$("#citys").val(strIds)
|
|||
|
|
$("#city-select-box").show();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).on('change', '.city-select-item > input', function () {
|
|||
|
|
var text = $(this).parent().text();
|
|||
|
|
var id = $(this).val();
|
|||
|
|
if ($(this).prop('checked')) {
|
|||
|
|
cities.push(text);
|
|||
|
|
cityIds.push(id);
|
|||
|
|
} else {
|
|||
|
|
cities.splice($.inArray(text, cities), 1);
|
|||
|
|
cityIds.splice($.inArray(id, cities), 1);
|
|||
|
|
}
|
|||
|
|
var str = '';
|
|||
|
|
var strIds = '';
|
|||
|
|
if (cities.length > 0) {
|
|||
|
|
for (var i = 0; i < cities.length; i++) {
|
|||
|
|
if (i == cities.length -1) {
|
|||
|
|
str += cities[i];
|
|||
|
|
strIds += cityIds[i];
|
|||
|
|
} else {
|
|||
|
|
str+=cities[i]+',';
|
|||
|
|
strIds+=cityIds[i]+',';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#city-conten").text(str);
|
|||
|
|
$("#citys").val(strIds);
|
|||
|
|
$("#city-select-box").show();
|
|||
|
|
});
|
|||
|
|
$(document).on('click', '.myTabBtn', function() {
|
|||
|
|
$(this).addClass('am-btn-primary').siblings('.myTabBtn').removeClass('am-btn-primary').addClass('am-btn-default');
|
|||
|
|
var val = $(this).text();
|
|||
|
|
if (val == '统一授权') {
|
|||
|
|
$("#citys").val('');
|
|||
|
|
$("#cityAuth").val(0);
|
|||
|
|
$("#city-box").hide();
|
|||
|
|
} else {
|
|||
|
|
if (cityIds.length > 0) {
|
|||
|
|
$("#citys").val(cityIds.join(','));
|
|||
|
|
}
|
|||
|
|
$("#cityAuth").val(1);
|
|||
|
|
$("#city-box").show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var editPackageCodeArr = [];
|
|||
|
|
if ($("#priceCommissions").val()) {
|
|||
|
|
initEditPage ();
|
|||
|
|
}
|
|||
|
|
function initEditPage () {
|
|||
|
|
var editPagePriceCommissions = JSON.parse($("#priceCommissions").val());
|
|||
|
|
if (editPagePriceCommissions.length) {
|
|||
|
|
var str = '';
|
|||
|
|
for (var i=0; i<editPagePriceCommissions.length; i++) {
|
|||
|
|
if (i==0) {
|
|||
|
|
str += getStr('#0e90d2', '添加业务', 'addBtn', editPagePriceCommissions[i], i)
|
|||
|
|
} else {
|
|||
|
|
str += getStr('red', '删除业务', 'delBtn', editPagePriceCommissions[i], i)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#hot-business").html(str);
|
|||
|
|
for (var i=0; i<editPagePriceCommissions.length; i++) {
|
|||
|
|
if (i==0) {
|
|||
|
|
initDetail("businessDetail_1");
|
|||
|
|
} else {
|
|||
|
|
var detail = 'businessDetail_'+(i+1);
|
|||
|
|
initDetail(detail);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$(".packageCode").attr('readonly', 'readonly');
|
|||
|
|
$(".packageCode").each(function() {
|
|||
|
|
editPackageCodeArr.push($(this).val())
|
|||
|
|
});
|
|||
|
|
for (var i=0; i < editPackageCodeArr.length; i++) {
|
|||
|
|
var index = packageCodes.indexOf(editPackageCodeArr[i]);
|
|||
|
|
if (index > -1) {
|
|||
|
|
packageCodes.splice(index, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#categoryType").val($("#categoryId").find("option:selected").attr("categoryType"));
|
|||
|
|
if ($("#categoryId").find("option:selected").attr("categoryType") == '0') {//号卡
|
|||
|
|
$("#packageCode").attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-code").find('input').removeAttr('name');
|
|||
|
|
$("#broad-package-region").find('select').attr('name', 'regionId');
|
|||
|
|
$("#hot-business").hide();
|
|||
|
|
$("#banner").hide();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#broadTypeBox").hide();
|
|||
|
|
$("#businessIntroDiv").hide();
|
|||
|
|
$("#businessDetailDiv").hide();
|
|||
|
|
$("#broad-package-code").hide();
|
|||
|
|
$("#broad-package-region").show();
|
|||
|
|
$("#haoka").show();
|
|||
|
|
} else if($("#categoryId").find("option:selected").attr("categoryType") == '2') {//宽带预约
|
|||
|
|
$("#packageCode").removeAttr('name');
|
|||
|
|
$("#broad-package-code").find('input').attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-region").find('select').attr('name', 'regionId');
|
|||
|
|
$("#hot-business").hide();
|
|||
|
|
$("#banner").hide();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#broad-package-code").show();
|
|||
|
|
$("#broad-package-region").show();
|
|||
|
|
$("#broadTypeBox").show();
|
|||
|
|
$("#businessIntroDiv").hide();
|
|||
|
|
$("#businessDetailDiv").hide();
|
|||
|
|
$("#haoka").hide();
|
|||
|
|
} else {//热门业务 和 电视
|
|||
|
|
$("#packageCode").attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-code").find('input').removeAttr('name');
|
|||
|
|
$("#broad-package-region").find('select').removeAttr('regionId');
|
|||
|
|
$("#hot-business").show();
|
|||
|
|
$("#banner").show();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#broadType").hide();
|
|||
|
|
$("#broadTypeBox").hide();
|
|||
|
|
$("#businessIntroDiv").show();
|
|||
|
|
$("#businessDetailDiv").show();
|
|||
|
|
$("#haoka").hide();
|
|||
|
|
$("#broad-package-code").hide();
|
|||
|
|
$("#broad-package-region").hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#categoryId").change(function(){
|
|||
|
|
var categoryType = $("#categoryId").find("option:selected").attr("categoryType");
|
|||
|
|
$("#categoryType").val(categoryType);
|
|||
|
|
|
|||
|
|
if (categoryType == '0') { //号卡
|
|||
|
|
$("#packageCode").attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-code").find('input').removeAttr('name');
|
|||
|
|
$("#broad-package-region").find('select').attr('name', 'regionId');
|
|||
|
|
$("#hot-business").hide();
|
|||
|
|
$("#banner").hide();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#broadTypeBox").hide();
|
|||
|
|
$("#businessIntroDiv").hide();
|
|||
|
|
$("#businessDetailDiv").hide();
|
|||
|
|
$("#broad-package-code").hide();
|
|||
|
|
$("#broad-package-region").show();
|
|||
|
|
$("#haoka").show();
|
|||
|
|
} else if(categoryType == '2') {//宽带预约
|
|||
|
|
$("#packageCode").removeAttr('name');
|
|||
|
|
$("#broad-package-code").find('input').attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-region").find('select').attr('name', 'regionId');
|
|||
|
|
$("#hot-business").hide();
|
|||
|
|
$("#banner").hide();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#broad-package-code").show();
|
|||
|
|
$("#broad-package-region").show();
|
|||
|
|
$("#broadTypeBox").show();
|
|||
|
|
$("#businessIntroDiv").hide();
|
|||
|
|
$("#businessDetailDiv").hide();
|
|||
|
|
$("#haoka").hide();
|
|||
|
|
} else {//热门业务 和 电视
|
|||
|
|
$("#packageCode").attr('name', 'packageCode');
|
|||
|
|
$("#broad-package-code").find('input').removeAttr('name');
|
|||
|
|
$("#broad-package-region").find('select').removeAttr('regionId');
|
|||
|
|
$("#hot-business").show();
|
|||
|
|
$("#banner").show();
|
|||
|
|
$("#deployMethod").show();
|
|||
|
|
$("#businessIntroDiv").show();
|
|||
|
|
$("#businessDetailDiv").show();
|
|||
|
|
$("#haoka").hide();
|
|||
|
|
$("#broadTypeBox").hide();
|
|||
|
|
$("#broad-package-code").hide();
|
|||
|
|
$("#broad-package-region").hide();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#submitBtn").click(function () {
|
|||
|
|
// 校验业务代码
|
|||
|
|
if ($("#categoryType").val() == "2") {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
if ($("#categoryType").val() != '0' && $("#categoryType").val() != '2') {
|
|||
|
|
var flag = true;
|
|||
|
|
$("#hot-business").find(".hot-business-item").each(function () {
|
|||
|
|
if ($(this).find('.packageName').val() == '' || $(this).find('.packageCode').val() == '' || $(this).find('.incentiveSalary').val() == '' || $(this).find('.commission').val() == '') {
|
|||
|
|
flag = false
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (!flag) {
|
|||
|
|
alert('带*号为必填字段');
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
var tmpInput = $("#priceCommissions");
|
|||
|
|
var priceCommissions = [];
|
|||
|
|
$("#hot-business").find(".hot-business-item").each(function () {
|
|||
|
|
priceCommissions.push({
|
|||
|
|
packageCode: $(this).find('.packageCode').val(),
|
|||
|
|
packageName: $(this).find('.packageName').val(),
|
|||
|
|
regionId: $(this).find('.regionId').val(),
|
|||
|
|
feeDetail: $(this).find('.feeDetail').val(),
|
|||
|
|
packageExplain: $(this).find('.packageExplain').val(),
|
|||
|
|
packageTariffType: $(this).find('.packageTariffType').val(),
|
|||
|
|
incentiveSalary: $(this).find('.incentiveSalary').val(),
|
|||
|
|
businessDetail: $(this).find('textarea').val(),
|
|||
|
|
commission: $(this).find('.commission').val()
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
var myform = $("#tmpForm");
|
|||
|
|
tmpInput.attr("value", JSON.stringify(priceCommissions));
|
|||
|
|
myform.append(tmpInput);
|
|||
|
|
//console.log(myform);
|
|||
|
|
}
|
|||
|
|
var myform = $("#tmpForm");
|
|||
|
|
console.log(myform);
|
|||
|
|
checkFormField();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
function getStr(btnColor, btnText, btnClass, obj, size) {
|
|||
|
|
var number = size + 1;
|
|||
|
|
var select0 = (obj.packageTariffType == 0) ? 'selected' : '';
|
|||
|
|
var select1 = (obj.packageTariffType == 1) ? 'selected' : '';
|
|||
|
|
var select2 = (obj.packageTariffType == 2) ? 'selected' : '';
|
|||
|
|
var select3 = (obj.packageTariffType == 3) ? 'selected' : '';
|
|||
|
|
var str = '';
|
|||
|
|
str += '<div class="hot-business-item">'
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right"><span style="color: red;">*</span>资费名称'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate packageName" value="'+obj.packageName+'" data-validate-async data-validation-message="请输入资费名称" type="text" minlength="1" maxlength="12" placeholder="请输入资费名称" required />'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div class="'+btnClass+' businessBtn" style="width: 100px;background-color: '+btnColor+';">'+btnText+'</div> </div>'
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right"><span style="color: red;">*</span>资费代码'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate packageCode" value="'+obj.packageCode+'" data-validate-async data-validation-message="请输入资费代码" type="text" minlength="1" maxlength="20" placeholder="请输入资费代码" required />'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div></div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right"><span style="color: red;">*</span>资费类型'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<select class="packageTariffType">'
|
|||
|
|
+ '<option value="0" ' + select0 + '>主资费</option>'
|
|||
|
|
+ '<option value="1" ' + select1 + '>附加资费</option>'
|
|||
|
|
+ '<option value="2" ' + select2 + '>营销活动</option>'
|
|||
|
|
+ '<option value="3" ' + select3 + '>营销活动（短信）</option>'
|
|||
|
|
+'</select>'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div></div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right">资费简介'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate feeDetail" value="'+obj.feeDetail+'" type="text" maxlength="16" />'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div></div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right">资费说明'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate packageExplain" value="'+obj.packageExplain+'" type="text" maxlength="100" />'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div></div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right"><span style="color: red;">*</span>队长酬金'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate incentiveSalary" value="'+obj.incentiveSalary+'" data-validate-async data-validation-message="请输入队长酬金" type="text" minlength="1" maxlength="20" placeholder="所有业务必填" required onkeyup="cheakContent(this);"/>'
|
|||
|
|
+ '<div style="color:red;">提示：订购成功即可获得相应酬金，不考虑退订等其他情况</div>'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div>元</div>'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right"><span style="color: red;">*</span>队员酬金'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+'<input class="js-ajax-validate commission" value="'+obj.commission+'" data-validate-async data-validation-message="请输入队员酬金" type="text" minlength="1" maxlength="20" placeholder="非号卡业务必填" required onkeyup="cheakContent(this);"/>'
|
|||
|
|
+ '<div style="color:red;">提示：订购成功即可获得相应酬金，不考虑退订等其他情况</div>'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div>元</div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'<div class="am-g am-form-group am-margin-top" style="display: flex;">'
|
|||
|
|
+'<div class="am-u-sm-4 am-u-md-2 am-text-right">业务详情'+ number + '</div>'
|
|||
|
|
+'<div class="am-u-sm-6 am-u-md-6">'
|
|||
|
|
+' <textarea type="text/plain"'
|
|||
|
|
+ 'class="businessDetail" id="businessDetail_'+number+'" style="height:20rem;" >'+obj.businessDetail+'</textarea>'
|
|||
|
|
+'</div>'
|
|||
|
|
+'<div></div>'
|
|||
|
|
+'</div>'
|
|||
|
|
|
|||
|
|
+'</div>';
|
|||
|
|
return str;
|
|||
|
|
};
|
|||
|
|
$(document).on('click', '.addBtn', function(){
|
|||
|
|
var str = getStr('red', '删除业务', 'delBtn', {packageCode: '',packageName: '',feeDetail: '', packageTariffType:'0', incentiveSalary: '0', commission: '0',packageExplain:"", businessDetail:''}, $(".hot-business-item").length);
|
|||
|
|
$('#hot-business').append(str);
|
|||
|
|
var detail = 'businessDetail_'+$(".hot-business-item").length;
|
|||
|
|
initDetail(detail);
|
|||
|
|
packageNameLength();
|
|||
|
|
});
|
|||
|
|
$(document).on('click', '.delBtn', function(){
|
|||
|
|
$(this).parent().parent().remove();
|
|||
|
|
});
|
|||
|
|
/*表单验证：begin*/
|
|||
|
|
//自定义规则，用法：验证元素上加class="js-pattern-sort"
|
|||
|
|
if ($.AMUI && $.AMUI.validator) {
|
|||
|
|
$.AMUI.validator.patterns.sort = /^([0-9]+)$/;
|
|||
|
|
}
|
|||
|
|
$("#tmpForm").validator({
|
|||
|
|
// 域通过验证时回调
|
|||
|
|
onValid: function (validity) {
|
|||
|
|
$(validity.field).closest('.am-form-group').find('.am-alert').hide();
|
|||
|
|
},
|
|||
|
|
// 域验证通过时添加的操作，通过该接口可定义各种验证提示
|
|||
|
|
markValid: function (validity) {
|
|||
|
|
// this is Validator instance
|
|||
|
|
var $field = $(validity.field);
|
|||
|
|
//add by zxl，只对有required属性的字段进行验证
|
|||
|
|
if (typeof($field.attr("required")) != "undefined") {
|
|||
|
|
var options = this.options;
|
|||
|
|
var $parent = $field.closest('.am-form-group');
|
|||
|
|
$field.addClass(options.validClass).removeClass(options.inValidClass);
|
|||
|
|
|
|||
|
|
$parent.addClass('am-form-success').removeClass('am-form-error');
|
|||
|
|
|
|||
|
|
options.onValid.call(this, validity);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 验证出错时的回调， validity 对象包含相关信息，格式通 H5 表单元素的 validity 属性
|
|||
|
|
onInValid: function (validity) {
|
|||
|
|
var $field = $(validity.field);
|
|||
|
|
var $group = $field.closest('.am-form-group');
|
|||
|
|
var $alert = $group.find('.am-alert');
|
|||
|
|
// 使用自定义的提示信息 或 插件内置的提示信息
|
|||
|
|
var msg = $field.data('validationMessage') || this.getValidationMessage(validity);
|
|||
|
|
|
|||
|
|
if (!$alert.length) {
|
|||
|
|
$alert = $("<div class='am-alert am-alert-danger'></div>").hide().appendTo($group.find(".input-msg"));
|
|||
|
|
}
|
|||
|
|
console.log("onInValid : " + $field.val());
|
|||
|
|
$alert.html(msg).show();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
/*表单验证：end*/
|
|||
|
|
|
|||
|
|
/*滑动按钮 begin*/
|
|||
|
|
var $mycheckbox = $('.switch-button');
|
|||
|
|
$mycheckbox.each(function () {
|
|||
|
|
$("#switch").on({
|
|||
|
|
'switchChange.bootstrapSwitch': function (event, state) {
|
|||
|
|
if (state.toString() == "true") {
|
|||
|
|
$("#isEnable").val("0");
|
|||
|
|
} else {
|
|||
|
|
$("#isEnable").val("1");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
/*滑动按钮 end*/
|
|||
|
|
|
|||
|
|
//generateFileupload('miniIcon');
|
|||
|
|
generateFileupload('icon');
|
|||
|
|
//generateFileupload('detailUrl');
|
|||
|
|
generateFileupload('backgroundImage');
|
|||
|
|
|
|||
|
|
//categoryChange();
|
|||
|
|
|
|||
|
|
var banner_div = $(".banner_div");
|
|||
|
|
for (var i = 1; i <= banner_div.length; i++) {
|
|||
|
|
generateFileupload('banner-' + i);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if($("#deployMethodVal").val() == 1){
|
|||
|
|
$("#remark").hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
packageNameLength();
|
|||
|
|
});
|
|||
|
|
/*ueditor 编辑器 begin*/
|
|||
|
|
//酬金规则
|
|||
|
|
var ue = UE.getEditor('detail', {
|
|||
|
|
toolbars: [
|
|||
|
|
[
|
|||
|
|
'fullscreen', '|', 'undo', 'redo', '|',
|
|||
|
|
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
|
|||
|
|
'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor',
|
|||
|
|
'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|||
|
|
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|||
|
|
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|||
|
|
'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|||
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|||
|
|
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'emotion', 'scrawl',
|
|||
|
|
'pagebreak', 'template', '|',
|
|||
|
|
'horizontal', 'spechars', 'snapscreen', 'wordimage', '|',
|
|||
|
|
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol',
|
|||
|
|
'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittocols', '|'
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
maximumWords: 500
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//业务规则
|
|||
|
|
var ue2 = UE.getEditor('businessRule', {
|
|||
|
|
toolbars: [
|
|||
|
|
[
|
|||
|
|
'fullscreen', '|', 'undo', 'redo', '|',
|
|||
|
|
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
|
|||
|
|
'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor',
|
|||
|
|
'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|||
|
|
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|||
|
|
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|||
|
|
'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|||
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|||
|
|
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'emotion', 'scrawl',
|
|||
|
|
'pagebreak', 'template', '|',
|
|||
|
|
'horizontal', 'spechars', 'snapscreen', 'wordimage', '|',
|
|||
|
|
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol',
|
|||
|
|
'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittocols', '|'
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
maximumWords: 800
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//业务简介
|
|||
|
|
var ue3 = UE.getEditor('businessIntro', {
|
|||
|
|
toolbars: [
|
|||
|
|
[
|
|||
|
|
'fullscreen', '|', 'undo', 'redo', '|',
|
|||
|
|
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
|
|||
|
|
'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor',
|
|||
|
|
'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|||
|
|
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|||
|
|
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|||
|
|
'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|||
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|||
|
|
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'emotion', 'scrawl',
|
|||
|
|
'pagebreak', 'template', '|',
|
|||
|
|
'horizontal', 'spechars', 'snapscreen', 'wordimage', '|',
|
|||
|
|
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol',
|
|||
|
|
'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittocols', '|'
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
maximumWords: 800
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//业务详情
|
|||
|
|
var ue4 = UE.getEditor('businessDetail', {
|
|||
|
|
toolbars: [
|
|||
|
|
[
|
|||
|
|
'fullscreen', '|', 'undo', 'redo', '|',
|
|||
|
|
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
|
|||
|
|
'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor',
|
|||
|
|
'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
|
|||
|
|
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
|||
|
|
'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
|
|||
|
|
'directionalityltr', 'directionalityrtl', 'indent', '|',
|
|||
|
|
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
|
|||
|
|
'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|', 'emotion', 'scrawl',
|
|||
|
|
'pagebreak', 'template', '|',
|
|||
|
|
'horizontal', 'spechars', 'snapscreen', 'wordimage', '|',
|
|||
|
|
'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol',
|
|||
|
|
'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittocols', '|'
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
maximumWords: 60000
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*ueditor 编辑器 end*/
|
|||
|
|
var categoryChange = function () {
|
|||
|
|
var categoryId = $("#categoryId").val();
|
|||
|
|
if ('1' == categoryId) {
|
|||
|
|
$("#discountsDiv").css("display", "none");//隐藏div
|
|||
|
|
// 资费代码
|
|||
|
|
$("#packageCodeSpan").html("资费代码");
|
|||
|
|
$("#packageCode").attr("data-validation-message","请输入资费代码");
|
|||
|
|
$("#packageCode").attr("placeholder","请输入资费代码");
|
|||
|
|
//资费名称
|
|||
|
|
$("#packageNameSpan").html("资费名称");
|
|||
|
|
$("#packageName").attr("data-validation-message","请输入资费名称");
|
|||
|
|
$("#packageName").attr("placeholder","请输入资费名称");
|
|||
|
|
//资费简介
|
|||
|
|
$("#packageBriefSpan").html("资费简介");
|
|||
|
|
$("#packageBrief").attr("data-validation-message","请输入资费简介");
|
|||
|
|
$("#packageBrief").attr("placeholder","请输入资费简介");
|
|||
|
|
} else {
|
|||
|
|
$("#discountsDiv").css("display", "block");//显示div
|
|||
|
|
// 资费代码
|
|||
|
|
$("#packageCodeSpan").html("产品代码");
|
|||
|
|
$("#packageCode").attr("data-validation-message","请输入产品代码");
|
|||
|
|
$("#packageCode").attr("placeholder","请输入产品代码");
|
|||
|
|
//资费名称
|
|||
|
|
$("#packageNameSpan").html("产品名称");
|
|||
|
|
$("#packageName").attr("data-validation-message","请输入产品名称");
|
|||
|
|
$("#packageName").attr("placeholder","请输入产品名称");
|
|||
|
|
//资费简介
|
|||
|
|
$("#packageBriefSpan").html("产品简介");
|
|||
|
|
$("#packageBrief").attr("data-validation-message","请输入产品简介");
|
|||
|
|
$("#packageBrief").attr("placeholder","请输入产品简介");
|
|||
|
|
}
|
|||
|
|
// 5为合家欢，显示办理酬金
|
|||
|
|
if ("5"== categoryId){
|
|||
|
|
$("#salarysDiv").css("display", "none");//隐藏div
|
|||
|
|
$("#activateSalarySpan").html("办理酬金");
|
|||
|
|
$("#activateSalary").attr("data-validation-message","请输入办理酬金");
|
|||
|
|
$("#activateSalary").attr("placeholder","请输入办理酬金");
|
|||
|
|
} else {
|
|||
|
|
$("#salarysDiv").css("display", "block");//显示div
|
|||
|
|
$("#activateSalarySpan").html("激活酬金");
|
|||
|
|
$("#activateSalary").attr("data-validation-message","请输入激活酬金");
|
|||
|
|
$("#activateSalary").attr("placeholder","请输入激活酬金");
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var addBanner = function () {
|
|||
|
|
var banner_div = $(".banner_div");
|
|||
|
|
var index = banner_div.length + 1;
|
|||
|
|
if (index > 5) {
|
|||
|
|
parent.layer.msg("banner配置过多，无法再继续配置");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var bannerId = 'banner-' + index;
|
|||
|
|
var html = '<div class="banner_div" id="banner_div_' + index + '">' +
|
|||
|
|
'<div class="am-g am-form-group am-margin-top">' +
|
|||
|
|
'<div class="am-u-sm-4 am-u-md-2 am-text-right banner_url_config"><span style="color: red;">*</span>banner配置' + index +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div class="am-u-sm-6 am-u-md-6">' +
|
|||
|
|
'<input type="text" id="' + bannerId + '" name="' + bannerId + '" maxlength="500" value="" required placeholder="请上传banner（ *.gif,*.jpg,*.jpeg,*.png ）"/>' +
|
|||
|
|
' </div>' +
|
|||
|
|
|
|||
|
|
' <div class="am-form-file am-text-xs">' +
|
|||
|
|
' <button type="button" class="am-btn am-btn-primary am-btn-sm">' +
|
|||
|
|
' <i class="am-icon-cloud-upload"></i> 上传' +
|
|||
|
|
' </button>' +
|
|||
|
|
' <input id="fileupload_button_' + bannerId + '" type="file" name="files[]" multiple>' +
|
|||
|
|
' </div>' +
|
|||
|
|
' <div id="progress-area-' + bannerId + '" class="am-margin-top-sm am-hide">' +
|
|||
|
|
'<div id="progress-text-' + bannerId + '" class="am-text-xs am-text-right"></div>' +
|
|||
|
|
' <div class="am-progress am-progress-xs">' +
|
|||
|
|
' <div class="am-progress-bar" style="width: 0%"></div>' +
|
|||
|
|
' </div>' +
|
|||
|
|
' </div>' +
|
|||
|
|
' </div>' +
|
|||
|
|
' <div class="am-g am-form-group am-margin-top">' +
|
|||
|
|
' <div class="am-u-sm-4 am-u-md-2 am-text-right">banner链接地址' + index + '</div>' +
|
|||
|
|
' <div class="am-u-sm-6 am-u-md-6">' +
|
|||
|
|
' <input type="text" class="am-input" data-validate-asyncdata-validation-message="banner链接地址"' +
|
|||
|
|
' name="banner-link-' + index + '" placeholder="banner链接地址"' +
|
|||
|
|
' value="" />' +
|
|||
|
|
' </div>' +
|
|||
|
|
' <div class="am-u-sm-2 am-u-md-4">' +
|
|||
|
|
' <button type="button" onclick="deleteBanner(' + index + ')" class="am-btn am-btn-primary am-btn-sm">' +
|
|||
|
|
'<i class="am-icon-minus-square"></i>' +
|
|||
|
|
' </button>' +
|
|||
|
|
'</div>' +
|
|||
|
|
' </div> </div>';
|
|||
|
|
|
|||
|
|
$("#bannerContainer").append(html);
|
|||
|
|
generateFileupload(bannerId);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var deleteBanner = function (id) {
|
|||
|
|
$("#banner_div_" + id).remove();
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function cheakContent(obj) {
|
|||
|
|
obj.value = obj.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
|
|||
|
|
obj.value = obj.value.replace(/^\./g, ""); //验证第一个字符是数字而不是
|
|||
|
|
obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
|
|||
|
|
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
|
|||
|
|
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var checkFormField = function () {
|
|||
|
|
if ($("#sort").val().length == "") {
|
|||
|
|
parent.layer.msg("请输入排序");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var checkID = [];//定义一个空数组
|
|||
|
|
$("input[name='at']:checked").each(function(i){//把所有被选中的复选框的值存入数组
|
|||
|
|
checkID[i] =$(this).val();
|
|||
|
|
});
|
|||
|
|
if(checkID.length == 0) {
|
|||
|
|
parent.layer.msg("请选择权限配置");
|
|||
|
|
return;
|
|||
|
|
}else if(checkID.length == 1){
|
|||
|
|
$("#authType").val(checkID[0]);
|
|||
|
|
}else if(checkID.length == 2) {
|
|||
|
|
$("#authType").val(3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var checkFlag = true;
|
|||
|
|
var startTime = $("#startTime").val();
|
|||
|
|
var endTime = $("#endTime").val();
|
|||
|
|
if(startTime != "" && endTime != "") {
|
|||
|
|
var date1=new Date(startTime);
|
|||
|
|
var date2=new Date(endTime);
|
|||
|
|
if(date1>date2){
|
|||
|
|
parent.layer.msg("开始日期不能大于截止日期");
|
|||
|
|
checkFlag = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (checkFlag) {
|
|||
|
|
if (startTime != "") {
|
|||
|
|
$("#startTime").val(startTime + " 00:00:00");
|
|||
|
|
}
|
|||
|
|
if (endTime != "") {
|
|||
|
|
$("#endTime").val(endTime + " 23:59:59");
|
|||
|
|
}
|
|||
|
|
$("#tmpForm").submit();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
|
|||
|
|
var generateFileupload = function (name) {
|
|||
|
|
var progressArea = $("#progress-area-" + name);//div
|
|||
|
|
var progressText = $("#progress-text-" + name);//进度条提示
|
|||
|
|
var progressBar = $(".am-progress-bar");//进度条
|
|||
|
|
|
|||
|
|
$("#fileupload_button_" + name).fileupload({
|
|||
|
|
url: base + "/file/upload",
|
|||
|
|
dataType: 'json',
|
|||
|
|
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
|
|||
|
|
maxFileSize: 10 * 1024 * 1024,
|
|||
|
|
maxNumberOfFiles: 1,
|
|||
|
|
messages: {
|
|||
|
|
maxFileSize: '最大允许上传的图片大小为10M',
|
|||
|
|
acceptFileTypes: '文件格式不正确，请上传gif、jpg、jpeg、png类型的图片文件'
|
|||
|
|
},
|
|||
|
|
start: function (e) {
|
|||
|
|
progressArea.removeClass("am-hide");
|
|||
|
|
progressText.removeClass("am-text-danger");
|
|||
|
|
progressText.html("");
|
|||
|
|
progressBar.css("width", "0%");
|
|||
|
|
},
|
|||
|
|
done: function (e, data) {
|
|||
|
|
console.log(data);
|
|||
|
|
//设置服务器返回的url
|
|||
|
|
$("#" + name).val(data.result.data);
|
|||
|
|
setTimeout(function () {
|
|||
|
|
progressArea.addClass("am-hide");
|
|||
|
|
}, 1500);
|
|||
|
|
},
|
|||
|
|
progressall: function (e, data) {
|
|||
|
|
var progress = parseInt(data.loaded / data.total * 100, 10);
|
|||
|
|
console.log(progress);
|
|||
|
|
progressBar.css("width", progress + "%");
|
|||
|
|
progressText.html(progress + "%");
|
|||
|
|
},
|
|||
|
|
error: function (jqXHR2, textStatus, errorThrown) {
|
|||
|
|
progressArea.removeClass("am-hide");
|
|||
|
|
progressText.addClass("am-text-danger");
|
|||
|
|
progressText.html("imageupload error！");
|
|||
|
|
progressBar.css("width", "0%");
|
|||
|
|
setTimeout(function () {
|
|||
|
|
progressArea.addClass("am-hide");
|
|||
|
|
}, 2000);
|
|||
|
|
},
|
|||
|
|
fail: function (jqXHR2, textStatus) {
|
|||
|
|
progressArea.removeClass("am-hide");
|
|||
|
|
progressText.addClass("am-text-danger");
|
|||
|
|
progressText.html("imageupload fail！");
|
|||
|
|
progressBar.css("width", "0%");
|
|||
|
|
setTimeout(function () {
|
|||
|
|
progressArea.addClass("am-hide");
|
|||
|
|
}, 2000);
|
|||
|
|
},
|
|||
|
|
processfail: function (e, data) {
|
|||
|
|
var currentFile = data.files[data.index];
|
|||
|
|
if (data.files.error && currentFile.error) {
|
|||
|
|
parent.layer.msg(currentFile.error);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var unCheckAuthType= function (type) {
|
|||
|
|
if(2 == type) {
|
|||
|
|
$("#authType0").prop("checked", false);
|
|||
|
|
$("#authType1").prop("checked", false);
|
|||
|
|
}else{
|
|||
|
|
$("#authType2").prop("checked", false);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var changeMethod= function () {
|
|||
|
|
if($('input[name="deployMethod"]:checked').val() == 0){
|
|||
|
|
$("#remark").show();
|
|||
|
|
}else {
|
|||
|
|
$("#remark").hide();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
function packageNameLength() {
|
|||
|
|
if ($("#remarkInput").val() && $("#remarkInput").val() == 1) {
|
|||
|
|
$(".packageName").attr("maxlength", 50);
|
|||
|
|
return true;
|
|||
|
|
} else {
|
|||
|
|
$(".packageName").attr("maxlength", 12);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|