emis-frontend/src/views/emis/EmisBaseTools/PostsPicker.vue

<template>
  <el-select
  style="width:100%"
  filterable
  clearable
  v-model="svalue"
  :placeholder="placeholder"
  @change="onChange">
  <el-option v-for="item in optionItems" :key="item.postName" :label="item.postName" :value="item.postName" />
</el-select>

</template>
<script>
import { listPost } from "@/api/system/post";

export default {
name: "PostsPicker",
props: {
  value: {
    // type: [Array],
    type:String,
    required: false
  },
  placeholder:{
    type: String,
    required: false
  },
  isInitiated:{
    type: [Boolean,String],
    required: false,
    default:false
  }
},
data() {
  return {
    optionItems: [{"postName":"收派员"},{"postName":"销售顾问"},{"postName":"销售主管"},{"postName":"销售支持"},{"postName":"销售经理"},],
    svalue: this.value,
  };
},
watch: {
  value(newVal) {
    this.svalue = newVal;
  },
  svalue(newVal, oldVal) {
    this.$emit("input", this.svalue);
  }
},
created() {
  // this.queryData();
},
methods: {
  onChange() {
    this.$emit("input", this.svalue);
    this.$emit("onChange");
  },
  queryData() {
    let queryParams = {
      pageNum: 1,
      pageSize: 3000,
    };
    listPost(queryParams).then(response => {
      this.optionItems = response.rows;
    });
  },
}
};
</script>