<template>
|
<div class="act_add">
|
<v-header title="抽奖活动详情"></v-header>
|
<el-form
|
:model="form"
|
label-position="right"
|
ref="ruleForm"
|
label-width="150px"
|
class="demo-ruleForm"
|
>
|
<el-form-item label="活动名称:">
|
<div class="input-width">{{ form.name }}</div>
|
</el-form-item>
|
<el-form-item label="报名时间:">
|
<div class="input-width">{{ signTime[0] }}~{{ signTime[1] }}</div>
|
</el-form-item>
|
<el-form-item label="开奖时间:">
|
<div class="input-width">{{ form.lotteryTime }}</div>
|
</el-form-item>
|
<el-form-item label="兑奖时间:">
|
<div class="input-width">{{ cashTime[0] }}~{{ cashTime[1] }}</div>
|
</el-form-item>
|
<el-form-item label="工作时间:">
|
<div class="input-width">{{ form.workTime }}</div>
|
</el-form-item>
|
<el-form-item label="兑奖地点:">
|
<div class="input-width">{{ form.address }}</div>
|
</el-form-item>
|
<el-form-item label="联系电话:">
|
<div class="input-width">{{ form.phone }}</div>
|
</el-form-item>
|
<el-form-item label="活动封面:">
|
<el-image
|
fit="cover"
|
class="img-style"
|
:src="form.cover"
|
:preview-src-list="[form.cover]"
|
>
|
</el-image>
|
</el-form-item>
|
<el-form-item label="奖品设置:">
|
<div class="fl-al">
|
<span class="mr-r-50">奖品总数即最大中奖人数</span>
|
</div>
|
<div class="fl-fw mr-t-10">
|
<div
|
class="fl-f mr-r-20 mr-b-10"
|
v-for="(it, ix) in prizeList"
|
:key="ix"
|
>
|
<el-image
|
fit="cover"
|
class="img-style"
|
:src="it.image"
|
:preview-src-list="[it.image]"
|
>
|
</el-image>
|
<div class="fl-co mr-l-10">
|
<div class="fl-al">
|
<div class="label-width">奖品名称:</div>
|
<div class="input-width2">{{ it.name }}</div>
|
</div>
|
<div class="fl-al mr-t-10">
|
<div class="label-width">奖品数量:</div>
|
<div class="input-width2">{{ it.total }}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-form-item>
|
<el-form-item label="">
|
<el-button size="small" @click="$router.go(-1)">返回</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import { objCopyPro } from "../../utils/common";
|
export default {
|
data() {
|
return {
|
btnLoading: false,
|
dialogVisibleMap: false,
|
info_id: "",
|
signTime: [],
|
cashTime: [],
|
positionData: {},
|
form: {
|
name: "", // 活动名称
|
startTime: "", // 报名时间
|
stopTime: "", // 结束时间
|
lotteryTime: "", // 开奖时间
|
raffleStartTime: "", // 兑奖开始时间
|
raffleStopTime: "", // 兑奖结束时间
|
workTime: "周一至周五09:00—18:00 节假日除外", // 工作时间
|
address: "", // 兑奖地点
|
longitude: "", // 经度
|
latitude: "", // 纬度
|
phone: "", // 联系电话
|
cover: "", // 封面
|
comActRafflePrizeVOList: [], // 奖品列表
|
},
|
prizeList: [
|
{
|
image: "",
|
name: "",
|
total: "",
|
},
|
],
|
};
|
},
|
mounted() {
|
this.info_id = this.$route.query.id;
|
if (this.info_id) {
|
this.info_type = false;
|
this.$api.get("comActRaffle/" + this.info_id, {}, (e) => {
|
this.form = objCopyPro(this.form, e);
|
this.signTime = [e.startTime, e.stopTime];
|
this.cashTime = [e.raffleStartTime, e.raffleStopTime];
|
this.prizeList = e.comActRafflePrizeVOList;
|
});
|
}
|
},
|
};
|
</script>
|
<style lang='less' scoped>
|
.act_add {
|
padding-top: 10px;
|
overflow: auto;
|
}
|
.input-width {
|
width: 700px;
|
}
|
.input-width2 {
|
width: 200px;
|
}
|
.label-width {
|
width: 70px;
|
}
|
.img-style {
|
width: 100px;
|
height: 100px;
|
border-radius: 10px;
|
}
|
</style>
|
