food/src/components/SearchOrder.vue
tk 0fba1af61b 【类 型】:factor 1.搜索组件 增加搜索条件 2.搜索描述随 搜索条件更改
【原  因】:1.增加 订单的执行飞机ID搜索功能
【过  程】:
【影  响】:

# 类型 包含:
# feat:新功能(feature)
# fix:修补bug
# docs:文档(documentation)
# style: 格式(不影响代码运行的变动)
# refactor:重构(即不是新增功能,也不是修改bug的代码变动)
# test:增加测试
# chore:构建过程或辅助工具的变动
2024-07-31 13:42:03 +08:00

46 lines
1.4 KiB
Vue

<template>
<el-input :placeholder="currentPlaceholder" v-model="value[1]">
<el-select v-model="value[0]" slot="prepend" placeholder="条件选择" class="w-120px">
<el-option label="订单号" value="orderSn" selection></el-option>
<el-option label="收获人" value="name"></el-option>
<el-option label="客户电话" value="tel"></el-option>
<el-option label="客户留言" value="remark"></el-option>
<el-option label="订单备注" value="desc"></el-option>
<el-option label="执行飞机" value="byPlaneId"></el-option>
</el-select>
</el-input>
</template>
<script>
export default {
data () {
return {
value: this.$store.getters['app/getOrderSerch'].search,
placeholders: {
orderSn: '按订单号搜索,支持模糊搜索',
name: '按收货人名字搜索,支持模糊搜索',
tel: '按客户电话搜索,支持模糊搜索',
remark: '按客户留言搜索,支持模糊搜索',
desc: '按订单备注搜索,支持模糊搜索',
byPlaneId: '按执行订单的飞机ID搜索'
}
}
},
computed: {
// 当前选择项的搜索描述
currentPlaceholder () {
return this.placeholders[this.value[0]] || '请输入搜索内容'
}
},
watch: {
value (val) {
this.$store.commit('app/setOrderSerch', { search: val })
}
},
created () {
}
}
</script>
<style lang="scss" scoped></style>