food/src/components/SelectionRefundStatus.vue

40 lines
937 B
Vue
Raw Normal View History

<template>
<el-select class="w-100" v-model="value" multiple placeholder="退款状态过滤:可多选过滤条件(空置显示全部状态订单)">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data () {
return {
options: [{
value: '未申请',
label: '未申请'
}, {
value: '申请中',
label: '申请中'
}, {
value: '已同意',
label: '同意买家申请'
}, {
value: '主动退',
label: '商家主动退款'
}, {
value: '拒绝退',
label: '拒绝退款'
}],
value: this.$store.getters['app/getOrderSerch'].back
}
},
watch: {
value (val) {
this.$store.commit('app/setOrderSerch', { back: val })
}
}
}
</script>
<style lang="scss" scoped></style>