main
parent
5d001875f6
commit
f250642f1b
@ -0,0 +1,102 @@ |
|||||||
|
<template> |
||||||
|
<div class="prize"> |
||||||
|
<div class="title">幸运大转盘配置</div> |
||||||
|
<div class="configContent"> |
||||||
|
<div class="configItem" v-for="(item,index) in list" :key="index"> |
||||||
|
<div class="subtitle">第{{numList[index]}}格</div> |
||||||
|
<el-radio-group v-model="item.type" @change="typeChange($event,item)"> |
||||||
|
<el-radio :label="1">钻石</el-radio> |
||||||
|
<el-radio :label="2">谢谢惠顾</el-radio> |
||||||
|
<el-radio :label="3">再抽一次</el-radio> |
||||||
|
</el-radio-group> |
||||||
|
<div class="zuanshi" v-if="item.type==1"> |
||||||
|
<span>钻石数</span> |
||||||
|
<el-input-number v-model="item.value" :min="0" label="钻石数"></el-input-number> |
||||||
|
</div> |
||||||
|
<div class="zuanshi"> |
||||||
|
<span>概率</span> |
||||||
|
<el-input-number v-model="item.rate" :min="0" :max="100" label="请输入概率"></el-input-number> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<el-button type="primary" style="margin-top:20px;" @click="submitHandle">提交</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { |
||||||
|
getLotteryData,setLotteryData |
||||||
|
} from '@/api/user' |
||||||
|
export default{ |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
list:[ |
||||||
|
|
||||||
|
], |
||||||
|
numList:["一","二","三","四","五","六"] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
typeChange(val,item){ |
||||||
|
|
||||||
|
if(val!=1){ |
||||||
|
item.value=0; |
||||||
|
} |
||||||
|
}, |
||||||
|
getLotteryData(){ |
||||||
|
getLotteryData().then(res=>{ |
||||||
|
console.log(res,"iii") |
||||||
|
this.list = res.data; |
||||||
|
}) |
||||||
|
}, |
||||||
|
submitHandle(){ |
||||||
|
|
||||||
|
setLotteryData(this.list).then(res=>{ |
||||||
|
this.getLotteryData() |
||||||
|
this.$message({type:'success',message:'保存成功'}); |
||||||
|
}) |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted(){ |
||||||
|
this.getLotteryData() |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.prize{ |
||||||
|
|
||||||
|
background-color: #fff; |
||||||
|
padding:10px 20px; |
||||||
|
} |
||||||
|
.title{ |
||||||
|
font-size: 18px; |
||||||
|
font-weight: bold; |
||||||
|
margin:0 0 10px 0; |
||||||
|
} |
||||||
|
.configContent{ |
||||||
|
.configItem{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: flex-start; |
||||||
|
margin:10px 0; |
||||||
|
.subtitle{ |
||||||
|
width:60px; |
||||||
|
} |
||||||
|
/deep/.el-radio-group{ |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
.zuanshi{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
/deep/.el-input-number--medium{ |
||||||
|
width: 120px; |
||||||
|
} |
||||||
|
span{ |
||||||
|
display:inline-block; |
||||||
|
width:50px; |
||||||
|
|
||||||
|
margin-left: 20px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue