作者 陈虹瑞

抽奖逻辑

... ... @@ -152,7 +152,7 @@ export default {
props: {
myButtonList: {
type: Array,
default: () => []
default: () => ([])
},
// 是否显示xy轴
xy: {
... ...
<template>
<div class="prizebox">
<div class="img">
<Imageprize words='上传奖品图不超过50kb' picturesize='50kb'/>
<Imageprize words='上传奖品图不超过50kb' picturesize='50kb' v-model="formState.prizePicture"/>
</div>
<div class="form">
<input class="prizeinput" type="text" placeholder="奖项名称">
<input class="prizeinput" type="text" placeholder="奖项名称" v-model="formState.prizeName">
<a-form
:model="formState"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-form-item label="奖项类型">
<a-radio-group v-model="formState.prizestype">
<a-radio value="1">实物</a-radio>
<a-radio value="2">虚拟</a-radio>
<a-radio value="3">财商币</a-radio>
<a-radio-group v-model="formState.prizeType">
<a-radio :value="1">实物</a-radio>
<a-radio :value="2">虚拟</a-radio>
<a-radio :value="3">财商币</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="奖项数量">
<div class="jiangshuliang">
<InputNumberButton />
<InputNumberButton v-model="formState.prizeCount"/>
<div class="nuber-right">
<span class="span">中奖率:</span>
<a-input v-model="formState.winningrate" placeholder="请输入中奖率"/>
<a-input v-model="formState.winningRate" placeholder="请输入中奖率"/>
</div>
</div>
</a-form-item>
<a-form-item label="兑换方式">
<a-radio-group v-model="formState.prizesexchange">
<a-radio value="1">邮寄</a-radio>
<a-radio value="2">卷码</a-radio>
<a-radio-group v-model="formState.receiveType">
<a-radio :value="1">邮寄</a-radio>
<a-radio :value="2">卷码</a-radio>
</a-radio-group>
<div class="mode">
<div class="mode-top">
<p>已添加 <span>{{prizeage}}</span></p>
<p>已添加 <span>{{formState.activityLuckDrawLotteryList ? formState.activityLuckDrawLotteryList.length: 0 }}</span></p>
<div class="mode-top-div">
<a-button>批量导入</a-button>
<a-button type="danger">
... ... @@ -42,8 +42,8 @@
</div>
</div>
<div class="mode-bottom">
<div class="mode-bottom-divc" v-for="(item,index) in 23" :key="index">
<p>12323422</p>
<div class="mode-bottom-divc" v-for="(item,index) in formState.activityLuckDrawLotteryList" :key="index">
<p>{{item.lotteryCode}}</p>
<div class="iconsize" @click="delclick">
<!-- <a-icon type="close" style="fontSize:20px;"/> -->
<i class="el-icon-close"></i>
... ... @@ -64,7 +64,7 @@ import InputNumberButton from '@/components/InputNumberButton/index.vue'
export default {
name: 'PriZe',
props: {
formStateobj: {
value: {
type: Object,
default: () => ({})
}
... ... @@ -77,31 +77,34 @@ export default {
return {
loading: false,
// imageUrl: '',
formState: {
prizesnumber: '', // 奖项数量
prizestype: '', // 奖项类型
prizesexchange: '', // 兑换方式
imageUrl: '', // 上传图片
winningrate: '' // 中奖率
},
prizeage: '23', // 已添加
formState: this.value,
labelCol: { span: 3 },
wrapperCol: { span: 21 }
}
},
methods: {
// 奖项数量-减
numberjian () {
if (this.formState.prizesnumber <= 0) return
this.formState.prizesnumber--
},
// 奖项数量-加
numberjia () {
this.formState.prizesnumber++
},
// // 奖项数量-减
// numberjian () {
// if (this.formState.prizesnumber <= 0) return
// this.formState.prizesnumber--
// },
// // 奖项数量-加
// numberjia () {
// this.formState.prizesnumber++
// },
delclick () {
}
},
watch: {
formState: {
deep: true,
handler: function (newName) {
console.log(newName, 'prize问答页面监听到最新数据')
this.$emit('inputvalue', { ...this.value, ...newName })
}
}
}
}
</script>
... ... @@ -162,8 +165,9 @@ export default {
border-radius: 5px;
overflow: auto;
height: 250px;
display: flex;
flex-wrap: wrap;
display: flex;
align-content:flex-start;
flex-wrap: wrap;
.mode-bottom-divc {
border: 1px solid #000;
width: 20%;
... ...
import { queryList, getActivityInfo } from '@/api/parameterconfiguration'
import store from '.'
export default {
namespaced: true,
state: {
// 所有页面数据
allstatelist: []
allstatelist: [],
// 安慰奖
anweiobj: {}
},
getters: {
},
... ... @@ -13,14 +15,17 @@ export default {
// 修改所有页面数据
setallstatelist (state, res) {
state.allstatelist = res
},
setanweiobj (state, res) {
state.anweiobj = res
}
},
actions: {
// 获取所有页面数据
async getallstatelist () {
async getallstatelist (ctx) {
const { data: res } = await queryList({})
console.log(res, '获取到全部数据')
store.commit('setallstatelist', res)
ctx.commit('setallstatelist', res.data)
},
async getactiveity () {
const res = await getActivityInfo()
... ...
<template>
<div>
<div class="tab">
<a-radio-group v-model="value" @change="onChange">
<div class="tab-div">
<a-radio-group class="radio" v-model="value" @change="onChange">
<a-radio-button value="all">
全部
</a-radio-button>
... ... @@ -18,22 +18,36 @@
已结束
</a-radio-button>
</a-radio-group>
<a-button type="primary" @click="showModal">
<a-button type="primary" @click="createactivity">
新建活动
</a-button>
</div>
<div class="bott">
<a-table
v-if="$store.state.user.allstatelist"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns"
:data-source="$store.state.user.allstatelist"
bordered
>
<img slot="coverPreview" slot-scope="text, record" :src=record.coverPreview />
<template slot="operation" >
<a href="#">发布</a>
<a href="#">编辑</a>
<a href="#">删除</a>
<a href="#">详情</a>
</template>
</a-table>
</div>
<!-- 弹出框 -->
<a-modal v-model="visible" title="Basic Modal" @ok="handleOk">
<a-button type="primary" @click="showModal">
<a-modal v-model="visible" title="Basic Modal" footer="" width="50%" >
<a-button type="primary" @click="showModal(0)" style="width:200px;height:300px;">
新建抽奖
</a-button>
<a-button type="primary" @click="showModal">
<a-button type="primary" @click="showModal(1)" style="width:200px;height:300px;">
新建打卡
</a-button>
<a-button type="primary" @click="showModal">
<a-button type="primary" @click="showModal(2)" style="width:200px;height:300px;">
新建普通
</a-button>
</a-modal>
... ... @@ -41,25 +55,116 @@
</template>
<script>
import { ADDactivity } from '@/api/parameterconfiguration'
const columns = [
{
title: '预览图',
dataIndex: 'coverPreview',
align: 'center',
scopedSlots: { customRender: 'coverPreview' }
},
{
title: '活动名称',
dataIndex: 'title',
align: 'center'
},
{
title: '模板类型',
dataIndex: 'activityType',
align: 'center'
},
{
title: '活动ID',
dataIndex: 'activityId',
align: 'center'
},
{
title: '状态',
dataIndex: 'address3',
align: 'center'
},
{
title: '活动时间',
dataIndex: 'activityStartTime',
align: 'center'
},
{
title: '操作',
dataIndex: 'address5',
align: 'center',
scopedSlots: { customRender: 'operation' }
}
]
export default {
name: 'ActivitySettings',
data () {
return {
value: 'a'
value: 'a',
visible: false,
columns,
selectedRowKeys: [], // Check here to configure the default column
loading: false
}
},
created () {
this.$store.dispatch('user/getallstatelist')
},
methods: {
onChange (e) {
console.log(`checked = ${e.target.value}`)
},
// 点击新建活动
createactivity () {
this.visible = true
},
// 弹出框
handleOk (e) {
console.log(e)
this.visible = false
},
// 新建 抽奖/打卡/普通
async showModal (i) {
const res = await ADDactivity({ activityType: i })
console.log(res, '新建活动')
this.$store.dispatch('user/getallstatelist')
},
// table
start () {
this.loading = true
// ajax request after empty completing
setTimeout(() => {
this.loading = false
this.selectedRowKeys = []
}, 1000)
},
onSelectChange (selectedRowKeys) {
console.log('selectedRowKeys changed: ', selectedRowKeys)
this.selectedRowKeys = selectedRowKeys
}
},
computed: {
hasSelected () {
return this.selectedRowKeys.length > 0
}
}
}
</script>
<style>
<style scoped lang='less'>
.tab-div {
display: flex;
justify-content:space-between;
.radio {
display: flex;
}
}
</style>
... ...
... ... @@ -17,6 +17,7 @@
<div class="boxyanle" :class="box3 ? 'addstyle' : ''" @click="box3click">问答页面</div>
<div class="boxyanle" :class="box4 ? 'addstyle' : ''" @click="box4click">时光机页面</div>
<div class="boxyanle" :class="box5 ? 'addstyle' : ''" @click="box5click">完成页面</div>
<div class="boxyanle" :class="box6 ? 'addstyle' : ''" @click="box6click">规则页面</div>
</div>
<div class="box-iframe">
<iframe frameborder="0" name="Iframe1" src="http://192.168.10.34:8080/#/pages/clock/index" width="100%" height="100%">
... ... @@ -39,6 +40,7 @@
<qapage v-if="box3 && !showtrue && ifformstate" v-model="formState"/>
<timemachine v-if="box4 && !showtrue && ifformstate" v-model="formState"/>
<complete v-if='box5 && !showtrue && ifformstate' v-model="formState"/>
<rule v-if='box6 && !showtrue && ifformstate' v-model="formState"/>
<!-- <router-view /> -->
</div>
</div>
... ... @@ -53,6 +55,7 @@ import Punchinpage from './Punchinpage.vue'
import qapage from './qapage.vue'
import timemachine from './timemachine.vue'
import complete from './complete.vue'
import rule from './rule.vue'
import { getActivityInfo, seteditActivityInfo } from '@/api/parameterconfiguration'
export default {
... ... @@ -63,7 +66,8 @@ export default {
Punchinpage,
qapage,
timemachine,
complete
complete,
rule
// home,
// clock,
// answer
... ... @@ -278,6 +282,7 @@ export default {
box3: false,
box4: false,
box5: false,
box6: false,
showtrue: false
}
},
... ... @@ -404,6 +409,7 @@ export default {
this.box3 = false
this.box4 = false
this.box5 = false
this.box6 = false
this.showtrue = false
},
// 点击切换路由
... ... @@ -427,6 +433,10 @@ export default {
this.geiAllFalse()
this.box5 = true
},
box6click () {
this.geiAllFalse()
this.box6 = true
},
iftrue (i) {
if (i === '1') {
this.showtrue = true
... ...
<template>
<a-form
:model="formState"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-form-item label="规则图片">
<Imageprize v-model="formState.activityClockIn.rulePicture"/>
<a-input placeholder="url" v-model="formState.activityClockIn.ruleUrl"/>
</a-form-item>
</a-form>
</template>
<script>
import Imageprize from '@/components/Image/index.vue'
export default {
name: 'ComPlete',
components: {
Imageprize
},
props: {
value: {
type: Object,
default: () => ({})
}
},
data () {
return {
formState: this.value,
labelCol: { span: 3 },
wrapperCol: { span: 21 }
}
},
watch: {
formState: {
deep: true,
handler: function (newName) {
this.$emit('input', { ...this.value, ...newName })
}
}
}
}
</script>
<style>
</style>
... ...
... ... @@ -5,13 +5,13 @@
:wrapper-col="wrapperCol"
>
<a-form-item label="未中奖页面">
<a-radio-group v-model="formState.customnumber">
<a-radio-group v-model="formState.activityLuckDraw.isOpenNotWinPrizePage">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
</a-form-item>
<a-form-item label="未中奖图片">
<Imageprize />
<Imageprize v-model="formState.activityLuckDraw.notWinPrize"/>
</a-form-item>
<!-- <a-form-item label="自定义按钮">
<a-radio-group v-model="formState.custombutton">
... ... @@ -44,12 +44,7 @@ export default {
// 上传图片
// imageUrl: '',
// 表单数据
formState: this.value || {
customnumber: '1', // 首页高度
imageUrl: '', // 上传图片
custombutton: '1'// 自定义按钮
},
formState: this.value,
labelCol: { span: 3 },
wrapperCol: { span: 21 }
}
... ...
... ... @@ -5,10 +5,10 @@
:wrapper-col="wrapperCol"
>
<a-form-item label="高度">
<a-input-Number v-model="formState.height" placeholder="请输入数值" style="width:100%;"/>
<a-input-Number v-model="formState.activityLuckDraw.myPrizeHeight" placeholder="请输入数值" style="width:100%;"/>
</a-form-item>
<a-form-item label="上传图片">
<Imageprize />
<Imageprize v-model="formState.activityLuckDraw.myPrizePicture"/>
</a-form-item>
<!-- <a-form-item label="自定义按钮">
<a-radio-group v-model="formState.custombutton">
... ... @@ -35,20 +35,19 @@ export default {
Imageprize
// custombutton
},
props: {
value: {
type: Object,
default: () => ({})
}
},
data () {
return {
loading: false,
// 上传图片
// imageUrl: '',
// 表单数据
formState: this.value || {
height: '', // 首页高度
imageUrl: '', // 上传图片
custombutton: '', // 自定义按钮
address: '', // 地址
telephone: '', // 电话
custom: ''// 自定义
},
formState: this.value,
labelCol: { span: 3 },
wrapperCol: { span: 21 }
}
... ...
... ... @@ -5,17 +5,17 @@
:wrapper-col="wrapperCol"
>
<a-form-item label="首页高度">
<a-input-Number v-model="formState.height" placeholder="请输入数值" style="width:100%;"/>
<a-input-Number v-model="formState.homePageHeight" placeholder="请输入数值" style="width:100%;"/>
</a-form-item>
<a-form-item label="上传图片">
<Imageprize words='建议宽度为750px,高度不限不超过2M' />
<Imageprize words='建议宽度为750px,高度不限不超过2M' v-model="formState.homePicture"/>
</a-form-item>
<a-form-item label="自定义按钮">
<a-radio-group v-model="formState.custombut">
<a-radio-group v-model="formState.customButtonState">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
<custombutton v-if="formState.custombut===0" :myButtonList='formState.myButtonList' @jiabutton='jiabutton' @jianbutton='jianbutton'/>
<custombutton v-if="formState.customButtonState===0" :myButtonList='formState.myButtonList' @jiabutton='jiabutton' @jianbutton='jianbutton'/>
</a-form-item>
</a-form>
</template>
... ... @@ -42,12 +42,7 @@ export default {
// 上传图片
// imageUrl: '',
// 表单数据
formState: this.value || {
height: '', // 首页高度
imageUrl: '', // 上传图片
custombut: '0'// 自定义按钮
},
formState: this.value,
labelCol: { span: 3 },
wrapperCol: { span: 21 }
}
... ...
... ... @@ -64,41 +64,91 @@
</a-form-item>
<a-form-item label="抽奖机会">
<a-radio-group v-model="formState.lotteryOpportunityRestrictionType">
<a-radio :value="0">不限</a-radio>
<a-radio :value="1">限制</a-radio>
<a-radio :value="0">普通+财商币兑换</a-radio>
<a-radio :value="2">财商币兑换</a-radio>
</a-radio-group>
<br />
<a-radio-group v-model="formState.numberLimitType">
<a-radio :value="0">单次</a-radio>
<a-radio :value="1">每日</a-radio>
</a-radio-group>
<span>活动期间每人<span>每日</span></span
><a-input-number v-model="formState.age" /><span>抽奖机会</span>
<p>增加财商币兑换</p>
<a-radio-group v-model="formState.agewhether">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
<template v-if="formState.agewhether==0">
<div>
<span>是否与抽奖公用机会</span>
<a-radio-group v-model="formState.isShare">
<a-radio :value="0">是</a-radio>
<a-radio :value="1">否</a-radio>
<template v-if="formState.lotteryOpportunityRestrictionType===0">
<a-radio-group v-model="formState.numberLimitType">
<a-radio :value="0">按次数</a-radio>
<a-radio :value="1">每日</a-radio>
</a-radio-group>
</div>
<br>
<span>活动期间每人<span>{{formState.numberLimitType===0?'至多':'每日'}}</span></span
><a-input-number v-model="formState.age" /><span>抽奖机会</span>
<br>
<span>增加财商币兑换</span>
<br>
<a-radio-group v-model="formState.agewhether">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
<template v-if="formState.agewhether==0">
<div>
<span>是否与抽奖公用机会</span>
<a-radio-group v-model="formState.isShare">
<a-radio :value="0">是</a-radio>
<a-radio :value="1">否</a-radio>
</a-radio-group>
</div>
<div>
<a-input-number v-model="formState.money" />
<span>财商币/次 最多兑换</span>
<a-input-number v-model="formState.maxExchange" />
<span>次</span>
</div>
<div>
<a-input-number v-model="formState.money" />
<span>财商币/次 最多兑换</span>
<a-input-number v-model="formState.maxExchange" />
<span>次</span>
</div>
</template>
</template>
<template v-else>
<a-radio-group v-model="formState.numberLimitType">
<a-radio :value="0">按次数</a-radio>
<a-radio :value="1">每日</a-radio>
</a-radio-group>
<br>
<span>活动期间每人<span>{{formState.numberLimitType===0?'至多':'每日'}}</span></span
><a-input-number v-model="formState.age" /><span>抽奖机会</span>
<div>
<a-input-number v-model="formState.money" />
<span>财商币/次 最多兑换</span>
<a-input-number v-model="formState.maxExchange" />
<span>次</span>
</div>
</template>
</a-form-item>
<a-form-item label="显示抽奖次数">
<a-radio-group v-model="formState.isShare">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
<div class="agecishi">
<div class="agecishi-1">
<span>前缀文案</span>
<a-input v-model="formState.title" placeholder="请输入前缀" />
<span>后缀文案</span>
<a-input v-model="formState.title" placeholder="请输入前缀" />
</div>
<div class="agecishi-2">
<span>X轴位置</span>
<a-input v-model="formState.title" placeholder="请输入X轴位置" />
<span>Y轴位置</span>
<a-input v-model="formState.title" placeholder="请输入Y轴位置" />
</div>
</div>
</a-form-item>
<a-form-item label="财商币展示">
<a-radio-group v-model="formState.isShare">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
<div class="ssee">
<span>X轴位置</span>
<a-input v-model="formState.title" placeholder="请输入X轴位置" />
<span>Y轴位置</span>
<a-input v-model="formState.title" placeholder="请输入Y轴位置" />
</div>
</a-form-item>
</a-form>
</template>
... ... @@ -210,4 +260,33 @@ export default {
border: 1px solid #ccc;
}
}
// 显示抽奖次数
.agecishi {
.agecishi-1 {
display: flex;
.ant-input {
width: 200px;
margin: 0 10px;
// margin-left: 20px;
}
}
.agecishi-2 {
display: flex;
.ant-input {
width: 200px;
margin: 0 10px;
margin-left: 16px;
}
}
}
.ssee {
display: flex;
.ant-input {
width: 200px;
margin: 0 10px;
}
}
</style>
... ...
... ... @@ -5,7 +5,7 @@
:wrapper-col="wrapperCol"
>
<a-form-item label="奖项数量">
<a-radio-group v-model="formState.prizesnumber" @change="changefh">
<a-radio-group v-model="formState.activityLuckDraw.prizeCount" @change="changefh">
<a-radio :value="4">4个奖</a-radio>
<a-radio :value="5">5个奖</a-radio>
<a-radio :value="6">6个奖</a-radio>
... ... @@ -13,25 +13,25 @@
<p>请填写相关参数及设置项(不开启奖项请将其对应)</p>
<div class="Severalprizes">
<div class="Severalprizes-zong">
<div class="Severalprizes-1" :class="item.click ? 'addstyle' : ''" v-for="(item,index) in navprizelist" :key="index" @click="navprizeclick(index)">
<div class="Severalprizes-1" v-for="(item,index) in navprizelist" :key="index" :class="item && item.click ? 'addstyle' : ''" @click="navprizeclick(index)">
{{item.name}}
</div>
</div>
<!-- 奖项方块 -->
<div class="prizefor" v-for="(item,index) in navprizelist" :key="index">
<prize v-if="item.click"/>
<div class="prizefor" v-for="(item,index) in formState.activityPrizeList" :key="index">
<prize :value="item" v-if="navprizelist[index] && navprizelist[index].click" @inputvalue='inputvalue'/>
</div>
</div>
<div class="ConsolationAward">
<span style="padding-right:20px;">安慰奖</span>
<a-radio-group v-model="formState.ConsolationAward">
<a-radio-group v-model="formState.activityLuckDraw.isOpenComfortPrize">
<a-radio :value="0">开启</a-radio>
<a-radio :value="1">关闭</a-radio>
</a-radio-group>
</div>
<!-- 奖项方块 -->
<prize />
<prize :value="this.anwei"/>
</a-form-item>
<!-- <a-form-item label="自定义按钮">
<a-radio-group v-model="formState.custombutton">
... ... @@ -62,11 +62,7 @@ export default {
data () {
return {
loading: false,
formState: this.value || {
prizesnumber: '', // 奖品数量
ConsolationAward: '', // 安慰奖
imageUrl: '' // 上传图片
},
formState: this.value,
// 一等奖、二等奖、导航
navprizelist: [
{ name: '一等奖', click: true },
... ... @@ -85,10 +81,24 @@ export default {
6: '六'
},
labelCol: { span: 3 },
wrapperCol: { span: 21 }
wrapperCol: { span: 21 },
anwei: {}
}
},
created () {
const index = this.formState.activityPrizeList.findIndex(v => v.isComfortPrize === 0)
this.anwei = this.formState.activityPrizeList.splice(index, 1)[0]
console.log(this.anwei, 'anwei')
this.navprizelist = []
for (let i = 0; i < this.formState.activityLuckDraw.prizeCount; i++) {
this.navprizelist.push({ name: `${this.ageshu[i + 1]}等奖`, click: false })
}
this.navprizelist[0].click = true
},
methods: {
inputvalue (value) {
this.formState = { ...this.formState, ...value }
},
// 点击几等奖
navprizeclick (index) {
console.log(index)
... ... @@ -98,8 +108,27 @@ export default {
this.navprizelist[index].click = true
},
changefh (e) {
this.navprizelist = []
console.log(e.target.value)
if (this.formState.activityPrizeList.length < e.target.value) {
for (let i = this.formState.activityPrizeList.length; i < e.target.value; i++) {
this.formState.activityPrizeList.push(
{
prizeCount: 10,
activityLuckDrawLotteryList: [],
prizeType: '',
receiveType: '',
winningRate: '',
prizePicture: '',
prizeName: '',
isComfortPrize: 1
}
)
}
console.log(this.formState.activityPrizeList, '奖项书刘昂')
} else {
this.formState.activityPrizeList.splice(e.target.value)
}
this.navprizelist = []
for (let i = 0; i < e.target.value; i++) {
this.navprizelist.push({ name: `${this.ageshu[i + 1]}等奖`, click: false })
}
... ... @@ -112,6 +141,17 @@ export default {
handler: function (nowName) {
this.$emit('input', { ...this.value, ...nowName })
}
},
anwei: {
deep: true,
handler: function (nowName) {
const index = this.formState.activityPrizeList.findIndex(v => v.isComfortPrize === 0)
if (index >= 0) {
this.formState.activityPrizeList[index] = nowName
} else {
this.formState.activityPrizeList.push(nowName)
}
}
}
}
}
... ...
... ... @@ -31,9 +31,9 @@
<div class="Navigation-box">
<Parameterconfiguration v-if="showtrue && ifformstate" v-model="formState" />
<Pagesetup v-if="box1 && !showtrue && ifformstate" v-model="formState" />
<Winningpagedesign v-if="box2 && !showtrue && ifformstate" v-model="formState"/>
<Winningpagedesign v-if="box2 && !showtrue && ifformstate" v-model="formState" />
<Failedtowinpagesettings v-if="box3 && !showtrue && ifformstate" v-model="formState" />
<Mypagesetup v-if="box4 && !showtrue && ifformstate" v-model="formState"/>
<Mypagesetup v-if="box4 && !showtrue && ifformstate" v-model="formState" />
<!-- <router-view /> -->
</div>
</div>
... ... @@ -117,10 +117,75 @@ export default {
},
// 获取数据
async getaxioc () {
const id = 51
const id = 55
const res = await getActivityInfo(id)
console.log(res.data.data, '获取数据')
this.formState = { ...this.formState, ...res.data.data }
// 奖品数量
if (!this.formState.activityLuckDraw) {
this.formState.activityLuckDraw = {
prizeCount: 4,
isOpenComfortPrize: 0,
isOpenNotWinPrizePage: 0
}
}
// 奖品
if (!this.formState.activityPrizeList) {
this.formState.activityPrizeList = []
for (let i = this.formState.activityPrizeList.length; i < this.formState.activityLuckDraw.prizeCount; i++) {
this.formState.activityPrizeList.push(
{
prizeCount: 10,
activityLuckDrawLotteryList: [
{ lotteryCode: '12312312' },
{ lotteryCode: '12355513' },
{ lotteryCode: '23156158' },
{ lotteryCode: '54568755' },
{ lotteryCode: '41312316' },
{ lotteryCode: '47712316' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' }
],
prizeType: '',
receiveType: '',
winningRate: '',
prizePicture: '',
prizeName: '',
isComfortPrize: 1
}
)
}
}
// 安慰奖
this.formState.activityPrizeList.forEach(item => console.log(item.isComfortPrize))
if (!this.formState.activityPrizeList.find(item => item.isComfortPrize === 0)) {
this.formState.activityPrizeList.push({
prizeCount: 10,
activityLuckDrawLotteryList: [
{ lotteryCode: '12312312' },
{ lotteryCode: '12355513' },
{ lotteryCode: '23156158' },
{ lotteryCode: '54568755' },
{ lotteryCode: '41312316' },
{ lotteryCode: '47712316' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' },
{ lotteryCode: '82315816' }
],
prizeType: '',
receiveType: '',
winningRate: '',
prizePicture: '',
prizeName: '33333',
isComfortPrize: 0
})
}
console.log(this.formState, '获取数据')
// 获取数据后显示组件
this.ifformstate = true
... ... @@ -167,7 +232,7 @@ export default {
const data = this.formState
// 传入状态码 0为抽奖
data.activityType = 0
data.id = 51
data.id = 55
//
data.activityStartTime = this.formateDate(Date(data.activityStartTime))
data.activityEndTime = this.formateDate(Date(data.activityEndTime))
... ... @@ -175,7 +240,7 @@ export default {
const res = await seteditActivityInfo(data)
console.log(res, '修改的数据')
// 刷新iframe页面
location.reload()
// location.reload()
// document.getElementById('Iframe1').contentWindow.location.reload(true)
// 获取数据
... ...
... ... @@ -2,7 +2,7 @@
<div class="box-ooo">
<div class="zuo">
<div class="cdd" @click="clickfn" style="width:50px;height: 40px;">新建活动</div>
<div class="cdd" @click="clickdef" style="width:50px;height: 40px;">新建活动</div>
<div class="cdd" @click="clickdef" style="width:50px;height: 40px;">获取所有页面数据</div>
</div>
<!-- 普通 -->
<Normalhuod />
... ...