food/src/components/SearchOrder.vue

<template>
  <el-input placeholder="请输入搜索内容" 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-select>
  </el-input>
</template>

<script>
export default {
  data () {
    return {
      value: this.$store.getters['app/getOrderSerch'].search
    }
  },
  watch: {
    value (val) {
      this.$store.commit('app/setOrderSerch', { search: val })
    }
  },
  created () {
  }
}
</script>

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