tiny-vue/examples/sites/demos/pc/app/dept/custom-service-composition-api.vue

<template>
  <div class="demo-dept-class">
    <tiny-dept
      v-model="value"
      :fetch-dept-by-value="getfetchDeptByValue"
      :fetch-dept="getfetchDept"
      :fetch-dept-list="getDeptList"
    ></tiny-dept>
  </div>
</template>

<script setup lang="jsx">
import { ref } from 'vue'
import { TinyDept } from '@opentiny/vue'

// mock数据
const DEPT_LIST = [
  {
    upperCode: '000001',
    list: [
      {
        coa_Combination: null,
        hrCode: '022471',
        dept_Code: null,
        hrName: 'SZ技术',
        coaCode: null
      },
      {
        coa_Combination: null,
        hrCode: '030055',
        dept_Code: null,
        hrName: 'SZ海洋网络',
        coaCode: null
      },
      {
        coa_Combination: null,
        hrCode: '035021',
        dept_Code: null,
        hrName: '天闻数媒',
        coaCode: null
      },
      {
        coa_Combination: null,
        hrCode: '022279',
        dept_Code: null,
        hrName: '贝托SZ',
        coaCode: null
      },
      {
        coa_Combination: null,
        hrCode: '030736',
        dept_Code: null,
        hrName: '鼎桥通信',
        coaCode: null
      }
    ]
  },
  {
    upperCode: '023114',
    list: [
      {
        coa_Combination: null,
        hrCode: '041963',
        dept_Code: null,
        hrName: 'BPIT&QM HRBP管理部',
        coaCode: '0021.000.0001.041963'
      }
    ]
  },
  {
    upperCode: '038384',
    list: [
      {
        coa_Combination: null,
        hrCode: '038759',
        dept_Code: null,
        hrName: '公共技术平台部',
        coaCode: '0021.000.0001.038759'
      }
    ]
  },
  {
    upperCode: '022471',
    list: [
      {
        coa_Combination: null,
        hrCode: '023338',
        dept_Code: null,
        hrName: '测试数据室XX',
        coaCode: '0021.000.0001.023338'
      },
      {
        coa_Combination: null,
        hrCode: '027425',
        dept_Code: null,
        hrName: '中国XX测试数据部',
        coaCode: '0021.000.0002.027425'
      },
      {
        coa_Combination: null,
        hrCode: '023093',
        dept_Code: null,
        hrName: '测试数据XX管理部',
        coaCode: '0021.000.0001.023093'
      }
    ]
  },
  {
    upperCode: '023093',
    list: [
      {
        coa_Combination: null,
        hrCode: '038370',
        dept_Code: null,
        hrName: '业务应用与XX测试数据部',
        coaCode: '0021.000.0001.038370'
      },
      {
        coa_Combination: null,
        hrCode: '038371',
        dept_Code: null,
        hrName: '企业架构与流程管理部',
        coaCode: '0021.000.0001.038371'
      },
      {
        coa_Combination: null,
        hrCode: '023114',
        dept_Code: null,
        hrName: '测试数据XX人力资源部',
        coaCode: '0021.000.0001.023114'
      },
      {
        coa_Combination: null,
        hrCode: '034899',
        dept_Code: null,
        hrName: '测试数据XX财经管理部',
        coaCode: '0021.000.0001.034899'
      },
      {
        coa_Combination: null,
        hrCode: '023221',
        dept_Code: null,
        hrName: '测试数据XX质量与运营部',
        coaCode: '0021.000.0001.023221'
      }
    ]
  },
  {
    upperCode: '023338',
    list: [
      {
        coa_Combination: null,
        hrCode: '023489',
        dept_Code: null,
        hrName: '中央XX测试数据部',
        coaCode: '0021.000.0001.023489'
      }
    ]
  },
  {
    upperCode: '023489',
    list: [
      {
        coa_Combination: null,
        hrCode: '023286',
        dept_Code: null,
        hrName: 'XX应用交付部',
        coaCode: '0021.000.0001.023286'
      }
    ]
  },
  {
    upperCode: '023286',
    list: [
      {
        coa_Combination: null,
        hrCode: '022471',
        dept_Code: null,
        hrName: 'XX应用实施部',
        coaCode: '0021.000.0001.022471'
      }
    ]
  }
]

const value = ref('022471')

function getfetchDeptByValue(searchValue) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        {
          coaCode: '0021.000.0001.037106',
          hrCode: '037106',
          hrName: '无线网络业务架构与设计部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.037271',
          hrCode: '037271',
          hrName: '服务架构与技术规划部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023475',
          hrCode: '023475',
          hrName: '测试数据室XX质量与运营部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023114',
          hrCode: '023114',
          hrName: '测试数据XX人力资源部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023093',
          hrCode: '023093',
          hrName: '测试数据XX管理部',
          coaStatus: '1-有效-VALID'
        }
      ])
    }, 100)
  })
}

function getfetchDept(code) {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        {
          coaCode: '0021.000.0001.037106',
          hrCode: '037106',
          hrName: '无线网络业务架构与设计部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.037271',
          hrCode: '037271',
          hrName: '服务架构与技术规划部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023475',
          hrCode: '023475',
          hrName: '测试数据室XX质量与运营部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023114',
          hrCode: '023114',
          hrName: '测试数据XX人力资源部',
          coaStatus: '1-有效-VALID'
        },
        {
          coaCode: '0021.000.0001.023093',
          hrCode: '023093',
          hrName: '测试数据XX管理部',
          coaStatus: '1-有效-VALID'
        }
      ])
    }, 100)
  })
}

function getDeptList(upperCode) {
  return new Promise((resolve) => {
    setTimeout(() => {
      if (!upperCode) return resolve(DEPT_LIST[0].list)
      for (let i = 0; i < DEPT_LIST.length; i++) {
        if (DEPT_LIST[i].upperCode === upperCode) {
          return resolve(DEPT_LIST[i].list || [])
        }
      }
    }, 100)
  })
}
</script>

<style scoped>
.demo-dept-class {
  width: 280px;
}
</style>