@indfnd/utils 0.0.31

package/src/api/item.ts

@@ -0,0 +1,20 @@
+import { axios } from '@/utils'
+import { config } from '@/config'
+
+const CONTEXT = config.ismAmServerContext
+
+export function listItemTreeApi(params) {
+  return axios.get(`${CONTEXT}/tree/item/listItemTree`, { params })
+}
+
+export function getPriceCode(params) {
+  return axios.get(`${CONTEXT}/tree/item/listComTree`, { params })
+}
+
+export function getPriceSeg(params) {
+  return axios.get(`${CONTEXT}/tree/item/listComTree`, { params })
+}
+
+export function getItem(params) {
+  return axios.get(`${CONTEXT}/tree/item/listComTree`, { params })
+}

package/src/api/platform/dict.ts

@@ -0,0 +1,59 @@
+import { IS_OR_NOT_ENUM_KEY, IS_OR_NOT_ENUM_LIST, axios } from '@/utils'
+import { getDictCache, setDictCache } from '@/utils/cache/dict-cache'
+import { config } from '@/config'
+
+const CONTEXT = config.authServerContext
+
+export function getDictsMapApi(dictId: string) {
+  return axios.get(`${CONTEXT}/anon/dict/getDictsMap`, { params: { dictId } })
+}
+
+export async function getDictApi(dictId: string) {
+  if (dictId === IS_OR_NOT_ENUM_KEY) {
+    return IS_OR_NOT_ENUM_LIST
+  }
+  const dictValue = getDictCache(dictId)
+  if (!!dictValue) {
+    return dictValue
+  }
+
+  try {
+    const { data } = await axios.get(`${CONTEXT}/dict/getDicts`, { params: { dictId } })
+    setDictCache(dictId, data)
+    return data
+  } catch (error) {
+    console.error(`getDict error dictId=${dictId}`, error)
+  }
+}
+
+/*
+  入参：枚举ID数组，如['IMP_YES_NO', 'IMP_TRANS_TYPE']
+  输出：{
+    'IMP_YES_NO': {
+      data: {
+        '0': '否',
+        '1': '是'
+      },
+      renderData: [
+        {K: '1', V: '是'},
+        {K: '0', V: '否'},
+      ]
+    },
+    ...
+  }
+*/
+export async function getDictMapApi(dictIdArr: string[]) {
+  const resultMap = {}
+  const result = await Promise.all(dictIdArr.map((dictId) => getDictApi(dictId)))
+  dictIdArr.forEach((dictId, i) => {
+    if (result[i]) {
+      const resultValue = {}
+      result[i].forEach((item) => {
+        resultValue[item.K] = item.V
+      })
+
+      resultMap[dictId] = { data: resultValue, renderData: result[i] }
+    }
+  })
+  return resultMap
+}

package/src/api/platform/index.ts

@@ -0,0 +1,4 @@
+export * from './dict'
+export * from './menu'
+export * from './oss'
+export * from './user'

package/src/api/platform/menu.ts

@@ -0,0 +1,44 @@
+import { axios } from '@/utils'
+import { config } from '@/config'
+
+const CONTEXT = config.authServerContext
+
+export function getPermissionApi() {
+  return axios.get(`${CONTEXT}/manage/menu/getAllPermission`)
+}
+
+export function getMenuHistoryApi() {
+  return axios.get(`${CONTEXT}/manage/upmsMenuHistory/list`)
+}
+
+export function menuHistoryApi(params) {
+  return axios.post(`${CONTEXT}/manage/upmsMenuHistory/add`, null, { params })
+}
+
+export function deleteMenuHistoryApi(historyId) {
+  return axios.get(`${CONTEXT}/manage/upmsMenuHistory/delete/` + historyId)
+}
+
+export function getMenuCollectApi() {
+  return axios.get(`${CONTEXT}/manage/upmsMenuCollect/list`)
+}
+
+export function addMenuCollectApi(params) {
+  return axios.post(`${CONTEXT}/manage/upmsMenuCollect/add`, null, { params })
+}
+
+export function deleteMenuCollectApi(collectId) {
+  return axios.get(`${CONTEXT}/manage/upmsMenuCollect/delete/` + collectId)
+}
+
+export function removeMenuCollectApi(params) {
+  return axios.post(`${CONTEXT}/manage/upmsMenuCollect/remove`, null, { params })
+}
+
+export function getAppListApi() {
+  return axios.get(`${CONTEXT}/manage/app/list`)
+}
+
+export function getMaxTabNumValueApi() {
+  return axios.get(`${CONTEXT}/ipm/bc/basic/item/getMaxTabNum`)
+}

package/src/api/platform/oss.ts

@@ -0,0 +1,8 @@
+import { axios } from '@/utils'
+import { config } from '@/config'
+
+const CONTEXT = config.ossServerContext
+
+export function getOssFileApi(fileId: string) {
+  return axios.get(`${CONTEXT}/oss/file/get/${fileId}`)
+}

package/src/api/platform/user.ts

@@ -0,0 +1,29 @@
+import { axios } from '@/utils'
+import { config } from '@/config'
+
+const CONTEXT = config.authServerContext
+
+export function loginApi({ userName, password, validCodeId, validCodeInput }) {
+  const data = { username: userName, password, validCodeId, validCodeInput }
+  return axios.formPost(CONTEXT + '/sso/login', data)
+}
+
+export function getUserInfoApi() {
+  return axios.get(`${CONTEXT}/manage/user/getCurrentInfo`)
+}
+
+export function getGlobalPolicyApi() {
+  return axios.get(`${CONTEXT}/anon/user/getGlobalPolicy`)
+}
+
+export function updatePasswordApi(data) {
+  return axios.post(`${CONTEXT}/manage/user/updatePassword`, data)
+}
+
+export function getCaptchaURL(validCodeId: string) {
+  return `${CONTEXT}/anon/user/getCaptcha/` + validCodeId
+}
+
+export function logoutApi() {
+  return axios.get(`${CONTEXT}/sso/logout`)
+}

package/src/api/user.ts

@@ -0,0 +1,8 @@
+import { axios } from '@/utils'
+import { config } from '@/config'
+
+const UC_CONTEXT = config.ucExtServerContext
+
+export function listUserTreeApi(params) {
+  return axios.get(`${UC_CONTEXT}/tree/uc-user/listUserTree`, { params })
+}

package/src/config/base.config.ts

@@ -0,0 +1,47 @@
+export default {
+  // 配置显示在浏览器标签的title
+  title: '',
+  // icomId
+  icomId: '',
+  // 是否展示菜单
+  showMenus: false,
+  // 路由base路径
+  routerBase: 'ind',
+  // 登录页的路由name
+  loginRouteName: 'login',
+  // 根路由name
+  rootRouteName: 'root',
+  // 首页的路由name
+  homeRouteName: 'home',
+  // auth-server 登录认证组件
+  authServerContext: '/user-manage-server',
+  // 文件上传组件
+  ossServerContext: '/user-manage-server',
+  // ism-am-server
+  ismAmServerContext: '/ind-ism-am-server',
+  // ism-ac-server
+  ismAcServerContext: '/ind-ism-ac-server',
+  // ism-sq-server
+  ismSqServerContext: '/ind-ism-sq-server',
+  // ilm-server
+  ilmServerContext: '/ind-ilm-server',
+  // uc-ext-server
+  ucExtServerContext: '/ind-uc-ext-server',
+  // kkfilepreview 预览文件组件
+  kkfilepreviewContext: '/kkfilepreview',
+  // 错误文案
+  errorMessage: '系统开小差了，请稍后尝试',
+  // 用户即将过期提醒，用户距离过期天数小于等于leftLockDays提醒用户修改密码
+  leftLockDays: 7,
+  // 查询条件title所占宽度
+  labelStyle: {
+    labelWidthButton: 50,
+    labelWidthSmall: 100 + 40,
+    labelWidthMiddle: 120 + 40,
+    labelWidthMiddleLarge: 140 + 40,
+    labelWidthLarge: 160 + 40,
+    labelWidthSuperLarge: 180 + 40,
+  },
+  /** 点击跳转的文字颜色 */
+  linkColor: '#488AFF',
+}

package/src/config/dev.config.ts

@@ -0,0 +1,5 @@
+export function getDevConfig() {
+  return {
+    showMenus: true,
+  }
+}

package/src/config/index.ts

@@ -0,0 +1,11 @@
+import baseConfig from './base.config'
+import { getDevConfig } from './dev.config'
+import { getProdConfig } from './prod.config'
+
+export function useConfig(isDev?: boolean) {
+  return isDev
+    ? Object.assign({}, baseConfig, getDevConfig())
+    : Object.assign({}, baseConfig, getProdConfig())
+}
+
+export const config = useConfig()

package/src/config/prod.config.ts

@@ -0,0 +1,5 @@
+export function getProdConfig() {
+  return {
+    showMenus: typeof window !== 'undefined' && window.top === window.self,
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './api'
+export * from './config'
+export * from './utils'

package/src/utils/cache/dict-cache.ts

@@ -0,0 +1,11 @@
+import { getSessionStorage, setSessionStorage } from '@/utils/storage'
+
+const DICT_KEY = 'ind-dict_'
+
+export function getDictCache(dictId: string) {
+  return getSessionStorage(`${DICT_KEY}${dictId}`)
+}
+
+export function setDictCache(dictId: string, data: any) {
+  setSessionStorage(`${DICT_KEY}${dictId}`, data)
+}

package/src/utils/cache/index.ts

@@ -0,0 +1,3 @@
+// export * from './dict-cache'
+export * from './permission-cache'
+export * from './user-cache'

package/src/utils/cache/permission-cache.ts

@@ -0,0 +1,15 @@
+import { getSessionStorage, setSessionStorage, removeSessionStorage } from '@/utils/storage'
+
+const PERMISSION_KEY = 'ibp-permission'
+
+export function getPermissionCache() {
+  return getSessionStorage(PERMISSION_KEY)
+}
+
+export function setPermissionCache(data: any) {
+  setSessionStorage(PERMISSION_KEY, data)
+}
+
+export function clearPermissionCache() {
+  removeSessionStorage(PERMISSION_KEY)
+}

package/src/utils/cache/user-cache.ts

@@ -0,0 +1,15 @@
+import { getLocalStorage, removeLocalStorage, setLocalStorage } from '@/utils/storage'
+
+const USER_INFO_KEY = 'userInfo'
+
+export function getUserInfoCache() {
+  return getLocalStorage(USER_INFO_KEY)
+}
+
+export function setUserInfoCache(data: any) {
+  setLocalStorage(USER_INFO_KEY, data)
+}
+
+export function clearUserInfoCache() {
+  removeLocalStorage(USER_INFO_KEY)
+}

package/src/utils/date.ts

@@ -0,0 +1,57 @@
+import dayjs from 'dayjs'
+
+export function str2Date(value: string): Date {
+  if (value) {
+    return dayjs(value, ['YYYYMMDDHHmmss', 'YYYYMMDDHHmm', 'YYYYMMDD', 'YYYYMM', 'YYYY']).toDate()
+  } else {
+    return null
+  }
+}
+
+export function formatDate(value: string): string {
+  if (value) {
+    switch (value.length) {
+      case 14: {
+        return dayjs(value, ['YYYYMMDDHHmmss']).format('YYYY-MM-DD HH:mm:ss')
+      }
+      case 12: {
+        return dayjs(value, ['YYYYMMDDHHmmss']).format('YYYY-MM-DD HH:mm')
+      }
+      case 8: {
+        return dayjs(value, ['YYYYMMDD']).format('YYYY-MM-DD')
+      }
+      case 6: {
+        return dayjs(value, ['YYYYMM']).format('YYYY-MM')
+      }
+      case 4: {
+        return value.substring(0, 2) + '-' + value.substring(2, 2)
+      }
+    }
+  } else {
+    return '-'
+  }
+}
+
+export function formatDateChinese(value: string): string {
+  if (value) {
+    switch (value.length) {
+      case 14: {
+        return dayjs(value, ['YYYYMMDDHHmmss']).format('YYYY年MM月DD日 HH:mm:ss')
+      }
+      case 12: {
+        return dayjs(value, ['YYYYMMDDHHmmss']).format('YYYY年MM月DD日 HH:mm')
+      }
+      case 8: {
+        return dayjs(value, ['YYYYMMDD']).format('YYYY年MM月DD日')
+      }
+      case 6: {
+        return dayjs(value, ['YYYYMM']).format('YYYY年MM月')
+      }
+      case 4: {
+        return value.substring(0, 2) + '年' + value.substring(2, 2) + '月'
+      }
+    }
+  } else {
+    return '-'
+  }
+}

package/src/utils/enum.ts

@@ -0,0 +1,133 @@
+import { isArray } from './is-type'
+import _ from 'lodash'
+
+/** 是否枚举的key */
+export const IS_OR_NOT_ENUM_KEY = 'IS_ENUM'
+/** 是否枚举的map形式 */
+export const IS_OR_NOT_ENUM = { '1': '是', '0': '否' }
+/** 是否枚举的list形式 */
+export const IS_OR_NOT_ENUM_LIST = [
+  { K: '1', V: '是' },
+  { K: '0', V: '否' },
+]
+
+// 中台相关枚举，暂时写死
+export const UC_ENUM = {
+  MANAGE_UNIT_ID: '00000000000000000000000020370001', // 管理单元Id
+  ORG_CODE_ADMIN: 'default', // 行政树类型
+  ORG_CODE_MKT: '08', // 营销业务树类型
+  ORG_CODE_LOG: '08', // 物流业务树类型，之前说要分开建的，现在和营销一个树
+  ORG_CODE_ACTIVITY: '08', // 宣促业务树类型，之前说要分开建的，现在和营销一个树
+  ADMIN_LEVEL_IND: '01', // 行政树组织级别 - 工业公司
+  ADMIN_LEVEL_CENTER: '02', // 行政树组织级别 - 营销中心
+  ADMIN_LEVEL_FAC: '03', // 行政树组织级别 - 卷烟厂
+  ADMIN_LEVEL_DIST: '04', // 行政树组织级别 - 区域
+  ADMIN_LEVEL_COMMON_DEPT: '08', // 行政树组织级别 - 普通部门
+  ADMIN_LEVEL_COMMON_POST: '80', // 行政树组织级别 - 普通岗位
+  LEVEL_IND: '01', // 业务树组织级别 - 工业公司
+  LEVEL_CENTER: '02', // 业务树组织级别 - 营销中心
+  LEVEL_FAC: '02', // 业务树组织级别 - 卷烟厂
+  LEVEL_DIST: '04', // 业务树组织级别 - 普通卷烟营销的区域
+  LEVEL_CIGAR_DIST: '05', // 业务树组织级别 - 雪茄片区
+  LEVEL_COMMON_DEPT: '03', // 业务树组织级别 - 普通部门
+  LEVEL_COMMON_POST: '80', // 业务树组织级别 - 普通岗位
+  LEVEL_DIST_MANAGE_POST: '81', // 业务树组织级别 - 区域经理岗位
+  LEVEL_CUST_MANAGE_POST: '82', // 业务树组织级别 - 客户经理岗位
+  LEVEL_CIGAR_DIST_MANAGE_POST: '83', // 业务树组织级别 - 雪茄片区经理岗位
+  LEVEL_CIGAR_CUST_MANAGE_POST: '84', // 业务树组织级别 - 雪茄客户经理岗位
+  LEVEL_INTERNAL_POST: '85', // 业务树组织级别 - 内勤岗位
+}
+
+/**
+ * 将自定义的列表转换为枚举列表格式，如
+ * ```
+ * let list = [{ brandId: '0916', brandName: '泰山' }]
+ * renderEnumList(list, 'brandId', 'brandName') // 返回 [{ K: '0916', V: '泰山' }]
+ * ```
+ *
+ * @param list 枚举列表
+ * @param kProp key对应属性名
+ * @param vProp value对应属性名
+ * @returns 公共组件可直接使用的枚举列表
+ */
+export function renderEnumList(list = [], kProp = 'K', vProp = 'V') {
+  return list.map((item) => ({ K: item[kProp], V: item[vProp] }))
+}
+
+/**
+ * 将自定义的列表转换为枚举对象格式，如
+ * ```
+ * let list = [{ brandId: '0916', brandName: '泰山' }]
+ * renderEnumData(list, 'brandId', 'brandName') // 返回 { '0916': '泰山' }
+ * ```
+ * @param list 枚举列表
+ * @param kProp key对应属性名
+ * @param vProp value对应属性名
+ * @returns 公共组件可直接使用的枚举对象
+ */
+export function renderEnumData(list = [], kProp = 'K', vProp = 'V') {
+  return list.reduce((item) => ({ ...item, [item[kProp]]: item[vProp] }), {})
+}
+
+/**
+ * 统一处理表格列定义的枚举列
+ * - 由于表格组件不方便获取枚举数据，需要各业务先获取枚举数据后，重新组织列定义
+ * - 需通过特定接口获取的数据可以经 `renderEnumList` 或 `renderEnumData` 处理成枚举后使用
+ *
+ * @param columns 列定义，对type为 `enum` 或 `select` 的列进行处理
+ * @param enumRelation 枚举数据，支持多个枚举，格式为 `{ '枚举Id1': [{ K: '', V: ''}] }` 或 `{ '枚举Id1': { 'K': 'V' } }`
+ * @returns 新的列定义
+ */
+export function renderColumnEnums(columns = [], enumRelation = {}) {
+  const rlt = _.cloneDeep(columns)
+  const enumKeys = Object.keys(enumRelation)
+
+  rlt.forEach((column) => {
+    const key = column.field || column.key
+    const isType = ['enum', 'select'].includes(column.type)
+    if (enumKeys.includes(key) && isType) {
+      if (!column.cellRendererParams) {
+        column.cellRendererParams = {}
+      }
+
+      const enums = enumRelation[key]
+      if (column.type === 'enum') {
+        if (isArray(enums)) {
+          column.cellRendererParams.enumList = enums
+        } else {
+          column.cellRendererParams.enumData = enums
+        }
+      } else if (column.type === 'select') {
+        column.cellRendererParams.datas = enums
+      }
+    }
+  })
+  return rlt
+}
+
+/**
+ * 统一处理表单的类枚举列
+ * - 用于处理需特定接口获取数据的列表
+ * - 获取数据后可以经 `renderEnumList` 或 `renderEnumData` 处理成枚举后使用
+ *
+ * @param fieldList 表单项定义，其中对 `formKey` 和 `enumRelation` 的属性匹配上的表单项进行处理
+ * @param enumRelation 枚举数据，支持多个枚举，格式为 `{ '枚举Id1': [{ K: '', V: ''}] }` 或 `{ '枚举Id1': { 'K': 'V' } }`
+ * @returns 新的表单定义
+ */
+export function renderFieldEnums(fieldList = [], enumRelation = {}) {
+  const rlt = _.cloneDeep(fieldList)
+  const enumKeys = Object.keys(enumRelation)
+
+  rlt.forEach((field) => {
+    const key = field.formKey
+    if (enumKeys.includes(key)) {
+      const enums = enumRelation[key]
+      if (isArray(enums)) {
+        field.enumList = enums
+      } else {
+        field.enumData = enums
+      }
+    }
+  })
+  return rlt
+}

package/src/utils/event.ts

@@ -0,0 +1,53 @@
+function onFn() {
+  if (document.addEventListener) {
+    return function (element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false)
+      }
+    }
+  } else {
+    return function (element, event: string, handler: EventListenerOrEventListenerObject) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler)
+      }
+    }
+  }
+}
+
+function offFn() {
+  if (window.document.removeEventListener) {
+    return function (
+      element: HTMLElement,
+      event: string,
+      handler: EventListenerOrEventListenerObject,
+    ) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false)
+      }
+    }
+  } else {
+    return function (element, event: string, handler: EventListenerOrEventListenerObject) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler)
+      }
+    }
+  }
+}
+
+/**
+ * @description 绑定事件 on(element, event, handler)
+ */
+export function on(element, event, handler) {
+  const fn = onFn()
+  fn(element, event, handler)
+  return fn
+}
+
+/**
+ * @description 解绑事件 off(element, event, handler)
+ */
+export function off(element, event, handler) {
+  const fn = offFn()
+  fn(element, event, handler)
+  return fn
+}