企业通讯录公用侧边选择器

src/views/contacts/administrativeFrame.vue

 <template>
     <div class="administrative-estrutura-container">
-        <search-menu @handleSearchKey="handleSearchKey" @handleTreeSelection="handleTreeSelection"></search-menu>
+        <search-menu @handleSearchKey="handleSearchKey" @handleTreeSelection="handleTreeSelection" :treeData="menuData"></search-menu>
         <div class="af-right-container">
             <div class="af-right-header">
                 <span class="title-span">人事部（5人）</span>
@@ -62,6 +62,7 @@
 </template>
 <script>
     import searchMenu from "components/contacts/searchMenu";
+    import { getRequest, postRequest, postJsonRequest } from '@/api/api';
     export default {
         name: "administrativeEstrutura",
         components: {
@@ -70,9 +71,13 @@
         data() {
             return {
                 showChildMember: false,
+                menuData: [],
                 pageSize: 100,
                 currentPage: 1,
                 total: 0,
+                groupInfo: {
+                    groupName: ""
+                },
                 employeeList: [
                     {
                         employeeClerkId: 222,
@@ -113,6 +118,9 @@
                 ]
             };
         },
+        beforeMount() {
+            this.getGroupData();
+        },
         methods: {
             handleSizeChange() {},
             handleCurrentChange() {},
@@ -128,6 +136,22 @@
              */
             handleTreeSelection(obj, node) {
                 console.log(obj, node, "selection");
+            },
+
+            /**
+             * 获取分组架构
+             */
+            getGroupData() {
+                let params = {
+                    isStoreGroup: 0
+                };
+                getRequest("/haoban-manage-web/dept/deptListForCompany", params)
+                .then(res => {
+                    this.menuData = res.data.result;
+                })
+                .catch(e => {
+                    console.log(e, "error");
+                });
             }
         }
     };