<template>
<a-form-model-item label="审核科室" class="flex-item" prop="OrgCode">
  <a-tree-select
    v-model="form.ShowName"
    :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
    :tree-data="orgList"
    :replaceFields="{
      children: 'Children',
      title: 'OrgName',
      key: 'OrgCode',
      value: 'Search', // 数据拦截后增加Search字段(字段由OrgName+OrgCode组成)
    }"
    allowClear
    showSearch
    placeholder="请选择审核科室"
    @select="selectOrgCode"
  >
  </a-tree-select>
</a-form-model-item>
</template>
<script>
class classForm {
  OrgCode: string;
  OrgName: string | undefined;
  ShowName: string;
  constructor({ OrgCode, OrgName, Order }: classForm | any = {}) {
    this.OrgCode = OrgCode;
    this.OrgName = OrgName;
    this.ShowName = typeof OrgCode === 'undefined' ? undefined : OrgName + OrgCode;

  }
}
methods: {
  selectOrgCode(_value: string, node: any) {
    this.form.OrgCode = node.eventKey;
    this.form.OrgName = node.title;
  },
}
</script>