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