人员档案管理

src/views/archives/user/Index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+
+    <!-- 搜索区 -->
+    <a-space>
+      人员姓名:
+      <a-input style="width: 180px" v-model="organizationId"></a-input>
+      <a-button type="primary">查询</a-button>
+      <a-button type="primary">导出</a-button>
+    </a-space>
+
+    <org-tree defaultOrganizationId="000100020001" startOrganizationId="00010002" @getSelectTreeKey="getSelectTreeKey"></org-tree>
+
+    <!-- <div class="table-page-search-wrapper">
+      <a-form layout="inline">
+        <a-row>
+          <a-col :span="4">
+            <a-form-item label="人员姓名">
+
+            </a-form-item>
+          </a-col>
+
+        </a-row>
+      </a-form>
+    </div> -->
+
+  </div>
+</template>
+
+<script>
+import orgTree from '@/components/OrgTree/Index'
+
+export default {
+  components: { orgTree },
+  data() {
+    return {
+      organizationId: ''
+    }
+  },
+  methods: {
+    getSelectTreeKey(key) {
+      this.organizationId = key;
+    }
+  }
+}
+</script>
+
+<style scoped>
+a {
+  width: 100px;
+}
+</style>