前后端全面升级

cmdb-ui/src/utils/util.js

@@ -1,11 +1,12 @@
-export function timeFix () {
+import _ from 'lodash'
+export function timeFix() {
   const time = new Date()
   const hour = time.getHours()
   return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'
 }
 
-export function welcome () {
-  const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了']
+export function welcome() {
+  const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA?', '我猜你可能累了', '你有一个小目标吗?']
   const index = Math.floor(Math.random() * arr.length)
   return arr[index]
 }
@@ -13,18 +14,18 @@ export function welcome () {
 /**
  * 触发 window.resize
  */
-export function triggerWindowResizeEvent () {
+export function triggerWindowResizeEvent() {
   const event = document.createEvent('HTMLEvents')
   event.initEvent('resize', true, true)
   event.eventType = 'message'
   window.dispatchEvent(event)
 }
 
-export function handleScrollHeader (callback) {
+export function handleScrollHeader(callback) {
   let timer = 0
 
   let beforeScrollTop = window.pageYOffset
-  callback = callback || function () {}
+  callback = callback || function () { }
   window.addEventListener(
     'scroll',
     event => {
@@ -50,7 +51,7 @@ export function handleScrollHeader (callback) {
  * @param id parent element id or class
  * @param timeout
  */
-export function removeLoadingAnimate (id = '', timeout = 1500) {
+export function removeLoadingAnimate(id = '', timeout = 1500) {
   if (id === '') {
     return
   }
@@ -58,3 +59,103 @@ export function removeLoadingAnimate (id = '', timeout = 1500) {
     document.body.removeChild(document.getElementById(id))
   }, timeout)
 }
+
+export function debounce(fn, timeout = 300) {
+  let timer
+  return function (_this, ...args) {
+    clearTimeout(timer)
+    timer = setTimeout(() => {
+      fn.apply(_this, args)
+    }, timeout)
+  }
+}
+
+export function copyArray(arr) {
+  return arr.map((e) => {
+    if (typeof e === 'object') {
+      return Object.assign({}, e)
+    } else {
+      return e
+    }
+  })
+}
+
+export async function sleep(n) {
+  return new Promise((resolve) => setTimeout(resolve, n))
+}
+
+export async function flicker(ele, property, value, interval = 300, times = 4) {
+  const origin = ele.style[property]
+  for (let i = 0; i < times * 2; i++) {
+    if (i % 2) {
+      ele.style[property] = value
+    } else {
+      ele.style[property] = origin
+    }
+    await sleep(interval)
+  }
+  ele.style[property] = origin
+}
+
+// 数字加逗号
+export const toThousands = (num = 0) => {
+  return num.toString().replace(/\d+/, function (n) {
+    return n.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
+  })
+}
+
+// 从id得到部门名称
+export const getDepartmentName = (allFlatDepartments, id) => {
+  const _find = allFlatDepartments.find((item) => item.department_id === id)
+  return _find?.department_name || ''
+}
+
+// 从id得到员工姓名
+export const getDirectorName = (allFlatEmployees, id) => {
+  const _find = allFlatEmployees.find((item) => item.employee_id === id)
+  return _find?.nickname || ''
+}
+
+export const isEmptySubDepartments = (item) => {
+  if (item.employees.length) {
+    return false
+  }
+  for (let i = 0; i < item.sub_departments.length; i++) {
+    if (!isEmptySubDepartments(item.sub_departments[i])) {
+      return false
+    }
+  }
+  return true
+}
+
+// format部门员工树
+export const formatOption = (data, idType = 1, isDisabledAllCompany, departmentKey = 'department_id', employeeKey = 'employee_id') => {
+  // idType  1  表示  员工id为`${department_id}-${employee_id}`
+  //         2  表示  department-${department_id}   employee-${employee_id}
+  let _data = _.cloneDeep(data)
+  _data = _data.filter((item) => {
+    return item.employees.length || (item.sub_departments.length && !isEmptySubDepartments(item))
+  })
+  _data.forEach((item) => {
+    if (isDisabledAllCompany) {
+      item.isDisabled = !item.department_id
+    }
+    item.id = idType === 1 ? item[departmentKey] : `department-${item[departmentKey]}`
+    item.label = item.department_name
+    item.children = [
+      ...formatOption(
+        item.sub_departments.map((dep) => {
+          return { ...dep, id: idType === 1 ? dep[departmentKey] : `department-${dep[departmentKey]}`, label: dep.department_name }
+        }),
+        idType,
+        isDisabledAllCompany,
+        departmentKey,
+        employeeKey
+      ),
+      ...item.employees.map((employee) => {
+        return { ...employee, id: idType === 1 ? `${item[departmentKey]}-${employee[employeeKey]}` : `employee-${employee[employeeKey]}`, label: employee.nickname }
+      }),
+    ]
+  })
+  return _data
+}