【v3.8.3】组织机构部门大改造(支持子公司、岗位与不能功能划分更清晰，岗位可以设置上下级，岗位可以设置职级，支持回报关系)

jeecgboot-vue3/src/views/system/depart/components/DepartRankRelation.vue

@@ -0,0 +1,46 @@
+<template>
+  <a-spin :spinning="loading">
+    <template v-if="treeData && treeData.length > 0">
+      <BasicTree ref="basicTree" :treeData="treeData" :checkStrictly="true" style="height: 500px; overflow: auto"></BasicTree>
+    </template>
+    <a-empty v-else description="无岗位消息" />
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, watch } from 'vue';
+  import { BasicTree } from '/@/components/Tree/index';
+  import { getRankRelation } from '../depart.api';
+
+  const props = defineProps({
+    data: { type: Object, default: () => ({}) },
+  });
+  // 当前选中的部门ID，可能会为空，代表未选择部门
+  const departId = computed(() => props.data?.id);
+
+  const basicTree = ref();
+  const loading = ref<boolean>(false);
+  //树的全部节点信息
+  const treeData = ref<any[]>([]);
+
+  watch(departId, (val) => loadData(val), { immediate: true });
+
+  async function loadData(val) {
+    try {
+      loading.value = true;
+      await getRankRelation({ departId: val }).then((res) => {
+        if (res.success) {
+          treeData.value = res.result;
+        }
+      });
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  .depart-rule-tree :deep(.scrollbar__bar) {
+    pointer-events: none;
+  }
+</style>