组织结构树

说明

1、多级下拉框是根据treeselect (opens new window)组件进行的二次封装
2、在组件中调用orgList接口，获取标段。
3、该组件的封装，提高了开发效率。

使用

<template>
  <my-card>
        <div>
          <label>单位</label>
          <selectOrg
            ref="selectProjectUserRef"
            :org-id.sync="listQuery.projectOrgId"
            placeholder="请选择发送单位"
            @input="validFun"
            :is-multiple="false"
          ></selectOrg>
        </div>
  </my-card>
</template>

<script>
import MyCard from '@/components/MyCard'
import selectOrg from '@/components/selectOrg/index.vue'

export default {
  name: 'Test',
  components: {
    MyCard,
    selectOrg
  },
  data() {
    return {
      listQuery: {
        projectOrgId: null
      }
    }
  },
  methods: {
    validFun() {}
  }
}
</script>

参数说明

属性

属性	描述	类型	可选值	默认值
orgId	查询时的Id	number,Array[]	—	—
isMultiple	是否为多选	boolean	—	false
disabled	是否被禁用	boolean	—	false

组件源码参考

组件源码 (opens new window)