<!DOCTYPE html>
|
<html class="x-admin-sm" xmlns:v-bind="http://www.w3.org/1999/xhtml">
|
|
<head>
|
<meta charset="UTF-8">
|
<title>欢迎页面-X-admin2.2</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
|
<link rel="stylesheet" href="./css/font.css">
|
<link rel="stylesheet" href="./css/xadmin.css">
|
<link rel="stylesheet" href="./css/common.css">
|
<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
|
<script type="text/javascript" src="./js/xadmin.js"></script>
|
<script type="text/javascript" src="./js/vue.min.js"></script>
|
<script src="js/http.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<script src="js/http.js"></script>
|
|
<![endif]-->
|
|
<style>
|
.poster {
|
max-width: 150px;
|
max-height: 150px;
|
}
|
|
.layui-input-inline {
|
width: auto !important;
|
}
|
|
.btn-add-award {
|
color: white !important;
|
margin-left: 5px;
|
}
|
|
.award-type-list {
|
display: flex;
|
}
|
|
.award-type-list .award-type {
|
position: relative;
|
margin-right: 20px;
|
}
|
|
.award-type-list img {
|
position: absolute;
|
right: -5px;
|
width: 20px;
|
height: 20px;
|
top: -5px;
|
}
|
|
.desc {
|
color: #999;
|
padding-bottom: 5px;
|
}
|
|
textarea {
|
width: 365px !important;
|
}
|
|
.banner-container {
|
display: none;
|
}
|
|
.banner {
|
display: flex;
|
}
|
|
.banner-image-container {
|
position: relative;
|
margin-right: 5px;
|
}
|
|
.banner-image-container i {
|
position: absolute;
|
top: 0;
|
right: 0;
|
}
|
|
.hidden {
|
display: none;
|
|
}
|
|
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid" id="main">
|
|
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<div class="layui-card">
|
<div class="layui-card-header">抽奖信息</div>
|
<div class="layui-card-body">
|
<div class="layui-row">
|
<form class="layui-form" lay-filter="form-activity-info">
|
<div class="layui-form-item">
|
<label for="L_appName" class="layui-form-label">
|
<span class="x-red">*</span>抽奖活动封面</label>
|
<div class="layui-input-inline">
|
<div class="layui-upload">
|
<button type="button" class="layui-btn" id="choicePoster">选择图片</button>
|
<div class="layui-upload-list">
|
<img class="layui-upload-img poster" id="poster">
|
</div>
|
</div>
|
|
|
</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<span class="x-red">*</span>抽奖活动详情页横幅设置</label>
|
<div>
|
|
<div>
|
|
<!-- lay-filter="banner" -->
|
<input type="radio" name="showBanner" value="0" title="和抽奖活动封面一致" checked=""
|
lay-filter="banner">
|
<input type="radio" name="showBanner" value="1" title="重新设置" lay-filter="banner">
|
</div>
|
|
<div class="layui-upload layui-input-inline banner-container">
|
<button type="button" class="layui-btn" id="choiceBanner">选择图片</button>
|
<div class="layui-upload-list banner">
|
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<button class="layui-btn layui-btn-radius layui-btn-normal hidden"
|
id="saveActivityInfo" lay-submit="">保存
|
</button>
|
|
</form>
|
</div>
|
|
</div>
|
</div>
|
|
<div class="layui-card">
|
<div class="layui-card-header">奖品信息</div>
|
<div class="layui-card-body">
|
<!--奖品列表 -->
|
<form class="layui-form" lay-filter="form-award-info">
|
|
|
<div class="layui-tab layui-tab-card" lay-filter="award">
|
<ul class="layui-tab-title">
|
<li v-for="(item,index) in tempAwardsList" v-bind:class="{'layui-this':item.selected}"
|
v-bind:lay-id="index">{{item.title}}
|
</li>
|
<button class="layui-btn btn-add-award" type="button" data-type="tabAdd"
|
v-on:click="addAward"><i
|
class="layui-icon"></i>增加奖项
|
</button>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item" v-for="(item,index) in tempAwardsList"
|
v-bind:class="{'layui-show':item.selected}">
|
<div class="award-type-list">
|
<div class="award-type">
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg"
|
v-on:click="awardRedPacktRandom($event,index)">随机红包
|
</button>
|
<img src="img/icon_checked_round.png" v-if="item.data.type==2">
|
</div>
|
<div class="award-type">
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg"
|
v-on:click="awardRedPacktDivide($event,index)">固定红包
|
</button>
|
<img src="img/icon_checked_round.png" v-if="item.data.type==1">
|
</div>
|
</div>
|
|
|
<button type="button"
|
class="layui-btn layui-btn-radius layui-btn-danger btn-award-delete"
|
v-bind:lay-index="index" v-on:click="deleteAward(index)"
|
style="margin-top: 10px;">
|
删除
|
</button>
|
</div>
|
</div>
|
</div>
|
<button class="layui-btn layui-btn-radius layui-btn-normal hidden" id="saveAwardInfo" lay-submit="">保存
|
</button>
|
|
|
</form>
|
|
</div>
|
</div>
|
|
|
<div class="layui-card">
|
<div class="layui-card-header">参与条件</div>
|
<div class="layui-card-body">
|
<form class="layui-form" lay-filter="form-join-info">
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<span class="x-red">*</span>参与条件</label>
|
<div class="layui-input-block">
|
<div class="desc">
|
用户满足以下设置条件后方可参与抽奖
|
</div>
|
<div>
|
<input type="radio" name="must" value="0" title="不设置/无" checked="">
|
<input type="radio" name="must" value="1" title="用户必须要满足以下条件">
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<span class="x-red">*</span>跳转链路</label>
|
<div>
|
|
<div class="award-type-list">
|
<div class="award-type">
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg"
|
v-on:click="openAdEditDialog('alipayLife')">关注生活号
|
</button>
|
<img src="img/icon_checked_round.png" v-if="joinInfo.adInfo.type=='alipayLife'">
|
</div>
|
<div class="award-type">
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg">浏览小程序
|
</button>
|
<img src="img/icon_checked_round.png" v-if="false">
|
</div>
|
|
<div class="award-type">
|
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg">浏览直播间
|
</button>
|
<img src="img/icon_checked_round.png" v-if="false">
|
</div>
|
|
</div>
|
|
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label for="L_desc" class="layui-form-label">
|
参与条件说明</label>
|
<div class="layui-input-inline">
|
<textarea id="L_desc" name="desc" lay-verify="desc"
|
autocomplete="off" class="layui-textarea" maxlength="256"></textarea></div>
|
</div>
|
|
<button class="layui-btn layui-btn-radius layui-btn-normal hidden" id="saveJoinInfo"
|
lay-filter="save-activity" lay-submit="">保存
|
</button>
|
</form>
|
</div>
|
</div>
|
|
<div class="layui-card">
|
<div class="layui-card-header">开奖条件</div>
|
<div class="layui-card-body">
|
|
<form class="layui-form" lay-filter="form-open-info">
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<span class="x-red">*</span>至少参与人数</label>
|
<div class="layui-input-inline">
|
<label class="desc">最少1000人，最多100000人，默认5000人（活动结束时止）</label>
|
<div class="flex-row flex-center">
|
<input type="text" name="minPersonCount" required="" lay-verify="integer"
|
autocomplete="off" class="layui-input input-small" placeholder="正整数"> 人
|
</div>
|
</div>
|
</div>
|
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
<span class="x-red">*</span>开奖时间/活动有效期</label>
|
<div class="layui-input-inline">
|
<label class="desc">至少1天，最多7天，默认3天（活动发布时起）</label>
|
<div class="flex-row flex-center">
|
<input type="text" name="day" required="" lay-verify="integer"
|
autocomplete="off" class="layui-input input-small" placeholder="正整数"> 天
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">
|
开奖条件说明</label>
|
<div class="layui-input-inline">
|
<label class="desc">最多150个字符，可换行且兼容符号表情</label>
|
<div class="flex-row flex-center">
|
<textarea class="layui-textarea" name="desc" maxlength="150"></textarea>
|
</div>
|
</div>
|
</div>
|
|
<button class="layui-btn layui-btn-radius layui-btn-normal hidden" id="saveOpenInfo" lay-submit="">保存
|
</button>
|
</form>
|
</div>
|
</div>
|
|
<button class="layui-btn layui-btn-warm layui-btn-lg" v-on:click="submit">立即提交</button>
|
</div>
|
</div>
|
|
<script src="js/lodash.js"></script>
|
<script src="js/common.js"></script>
|
|
<script>;
|
//验证管理器
|
var validManager = {
|
//验证抽奖信息
|
verifyActivityInfo() {
|
console.log("验证抽奖信息");
|
const field = common.layuiForm.val('form-activity-info');
|
if (!$("#poster").attr("src")) {
|
common.notify.error("请选择封面图片");
|
return false;
|
}
|
|
//判断条件
|
if (field.showBanner == 1 && $(".banner").find("img").length == 0) {
|
common.notify.error("请选择banner图片");
|
return false;
|
}
|
|
if (field.showBanner == 1 && $(".banner").find("img").length > 3) {
|
common.notify.error("banner图最多3张");
|
return false;
|
}
|
return true;
|
},
|
//验证奖品信息
|
verifyAwardInfo() {
|
console.log("验证奖品信息");
|
if (app.tempAwardsList == null || app.tempAwardsList.length == 0) {
|
common.notify.error("请添加奖项");
|
return false;
|
}
|
var hasAward = false;
|
for (var i = 0; i < app.tempAwardsList.length; i++) {
|
if (app.tempAwardsList[i].data && app.tempAwardsList[i].data.type) {
|
hasAward = true;
|
break;
|
}
|
}
|
|
if (!hasAward) {
|
common.notify.error("请选择奖项类型");
|
return false;
|
}
|
|
const field = common.layuiForm.val('form-award-info');
|
|
return true;
|
},
|
//验证参与信息
|
verifyJoinInfo() {
|
console.log("验证参与条件");
|
const field = common.layuiForm.val('form-join-info');
|
console.log(field);
|
if (!app.joinInfo.adInfo.data) {
|
common.notify.error("请选择参与条件-跳转链路");
|
return false;
|
}
|
|
|
return true;
|
},
|
//验证开奖条件
|
verifyOpenInfo() {
|
console.log("验证开奖条件");
|
const field = common.layuiForm.val('form-open-info');
|
console.log(field);
|
|
if (!parseInt(field.minPersonCount)) {
|
common.notify.error("请填写正确的参与人数");
|
return false;
|
}
|
|
if (!parseInt(field.day)) {
|
common.notify.error("请填写正确的天数");
|
return false;
|
}
|
|
if (parseInt(field.minPersonCount) < 1000 || parseInt(field.minPersonCount) > 100000) {
|
common.notify.error("至少参与人数的范围为：1000-100000");
|
return false;
|
}
|
|
if (parseInt(field.day) < 1 || parseInt(field.day) > 7) {
|
common.notify.error("活动有效期的范围为：1-7");
|
return false;
|
}
|
|
return true;
|
},
|
verify(es) {
|
|
for (var i = 0; i < es.length; i++) {
|
if (!es[i]()) {
|
return false;
|
}
|
}
|
return true;
|
},
|
verifyAll() {
|
return this.verify([this.verifyActivityInfo, this.verifyAwardInfo, this.verifyJoinInfo, this.verifyOpenInfo]);
|
}
|
};
|
|
var formManager = {
|
|
//保存到临时变量
|
saveActivityInfoToTemp() {
|
app.temp.activity = app.activity;
|
},
|
saveAwardInfoToTemp() {
|
app.temp.awardInfo = app.tempAwardsList;
|
},
|
saveJoinInfoToTemp() {
|
//赋值
|
const field = common.layuiForm.val('form-join-info');
|
var joinInfo = app.joinInfo;
|
joinInfo.must = field.must;
|
joinInfo.desc = field.desc;
|
app.temp.joinInfo = joinInfo;
|
},
|
saveOpenInfoToTemp() {
|
const field = common.layuiForm.val('form-open-info');
|
var openInfo = app.openInfo;
|
for (key in field) {
|
openInfo[key] = field[key];
|
}
|
app.temp.openInfo = openInfo;
|
},
|
saveToTemp() {
|
this.saveActivityInfoToTemp();
|
this.saveAwardInfoToTemp();
|
this.saveJoinInfoToTemp();
|
this.saveOpenInfoToTemp();
|
}
|
};
|
|
</script>
|
|
<script>
|
//文件上传初始化
|
var uploadPoster;
|
var uploadBanner;
|
var posterFileList;
|
var bannerFileList;
|
common.initLayui(function () {
|
//layui相关初始化成功
|
app.initData();
|
|
|
const uploadPosterParams = {
|
elem: "#choicePoster",
|
showElem: "#poster",
|
uploadUrl: "/admin/upload/image?from=activity",
|
dir: 'poster',
|
field: "image",
|
choose(obj) {
|
var files = posterFileList = obj.pushFile();
|
obj.preview(function (index, file, result) {
|
$("#poster").attr("src", result);
|
});
|
},
|
uploadSuccess: function (res) {
|
app.posterUploadSuccess(res.data);
|
//重置文件传输
|
for (key in posterFileList) {
|
delete posterFileList[key];
|
}
|
}
|
};
|
|
|
uploadPoster = common.initUploadImagePlugin(uploadPosterParams);
|
|
var bannerUrlList = new Array();
|
|
var uploadBannerParams = {
|
elem: "#choiceBanner",
|
uploadUrl: "/admin/upload/image?from=activity",
|
dir: 'banner',
|
field: "image",
|
multiple: true,
|
choose(obj) {
|
var files = bannerFileList = obj.pushFile();
|
|
obj.preview(function (index, file, result) {
|
var item = getBannerItemHtml(result);
|
item.find("i").on('click', function () {
|
//删除当前数据
|
delete files[index]
|
item.remove();
|
uploadBanner.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
});
|
|
$(".banner").append(item);
|
});
|
},
|
uploadSuccess: function (res) {
|
//计算需要上传文件的数量
|
var count = 0;
|
for (key in bannerFileList) {
|
count++;
|
}
|
bannerUrlList.push(res.data);
|
},
|
allDone: function (res) {
|
//文件上传完毕
|
app.bannerUploadSuccess(bannerUrlList);
|
for (key in bannerFileList) {
|
delete bannerFileList[key];
|
}
|
}
|
}
|
|
uploadBanner = common.initUploadImagePlugin(uploadBannerParams);
|
console.log(uploadBanner);
|
|
});
|
|
function getBannerItemHtml(src) {
|
var html = "<div class='banner-image-container'>";
|
html += "<img class='layui-upload-img poster' src='" + src + "'>";
|
html += "<i class='layui-icon'></i>";
|
html += "</div>";
|
var item = $(html);
|
return item;
|
}
|
|
|
var app = new Vue({
|
el: '#main',
|
data: {
|
activity: {},
|
tempAwardsList: [],
|
openInfo: {
|
},
|
joinInfo: {
|
adInfo: {}},
|
temp: {//临时数据，用于提交到服务端
|
|
},
|
tempField: {//field临时存储
|
|
}
|
},
|
watch: {
|
tempAwardsList: function () {
|
setTimeout(function () {
|
// layui.use(['form'], function () {
|
// form = layui.form;
|
// form.render();
|
// })
|
common.layuiForm.render();
|
});
|
}
|
},
|
created: function () {
|
|
},
|
mounted: function () {
|
this.addAward();
|
},
|
methods: {
|
//设置数据
|
setTempData(temp) {
|
//活动信息赋值(深拷贝)
|
this.activity = _.cloneDeep(temp.activity);
|
this.tempAwardsList = _.cloneDeep(temp.awardInfo);
|
this.openInfo = _.cloneDeep(temp.openInfo);
|
this.joinInfo = _.cloneDeep(temp.joinInfo);
|
},
|
//初始化数据
|
initData() {
|
$this = this;
|
/**************初始化抽奖信息************/
|
|
//删除所有选择的文件
|
for (key in posterFileList) {
|
delete posterFileList[key];
|
}
|
|
for (key in bannerFileList) {
|
delete bannerFileList[key];
|
}
|
|
|
$(".banner").empty();
|
if (this.activity.poster)
|
$("#poster").attr("src", this.activity.poster);
|
|
|
//选择banner监听
|
common.layuiForm.on('radio(banner)', function (data) {
|
if (data.value == 1) {
|
$(".banner-container").css("display", "block");
|
} else {
|
$(".banner-container").css("display", "none");
|
}
|
});
|
|
if (this.activity.bannerList && this.activity.bannerList.length > 0) {
|
for (var i = 0; i < this.activity.bannerList.length; i++) {
|
var url = this.activity.bannerList[i].url;
|
var item = getBannerItemHtml(url);
|
item.find("i").on('click', function () {
|
//删除当前数据
|
app.activity.bannerList.splice(i, 1);
|
item.remove();
|
});
|
$(".banner").append(item);
|
}
|
//设置选项
|
$("input[name=showBanner][value=1]").prop("checked", "true");
|
} else {
|
console.log("选择banner");
|
$("input[name=showBanner][value=0]").prop("checked", "true");
|
}
|
|
common.layuiForm.on('submit(form-activity-info)',
|
function (data) {
|
field = common.layuiForm.val('form-activity-info');
|
if (!validManager.verifyActivityInfo()) {
|
app.finishSubmit();
|
return false;
|
}
|
// 数据暂存
|
app.tempField.activity = field;
|
//有封面图
|
if ($(".layui-upload-file").eq(0).val()) {
|
//上传封面图
|
uploadPoster.upload();
|
} else {
|
$this.posterUploadSuccess();
|
}
|
return false;
|
});
|
/**************初始化奖品信息************/
|
common.layuiForm.on('submit(form-award-info)',
|
function (data) {
|
console.log("提交奖品信息");
|
if (!validManager.verifyAwardInfo()) {
|
app.finishSubmit();
|
return false;
|
}
|
|
//暂存
|
formManager.saveAwardInfoToTemp()
|
|
//赋值
|
$("#saveJoinInfo").click();
|
|
return false;
|
});
|
|
/**************初始化参与条件************/
|
common.layuiForm.on('submit(form-join-info)',
|
function (data) {
|
console.log("提交参与条件");
|
if (!validManager.verifyJoinInfo()) {
|
app.finishSubmit();
|
return false;
|
}
|
//暂存
|
formManager.saveJoinInfoToTemp();
|
$("form[lay-filter=form-open-info]").submit()
|
return false;
|
});
|
|
//初始化表单的值
|
common.layuiForm.val("form-join-info", this.joinInfo);
|
|
|
/**************初始化开奖条件************/
|
common.layuiForm.on('submit(form-open-info)',
|
function (data) {
|
console.log("提交开奖条件");
|
if (!validManager.verifyOpenInfo()) {
|
app.finishSubmit();
|
return false;
|
}
|
//暂存
|
formManager.saveOpenInfoToTemp();
|
app.finishSubmit(true);
|
return false;
|
});
|
common.layuiForm.val("form-open-info", this.openInfo);
|
|
common.layuiForm.render();
|
},
|
|
//封面图上传成功
|
posterUploadSuccess(res) {
|
console.log("封面图上传成功");
|
console.log(res);
|
if (res) {//上传了文件
|
$("#poster").attr("src", res);
|
this.activity.poster = res;
|
}
|
//上传文件
|
var bannerEmpty = true;
|
for (key in bannerFileList) {
|
bannerEmpty = false;
|
break;
|
}
|
if (!bannerEmpty) {
|
//上传banner图片
|
uploadBanner.upload();
|
} else {
|
this.bannerUploadSuccess();
|
}
|
},
|
//banner图上传成功
|
bannerUploadSuccess(res) {
|
console.log(res);
|
console.log("Banner图上传成功");
|
if (res) {
|
for (var i = 0; i < res.length; i++) {
|
//添加新的数据
|
var banner = {};
|
banner.url = res[i];
|
if (!this.activity.bannerList) {
|
this.activity.bannerList = new Array();
|
}
|
this.activity.bannerList.push(banner);
|
}
|
}
|
|
//暂存活动信息
|
formManager.saveActivityInfoToTemp();
|
|
//提交奖项
|
$("#saveAwardInfo").click();
|
|
},
|
|
//添加
|
requestAdd: function (data,type) {
|
var params = {
|
data: data,
|
type:type
|
}
|
|
//发异步，把数据提交给php
|
ksapp.post('/admin/activity/addActivity', params, function (res) {
|
if (res.code == 0) {
|
layer.alert("增加成功", {
|
icon: 6
|
},
|
function () {
|
layer.close(this);
|
});
|
} else {
|
layer.msg(res.msg);
|
}
|
|
}, function (res) {
|
});
|
},
|
//提交
|
submit: function () {
|
//未验证通过
|
if (!validManager.verifyAll()) {
|
return;
|
}
|
var loading = layer.load(0, {shade: false});
|
app.submitLoading = loading;
|
//触发表单提交
|
$("#saveActivityInfo").click();
|
},
|
finishSubmit: function (finish) {
|
console.log(JSON.stringify(this.temp));
|
if (app.submitLoading) {
|
layer.close(app.submitLoading)
|
}
|
//所有数据已经取完
|
if (finish) {
|
console.log("获取到的结果");
|
console.log(this.temp);
|
// app.setTempData(this.temp);
|
// app.initData();
|
this.requestAdd(JSON.stringify(this.temp),'publish');
|
}
|
},
|
|
/**
|
* 奖项
|
*/
|
|
addAward: function () {
|
var awardCount = this.tempAwardsList.length;
|
if (awardCount >= 5) {
|
common.notify.error("奖项最多为5个");
|
return;
|
}
|
var awardTitle = "";
|
switch (awardCount) {
|
case 0:
|
awardTitle = "奖项一"
|
break;
|
case 1:
|
awardTitle = "奖项二"
|
break;
|
case 2:
|
awardTitle = "奖项三"
|
break;
|
case 3:
|
awardTitle = "奖项四"
|
break;
|
case 4:
|
awardTitle = "奖项五"
|
break;
|
}
|
|
this.tempAwardsList.push({title: awardTitle, data: {}, selected: true});
|
this.selectAward(this.tempAwardsList.length - 1);
|
},
|
selectAward(index) {
|
for (var i = 0; i < this.tempAwardsList.length; i++) {
|
if (i == index) {//选中
|
var award = this.tempAwardsList[i];
|
award.selected = true;
|
this.$set(this.tempAwardsList, i, award);
|
} else {//不选中
|
if (this.tempAwardsList[i].selected) {
|
var award = this.tempAwardsList[i];
|
award.selected = false;
|
this.$set(this.tempAwardsList, i, award);
|
}
|
}
|
}
|
},
|
deleteAward: function (index) {
|
if (app.tempAwardsList.length <= 1) {
|
common.notify.error("最低保留一个奖项");
|
return;
|
}
|
//删除元素后选中的下标
|
var selectedIndex;
|
if (index == 0) {
|
selectedIndex = 0;
|
} else if (index == app.tempAwardsList.length - 1) {
|
selectedIndex = index - 1;
|
} else {
|
selectedIndex = index;
|
}
|
|
var list = app.tempAwardsList;
|
list.splice(index, 1);
|
for (var i = 0; i < list.length; i++) {
|
var awardTitle = "";
|
switch (i) {
|
case 0:
|
awardTitle = "奖项一"
|
break;
|
case 1:
|
awardTitle = "奖项二"
|
break;
|
case 2:
|
awardTitle = "奖项三"
|
break;
|
case 3:
|
awardTitle = "奖项四"
|
break;
|
case 4:
|
awardTitle = "奖项五"
|
break;
|
}
|
list[i].title = awardTitle;
|
app.tempAwardsList = list;
|
}
|
//选中的下表
|
console.log("选中下标：" + selectedIndex);
|
this.selectAward(selectedIndex);
|
},
|
awardRedPacktRandom: function (event, index) {
|
app.openAwardEdit(index, 2);
|
},
|
awardRedPacktDivide: function (event, index) {
|
app.openAwardEdit(index, 1);
|
},
|
//打开编辑弹框
|
openAwardEdit(index, type) {
|
var $this = this;
|
var params = {};
|
switch (type) {
|
case 1:
|
params.url = "./award-type-redpacket-divide.html";
|
params.title = "固定红包设置";
|
break;//固定红包
|
case 2:
|
params.url = "./award-type-redpacket-random.html";
|
params.title = "随机红包设置";
|
break;//随机红包
|
}
|
var award = {};
|
if (app.tempAwardsList[index].data && app.tempAwardsList[index].data.type == type) {
|
award = app.tempAwardsList[index].data;
|
}
|
var dialogIndex = common.openEditDialog({
|
title: params.title,
|
width: 500,
|
height: 400,
|
content: params.url + "?data=" + escape(JSON.stringify(award)),
|
submit(res) {
|
var award = app.tempAwardsList[index];
|
award.type = "alipayRedPackage";
|
var data = award.data;
|
data.total = res.total;
|
data.count = res.count;
|
data.type = type;
|
$this.$set($this.tempAwardsList, index, award);
|
console.log(app.tempAwardsList)
|
common.closeDialog(dialogIndex);
|
// $(el).parent().find("input[type=radio]").eq(0).attr("checked", true);
|
},
|
});
|
},
|
|
/**
|
* 选择参与条件
|
*/
|
openAdEditDialog(type) {
|
var $this = this;
|
var params = {};
|
var data = {};
|
|
switch (type) {
|
case 'alipayLife':
|
params.title = "生活号设置"
|
params.url = "./sponsor-ad-alipaylife.html"
|
if (this.joinInfo.adInfo.data) {
|
data = this.joinInfo.adInfo.data;
|
}
|
break;
|
}
|
|
var dialogIndex = common.openEditDialog({
|
title: params.title,
|
width: 500,
|
height: 450,
|
content: params.url + "?data=" + encodeURIComponent(JSON.stringify(data)),
|
submit(res) {
|
console.log("得到的值为：");
|
console.log(res);
|
var data = $this.joinInfo.adInfo.data;
|
if (data == undefined)
|
data = {};
|
data.icon = res.icon;
|
data.name = res.name;
|
data.sceneId = res.sceneId;
|
data.desc = res.desc;
|
$this.$set($this.joinInfo.adInfo, 'data', data);
|
$this.$set($this.joinInfo.adInfo, 'type', type);
|
|
common.closeDialog(dialogIndex);
|
},
|
});
|
}
|
|
}
|
});
|
</script>
|
</body>
|
|
</html>
|
