<template>
  <view>
    <u-dropdown-list :dropdown-list="dropdownList" @change="handleDropChange"></u-dropdown-list>
  </view>
</template>

<script>
const dropdownOption1 = [
  { text: '类型', value: '', select: false },
  { text: '全场券', value: 1, select: false },
  { text: '品类券', value: 2, select: false },
  { text: '单品券', value: 3, select: false },
  { text: '业务券', value: 4, select: false }
]
const dropdownOption2 = [
  { text: '状态', value: '', select: false },
  { text: '可使用', value: 1, select: false },
  { text: '已过期', value: 2, select: false }
]
const dropdownOption3 = [
  { text: '优惠力度', value: '', select: false },
  { text: '满100-20', value: 1, select: false },
  { text: '满100-50', value: 2, select: false }
]

export default {
  props: {},
  data() {
    return {
      dropdownList: [
        { name: '类型', show: false, options: dropdownOption1 },
        { name: '状态', show: false, options: dropdownOption2 },
        { name: '优惠力度', show: false, options: dropdownOption3 }
      ]
    }
  },
  methods: {
    handleDropChange(select, options) {
      console.log(select, options)
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
