epx-frame 3.5.0-shpgy.1

package/src/utils/mixins/global.js

@@ -0,0 +1,985 @@
+import { mapGetters, mapState } from 'vuex'
+import { CREATE_TAB } from '@/store/actions'
+
+window.openedPopup = []
+const openedPopup = window.openedPopup
+function broadcast (componentName, eventName, params) {
+  this.$children.forEach(child => {
+    var name = child.$options.componentName
+
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params))
+    } else {
+      broadcast.apply(child, [componentName, eventName].concat([params]))
+    }
+  })
+}
+function broadcastCom (componentName, eventName, params) {
+  this.$children.forEach(child => {
+    var name = child.$options.name
+    if (name === 'epx-' + componentName) {
+      child.$emit.apply(child, [eventName].concat(params))
+    } else {
+      broadcastCom.apply(child, [componentName, eventName].concat([params]))
+    }
+  })
+}
+function getComponentById (id) {
+  let _child = null
+  for (let i = 0; i < this.$children.length; i++) {
+    const child = this.$children[i]
+    const childId = child.$props.compId
+    if (childId === id) {
+      _child = child
+    } else {
+      _child = getComponentById.apply(child, [id])
+    }
+  }
+  if (_child) return _child
+}
+
+function findNavId (menus = [], menuId) {
+  for (let i = 0; i < menus.length; i++) {
+    const menu = menus[i]
+    if (menu.ID === menuId) {
+      return menu
+    } else {
+      if (menu.children) {
+        const activeMenu = findNavId(menu.children, menuId)
+        if (activeMenu) return activeMenu
+      }
+    }
+  }
+}
+
+function formatI18nConfig (configs, language, level = 1) {
+  if (level > 2) return
+  for (const key in configs) {
+    if (configs[key]) {
+      if (Array.isArray(configs[key])) {
+        configs[key].map(item => {
+          formatI18nConfig(item, language, level + 1)
+        })
+      } else if (key.includes('.i18n')) {
+        const defaultKey = key.replace(/.i18n/, '')
+        configs[defaultKey] = configs[key][language] || configs[defaultKey]
+      } else if (typeof configs[key] === 'object') {
+        formatI18nConfig(configs[key], language, level + 1)
+      }
+    }
+  }
+  return configs
+}
+
+export default {
+  props: {
+    // 当前页面信息
+    page: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 当前对象元数据信息
+    meta: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 当前查询参数
+    queryParams: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 当前路由信息
+    currentRoute: {
+      type: Object
+    },
+    // 当前路由参数
+    currentQuery: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    compConfigs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    id: {
+      type: [String, Number]
+    }
+  },
+  inject: {
+    createRoute: {
+      default: null
+    },
+    destoryRoute: {
+      default: null
+    },
+    reloadRoute: {
+      default: null
+    }
+  },
+  computed: {
+    ...mapState({
+      clientConfig: state => state.config.clientConfig || {},
+      appConfig: state => state.config.appConfig || {}, // 应用配置
+      appMenus: state => state.config.appMenus,
+      $screen: state => state.config.screen || {}, // 屏幕信息
+      $tabs: state => state.tabs.tabs, // 标签页
+      metas: state => state.meta.metas, // 元数据信息集合
+      user: state => state.user.user, // 用户信息
+      userInfo: state => state.user.userInfo, // 用户信息
+      currentMenu: state => state.config.currentMenu // 当前导航菜单
+    }),
+    ...mapGetters([
+      'getMeta'
+    ]),
+    CLIENT () {
+      const { CLIENT: queryClient } = this.$query
+      const { CLIENT: tabClient } = this.$tab
+      const { client: routeClient } = this.$route.query
+      const { client: userClient } = this.user
+      const { CLIENT: appClient } = this.appConfig
+      return queryClient || tabClient || routeClient || userClient || appClient
+    },
+    SYSTEM () {
+      const { SYSTEM: querySystem } = this.$query
+      const { SYSTEM: tabSystem } = this.$tab
+      const { system: routeSystem } = this.$route.query
+      const { SYSTEM: appSystem } = this.appConfig
+      return querySystem || tabSystem || routeSystem || appSystem
+    },
+    /**
+     * 选中标签页
+     */
+    $activeTab () {
+      return this.$tabs.find(item => item.active) || {}
+    },
+    $meta () {
+      return this.getMeta(this.$metaId) || this.meta
+    },
+    $tab () {
+      if (this.$getTab) return this.$getTab()
+      return this.$activeTab || {}
+    },
+    /**
+     * 标签页参数
+     */
+    $tabQuery () {
+      return this.$tabs.find(item => item.active) || {}
+    },
+    $parentQuery () {
+      const componentName = 'routerView'
+      let query = {}
+      let point = null // 指针
+      var parent = this.$parent || this.$root
+      var index = 0
+      while (parent) {
+        parent = parent.$parent
+        if (parent && parent.$options.componentName === componentName) {
+          if (index > 0) {
+            if (parent && parent.routes) {
+              if (!point) {
+                query = parent.routes[parent.routes.length - 1] || {}
+                point = query
+              } else {
+                point.$parentQuery = parent.routes[parent.routes.length - 1] || {}
+                point = point.$parentQuery
+              }
+            }
+          }
+          index++
+        }
+      }
+      return query
+    },
+    /**
+     * 当前对象Id
+     */
+    $metaId () {
+      const { metaId: defaultMetaId } = this.$query
+      let { metaId = defaultMetaId } = this.page || {}
+      if (this.meta && this.meta.id) {
+        metaId = this.meta.getId()
+      }
+      return metaId
+    },
+    /***
+     * 当前页面Id
+     */
+    $pageId () {
+      const { pageId: defaultPageId } = this.$query
+      const { pageId = defaultPageId } = this.page || {}
+      return pageId
+    },
+    /**
+       * 当前页面参数
+       */
+    $query () {
+      // 获取该组件是否是页面
+      // 获取路由参数
+      const { query = {} } = this.$route
+      if (!this.$_.isEmpty(this.currentQuery)) {
+        const currentQuery = this.currentQuery || {}
+        return { ...query, ...currentQuery }
+      } else {
+        // 获取上级页面
+        if (this.upPage) {
+          const currentQuery = this.upPage.currentQuery || {}
+          return { ...query, ...currentQuery }
+        }
+        return {}
+      }
+    },
+    /**
+       * 获取业务主键
+       */
+    $metaKey () {
+      if (this.meta && this.meta.id) {
+        return this.meta.getKey() || 'ID'
+      } else if (this.$meta && this.$meta.id) {
+        return this.$meta.getKey() || 'ID'
+      }
+      return 'ID'
+    },
+    /**
+     * 是否是移动端
+     */
+    $isMobile () {
+      if (this.$screen) {
+        const { width } = this.$screen
+        return width <= 992
+      }
+      return false
+    }
+  },
+  data () {
+    return {
+      /**
+       * 页面配置
+       */
+      pageConfig: {},
+      /**
+       * 组件配置
+       */
+      configs: {},
+      /**
+       * 组件默认配置
+       */
+      $defaultConfigs: {},
+      httpLoading: {}
+    }
+  },
+  watch: {
+
+  },
+  methods: {
+    /**
+       * 方法
+       */
+    async $handler (buttonConfigs, row) {
+      const { handler, actionOption, actionOptionMsg, beforeTrigger } = buttonConfigs
+      // 通用处理
+      let selections = []
+      // 检测是否选中元素
+      if (row) {
+        selections = [{ ...row }]
+      } else {
+        if (this.selection) selections = [...this.selection]
+      }
+      // 验证接口是否符合条件
+      for (let i = 0; i < selections.length; i++) {
+      // eslint-disable-next-line no-unused-vars
+        const data = selections[0]
+        // eslint-disable-next-line no-eval
+        if (actionOption && selections.length === 1 && !eval(actionOption)) {
+          this.$message.error(actionOptionMsg || '对不起，不能执行该操作！')
+          return
+        }
+      }
+      let result = true
+      if (beforeTrigger) {
+        result = this.executeCustomJs(beforeTrigger, {}, row)
+        if (result instanceof Promise) {
+          return result.then(flag => {
+            if (flag) this[handler](buttonConfigs, row)
+          })
+        }
+      }
+      if (result) this[handler](buttonConfigs, row)
+    },
+    /**
+     * 执行自定义JS
+     */
+    executeCustomJs (functionName, ...args) {
+      let pageEvents = {}
+      if (this.isPage) {
+        pageEvents = this.pageEvents
+      } else {
+        pageEvents = this.upPage.pageEvents
+      }
+      if (functionName && pageEvents[functionName]) {
+        return pageEvents[functionName].call(this, ...args)
+      } else {
+        return true
+      }
+    },
+    customJs ({ function: functionName, ...otherConfigs }, row) {
+      this.executeCustomJs(functionName, row || otherConfigs, otherConfigs)
+    },
+    /**
+       * @param pageId 页面id
+       * @param metaId 对象id
+       * @param flag 页面标识符
+       *
+       */
+    $createPage ({ type = 'push', newWindow = false, openType = '3', menuId, callback, query = {}, children = [], ...props }) {
+      if (menuId) {
+        // 查找当前应用菜单，跳转并选中菜单
+        let navId = null
+        const activeMenuPageId = props.pageId
+        let pageId = ''
+
+        for (let i = 0; i < this.appMenus.length; i++) {
+          const item = this.appMenus[i]
+          if (item.ID === menuId) {
+            navId = item.parent
+            pageId = item.MAIN_PAGE
+            break
+          } else {
+            const menu = findNavId(item.children, menuId)
+            if (menu) {
+              navId = menu.parent
+              pageId = menu.MAIN_PAGE
+            }
+          }
+        }
+        const moduleId = navId || menuId
+        const module = findNavId(this.appMenus, moduleId)
+        delete props.pageId
+        const params = {
+          key: 'default-' + moduleId,
+          ...props,
+          openType: '1',
+          component: 'module-index-page',
+          moduleId: moduleId,
+          activeMenuId: menuId,
+          activeMenuPageId: activeMenuPageId || pageId
+        }
+        if (module.MAIN_PAGE) params.pageId = module.MAIN_PAGE
+        this.$store.commit(CREATE_TAB, params)
+      } else if (openType === '1') {
+        const router = {
+          ...props,
+          ...query
+        }
+        this.$store.commit(CREATE_TAB, router)
+        // 打开弹窗
+      } else if (openType === '2') {
+        const length = openedPopup.length
+        const popup = this.$popup({
+          openType,
+          callback,
+          tab: this.$tab,
+          opener: this,
+          $refesh: () => {
+            this.$refesh && this.$refesh()
+          },
+          ...props
+        })
+        if (newWindow || length === 0) {
+          openedPopup.push(popup)
+        } else {
+          openedPopup.push(popup)
+          // openedPopup.splice(length - 1, 1, popup)
+        }
+      } else if (openType === '4') {
+        // 打开新页面
+        // 如果是微信浏览器
+        window.open(location.pathname + `#/page/${props.moduleId}?FM_SYS_ID=${this.$util.getSysId()}`)
+      } else {
+        if (query) {
+          this.$router.replace({
+            name: this.$route.name,
+            params: this.$route.params,
+            query: query
+          })
+        } else {
+          this.$router.replace({
+            name: this.$route.name,
+            params: this.$route.params,
+            query: {}
+          })
+        }
+        window.history.pushState('forward', null)
+        window.history.forward(1)
+        this.dispatch('routerView', 'createPage', { type, callback, ...props, ...query })
+      }
+    },
+    $checkRight (rightCode) {
+      if (!rightCode) return true
+      const { currentRoleId = '', roleRightCodes = {} } = this.user
+      const currentRoleRightCodes = roleRightCodes[currentRoleId] || {}
+      return currentRoleRightCodes[rightCode]
+    },
+    $checkOperateRight ({ action, metaId }) {
+      if (!action) return true
+      const { entityApiMap = {} } = this.user
+      const operateRights = entityApiMap[metaId || this.$metaId] || []
+      return operateRights.includes(action)
+    },
+    // 返回方法
+    backPage ({ reload, callback } = {}) {
+      const { callback: backCallBack } = this.$query
+      const callbackFn = callback || backCallBack
+      if (this.$query.openType === '2') {
+        // 如果是弹窗就销毁
+        const length = openedPopup.length
+        const popup = openedPopup[length - 1]
+        if (popup) {
+          popup.close(true, callbackFn)
+          openedPopup.pop()
+          if (reload) {
+            if (popup.opener) popup.opener.dispatch('routerView', 'reloadPage')
+          }
+        }
+      } else {
+        if (reload) {
+          this.dispatch('routerView', 'reloadPage')
+        }
+        this.dispatch('routerView', 'destoryPage', function () {
+          if (this.$refesh) this.$refesh()
+        })
+        if (callbackFn) callbackFn()
+      }
+    },
+    backReloadPage () {
+      this.backPage({ reload: true })
+    },
+    backGoPage (...props) {
+      this.backPage({
+        callback () {
+          this.goPage(...props)
+        }
+      })
+    },
+    reloadPage () {
+      this.dispatch('routerView', 'reloadPage')
+    },
+    commonRuleAction (...props) {
+      this.commonAction(...props)
+    },
+    /**
+     * 通用请求
+     * @param action 请求命令
+     * @param rule 请求业务规则
+     * @param metaId 请求对象，默认为当前页面对象
+     * @param num 选中记录数(1,必须选中且只能选中一条记录；n：必须选中至少一条记录；0不需要选中记录)
+     * @param comfirmMsg 操作提交之前的确认信息（如果为空，就不需要确认）
+     * @param params #[列表对象的某字段名]"，(如果是选中的多条记录，将字段值拼成一个字符串，用逗号隔开) "$[当前页面的某变量名]"
+     * @param successMsg 操作成功的提示
+     * @param failMsg 操作失败的提示
+     * @param row 操作的列
+     */
+    commonAction ({ action, rule, metaId = (this.$metaId), num = 0, confirmMsg = null, mask = false, params = {}, successMsg = '处理成功', failMsg = '处理失败', afterTrigger, afterTriggerPage, afterTriggerParams }, row) {
+      // eslint-disable-next-line no-unused-vars
+      const that = this
+      const formatParams = {}
+      const _params = { ...params }
+      let selections = []
+      // 检测是否选中元素
+      if (row) {
+        selections = [{ ...row }]
+      } else {
+        if (this.selection) selections = [...this.selection]
+      }
+      if (selections.length === 0) {
+        if (num !== 0 && num !== '0') {
+          this.$message.error(this.$t('please select a record'))
+          return
+        }
+      } else if (selections.length > 1) {
+        if (num === 1 || num === '1') {
+          this.$message.error(this.$t('Only one record can be selected'))
+          return
+        }
+      }
+
+      if (!_params.id) {
+        _params.id = `#[${this.$metaKey}]`
+      }
+      // 格式化params
+      for (const key in _params) {
+        let value = _params[key]
+        if (/\$\[(.+)\]/.test(_params[key])) {
+          try {
+            const valueKey = _params[key].replace(/\$\[(.+)\]/, (match, key) => key)
+            // eslint-disable-next-line no-eval
+            value = eval(`that.${valueKey}`) || eval(`that.$query.${valueKey}`) || eval(`that.$tab.${valueKey}`) || ''
+          } catch (err) {
+            value = ''
+          }
+        }
+        if (/#\[(.+)\]/.test(_params[key])) {
+          value = _params[key].replace(/#\[(.+)\]/, (match, key) => {
+            const values = selections.map(item => item[key] || '')
+            return values.join(',')
+          })
+        }
+        formatParams[key] = value
+      }
+      // 提交方法
+      const submitFn = () => {
+        if (this.httpLoading[`common-${action}`]) {
+          return this.$message.error('正在提交，请稍后...')
+        }
+        this.httpLoading[`common-${action}`] = true
+        let loading = null
+        if (mask) {
+          loading = this.$loading({
+            target: this.upPage ? this.upPage.$el : this.$el,
+            background: 'rgba(255, 255, 255, 0.5)',
+            text: '正在操作,请稍后...'
+          })
+        }
+        const timer = setTimeout(() => {
+          this.httpLoading[`common-${action}`] = false
+          clearTimeout(timer)
+        }, 2000)
+        this.$http.$post({
+          action,
+          rule,
+          entityId: metaId,
+          ...formatParams
+        })
+          .then((res) => {
+            // 如果存在下一个事件，执行下一个事件
+            const _afterTriggerParams = { ...afterTriggerParams }
+            for (const key in _afterTriggerParams) {
+              let value = _afterTriggerParams[key]
+              if (/\$\[res\.(.+)\]/.test(_afterTriggerParams[key])) {
+                try {
+                  const valueKey = _afterTriggerParams[key].replace(/\$\[res\.(.+)\]/, (match, key) => key)
+                  // eslint-disable-next-line no-eval
+                  value = eval(`res.${valueKey}`) || ''
+                } catch (err) {
+                  console.error(err)
+                  value = ''
+                }
+              }
+              _afterTriggerParams[key] = value
+            }
+            this.$message.success(successMsg)
+            if (afterTrigger) {
+              this[afterTrigger]({ pageId: afterTriggerPage, params: _afterTriggerParams })
+            } else {
+              if (this.reloadData) this.reloadData()
+            }
+          })
+          .catch(err => {
+            this.$message.error(err.message || failMsg)
+          })
+          .finally(() => {
+            this.httpLoading[`common-${action}`] = false
+            if (loading) loading.close()
+          })
+      }
+      // 判断是否需要确认弹窗
+      if (confirmMsg) {
+        this.$confirm(confirmMsg, this.$t('hint'), {
+          confirmButtonText: this.$t('determine'),
+          cancelButtonText: this.$t('cancel'),
+          type: 'warning'
+        }).then(() => {
+          submitFn()
+        })
+      } else {
+        submitFn()
+      }
+    },
+    /**
+     * 页面跳转
+     * @param num 选中记录数(1,必须选中且只能选中一条记录；n：必须选中至少一条记录；0不需要选中记录)
+     * @param pageFlag 目标页面的标识符
+     * @param metaId 目标页面的对象
+     * @param openMode 打开方式
+     * @param params #[列表对象的某字段名]"，(如果是选中的多条记录，将字段值拼成一个字符串，用逗号隔开) "$[当前页面的某变量名]"
+     * @param comfirmMsg 操作提交之前的确认信息（如果为空，就不需要确认）
+     */
+    goPage ({ type, pageFlag, metaId = this.$metaId, num = 0, openMode = '3', component, pageId, menuId, pageType, confirmMsg = null, params = {} }, row) {
+      // eslint-disable-next-line no-unused-vars
+      const that = this
+      let selections = []
+      const formatParams = {}
+      const _params = { ...params }
+      // 检测是否选中元素
+      if (row) {
+        selections = [{ ...row }]
+      } else {
+        if (this.selection) selections = [...this.selection]
+      }
+      if (selections.length === 0) {
+        if (num !== 0 && num !== '0') {
+          this.$message.error('请选择一个记录')
+          return
+        }
+      } else if (selections.length > 1) {
+        if (num === 1 || num === '1') {
+          this.$message.error('只能选择一个记录')
+          return
+        }
+      }
+      if (!_params.id) {
+        _params.id = `#[${this.$metaKey}]`
+      }
+      // 格式化params
+      for (const key in _params) {
+        let value = _params[key]
+        if (/\$\[(.+)\]/.test(_params[key])) {
+          try {
+            const valueKey = _params[key].replace(/\$\[(.+)\]/, (match, key) => key)
+            // eslint-disable-next-line no-eval
+            value = eval(`that.${valueKey}`) || eval(`that.$query.${valueKey}`) || eval(`that.$tab.${valueKey}`) || ''
+          } catch (err) {
+            console.error(err)
+            value = ''
+          }
+        }
+        if (/#\{(.+)\}/.test(_params[key])) {
+          try {
+            const valueKey = _params[key].replace(/#\{(.+)\}/, (match, key) => key)
+            // eslint-disable-next-line no-eval
+            value = eval(`that.${valueKey}`) || eval(`that.$query.${valueKey}`) || ''
+          } catch (err) {
+            console.error(err)
+            value = ''
+          }
+        }
+        if (/#\[(.+)\]/.test(_params[key])) {
+          value = _params[key].replace(/#\[(.+)\]/, (match, key) => {
+            const values = selections.map(item => item[key])
+            return values.join(',')
+          })
+        }
+        formatParams[key] = value
+      }
+      // 提交方法
+      const submitFn = () => {
+        this.$createPage({
+          type,
+          flag: pageFlag,
+          metaId: metaId,
+          pageId,
+          menuId,
+          openType: openMode,
+          component,
+          pageType,
+          ...formatParams
+        })
+      }
+      if (confirmMsg) {
+        this.$confirm(confirmMsg, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          submitFn()
+        })
+      } else {
+        submitFn()
+      }
+    },
+    /**
+     * 下载文件
+     */
+    downloadFile ({ action, rule, metaId = (this.$metaId), num = 0, confirmMsg = null, mask = false, params = {}, successMsg = '处理成功', failMsg = '处理失败', afterTrigger, afterTriggerPage, afterTriggerParams }, row) {
+      // eslint-disable-next-line no-unused-vars
+      const that = this
+      const formatParams = {}
+      const _params = { ...params }
+      let selections = []
+      // 检测是否选中元素
+      if (row) {
+        selections = [{ ...row }]
+      } else {
+        if (this.selection) selections = [...this.selection]
+      }
+      if (selections.length === 0) {
+        if (num !== 0 && num !== '0') {
+          this.$message.error(this.$t('please select a record'))
+          return
+        }
+      } else if (selections.length > 1) {
+        if (num === 1 || num === '1') {
+          this.$message.error(this.$t('Only one record can be selected'))
+          return
+        }
+      }
+
+      if (!_params.id) {
+        _params.id = `#[${this.$metaKey}]`
+      }
+      // 格式化params
+      for (const key in _params) {
+        let value = _params[key]
+        if (/\$\[(.+)\]/.test(_params[key])) {
+          try {
+            const valueKey = _params[key].replace(/\$\[(.+)\]/, (match, key) => key)
+            // eslint-disable-next-line no-eval
+            value = eval(`that.${valueKey}`) || eval(`that.$query.${valueKey}`) || eval(`that.$tab.${valueKey}`) || ''
+          } catch (err) {
+            value = ''
+          }
+        }
+        if (/#\[(.+)\]/.test(_params[key])) {
+          value = _params[key].replace(/#\[(.+)\]/, (match, key) => {
+            const values = selections.map(item => item[key] || '')
+            return values.join(',')
+          })
+        }
+        formatParams[key] = value
+      }
+      // 提交方法
+      const submitFn = () => {
+        if (this.httpLoading[`download-${action}`]) {
+          return this.$message.error('正在提交，请稍后...')
+        }
+        this.httpLoading[`download-${action}`] = true
+        let loading = null
+        if (mask) {
+          loading = this.$loading({
+            target: this.upPage ? this.upPage.$el : this.$el,
+            background: 'rgba(255, 255, 255, 0.5)',
+            text: '正在操作,请稍后...'
+          })
+        }
+        const timer = setTimeout(() => {
+          this.httpLoading[`download-${action}`] = false
+          clearTimeout(timer)
+        }, 2000)
+        this.$http.$post({
+          action,
+          rule,
+          entityId: metaId,
+          ...formatParams
+        }, { responseType: 'blob' })
+          .then(({ blob, filename }) => {
+            const objectUrl = URL.createObjectURL(blob)
+            var a = document.createElement('a')
+            document.body.appendChild(a)
+            a.href = objectUrl
+            a.download = filename || this.$moment().format('YYYYMMDDHHMMSS') + '.xlsx'
+            a.click()
+            window.URL.revokeObjectURL(objectUrl)
+            document.body.removeChild(a)
+            // 如果存在下一个事件，执行下一个事件
+            const _afterTriggerParams = { ...afterTriggerParams }
+            for (const key in _afterTriggerParams) {
+              let value = _afterTriggerParams[key]
+              if (/\$\[res\.(.+)\]/.test(_afterTriggerParams[key])) {
+                try {
+                  const valueKey = _afterTriggerParams[key].replace(/\$\[res\.(.+)\]/, (match, key) => key)
+                  // eslint-disable-next-line no-eval
+                  value = eval(`res.${valueKey}`) || ''
+                } catch (err) {
+                  console.error(err)
+                  value = ''
+                }
+              }
+              _afterTriggerParams[key] = value
+            }
+            this.$message.success(successMsg)
+            if (afterTrigger) {
+              this[afterTrigger]({ pageId: afterTriggerPage, params: _afterTriggerParams })
+            }
+          })
+          .catch(err => {
+            this.$message.error(err.message || failMsg)
+          })
+          .finally(() => {
+            this.httpLoading[`download-${action}`] = false
+            if (loading) loading.close()
+          })
+      }
+      // 判断是否需要确认弹窗
+      if (confirmMsg) {
+        this.$confirm(confirmMsg, this.$t('hint'), {
+          confirmButtonText: this.$t('determine'),
+          cancelButtonText: this.$t('cancel'),
+          type: 'warning'
+        }).then(() => {
+          submitFn()
+        })
+      } else {
+        submitFn()
+      }
+    },
+    /**
+       * 格式化参数
+       * @param {Object} params 当前参数
+       */
+    $formatParams (params) {
+      // eslint-disable-next-line
+      const that = this
+      const newParams = { ...params }
+      for (const key in newParams) {
+        let value = newParams[key]
+        if (/#\{(.+)\}/.test(newParams[key])) {
+          value = newParams[key].replace(/^#\{(.+)\}$/, (match, key) => {
+            try {
+              // eslint-disable-next-line no-eval
+              return eval(`that.${key}`) || eval(`that.$query.${key}`) || eval(`that.$tab.${key}`) || ''
+            } catch (error) {
+              return value
+            }
+          })
+        }
+        if (/\$\[(.+)\]/.test(newParams[key])) {
+          value = newParams[key].replace(/^\$\[(.+)\]$/, (match, key) => {
+            try {
+              // eslint-disable-next-line no-eval
+              return eval(`that.${key}`) || eval(`that.$query.${key}`) || eval(`that.$tab.${key}`) || ''
+            } catch (error) {
+              return ''
+            }
+          })
+        }
+        newParams[key] = value || ''
+      }
+      return newParams
+    },
+    /**
+       * 设置当前页面配置
+       */
+    $setPageConfig (page) {
+      const language = this.$util.getCurrentLanguage()
+      const currentPage = page || this.page || {}
+      const { config = this.compConfigs } = currentPage
+      const vueAttribute = ['name', 'mixins', 'inject', 'provide', '_Ctor', '__file', '_base', '_compiled', 'beforeCreate', 'created', 'berforeMount', 'mounted', 'beforeDestroy', 'destroyed', 'props', 'data', 'methods', 'computed', 'watch', 'components', 'directives', 'filters', 'render', 'staticRenderFns']
+      for (const key in this.$options) {
+        // eslint-disable-next-line no-prototype-builtins
+        if (!this.$options.hasOwnProperty(key) && !vueAttribute.includes(key)) {
+          this.$set(this.pageConfig, key, this.$options[key])
+        }
+      }
+      for (const key in config) {
+        try {
+          if (this.$_.isObject(config[key])) {
+            if (Array.isArray(config[key])) {
+              this.$set(this.pageConfig, key, [...config[key]])
+            } else {
+              if (!this.$options[key]) this.$options[key] = {}
+              this.$set(this.pageConfig, key, { ...this.$options[key], ...config[key] })
+            }
+          } else {
+            this.$set(this.pageConfig, key, config[key])
+          }
+        } catch (error) {
+          this.$set(this.pageConfig, key, config[key])
+        }
+      }
+      this.pageConfig = formatI18nConfig(this.pageConfig, language)
+    },
+    $setCompConfigs () {
+      const vueAttribute = ['name', 'mixins', 'inject', 'provide', '_Ctor', '__file', '_base', '_compiled', 'beforeCreate', 'created', 'berforeMount', 'mounted', 'beforeDestroy', 'destroyed', 'props', 'data', 'methods', 'computed', 'watch', 'components', 'directives', 'filters', 'render', 'staticRenderFns']
+      for (const key in this.$options) {
+        // eslint-disable-next-line no-prototype-builtins
+        if (!this.$options.hasOwnProperty(key) && !vueAttribute.includes(key)) {
+          this.$set(this.configs, key, this.$options[key])
+        }
+      }
+      for (const key in this.compConfigs) {
+        try {
+          if (this.$_.isObject(this.compConfigs[key])) {
+            if (Array.isArray(this.compConfigs[key])) {
+              this.$set(this.configs, key, [...this.compConfigs[key]])
+            } else {
+              if (!this.$options[key]) this.$options[key] = {}
+              this.$set(this.configs, key, { ...this.$options[key], ...this.compConfigs[key] })
+            }
+          } else {
+            this.$set(this.configs, key, this.compConfigs[key])
+          }
+        } catch (error) {
+          this.$set(this.configs, key, this.compConfigs[key])
+        }
+      }
+    },
+    dispatch (componentName, eventName, params) {
+      var parent = this.$parent || this.$root
+      var name = parent.$options.componentName
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent
+
+        if (parent) {
+          name = parent.$options.componentName
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params))
+      }
+    },
+    $dispatchPage (eventName, params, componentName) {
+      var parent = this.$parent || this.$root
+      var name = parent.$options.componentName
+      let page = null
+      while (parent && !page) {
+        const pageFlag = parent.$options.$componentType === 'page'
+        if (parent && pageFlag && (!componentName || (name && name === componentName))) {
+          name = parent.$options.componentName
+          page = parent
+        }
+        parent = parent.$parent
+      }
+      if (page) {
+        page.$emit.apply(page, [eventName].concat(params))
+      }
+    },
+    $listenPage (eventName, callback, componentName) {
+      var parent = this.$parent || this.$root
+      var name = parent.$options.componentName
+      let page = null
+      while (parent && !page) {
+        const pageFlag = parent.$options.$componentType === 'page'
+        if (parent && pageFlag && (!componentName || (name && name === componentName))) {
+          name = parent.$options.componentName
+          page = parent
+        }
+        parent = parent.$parent
+      }
+      if (page) {
+        page.$on.apply(page, [eventName].concat([callback]))
+      }
+    },
+    broadcast (componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params)
+    },
+    $broadcastCom (componentName, eventName, params) {
+      broadcastCom.call(this, componentName, eventName, params)
+    },
+    getComponentById (id, parent) {
+      return getComponentById.call(parent, id)
+    }
+  },
+  created () {
+    window.onpopstate = () => {
+      this.backPage()
+      return false
+    }
+    this.httpLoading = {}
+    if (this.$options.$componentType !== 'page') {
+      // this.$setCompConfigs()
+    }
+    if (this.$options.$componentType !== 'compoennt') {
+      this.$setPageConfig()
+    }
+  }
+}