[FE]优化部门列表数据结构算法

security-protection-platform/src/api/common/index.js

@@ -1,8 +1,4 @@
import http from '@/http'
import { keysMappingReverse } from '@/utils/keysMapping'
// const mapping = {
//   id: 'code'
// }
const $default = http.$default
const api = {
  /**
@@ -18,32 +14,8 @@ const api = {
    return $default.get('/sp/workEmployee/queryAllOrganize').then((resp) => {
      const data = resp.data.data
      if (!Array.isArray(data)) return resp
      // eslint-disable-next-line one-var
      // const newData = [],
      //   map = {},
      //   queue = []
      // console.log(data)
      // data.forEach((item) => {
      //   if (item.parentCode === '-1') {
      //     const dep = { id: item.code, name: item.name, departments: [] }
      //     map[item.code] = newData.length
      //     newData.push(dep)
      //   } else {
      //     queue.push(item)
      //   }
      // })
      // queue.forEach((item) => {
      //   if (!(item.parentCode in map)) return
      //   const dep = { id: item.code, name: item.name }
      //   newData[map[item.parentCode]].departments.push(dep)
      // })
      // resp.data = newData
      // console.log(newData)
      // console.log('queryAllOrganize', resp)
      // 将平铺的数组变为树形数组
      resp.data = nest(data)
      console.log(resp.data)
      // resp.data = keysMappingReverse(nest(data), mapping)
      return resp
    })
  },

security-protection-platform/src/modules/system/attendance/components/AttendancePanel/index.vue

@@ -234,7 +234,7 @@ export default {
            label: item.name,
            pid: item.parentCode
          })
          // 如果没有中值 默认选中一个值 这里是一般是公司的考勤
          // 如果没有中值 默认选中一个值 这里是默认展示根节点的考勤规则
          if (this.treeValue.length === 0) this.handleDeptChange([item.id + ''])
          this.nextDepartment(item.departments, arr)
        })
@@ -245,46 +245,16 @@ export default {
      this.loadDepts = true
      commonapi.getDepartments().then(resp => {
        const data = []
        // resp.data.forEach(item => {
        //   const orgId = item.id + ''
        //   data.push({
        //     id: orgId,
        //     label: item.name
        //     // disabled: true
        //   })
        //   item.departments.forEach(dept => {
        //     const deptId = dept.id + ''
        //     data.push({
        //       id: deptId,
        //       label: dept.name,
        //       pid: orgId
        //     })
        //     if (this.treeValue.length === 0) this.handleDeptChange([deptId])
        //     if (dept.departments.length > 0) {
        //       dept.departments.forEach(child => {
        //         const childId = child.id + ''
        //         data.push({
        //           id: childId,
        //           label: child.name,
        //           pid: deptId
        //         })
        //         this.handleDeptChange([childId])
        //       })
        //     }
        //   })
        // })
        // 递归
        // 递归 实现tree组件所需部门数据结构
        this.nextDepartment(resp.data, data)
        // 删除pid为"-1"的的pid属性，否则tree渲染的时候没有根节点渲染不出来
        // 深拷贝data
        const data1 = JSON.parse(JSON.stringify(data))
        // 用部门id映射关系代替code与parentCode父子映射关系
        data.forEach(item => {
          // 删除pid为"-1"的的pid属性，否则tree渲染的时候没有根节点渲染不出来
          if (item.pid === '-1') {
            delete item.pid
          }
        })
        // 深拷贝data
        const data1 = JSON.parse(JSON.stringify(data))
        // 用部门真的id映射关系代替code与parentCode父子映射关系
        data.forEach(item => {
          item.id = item.orgId
          data1.some((item1) => {
            if (item.pid === item1.id) {