添加部分API

src/views/categroyManager/insideSetting/api.js

@@ -0,0 +1,19 @@
+import request2 from '@/utils/request2'
+
+// 员工离职
+export const employeeLevel = data => {
+  return request2({
+    url: '/api-web/employee/level',
+    method: 'post',
+    data
+  })
+}
+
+// 获取交接信息
+export const employeeLevelDetail = data => {
+  return request2({
+    url: '/api-web/employee/levelDetail',
+    method: 'get',
+    params: data
+  })
+}

src/views/categroyManager/insideSetting/modals/handover.vue

@@ -7,7 +7,24 @@
   </div>
 </template>
 <script>
-export default {};
+import { employeeLevelDetail } from '../api'
+export default {
+  props: ['detail'],
+  mounted() {
+    this.FetchDetail()
+  },
+  methods: {
+    async FetchDetail() {
+      try {
+        await employeeLevelDetail({
+          id: this.detail.id
+        })
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+};
 </script>
 <style lang="less" scoped>
 </style>

src/views/categroyManager/insideSetting/staffManager.vue

@@ -266,7 +266,7 @@
       title="工作交接"
       :visible.sync="handoverVisible"
     >
-      <handover :detail="detail" @close="handoverVisible = false"/>
+      <handover v-if="handoverVisible" :detail="detail" @close="handoverVisible = false"/>
     </el-dialog>
     <el-dialog title="教务交接"
                width="400px"