/**
|
* 用户详情对话框（可用于添加和修改对话框）
|
*/
|
var IconInfo = {
|
userInfoData: {},
|
layerIndex: -1,
|
exposureCrowd: $('#exposureCrowd').val()
|
};
|
|
|
/**
|
* 关闭此对话框
|
*/
|
IconInfo.close = function () {
|
parent.layer.close(window.parent.Icon.layerIndex);
|
};
|
|
|
/**
|
* 提交添加banner
|
*/
|
IconInfo.addSubmit = function () {
|
const name = $('#name').val();
|
const imgOneUrl = $('#imgOneUrl').val();
|
const imgTwoUrl = $('#imgTwoUrl').val();
|
const dateTime = $('#dateTime').val();
|
const jumpType = $('#jumpType').val();
|
const content = $('#content').val();
|
const sort = $('#sort').val();
|
const objecCode = $('#objecCode').val();
|
const appid = $('#appid').val();
|
const isLogin = $('#isLogin').val();
|
|
const position = $('#position').val();
|
const jumpClassification = $('#jumpClassification').val();
|
const frequency = $('#frequency').val();
|
const zhouSelectpicker = $('#zhouSelectpicker').find("select").val();
|
const yueSelectpicker = $('#yueSelectpicker').find("select").val();
|
var frequencyTime="";
|
if(frequency==1){//周
|
frequencyTime=zhouSelectpicker==null?[]:zhouSelectpicker;
|
}else {
|
frequencyTime=yueSelectpicker==null?[]:yueSelectpicker;
|
}
|
var pointTime = [];
|
$(".pointTime").each(function(){
|
pointTime.push($(this).val());
|
});
|
var exposureProvince = $('#province').find("option:selected").text();
|
var exposureProvinceCode = $('#province').find("option:selected").attr("code");
|
var exposureCity =$('#city').find("option:selected").text();
|
var exposureCityCode =$('#city').find("option:selected").attr("code");
|
var exposureDistrict = $('#district').find("option:selected").text();
|
var exposureDistrictCode = $('#district').find("option:selected").attr("code");
|
if(exposureProvince=="请选择"){
|
exposureProvince='';
|
}
|
if(exposureCity=="请选择"){
|
exposureCity='';
|
}
|
if(exposureDistrict=="请选择"){
|
exposureDistrict='';
|
}
|
|
if(null == name || '' == name){
|
Feng.error("icon名称不能为空");
|
return
|
}
|
if(null == imgOneUrl || '' == imgOneUrl){
|
Feng.error("icon图片1不能为空");
|
return
|
}
|
if(null == imgTwoUrl || '' == imgTwoUrl){
|
Feng.error("icon图片2不能为空");
|
return
|
}
|
if(null == dateTime || '' == dateTime){
|
Feng.error("生效周期不能为空");
|
return
|
}
|
/*if(null == frequencyTime || '' == frequencyTime){
|
Feng.error("投放频率不能为空");
|
return
|
}*/
|
if((jumpType == 11) && content == ''){
|
Feng.error("链接不能为空");
|
return
|
}
|
if((jumpType == 6 || jumpType == 7) && objecCode == ''){
|
Feng.error("数据ID不能为空");
|
return
|
}
|
if(jumpType == 12 && content == ''){
|
Feng.error("小程序链接不能为空");
|
return
|
}
|
if(jumpType == 12 && appid == ''){
|
Feng.error("小程序APPID不能为空");
|
return
|
}
|
if(null == sort || '' == sort){
|
Feng.error("权重排序不能为空");
|
return
|
}
|
|
//提交信息
|
var ajax = new $ax(Feng.ctxPath + "/icon/addIcon", function (data) {
|
if(data.code == 200){
|
Feng.success("添加成功!");
|
window.parent.Icon.table.refresh();
|
IconInfo.close();
|
}else{
|
Feng.error(data.msg);
|
}
|
}, function (data) {
|
Feng.error("添加失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set({
|
name: name,
|
imgOneUrl: imgOneUrl,
|
imgTwoUrl: imgTwoUrl,
|
startTime: dateTime.split(' - ')[0],
|
endTime: dateTime.split(' - ')[1],
|
jumpType: jumpType,
|
content: content,
|
appid: appid,
|
sort: sort,
|
isLogin: isLogin,
|
objecCode: objecCode,
|
position: position,
|
jumpClassification: jumpClassification,
|
frequency: frequency,
|
frequencyTime: JSON.stringify(frequencyTime),
|
pointTime: JSON.stringify(pointTime),
|
exposureProvinceCode: exposureProvinceCode,
|
exposureCityCode: exposureCityCode,
|
exposureDistrictCode: exposureDistrictCode,
|
exposureProvince: exposureProvince,
|
exposureCity: exposureCity,
|
exposureDistrict: exposureDistrict,
|
exposureCrowd: IconInfo.exposureCrowd
|
});
|
ajax.start();
|
};
|
|
/**
|
* 提交修改
|
*/
|
IconInfo.editSubmit = function () {
|
|
const name = $('#name').val();
|
const imgOneUrl = $('#imgOneUrl').val();
|
const imgTwoUrl = $('#imgTwoUrl').val();
|
const dateTime = $('#dateTime').val();
|
const jumpType = $('#jumpType').val();
|
const content = $('#content').val();
|
const sort = $('#sort').val();
|
const objecCode = $('#objecCode').val();
|
const appid = $('#appid').val();
|
const isLogin = $('#isLogin').val();
|
const position = $('#position').val();
|
const jumpClassification = $('#jumpClassification').val();
|
const frequency = $('#frequency').val();
|
const zhouSelectpicker = $('#zhouSelectpicker').find("select").val();
|
const yueSelectpicker = $('#yueSelectpicker').find("select").val();
|
var frequencyTime="";
|
if(frequency==1){//周
|
frequencyTime=zhouSelectpicker==null?[]:zhouSelectpicker;
|
}else {
|
frequencyTime=yueSelectpicker==null?[]:yueSelectpicker;
|
}
|
var pointTime = [];
|
$(".pointTime").each(function(){
|
pointTime.push($(this).val());
|
});
|
var exposureProvince = $('#province').find("option:selected").text();
|
var exposureProvinceCode = $('#province').find("option:selected").attr("code");
|
var exposureCity =$('#city').find("option:selected").text();
|
var exposureCityCode =$('#city').find("option:selected").attr("code");
|
var exposureDistrict = $('#district').find("option:selected").text();
|
var exposureDistrictCode = $('#district').find("option:selected").attr("code");
|
if(exposureProvince=="请选择"){
|
exposureProvince='';
|
}
|
if(exposureCity=="请选择"){
|
exposureCity='';
|
}
|
if(exposureDistrict=="请选择"){
|
exposureDistrict='';
|
}
|
if(null == name || '' == name){
|
Feng.error("icon名称不能为空");
|
return
|
}
|
if(null == imgOneUrl || '' == imgOneUrl){
|
Feng.error("icon图片1不能为空");
|
return
|
}
|
if(null == imgTwoUrl || '' == imgTwoUrl){
|
Feng.error("icon图片2不能为空");
|
return
|
}
|
if(null == dateTime || '' == dateTime){
|
Feng.error("生效周期不能为空");
|
return
|
}
|
/*if(null == frequencyTime || '' == frequencyTime){
|
Feng.error("投放频率不能为空");
|
return
|
}*/
|
if((jumpType == 11) && content == ''){
|
Feng.error("链接不能为空");
|
return
|
}
|
if((jumpType == 6 || jumpType == 7) && objecCode == ''){
|
Feng.error("数据ID不能为空");
|
return
|
}
|
if(jumpType == 12 && content == ''){
|
Feng.error("小程序链接不能为空");
|
return
|
}
|
if(jumpType == 12 && appid == ''){
|
Feng.error("小程序APPID不能为空");
|
return
|
}
|
if(null == sort || '' == sort){
|
Feng.error("权重排序不能为空");
|
return
|
}
|
|
//提交信息
|
var ajax = new $ax(Feng.ctxPath + "/icon/editIcon", function (data) {
|
if(data.code == 200){
|
Feng.success("添加成功!");
|
window.parent.Icon.table.refresh();
|
IconInfo.close();
|
}else{
|
Feng.error(data.msg);
|
}
|
}, function (data) {
|
Feng.error("添加失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set({
|
id: $('#id').val(),
|
name: name,
|
imgOneUrl: imgOneUrl,
|
imgTwoUrl: imgTwoUrl,
|
startTime: dateTime.split(' - ')[0],
|
endTime: dateTime.split(' - ')[1],
|
jumpType: jumpType,
|
content: content,
|
appid: appid,
|
sort: sort,
|
isLogin: isLogin,
|
objecCode: objecCode,
|
position: position,
|
jumpClassification: jumpClassification,
|
frequency: frequency,
|
frequencyTime: JSON.stringify(frequencyTime),
|
pointTime: JSON.stringify(pointTime),
|
exposureProvinceCode: exposureProvinceCode,
|
exposureCityCode: exposureCityCode,
|
exposureDistrictCode: exposureDistrictCode,
|
exposureProvince: exposureProvince,
|
exposureCity: exposureCity,
|
exposureDistrict: exposureDistrict,
|
exposureCrowd: IconInfo.exposureCrowd
|
});
|
ajax.start();
|
};
|
|
IconInfo.showExposureCrowd = function(){
|
var index = layer.open({
|
type: 2,
|
title: '用户标签设置',
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/exposureCrowd/showExposureCrowd?objectType=3&id=' + $('#id').val() + "&page=IconInfo"
|
});
|
this.layerIndex = index;
|
}
|
|
|
//投放时间点添加
|
IconInfo.addPointTime = function(){
|
var pointTimeDiv='<div class="form-group">\n' +
|
' <label class="col-sm-3 control-label"></label>\n' +
|
' <div class="col-sm-2">\n' +
|
' <input class="form-control pointTime">\n' +
|
' </div>\n' +
|
' <div class="col-sm-1">\n' +
|
' <i class="fa fa-minus-square" onclick="BannerInfo.subtractPointTime(this)" style="font-size:24px"></i>\n' +
|
' </div>\n' +
|
' </div>';
|
$(".pointTime").last().parent().parent().after(pointTimeDiv);
|
//初始化时间选择器
|
$('.pointTime').each(function (e, i) {
|
layui.use('laydate', function() {
|
var laydate = layui.laydate;
|
laydate.render({
|
// 绑定元素
|
elem: i,
|
// 类型：时间
|
type: 'time',
|
range:true,
|
// 格式：时分秒
|
format: 'HH:mm:ss',
|
|
});
|
});
|
});
|
}
|
|
//投放时间点删除
|
IconInfo.subtractPointTime = function(e){
|
$(e).parent().parent().remove();
|
}
|
|
|
//选择城市
|
IconInfo.selectCity=function(e,name,val){
|
var parentId=$(e).val();
|
var ajax = new $ax(Feng.ctxPath + "/region/cityList", function(data){
|
if(data!=null){
|
var content="<option value='-1'>请选择</option>";
|
$.each(data, function(k,v) {
|
if(val==v.name){
|
content += "<option value='"+v.id+"' code='"+v.code+"' selected>"+v.name+"</option>";
|
}else{
|
content += "<option value='"+v.id+"' code='"+v.code+"' >"+v.name+"</option>";
|
}
|
|
});
|
$("#"+name+"").empty().append(content);
|
}
|
});
|
ajax.set("parentId",parentId);
|
ajax.start();
|
}
|
|
|
$(function () {
|
// 初始化头像上传
|
var avatarUp = new $WebUpload("imgOneUrl");
|
avatarUp.setUploadBarId("progressBarOne");
|
avatarUp.init();
|
|
// 初始化头像上传
|
var avatarUp = new $WebUpload("imgTwoUrl");
|
avatarUp.setUploadBarId("progressBarTwo");
|
avatarUp.init();
|
|
$('#jumpType').on('change', function () {
|
const v = $(this).val();
|
if(v == 0 || v == 1 || v == 2 || v == 3 || v == 4 || v == 9 || v == 10 || v == 13 || v == 14){
|
$('#link').hide();
|
$('#appidDiv').hide();
|
$('#dataCode').hide();
|
$('#link input').val('');
|
$('#dataCode input').val('');
|
$('#appidDiv input').val('');
|
}
|
if(v == 5 || v == 6 || v == 7 || v == 15){
|
$('#link').hide();
|
$('#appidDiv').hide();
|
$('#dataCode').show();
|
$('#link input').val('');
|
$('#appidDiv input').val('');
|
if(v == 6 || v == 7){
|
$('#dataCode').find('label').empty().append('<span style="color: red">*</span>数据ID');
|
}else {
|
$('#dataCode').find('label').text('数据ID');
|
}
|
}
|
if(v == 11){
|
$('#link').show();
|
$('#appidDiv').hide();
|
$('#dataCode').hide();
|
$('#appidDiv input').val('');
|
$('#dataCode input').val('');
|
}
|
if(v == 12){
|
$('#link').show();
|
$('#appidDiv').show();
|
$('#dataCode').hide();
|
$('#dataCode input').val('');
|
}
|
if(v == 8){
|
$('#link').hide();
|
$('#appidDiv').hide();
|
$('#dataCode').show();
|
$('#link input').val('');
|
$('#appidDiv input').val('');
|
$('#dataCode').find('label').text('商品编码');
|
}
|
})
|
|
|
if($('#id').val() != ''){
|
$('#jumpType').change();
|
}
|
|
//投放频率切换
|
$('#frequency').on('change', function () {
|
var frequencyVal = $(this).val();
|
$(".selectpicker").selectpicker('val',"");
|
if(frequencyVal==2){
|
$("#zhouSelectpicker").hide();
|
$("#yueSelectpicker").show();
|
$("#nullSelectpicker").hide();
|
}else if(frequencyVal==1){
|
$("#zhouSelectpicker").show();
|
$("#yueSelectpicker").hide();
|
$("#nullSelectpicker").hide();
|
}else{
|
$("#zhouSelectpicker").hide();
|
$("#yueSelectpicker").hide();
|
$("#nullSelectpicker").show();
|
}
|
})
|
//跳转类型切换
|
$('#jumpClassification').on('change', function () {
|
var jumpClassificationVal = $(this).val();
|
var jumpHtml = "";
|
var jumpTypeInput = $("#jumpTypeInput").val();
|
if(jumpClassificationVal==1){
|
jumpHtml =
|
' <option value="5">券包</option>\n' +
|
' <option value="6">促销活动</option>\n' +
|
' <option value="7">集点活动</option>\n' +
|
' <option value="15">领券活动</option>';
|
}else if(jumpClassificationVal==2){
|
jumpHtml =
|
' <option value="1">签到</option>\n' +
|
' <option value="2">会员权益</option>\n' +
|
' <option value="3">任务中心</option>\n' +
|
' <!--<option value="4">我的</option>-->\n' +
|
' <!--<option value="16">我的优惠券</option>-->\n' +
|
' <option value="17">我的任务</option>\n' +
|
' <option value="18">我的订单</option>';
|
}else if(jumpClassificationVal==3){
|
jumpHtml =
|
' <option value="8">积分商城</option>\n' +
|
' <option value="9">我的优惠券列表</option>\n' +
|
' <option value="10">加油站首页</option>\n' +
|
' <option value="13">一键加油</option>\n' +
|
' <option value="14">开发票</option>\n' +
|
' <option value="11">外部H5</option>\n' +
|
' <option value="12">外部小程序</option>';
|
}else if(jumpClassificationVal==4){
|
jumpHtml = '<option value="0">不跳转</option>';
|
}
|
$("#jumpType").empty().append(jumpHtml);
|
$("#jumpType option[value="+jumpTypeInput+"]").prop("selected","selected");
|
$("#jumpType").trigger("change");
|
})
|
$("#jumpClassification").trigger("change");
|
$("#jumpType").trigger("change");
|
//省市区初始化
|
IconInfo.selectCity($("#province"),"province",$('#provinceInput').val());
|
$("#province").trigger("change");
|
$("#city").trigger("change");
|
//编辑回显投放频率类型
|
var frequencyInput = $('#frequencyInput').val();
|
if(frequencyInput==2){
|
$("#zhouSelectpicker").hide();
|
$("#yueSelectpicker").show();
|
$("#nullSelectpicker").hide();
|
}else if(frequencyInput==1){
|
$("#zhouSelectpicker").show();
|
$("#yueSelectpicker").hide();
|
$("#nullSelectpicker").hide();
|
}else{
|
$("#zhouSelectpicker").hide();
|
$("#yueSelectpicker").hide();
|
$("#nullSelectpicker").show();
|
}
|
//编辑回显投放频率时间
|
var obj = eval('(' + $("#frequencyTimeInput").val() + ')');
|
$(".selectpicker").selectpicker('val',obj );
|
});
|
