redPacket.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. define({
  2. name:"redPacket",
  3. template:`
  4. <div>
  5. <el-form>
  6. <div class="vue-main-title">
  7. <div class="vue-main-title-left"></div>
  8. <div class="vue-main-title-content">每日红包设置</div>
  9. </div>
  10. <div style="margin:0 auto;width:80%;">
  11. <el-form-item class="rad" label="消费获取红包额度" label-width="180px">
  12. <el-radio v-model="form.item.is_open" :label="1">开启</el-radio>
  13. <el-radio v-model="form.item.is_open" :label="0">关闭</el-radio>
  14. <div class="form-item_tips">默认关闭,开启后,用户购买该商品即可获得商品订单实际支付金额*红包额度比例的红包额度奖励;</div>
  15. </el-form-item>
  16. <el-form-item label="消费获得红包额度独立比例" label-width="180px" prop="giveMoney">
  17. <el-input v-model="form.item.scale" maxlength="300">
  18. <template slot="append">%</template>
  19. </el-input>
  20. <div class="form-item_tips">如果为0或者为空,开启消费获得红包额度功能后,取每日红包基础设置中消费获得红包额度百分比计算获得的红包额度;</div>
  21. <div class="form-item_tips">如果设置了独立比例,则取独立比例计算获得的红包额度。</div>
  22. </el-form-item>
  23. </div>
  24. </el-form>
  25. </div>
  26. `,
  27. style:`
  28. `,
  29. props: {
  30. form: {
  31. default() {
  32. return {}
  33. }
  34. }
  35. },
  36. data(){
  37. return{}
  38. },
  39. mounted() {
  40. if(this.form.item.scale == undefined){
  41. this.$set(this.form.item,'scale',0)
  42. }
  43. },
  44. methods: {
  45. validate(){
  46. return {
  47. scale:this.form.item.scale,
  48. is_open:this.form.item.is_open
  49. }
  50. }
  51. },
  52. })