2a97199f85
【主 题】：添加 "任务状态" 选择组件 【描 述】： [原因]： [过程]： [影响]： 【结 束】 # 类型 包含: # feat：新功能（feature） # fix：修补bug # docs：文档（documentation） # style： 格式（不影响代码运行的变动） # refactor：重构（即不是新增功能，也不是修改bug的代码变动） # test：增加测试 # chore：构建过程或辅助工具的变动
40 lines
920 B
Vue
40 lines
920 B
Vue
<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'].status
|
|
}
|
|
},
|
|
watch: {
|
|
value (val) {
|
|
this.$store.commit('app/setOrderSerch', { status: val })
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|