<!-- 机构选择下拉框 -->
<template>
  <ele-tree-select
    ref="tree"
    clearable
    :value="value || ''"
    :data="data"
    label-key="name"
    value-key="id"
    default-expand-all
    :placeholder="placeholder"
    @input="updateValue"
    v-bind="$attrs"
    v-on="$listeners"
  />

</template>

<script>
  export default {
    props: {
      // 选中的数据(v-model)
      value: [Number,String],
      // 提示信息
      placeholder: {
        type: String,
        default: '请选择'
      },
      // 机构数据
      data: Array
    },
    methods: {
      /* 更新选中数据 */
      updateValue(value,node) {
        this.$emit('input', value);
        this.$emit('checkedKeys', this.$refs.tree.getNodeByValue(value))
      },
    }
  };
</script>
