agilebuilder-ui 1.0.0

package/src/utils/local-storage.js

@@ -0,0 +1,33 @@
+let api = localStorage
+api = {
+  get length() {
+    return localStorage.length
+  },
+  getItem: localStorage.getItem.bind(localStorage),
+  setItem: localStorage.setItem.bind(localStorage),
+  removeItem: localStorage.removeItem.bind(localStorage),
+  key: localStorage.key.bind(localStorage),
+  clear: localStorage.clear.bind(localStorage),
+  setObject: function (key, object) {
+    if (typeof object !== 'object') {
+      return this.setItem(key, object)
+    }
+
+    return this.setItem(key, JSON.stringify(object))
+  },
+  getObject: function (key) {
+    var item = this.getItem(key)
+
+    if (!item) {
+      return null
+    }
+
+    try {
+      return JSON.parse(item)
+    } catch (e) {
+      return item
+    }
+  },
+}
+
+export default api

package/src/utils/menu.js

@@ -0,0 +1,19 @@
+import { getLanguageWithLocale } from './util'
+
+export function getI18nName(menu) {
+  if (!menu) {
+    return
+  }
+  if (menu.i18Names) {
+    const language = getLanguageWithLocale()
+    const i18Names = JSON.parse(menu.i18Names)
+    if (i18Names[language]) {
+      return i18Names[language]
+    }
+  }
+  if (menu.i18nValue) {
+    return menu.i18nValue
+  } else {
+    return menu.name
+  }
+}

package/src/utils/permission.js

@@ -0,0 +1,31 @@
+import 'nprogress/nprogress.css' // Progress 进度条样式
+import { getPermissions } from './permissionAuth'
+
+/**
+ * @param {String} value
+ * @returns {Boolean}
+ */
+export default function checkPermission(permission) {
+  if (permission) {
+    let hasPermission = false
+    const storeCurrentUserPermissions = getPermissions()
+    if (
+      typeof storeCurrentUserPermissions !== 'undefined' &&
+      storeCurrentUserPermissions !== null
+    ) {
+      const currentPermission = permission.replace(/\./g, '__')
+      const permissionResult = storeCurrentUserPermissions[currentPermission]
+      // console.log('iMatrix-checkPermission-storeCurrentUserPermissions-result==orgPermission=', permission, '===currentPermission', currentPermission, '==permissionResult=', permissionResult)
+      if (permissionResult !== undefined && permissionResult === true) {
+        hasPermission = true
+      }
+    }
+
+    return hasPermission
+  } else {
+    console.error(`need permission2! Like v-permission="acs.department.save"`)
+    return false
+  }
+}
+
+export { checkPermission }

package/src/utils/permissionAuth.js

@@ -0,0 +1,121 @@
+import * as Vue from 'vue'
+import {getSessionCache} from './auth'
+
+const permissionKey = 'PERMISSION-'
+const permissionMenuKey = 'PERMISSION_MENU-'
+const devPlatformPermissionKey = 'DEV_PERMISSIONS'
+export function getSystemCode() {
+  let systemCode
+  if (window.$vueApp.config.globalProperties.customSystem) {
+    systemCode = window.$vueApp.config.globalProperties.customSystem
+  } else if (window.$vueApp.config.globalProperties.currentSystem) {
+    systemCode = window.$vueApp.config.globalProperties.currentSystem
+  } else {
+    systemCode = window.$vueApp.config.globalProperties.systemCode
+  }
+  // let systemCode = window.$vueApp.config.globalProperties.systemCode
+  // if (window.$vueApp.config.globalProperties.customSystem) {
+  //   systemCode = window.$vueApp.config.globalProperties.customSystem
+  // }
+  return systemCode
+}
+
+export function getPermissions() {
+  const a = new Date().getTime()
+  const systemCode = getSystemCode()
+  const permissions = window.sessionStorage.getItem(permissionKey + systemCode)
+  if (permissions) {
+    return JSON.parse(permissions)
+  }
+  const b = new Date().getTime()
+  window.sessionStorage.setItem('getPermissions==>执行时间:', b - a + '')
+  return null
+}
+
+export function setPermissions(permissions) {
+  const a = new Date().getTime()
+  const systemCode = getSystemCode()
+  const permissionObjs = {}
+  for (let i = 0; i < permissions.length; i++) {
+    const permission = permissions[i].replace(/\./g, '__')
+    permissionObjs[permission] = true
+  }
+  window.sessionStorage.setItem(
+    permissionKey + systemCode,
+    JSON.stringify(permissionObjs)
+  )
+  const b = new Date().getTime()
+  window.sessionStorage.setItem('setPermissions==>执行时间:', b - a + '')
+  return permissionObjs
+}
+
+export function removePermissions() {
+  const systemCode = getSystemCode()
+  window.sessionStorage.removeItem(permissionKey + systemCode)
+  for (var i = 0; i < window.sessionStorage.length; i++) {
+    var key = window.sessionStorage.key(i)
+    if (key.indexOf(permissionKey) >= 0) {
+      window.sessionStorage.removeItem(key)
+    }
+  }
+}
+
+export function getMenus(systemCode) {
+  if (!systemCode) {
+    systemCode = getSystemCode()
+  }
+  let myPermissionMenuKey = permissionMenuKey
+  let runDevpJWTKey = '_runDevpJWT'
+  let token = getSessionCache(runDevpJWTKey)
+  if(!token) {
+    // 开发平台iframe访问运行平台token不存在，则表示是正常访问系统
+    myPermissionMenuKey = '_run_' + myPermissionMenuKey
+  }
+  const permissions = window.sessionStorage.getItem(
+    myPermissionMenuKey + systemCode
+  )
+  if (permissions) {
+    return JSON.parse(permissions)
+  }
+  return null
+}
+
+export function setMenus(menus, systemCode) {
+  if (menus) {
+    if (!systemCode) {
+      systemCode = getSystemCode()
+    }
+    let myPermissionMenuKey = permissionMenuKey
+    let runDevpJWTKey = '_runDevpJWT'
+    let token = getSessionCache(runDevpJWTKey)
+    if(!token) {
+      // 开发平台iframe访问运行平台token不存在，则表示是正常访问系统
+      myPermissionMenuKey = '_run_' + myPermissionMenuKey
+    }
+    window.sessionStorage.setItem(
+      myPermissionMenuKey + systemCode,
+      JSON.stringify(menus)
+    )
+    return menus
+  }
+}
+
+export function removeMenus(systemCode) {
+  if (!systemCode) {
+    systemCode = getSystemCode()
+  }
+  let myPermissionMenuKey = permissionMenuKey
+  let runDevpJWTKey = '_runDevpJWT'
+  let token = getSessionCache(runDevpJWTKey)
+  if(!token) {
+    // 开发平台iframe访问运行平台token不存在，则表示是正常访问系统
+    myPermissionMenuKey = '_run_' + myPermissionMenuKey
+  }
+  window.sessionStorage.removeItem(myPermissionMenuKey + systemCode)
+  for (var i = 0; i < window.sessionStorage.length; i++) {
+    var key = window.sessionStorage.key(i)
+    if (key.indexOf(permissionMenuKey) >= 0) {
+      window.sessionStorage.removeItem(key)
+    }
+  }
+}

package/src/utils/range-selector.js

@@ -0,0 +1,204 @@
+import {getLastNDate} from './util'
+export function getFirstDayOfSeason(date) {
+  var month = new Date(date).getMonth()
+  if (month < 3) {
+    date.setMonth(0)
+  } else if (month > 2 && month < 6) {
+    date.setMonth(3)
+  } else if (month > 5 && month < 9) {
+    date.setMonth(6)
+  } else if (month > 8 && month < 11) {
+    date.setMonth(9)
+  }
+  date.setDate(1)
+  return formatDate(date)
+}
+export function getWeekOfSeason(date) {
+  const weekTime = date.getDay() - 1
+  if (weekTime === -1) {
+    return date.getTime() - 6 * 24 * 60 * 60 * 1000
+  } else {
+    return date.getTime() - weekTime * 24 * 60 * 60 * 1000
+  }
+}
+
+function formatDate(time) {
+  const date = new Date(time) // 创建Date对象
+  const year = date.getFullYear() // 获取年份
+  const month = date.getMonth() + 1 // 获取月份，记得+1
+  const day = date.getDate() // 获取日期
+  return `${year}-${month}-${day}` // 返回格式化后的日期字符串
+}
+
+export function formatTimefn(format, dateTime) {
+  if (format === undefined || format === null || format === '') {
+    let val = dateTime
+    // if(typeof dateTime === 'number') {
+    //   // 表示是毫秒值
+    //   val = new Date(dateTime)
+    // }
+    return val
+  }
+  const nowTime = new Date(dateTime)
+  const year = nowTime.getFullYear()
+  const month = nowTime.getMonth() + 1
+  const date = nowTime.getDate()
+  const hour = nowTime.getHours()
+  const minute = nowTime.getMinutes()
+  const second = nowTime.getSeconds()
+
+  function getCharCount(char) {
+    var regex = new RegExp(char, 'g') // 使用g表示整个字符串都要匹配
+    var result = format.match(regex) // match方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
+    var count = !result ? 0 : result.length
+    return count
+  }
+  function setDateItem(oneUnit, twoUnit, itemDate) {
+    if (getCharCount(oneUnit) === 1) {
+      format = format.replace(oneUnit, itemDate)
+    } else if (getCharCount(oneUnit) === 2 && itemDate < 10) {
+      format = format.replace(twoUnit, '0' + itemDate)
+    } else {
+      format = format.replace(twoUnit, itemDate)
+    }
+  }
+  // 获取第几周
+  function getYearWeek(a, b, c) {
+    // a为年 b为月 c为日
+    var date1 = new Date(a, parseInt(b) - 1, c)
+    var date2 = new Date(a, 0, 1)
+    var d = Math.round((date1.valueOf() - date2.valueOf()) / 86400000)
+    return Math.ceil((d + (date2.getDay() + 1 - 1)) / 7)
+  }
+
+  if (format.indexOf('y') !== -1) {
+    format = format.replace('yyyy', year)
+  }
+
+  if (format.indexOf('M') !== -1) {
+    setDateItem('M', 'MM', month)
+  }
+
+  if (format.indexOf('W') !== -1) {
+    const week = getYearWeek(year, month, date)
+    setDateItem('W', 'WW', week)
+  }
+  if (format.indexOf('d') !== -1) {
+    setDateItem('d', 'dd', date)
+  }
+
+  if (format.indexOf('H') !== -1) {
+    setDateItem('H', 'HH', hour)
+  }
+
+  if (format.indexOf('m') !== -1) {
+    setDateItem('m', 'mm', minute)
+  }
+
+  if (format.indexOf('s') !== -1) {
+    setDateItem('s', 'ss', second)
+  }
+  return format
+}
+
+export function getDateRangeSelectorDefaultValue(stareScopeTimeType, format, defaultValueSetting) {
+  let Staretime = ''
+  let endTime = new Date()
+  const computeTime = new Date()
+  if (stareScopeTimeType === 'oneYear') {
+    // 近一年
+    const yearTime = endTime.getFullYear()
+    computeTime.setFullYear(yearTime)
+    computeTime.setMonth(0)
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'twoYear') {
+    // 近两年
+    const yearTime = endTime.getFullYear() - 1
+    computeTime.setFullYear(yearTime)
+    computeTime.setMonth(0)
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'oneQuarter') {
+    // 近一个季度
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'twoQuarter') {
+    // 近两个季度
+    const timeMonth = computeTime.getMonth()
+    if (endTime.getMonth < 3) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(10)
+    } else {
+      computeTime.setMonth(timeMonth - 3)
+    }
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'threeQuarter') {
+    // 近三个季度
+    const timeMonth = computeTime.getMonth()
+    if (endTime.getMonth < 8 && endTime.getMonth > 2) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(8)
+    } else if (endTime.getMonth < 3) {
+      const yeaNum = computeTime.getFullYear() - 1
+      computeTime.setFullYear(yeaNum)
+      computeTime.setMonth(5)
+    } else {
+      computeTime.setMonth(timeMonth - 6)
+    }
+    Staretime = new Date(getFirstDayOfSeason(computeTime))
+  } else if (stareScopeTimeType === 'oneMonth') {
+    // 近一个月
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'twoMonth') {
+    // 近两个月
+    const monthNum = endTime.getMonth() - 1
+    if (monthNum > -1) {
+      computeTime.setMonth(monthNum)
+    } else {
+      const yeartime = endTime.getFullYear() - 1
+      computeTime.setFullYear(yeartime)
+      computeTime.setMonth(11)
+    }
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'threeMonth') {
+    // 近三个月
+    const monthTime = endTime.getMonth() - 2
+    if (monthTime > -1) {
+      computeTime.setMonth(monthTime)
+    } else {
+      const yeartime = endTime.getFullYear() - 1
+      computeTime.setFullYear(yeartime)
+      computeTime.setMonth(10)
+    }
+    Staretime = computeTime.setDate(1)
+  } else if (stareScopeTimeType === 'oneWeek') {
+    // 近一周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime)
+  } else if (stareScopeTimeType === 'twoWeek') {
+    // 近两周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime - 7 * 24 * 60 * 60 * 1000)
+  } else if (stareScopeTimeType === 'threeWeek') {
+    // 近三周
+    const MondayTime = getWeekOfSeason(computeTime)
+    Staretime = new Date(MondayTime - 14 * 24 * 60 * 60 * 1000)
+  } else {
+    if (defaultValueSetting && defaultValueSetting.includes('${context.')) {
+        defaultValueSetting = defaultValueSetting.replace('${context.', '').replace('}', '')
+        const dates = getLastNDate(defaultValueSetting)
+        if(dates && Array.isArray(dates)) {
+          // 表示是区间范围组件需要的值
+          Staretime = dates[0]
+          endTime = dates[1]
+        }
+    }
+  }
+  if (Staretime) {
+    const startTimeTemp = new Date(Staretime).getTime()
+    const endTimeTemp = endTime.getTime()
+    const startDate = formatTimefn(format, startTimeTemp)
+    const endDate = formatTimefn(format, endTimeTemp)
+    return { startTimeTemp, endTimeTemp, startDate, endDate }
+  }
+}

package/src/utils/request.js

@@ -0,0 +1,280 @@
+import axios from 'axios'
+import { ElMessage as Message } from 'element-plus'
+import { getToken, removeToken } from './auth'
+import store from '../store'
+import checkPermission from './permission'
+import * as Vue from 'vue'
+import { getI18n } from './util'
+import authApi from './auth-api'
+import {
+  getRelativeBaseUrl,
+  getTimeZone,
+  setCustomSystemBackendUrl,
+} from './common-util'
+// 创建axios实例
+const service = axios.create({
+  // baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
+  timeout: 300000, // 请求超时时间
+  withCredentials: true,
+})
+
+// request拦截器
+service.interceptors.request.use(
+  (config) => {
+    // 防止重复发送ajax请求
+    store.commit('togglePreventReclick', true)
+    const timeZone = getTimeZone()
+    config.headers['timeZone'] = timeZone
+    let runDevpJWTKey = '_runDevpJWT'
+    let token = authApi.getSessionCache(runDevpJWTKey)
+    if(!token) {
+      // 开发平台iframe访问运行平台token不存在，则表示是正常访问系统
+      token = getToken()
+    }
+    if (token) {
+      config.headers['Authorization'] = token // 让每个请求携带自定义token 请根据实际情况自行修改
+    }
+    let runCurrentRoleKey = '_RUN_CURRENT_ROLE'
+    const currentRole = authApi.getSessionCache(runCurrentRoleKey)
+    if(currentRole){
+      config.headers[runCurrentRoleKey] = currentRole 
+    }
+    // 将自定义系统编码放入header中
+    const customSystem = window.$vueApp.config.globalProperties.customSystem
+    if (customSystem) {
+      config.headers['customSystem'] = customSystem
+      // 重新缓存系统后台路径
+      setCustomSystemBackendUrl(customSystem)
+    }
+    if (window.$vueApp.config.globalProperties.baseURL) {
+      config.baseURL = getRelativeBaseUrl(
+        window.$vueApp.config.globalProperties.baseURL
+      )
+    }
+    return config
+  },
+  (error) => {
+    // 出错了之后允许再次提交
+    store.commit('togglePreventReclick', false)
+    // console.log(error) // for debug
+    Promise.reject(error)
+  }
+)
+
+// response 拦截器
+service.interceptors.response.use(
+  (response) => {
+    // 请求得到响应后，允许再次提交
+    store.commit('togglePreventReclick', false)
+    return response.data
+  },
+  (error) => {
+    // console.log('err' + error) // for debug
+    // 出错了之后允许再次提交
+    store.commit('togglePreventReclick', false)
+    if (error.response) {
+      if (error.response.status === 401) {
+        // LoginException(401)
+        // 清除window.sessionStorage中的jwt，否则无法转到login页面
+        removeToken()
+        const isInIframe = window.$vueApp.config.globalProperties.$isInIframe()
+        // console.log('isInIframe==========', isInIframe, 'getToken()=', getToken())
+        if (isInIframe === true) {
+          // 在iframe中时，出现了401错误时，需要进入平台的登录页面，并需要登录后还是进入出错的原页面，而不是永远进入门户页面。
+          // 所以使用了跨域发送消息来实现，子页面给父页面发消息，父页面接收该消息，并处理
+          // console.log('isInIframe111==========', window.location.href)
+          window.parent.postMessage(
+            '{"loginTimeout":"' + window.location.href + '"}',
+            '*'
+          )
+        } else {
+          // 当前出错的页面不是在子页面iframe内，需要跳转到子系统的登录页面。跳转到业务系统的登录页面，此处不自动跳转了，因为会导致无法跳转到指定页面
+          // getLoginUrl().then(loginUrl => {
+          //   window.location.href = loginUrl
+          // })
+        }
+      } else if (error.response.status === 403) {
+        // ForbiddenException(403) 403没权限
+        const message = getI18n().t('imatrixUIMessage.forbiddenException')
+        Message({
+          showClose: true,
+          message: message,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      } else if (
+        error.response.status === 400 ||
+        error.response.status === 406 ||
+        error.response.status === 404
+      ) {
+        // BadRequestException(400) || BusinessException(406)  || ResourceNotFoundException(404)
+        let message = error.message
+        if (message) {
+          // 说明是原生的错误，不要显示，显示“请联系管理员”
+          message = getI18n().t('imatrixUIMessage.internalServerError')
+        }
+        if (error.response.data && error.response.data.message) {
+          message = error.response.data.message
+        }
+        Message({
+          showClose: true,
+          message: message,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      } else {
+        let message = error.message
+        if (error.response.data && error.response.data.message) {
+          message = error.response.data.message
+        }
+        console.log(message)
+        let errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+        if (message && message !== 'Internal Server Error') {
+          // 表示显示原始异常
+          errorMsg = message
+        }
+        if (
+          message &&
+          (message === 'gateway.timeout' || message === 'gateway.callFailed')
+        ) {
+          // 网关的fallback返回的异常信息“接口调用超时”、“接口调用失败”
+          errorMsg = getI18n().t(message)
+        }
+        Message({
+          showClose: true,
+          message: errorMsg,
+          type: 'error',
+          duration: 5 * 1000,
+        })
+        return Promise.reject(error)
+      }
+    } else {
+      const errorMsg = getI18n().t('imatrixUIMessage.internalServerError')
+      Message({
+        showClose: true,
+        message: errorMsg,
+        type: 'error',
+        duration: 5 * 1000,
+      })
+      return Promise.reject(error)
+    }
+  }
+)
+
+export const apiUrlMappings = {}
+/**
+ *
+ * @param {*} code 资源权限的编码
+ * @param {*} options 是一个对象，包括data和param两个子对象属性，形如{param:{},data:{}}
+ */
+export function request(code, options) {
+  const config = {}
+  if (options) {
+    if (options.data) {
+      config.data = options.data
+    }
+    if (options.responseType) {
+      config.responseType = options.responseType
+    }
+    if (options.params) {
+      config.params = options.params
+    }
+    if (options.header) {
+      config.header = options.header
+    }
+    if (options.onUploadProgress) {
+      config.onUploadProgress = options.onUploadProgress
+    }
+    if (options.method) {
+      config.method = options.method
+    }
+    if (options.url) {
+      config.url = options.url
+    }
+  }
+  if (code) {
+    if (!checkPermission(code)) {
+      Message({
+        message: '您没有权限访问接口：' + code,
+        type: 'error',
+        showClose: true,
+      })
+    }
+    const apiInfo = apiUrlMappings[code]
+    if (apiInfo) {
+      const url = getRealUrl(apiInfo.url, config.params)
+      if (url === '') {
+        return
+      }
+      config.url = url
+      config.method = apiInfo.method
+    } else {
+      Message({
+        message: '您要访问的接口没有定义：' + code,
+        type: 'error',
+        showClose: true,
+      })
+    }
+  }
+
+  if (!config.url) {
+    Message({
+      message: '接口地址必须配置',
+      type: 'error',
+      showClose: true,
+    })
+  }
+  if (config.method && config.method.toLowerCase() === 'get') {
+    if (config.url.indexOf('?') > 0) {
+      // 表示有参数
+      config.url = config.url + '&_t=' + new Date().getTime()
+    } else {
+      config.url = config.url + '?_t=' + new Date().getTime()
+    }
+  }
+  return service(config)
+}
+
+/**
+ * 判断地址中是否有路径参数，有路径参数时就用params中的对应属性替换掉路径中的参数，得到最终的url
+ * @param {*} url
+ * @param {*} params
+ */
+function getRealUrl(url, params) {
+  const regex = /\{(.+?)\}/g
+  const matched = url.match(regex)
+  // 不包含路径参数直接返回url
+  if (!matched) {
+    return url
+  }
+  if (matched.length > 0 && !params) {
+    Message({
+      message: '请求的url中包含路径参数时，param不能为空。',
+      type: 'error',
+      showClose: true,
+    })
+    return ''
+  }
+  // matched是一个匹配的路径参数的数组，形如[{deparmentId}, {userId}]
+  for (const param of matched) {
+    // 去掉大括号得到真正的路径参数名
+    const paramName = param.substring(1, param.length - 1)
+    // 请求的param对象中应该包括这个参数，这样才能把参数名替换成真实的值
+    if (params[paramName] === undefined) {
+      Message({
+        message: '中应该包括属性：' + paramName,
+        type: 'error',
+        showClose: true,
+      })
+      return ''
+    }
+    url = url.replace(param, params[paramName])
+    // 从param对象中删掉这个参数，不用重复发送到后台了
+    delete params[paramName]
+  }
+  return url
+}
+
+export default service