组织架构树选择框 ​

<script setup lang="ts">
import { BcOrgSelectModal } from 'bdsaas-bc'
import { ref } from 'vue'

const bcOrgSelectModal = ref()
const disabled = ref(false)

defineOptions({
  name: 'OrgSelectionDemo'
})

function okHandler({ checkedKeys, checkedNodes }) {
  console.log(checkedKeys, checkedNodes)
}
</script>

<template>
  <button @click="bcOrgSelectModal.toggle(true)">打开</button>
  <br />
  <br />
  <button @click="disabled = !disabled">禁用状态：{{ disabled }}</button>
  <BcOrgSelectModal
    ref="bcOrgSelectModal"
    :defaultCheckedKeys="[383026, 552928, 104180, 556560]"
    @ok="okHandler"
    :disabled="disabled"
  />
</template>