@epxing/designer 5.3.0-beta.2 → 5.3.0-beta.4

package/src/visual/CategoryList.vue

@@ -1,563 +1,563 @@
-<script>
-import ComponentVue from './Component.vue'
-export default {
-  name: 'epx-visual-category-list',
-  extends: ComponentVue,
-  data () {
-    return {
-      FunctionOption: [],
-      operateConfigs: {}
-    }
-  },
-  watch: {
-    allConfigs: {
-      handler (v) {
-        this.componentMetaId = v.metaId
-      },
-      immediate: true
-    },
-    'allConfigs.treeMetaId': {
-      handler (v) {
-        const configOptions = this.$_.cloneDeep(this.configOptions)
-        const option = configOptions[1]
-        const arr = [...option.children]
-        arr.splice(-2, 1, { key: 'treeGroupField', label: '分组字段', type: 'object', codeKey: 'NAME', object: 'FM_ATTRIBUTE', scopeParams: [{ field: 'ENTITY_ID', values: v }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] })
-        arr.splice(-1, 1, { key: 'treeUpField', label: '上级字段', type: 'object', codeKey: 'NAME', object: 'FM_ATTRIBUTE', scopeParams: [{ field: 'ENTITY_ID', values: v }] })
-        configOptions.splice(1, 1, { ...option, children: arr })
-        this.configOptions = configOptions
-      }
-    }
-  },
-  methods: {
-    getOperateOptions () {
-      this.handlerList = [
-        { label: '打开指定页面', value: 'goPage' },
-        { label: '查看详情页面', value: 'viewEntity' },
-        { label: '发起通用请求', value: 'commonAction' },
-        { label: '发起业务规则', value: 'commonRuleAction' },
-        { label: '打开审批页面', value: 'goCheckPage' },
-        { label: '批量编辑', value: 'editMultiEntity' },
-        { label: '发起流程', value: 'applyEntity' },
-        { label: '执行流程审批', value: 'checkEntity' },
-        { label: '批量审核', value: 'batchCheck' },
-        { label: '报表打印', value: 'print' },
-        { label: '返回', value: 'backPage' },
-        { label: '自定义JS', value: 'customJs' }
-      ]
-      this.operateOptions = {
-        page: {
-          key: 'page',
-          label: '打开页面',
-          type: 'page',
-          showFlag: { handler: ['goPage', 'addCategoryEntity', 'addCategorySiblingEntity'] }
-        }
-      }
-      this.operateConfigs = [
-        {
-          key: 'base',
-          title: '基本',
-          options: ['text', 'ui', 'type', 'icon', 'preview']
-        },
-        {
-          key: 'event',
-          title: '事件',
-          options: ['beforeTrigger', 'handler', 'metaId', 'action', 'rule', 'openMode', 'page', 'pageType', 'printWay', 'printCode', 'cptName', 'destActivityId', 'processNode', 'function', 'params', 'afterTrigger', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
-        },
-        {
-          key: 'advance',
-          title: '高级',
-          options: ['showCondition', 'num', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
-        }
-      ]
-    },
-    initDefaultConfigs () {
-      const { addPage = 'entity-add-page', editPage = 'entity-edit-page', openMode = '3', addPageFlag = 'v_add' } = this.allConfigs
-      let keywords = []
-      const { label, keyNames = [] } = this.currentMeta
-      let metaKey = 'ID'
-      if (this.currentMeta) {
-        metaKey = this.currentMeta.getKey()
-        keywords = [...keyNames]
-        if (label) {
-          keywords.push(label)
-        }
-      }
-      // 获取到该组件的默认配置
-      this.commonOperates = [
-        {
-          text: '新增',
-          handler: 'goPage',
-          ui: 'primary',
-          pageFlag: addPageFlag,
-          num: 0,
-          component: addPage,
-          pageType: 'ADD',
-          openMode
-        }, {
-          text: '编辑',
-          handler: 'goPage',
-          pageFlag: addPageFlag,
-          num: 1,
-          component: addPage,
-          pageType: 'EDIT',
-          openMode
-        }, {
-          text: '详情',
-          handler: 'viewEntity',
-          pageFlag: addPageFlag,
-          num: 1,
-          component: addPage,
-          pageType: 'DETAIL',
-          openMode
-        },
-        {
-          text: '删除',
-          handler: 'commonAction',
-          action: 'removeMulti',
-          num: 'n',
-          confirmMsg: this.$t('Confirm the deletion') + '？',
-          successMsg: '删除成功',
-          failMsg: '删除失败',
-          params: {
-            ids: `#[${metaKey}]`
-          }
-        },
-        {
-          text: '导入',
-          handler: 'goPage',
-          pageFlag: 'v_import',
-          component: 'import-page'
-        },
-        {
-          text: '导出',
-          handler: 'goPage',
-          pageFlag: 'v_export',
-          component: 'export-page',
-          params: {
-            selects: `#[${metaKey}]`,
-            total: '$[total]',
-            params: '$[params]',
-            scopeParams: '$[scopeParams]',
-            fields: '$[listFields]'
-          }
-        },
-        {
-          text: '打印',
-          handler: 'print'
-        },
-        {
-          text: '批量编辑',
-          handler: 'editMultiEntity'
-        },
-        {
-          text: '打开审核页面',
-          handler: 'goCheckPage'
-        },
-        {
-          text: '流程审批',
-          handler: 'checkEntity'
-        },
-        {
-          text: '批量审核',
-          handler: 'batchCheck',
-          num: 'n'
-        },
-        {
-          text: '发起申请',
-          handler: 'applyEntity'
-        },
-        {
-          text: '返回',
-          handler: 'backPage'
-        },
-        {
-          text: '自定义按钮'
-        }
-      ]
-      this.defaultConfigs = {
-        flex: false,
-        componentName: this.componentInfo.title,
-        addPageFlag: 'v_add',
-        editPageFlag: 'v_add',
-        detailPageFlag: 'v_add',
-        detailFlag: true,
-        componentType: '',
-        treeExpandMore: true,
-        metaId: this.pageMetaId,
-        action: 'list',
-        searchFlag: true,
-        searchMode: 'keyword',
-        showSearchLabel: false,
-        border: false,
-        keywords,
-        searchFields: [],
-        listFields: this.currentMeta.getAllFields(),
-        pageFlag: true,
-        pageSize: 20,
-        operateFlag: true,
-        operateEllipsis: 2,
-        multiSelectColumnFlag: true, // 是否显示多选框列
-        serialColumnFlag: true, // 是否显示序号列
-        operateColumnFlag: true, // 是否显示操作列
-        totalFlag: true,
-        operateColumnWidth: 100,
-        operateColumnEllipsis: 2,
-        operateColumnPosition: 'start',
-        span: 24,
-        operates: [
-          {
-            text: '新增',
-            handler: 'goPage',
-            ui: 'primary',
-            num: 0,
-            openMode,
-            component: addPage,
-            params: {}
-          },
-          {
-            text: '删除',
-            handler: 'commonAction',
-            action: 'removeMulti',
-            num: 'n',
-            confirmMsg: this.$t('Confirm the deletion') + '？',
-            successMsg: '删除成功',
-            params: {
-              ids: `#[${metaKey}]`
-            }
-          },
-          {
-            text: '导入',
-            handler: 'goPage',
-            component: 'import-page',
-            params: {}
-          },
-          {
-            text: '导出',
-            handler: 'goPage',
-            component: 'export-page',
-            params: {
-              selects: `#[${metaKey}]`,
-              total: '$[total]',
-              params: '$[params]',
-              fields: '$[listFields]',
-              scopeParams: '$[scopeParams]'
-            }
-          }
-        ],
-        columnOperates: [
-          {
-            text: '编辑',
-            handler: 'goPage',
-            num: 1,
-            openMode,
-            component: editPage,
-            pageType: 'EDIT'
-          }
-          // {
-          //   text: '删除',
-          //   handler: 'commonAction',
-          //   action: 'removeMulti',
-          //   num: 'n',
-          //   confirmMsg: this.$t('Confirm the deletion') + '？',
-          //   successMsg: '删除成功',
-          //   params: {
-          //     ids: `#[${this.$metaKey}]`
-          //   }
-          // }
-        ]
-      }
-    },
-    initConfigOptions () {
-      const { addPage = 'entity-add-page', editPage = 'entity-edit-page', openMode = '2', treeMetaId } = this.allConfigs
-
-      const operates = [
-        {
-          text: '新增',
-          handler: 'addCategoryEntity',
-          ui: 'primary',
-          num: 0,
-          openMode,
-          component: addPage,
-          metaId: treeMetaId,
-          params: {}
-        },
-        {
-          text: '编辑',
-          handler: 'goPage',
-          num: 1,
-          openMode,
-          component: editPage,
-          metaId: treeMetaId,
-          pageType: 'EDIT',
-          params: {
-            ids: '#[id]'
-          }
-        },
-        {
-          text: '删除',
-          ui: 'primary',
-          handler: 'commonAction',
-          action: 'removeMulti',
-          metaId: treeMetaId,
-          num: 'n',
-          confirmMsg: this.$t('Confirm the deletion') + '？',
-          successMsg: '删除成功',
-          params: {
-            ids: '#[id]'
-          }
-        }
-      ]
-      const defaultColumnOperates = [
-        {
-          text: '新增',
-          handler: 'addCategoryEntity',
-          ui: 'primary',
-          num: 0,
-          openMode,
-          component: addPage,
-          metaId: treeMetaId,
-          params: {}
-        },
-        {
-          text: '新增同级节点',
-          handler: 'addCategorySiblingEntity',
-          ui: 'primary',
-          metaId: treeMetaId,
-          component: 'entity-add-page'
-        },
-        {
-          text: '编辑',
-          num: 1,
-          openMode,
-          component: editPage,
-          metaId: treeMetaId,
-          pageType: 'EDIT',
-          params: {
-            ids: '#[id]'
-          }
-        },
-        {
-          text: '删除',
-          ui: 'primary',
-          handler: 'commonAction',
-          action: 'removeMulti',
-          metaId: treeMetaId,
-          num: 'n',
-          confirmMsg: this.$t('Confirm the deletion') + '？',
-          successMsg: '删除成功',
-          params: {
-            ids: '#[id]'
-          }
-        }
-      ]
-      const handlerList = [
-        { label: '打开指定页面', value: 'goPage' },
-        { label: '查看详情页面', value: 'viewEntity' },
-        { label: '发起通用请求', value: 'commonAction' },
-        { label: '发起业务规则', value: 'commonRuleAction' },
-        { label: '新增节点', value: 'addCategoryEntity' },
-        { label: '新增同级节点', value: 'addCategorySiblingEntity' },
-        { label: '打开审批页面', value: 'goCheckPage' },
-        { label: '发起流程', value: 'applyEntity' },
-        { label: '执行流程审批', value: 'checkEntity' },
-        { label: '批量审核', value: 'batchCheck' },
-        { label: '报表打印', value: 'print' },
-        { label: '返回', value: 'backPage' },
-        { label: '自定义JS', value: 'customJs' }
-      ]
-      const configOptions = [
-        {
-          key: 'global',
-          label: '全局设置',
-          children: [
-            { key: 'componentName', label: '组件名称', type: 'input' },
-            { key: 'componentType', label: '组件状态', type: 'radio', options: [{ label: '根据页面状态', value: '' }, { label: '详情', value: 'DETAIL' }, { label: '只读', value: 'READONLY' }] },
-            { key: 'metaId', label: '组件对象', type: 'object', object: 'FM_ENTITY' },
-            { key: 'detailFlag', label: '点击进入详情', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
-            { key: 'detailPageId', label: '详情页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }] },
-            { key: 'editable', label: '列表可编辑', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
-            { key: 'action', label: '请求操作', type: 'select', options: this.actionList }
-          ]
-        },
-        {
-          key: 'tree',
-          label: '树形区域',
-          children: [
-            { key: 'treeMetaId', label: '组件对象', type: 'object', object: 'FM_ENTITY' },
-            { key: 'treeExpandMore', label: '同时展开多个节点', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
-            { key: 'treeNodeExpand', label: '展开层级', type: 'radio', options: [{ label: '全部收起', value: 'none' }, { label: '全部展开', value: 'all' }, { label: '展开首节点', value: 'first' }, { label: '展开第一层', value: 'level1' }, { label: '展开第二层', value: 'level2' }] },
-            { key: 'treeScopeParams', label: '查询范围', type: 'scope', metaId: treeMetaId },
-            { key: 'treeOperates', label: '操作按钮', type: 'operates', defaultValue: operates, commonOperates: operates, handlerList },
-            { key: 'treeColumnOperates', label: '操作列', type: 'operates', defaultValue: defaultColumnOperates, handlerList },
-            { key: 'treeOrderFields', label: '排序字段', type: 'order-field', metaId: treeMetaId, treeFieldStore: [] },
-            { key: 'treeGroupField', label: '分组字段', type: 'object', object: 'FM_ATTRIBUTE', dataKey: 'NAME', scopeParams: [{ field: 'ENTITY_ID', values: this.allConfigs.treeMetaId }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] },
-            { key: 'treeUpField', label: '上级字段', type: 'object', object: 'FM_ATTRIBUTE', dataKey: 'NAME', scopeParams: [{ field: 'ENTITY_ID', values: this.allConfigs.treeMetaId }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] }
-          ]
-        },
-        {
-          key: 'list',
-          label: '列表内容',
-          children: [
-            { key: 'listFields', label: '列表字段', type: 'list-field' },
-            { key: 'orderFields', label: '排序字段', type: 'order-field' },
-            { key: 'LabelFields', label: '外部标签字段', type: 'field' },
-            { key: 'scopeParams', label: '查询范围', type: 'scope' },
-            { key: 'pageFlag', label: '是否分页', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'pageSize', label: '每页记录数', type: 'select', options: [{ label: '5', value: 5 }, { label: '10', value: 10 }, { label: '15', value: 15 }, { label: '20', value: 20 }, { label: '30', value: 30 }, { label: '50', value: 50 }, { label: '100', value: 100 }, { label: '200', value: 200 }] },
-            { key: 'limit', label: '显示数量', type: 'num' },
-            { key: 'setField', label: '设置字段', type: 'switch', defaultValue: true },
-            { key: 'serialColumnFlag', label: '是否需要序号', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'multiSelectColumnFlag', label: '是否需要选择框', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'totalFlag', label: '是否显示总数量', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'linkTreeFields', label: '关联字段', type: 'field' }
-          ]
-        },
-        {
-          key: 'search',
-          label: '查询区域',
-          children: [
-            { key: 'searchFlag', label: '是否显示查询', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
-            { key: 'searchMode', label: '查询方式', type: 'radio', options: [{ label: '字段组合', value: 'field' }, { label: '筛选项', value: 'filter' }, { label: '关键词', value: 'keyword' }], defaultValue: 'keyword' },
-            { key: 'keywords', label: '关键词字段', type: 'field' },
-            { key: 'searchFields', label: '查询字段', type: 'field', showFlag: { searchMode: ['field', 'filter'] } },
-            { key: 'filterFields', label: '筛选字段', type: 'field' },
-            { key: 'showSearchLabel', label: '展示字段名', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], showFlag: { searchMode: 'field' } }
-          ]
-        },
-        {
-          key: 'operate',
-          label: '操作按钮',
-          children: [
-            { key: 'operateFlag', label: '是否需要按钮', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'operates', label: '操作按钮', type: 'operates' },
-            { key: 'operateEllipsis', label: '按钮显示数量', type: 'num' },
-            { key: 'operateColumnFlag', label: '是否需要操作列', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
-            { key: 'columnOperates', label: '操作列', type: 'operates' },
-            { key: 'operateColumnWidth', label: '操作列宽度', type: 'num' },
-            { key: 'operateColumnEllipsis', label: '操作列显示数量', type: 'num' },
-            { key: 'operateColumnPosition', label: '操作列位置', type: 'radio', options: [{ label: '开始', value: 'start' }, { label: '结束', value: 'end' }] }
-          ]
-        },
-        {
-          key: 'advance',
-          label: '高级设置',
-          children: [
-            { key: 'componentEvents', label: '组件事件', type: 'event' },
-            { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
-            { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
-            { key: 'height', label: '高度' },
-            { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
-          ]
-        }
-      ]
-      this.configOptions = configOptions
-    },
-    initConfig () {
-      const config = this.$_.cloneDeep(this.compConfig)
-      if (this.componentInfo.span) {
-        config.span = this.componentInfo.span
-      }
-      this.config = config
-      for (const key in this.config) {
-        if (!this.config[key]) continue
-        if (key === 'order_field' || this.config[key].type === 'order-field') {
-          const orderFields = []
-          const orderMode = this.config.order_mode || []
-          this.config[key].forEach((item, index) => {
-            let field = item
-            if (typeof item === 'string') {
-              field = { attriName: item }
-            }
-            orderFields.push({ ...field, sort: orderMode[index] || 'asc' })
-          })
-          this.config.orderFields = orderFields
-        }
-      }
-    },
-    getFieldOptions () {
-      this.getFunctionOption()
-      this.fieldOptions = [
-        { key: 'attriName', label: '字段', readonly: true },
-        { key: 'configWay', label: '配置方式', type: 'radio', options: [{ label: '默认配置', value: 'default' }, { label: '自定义', value: 'custom' }], defaultValue: 'default' },
-        { key: 'attriLabel', label: '名称', type: 'text' },
-        { key: 'width', label: '宽度', type: 'text', defaultValue: '120' },
-        { key: 'locked', label: '是否锁定', type: 'switch', defaultValue: false },
-        { key: 'editable', label: '可编辑', type: 'switch', defaultValue: false },
-        { key: 'state', label: '字段状态', type: 'radio', options: [{ label: '显示', value: 'DETAIL' }, { label: '隐藏', value: 'HIDDEN' }], defaultValue: 'DETAIL' },
-        { key: 'link', label: '链接', type: 'swicth' },
-        { key: 'linkType', label: '链接类型', type: 'radio', code: 'LINK_TYPE', showFlag: { link: [true] } },
-        { key: 'linkPageId', label: '页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }], showFlag: { link: [true], linkType: 'page' } },
-        { key: 'linkAddress', label: '链接地址', showFlag: { link: [true], linkType: 'url' } },
-        { key: 'linkOpenType', label: '链接打开方式', type: 'radio', code: 'PAGE_OPEN_MODE', showFlag: { link: [true], linkType: ['page', 'detail'] } },
-        { key: 'linkParams', label: '链接参数设置', type: 'params', showFlag: { link: [true], linkType: ['page', 'detail'] } },
-        { key: 'color', label: '字体颜色', type: 'color', defaultValue: '#333' },
-        {
-          key: 'showWay',
-          label: '显示内容',
-          type: 'radio',
-          options: [{ label: '字段值', value: 'value' }, { label: '字段值', value: 'record' }, { label: '统计值', value: 'statistics' }],
-          defaultValue: 'value',
-          showFlag: {
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'statisticsType',
-          label: '统计方式',
-          type: 'radio',
-          code: 'FIELD_STATISTIC_TYPE',
-          defaultValue: 'SUM',
-          showFlag: {
-            showWay: 'statistics',
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'fields',
-          label: '展示字段',
-          type: 'field',
-          showFlag: {
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'separator',
-          label: '字段分隔符',
-          type: 'radio',
-          options: [{ label: '、', value: '、' }, { label: '/', value: '/' }],
-          defaultValue: '、',
-          showFlag: {
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'showFieldName',
-          label: '是否展示字段名',
-          type: 'radio',
-          options: [{ label: '是', value: '1' }, { label: '否', value: '0' }],
-          defaultValue: '0',
-          showFlag: {
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'orderFields',
-          label: '排序字段',
-          type: 'order-field',
-          showFlag: {
-            relationSort: '1'
-          }
-        },
-        {
-          key: 'scopeParams',
-          label: '查询范围',
-          type: 'scope',
-          showFlag: {
-            relationSort: '1'
-          }
-        }
-      ]
-    }
-  }
-}
-</script>
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-category-list',
+  extends: ComponentVue,
+  data () {
+    return {
+      FunctionOption: [],
+      operateConfigs: {}
+    }
+  },
+  watch: {
+    allConfigs: {
+      handler (v) {
+        this.componentMetaId = v.metaId
+      },
+      immediate: true
+    },
+    'allConfigs.treeMetaId': {
+      handler (v) {
+        const configOptions = this.$_.cloneDeep(this.configOptions)
+        const option = configOptions[1]
+        const arr = [...option.children]
+        arr.splice(-2, 1, { key: 'treeGroupField', label: '分组字段', type: 'object', codeKey: 'NAME', object: 'FM_ATTRIBUTE', scopeParams: [{ field: 'ENTITY_ID', values: v }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] })
+        arr.splice(-1, 1, { key: 'treeUpField', label: '上级字段', type: 'object', codeKey: 'NAME', object: 'FM_ATTRIBUTE', scopeParams: [{ field: 'ENTITY_ID', values: v }] })
+        configOptions.splice(1, 1, { ...option, children: arr })
+        this.configOptions = configOptions
+      }
+    }
+  },
+  methods: {
+    getOperateOptions () {
+      this.handlerList = [
+        { label: '打开指定页面', value: 'goPage' },
+        { label: '查看详情页面', value: 'viewEntity' },
+        { label: '发起通用请求', value: 'commonAction' },
+        { label: '发起业务规则', value: 'commonRuleAction' },
+        { label: '打开审批页面', value: 'goCheckPage' },
+        { label: '批量编辑', value: 'editMultiEntity' },
+        { label: '发起流程', value: 'applyEntity' },
+        { label: '执行流程审批', value: 'checkEntity' },
+        { label: '批量审核', value: 'batchCheck' },
+        { label: '报表打印', value: 'print' },
+        { label: '返回', value: 'backPage' },
+        { label: '自定义JS', value: 'customJs' }
+      ]
+      this.operateOptions = {
+        page: {
+          key: 'page',
+          label: '打开页面',
+          type: 'page',
+          showFlag: { handler: ['goPage', 'addCategoryEntity', 'addCategorySiblingEntity'] }
+        }
+      }
+      this.operateConfigs = [
+        {
+          key: 'base',
+          title: '基本',
+          options: ['text', 'ui', 'type', 'icon', 'preview']
+        },
+        {
+          key: 'event',
+          title: '事件',
+          options: ['beforeTrigger', 'handler', 'metaId', 'action', 'rule', 'openMode', 'page', 'pageType', 'printWay', 'printCode', 'cptName', 'destActivityId', 'processNode', 'function', 'params', 'afterTrigger', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['showCondition', 'num', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+    },
+    initDefaultConfigs () {
+      const { addPage = 'entity-add-page', editPage = 'entity-edit-page', openMode = '3', addPageFlag = 'v_add' } = this.allConfigs
+      let keywords = []
+      const { label, keyNames = [] } = this.currentMeta
+      let metaKey = 'ID'
+      if (this.currentMeta) {
+        metaKey = this.currentMeta.getKey()
+        keywords = [...keyNames]
+        if (label) {
+          keywords.push(label)
+        }
+      }
+      // 获取到该组件的默认配置
+      this.commonOperates = [
+        {
+          text: '新增',
+          handler: 'goPage',
+          ui: 'primary',
+          pageFlag: addPageFlag,
+          num: 0,
+          component: addPage,
+          pageType: 'ADD',
+          openMode
+        }, {
+          text: '编辑',
+          handler: 'goPage',
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: 'EDIT',
+          openMode
+        }, {
+          text: '详情',
+          handler: 'viewEntity',
+          pageFlag: addPageFlag,
+          num: 1,
+          component: addPage,
+          pageType: 'DETAIL',
+          openMode
+        },
+        {
+          text: '删除',
+          handler: 'commonAction',
+          action: 'removeMulti',
+          num: 'n',
+          confirmMsg: this.$t('Confirm the deletion') + '？',
+          successMsg: '删除成功',
+          failMsg: '删除失败',
+          params: {
+            ids: `#[${metaKey}]`
+          }
+        },
+        {
+          text: '导入',
+          handler: 'goPage',
+          pageFlag: 'v_import',
+          component: 'import-page'
+        },
+        {
+          text: '导出',
+          handler: 'goPage',
+          pageFlag: 'v_export',
+          component: 'export-page',
+          params: {
+            selects: `#[${metaKey}]`,
+            total: '$[total]',
+            params: '$[params]',
+            scopeParams: '$[scopeParams]',
+            fields: '$[listFields]'
+          }
+        },
+        {
+          text: '打印',
+          handler: 'print'
+        },
+        {
+          text: '批量编辑',
+          handler: 'editMultiEntity'
+        },
+        {
+          text: '打开审核页面',
+          handler: 'goCheckPage'
+        },
+        {
+          text: '流程审批',
+          handler: 'checkEntity'
+        },
+        {
+          text: '批量审核',
+          handler: 'batchCheck',
+          num: 'n'
+        },
+        {
+          text: '发起申请',
+          handler: 'applyEntity'
+        },
+        {
+          text: '返回',
+          handler: 'backPage'
+        },
+        {
+          text: '自定义按钮'
+        }
+      ]
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        addPageFlag: 'v_add',
+        editPageFlag: 'v_add',
+        detailPageFlag: 'v_add',
+        detailFlag: true,
+        componentType: '',
+        treeExpandMore: true,
+        metaId: this.pageMetaId,
+        action: 'list',
+        searchFlag: true,
+        searchMode: 'keyword',
+        showSearchLabel: false,
+        border: false,
+        keywords,
+        searchFields: [],
+        listFields: this.currentMeta.getAllFields(),
+        pageFlag: true,
+        pageSize: 20,
+        operateFlag: true,
+        operateEllipsis: 2,
+        multiSelectColumnFlag: true, // 是否显示多选框列
+        serialColumnFlag: true, // 是否显示序号列
+        operateColumnFlag: true, // 是否显示操作列
+        totalFlag: true,
+        operateColumnWidth: 100,
+        operateColumnEllipsis: 2,
+        operateColumnPosition: 'start',
+        span: 24,
+        operates: [
+          {
+            text: '新增',
+            handler: 'goPage',
+            ui: 'primary',
+            num: 0,
+            openMode,
+            component: addPage,
+            params: {}
+          },
+          {
+            text: '删除',
+            handler: 'commonAction',
+            action: 'removeMulti',
+            num: 'n',
+            confirmMsg: this.$t('Confirm the deletion') + '？',
+            successMsg: '删除成功',
+            params: {
+              ids: `#[${metaKey}]`
+            }
+          },
+          {
+            text: '导入',
+            handler: 'goPage',
+            component: 'import-page',
+            params: {}
+          },
+          {
+            text: '导出',
+            handler: 'goPage',
+            component: 'export-page',
+            params: {
+              selects: `#[${metaKey}]`,
+              total: '$[total]',
+              params: '$[params]',
+              fields: '$[listFields]',
+              scopeParams: '$[scopeParams]'
+            }
+          }
+        ],
+        columnOperates: [
+          {
+            text: '编辑',
+            handler: 'goPage',
+            num: 1,
+            openMode,
+            component: editPage,
+            pageType: 'EDIT'
+          }
+          // {
+          //   text: '删除',
+          //   handler: 'commonAction',
+          //   action: 'removeMulti',
+          //   num: 'n',
+          //   confirmMsg: this.$t('Confirm the deletion') + '？',
+          //   successMsg: '删除成功',
+          //   params: {
+          //     ids: `#[${this.$metaKey}]`
+          //   }
+          // }
+        ]
+      }
+    },
+    initConfigOptions () {
+      const { addPage = 'entity-add-page', editPage = 'entity-edit-page', openMode = '2', treeMetaId } = this.allConfigs
+
+      const operates = [
+        {
+          text: '新增',
+          handler: 'addCategoryEntity',
+          ui: 'primary',
+          num: 0,
+          openMode,
+          component: addPage,
+          metaId: treeMetaId,
+          params: {}
+        },
+        {
+          text: '编辑',
+          handler: 'goPage',
+          num: 1,
+          openMode,
+          component: editPage,
+          metaId: treeMetaId,
+          pageType: 'EDIT',
+          params: {
+            ids: '#[id]'
+          }
+        },
+        {
+          text: '删除',
+          ui: 'primary',
+          handler: 'commonAction',
+          action: 'removeMulti',
+          metaId: treeMetaId,
+          num: 'n',
+          confirmMsg: this.$t('Confirm the deletion') + '？',
+          successMsg: '删除成功',
+          params: {
+            ids: '#[id]'
+          }
+        }
+      ]
+      const defaultColumnOperates = [
+        {
+          text: '新增',
+          handler: 'addCategoryEntity',
+          ui: 'primary',
+          num: 0,
+          openMode,
+          component: addPage,
+          metaId: treeMetaId,
+          params: {}
+        },
+        {
+          text: '新增同级节点',
+          handler: 'addCategorySiblingEntity',
+          ui: 'primary',
+          metaId: treeMetaId,
+          component: 'entity-add-page'
+        },
+        {
+          text: '编辑',
+          num: 1,
+          openMode,
+          component: editPage,
+          metaId: treeMetaId,
+          pageType: 'EDIT',
+          params: {
+            ids: '#[id]'
+          }
+        },
+        {
+          text: '删除',
+          ui: 'primary',
+          handler: 'commonAction',
+          action: 'removeMulti',
+          metaId: treeMetaId,
+          num: 'n',
+          confirmMsg: this.$t('Confirm the deletion') + '？',
+          successMsg: '删除成功',
+          params: {
+            ids: '#[id]'
+          }
+        }
+      ]
+      const handlerList = [
+        { label: '打开指定页面', value: 'goPage' },
+        { label: '查看详情页面', value: 'viewEntity' },
+        { label: '发起通用请求', value: 'commonAction' },
+        { label: '发起业务规则', value: 'commonRuleAction' },
+        { label: '新增节点', value: 'addCategoryEntity' },
+        { label: '新增同级节点', value: 'addCategorySiblingEntity' },
+        { label: '打开审批页面', value: 'goCheckPage' },
+        { label: '发起流程', value: 'applyEntity' },
+        { label: '执行流程审批', value: 'checkEntity' },
+        { label: '批量审核', value: 'batchCheck' },
+        { label: '报表打印', value: 'print' },
+        { label: '返回', value: 'backPage' },
+        { label: '自定义JS', value: 'customJs' }
+      ]
+      const configOptions = [
+        {
+          key: 'global',
+          label: '全局设置',
+          children: [
+            { key: 'componentName', label: '组件名称', type: 'input' },
+            { key: 'componentType', label: '组件状态', type: 'radio', options: [{ label: '根据页面状态', value: '' }, { label: '详情', value: 'DETAIL' }, { label: '只读', value: 'READONLY' }] },
+            { key: 'metaId', label: '组件对象', type: 'object', object: 'FM_ENTITY' },
+            { key: 'detailFlag', label: '点击进入详情', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+            { key: 'detailPageId', label: '详情页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }] },
+            { key: 'editable', label: '列表可编辑', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+            { key: 'action', label: '请求操作', type: 'select', options: this.actionList }
+          ]
+        },
+        {
+          key: 'tree',
+          label: '树形区域',
+          children: [
+            { key: 'treeMetaId', label: '组件对象', type: 'object', object: 'FM_ENTITY' },
+            { key: 'treeExpandMore', label: '同时展开多个节点', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+            { key: 'treeNodeExpand', label: '展开层级', type: 'radio', options: [{ label: '全部收起', value: 'none' }, { label: '全部展开', value: 'all' }, { label: '展开首节点', value: 'first' }, { label: '展开第一层', value: 'level1' }, { label: '展开第二层', value: 'level2' }] },
+            { key: 'treeScopeParams', label: '查询范围', type: 'scope', metaId: treeMetaId },
+            { key: 'treeOperates', label: '操作按钮', type: 'operates', defaultValue: operates, commonOperates: operates, handlerList },
+            { key: 'treeColumnOperates', label: '操作列', type: 'operates', defaultValue: defaultColumnOperates, handlerList },
+            { key: 'treeOrderFields', label: '排序字段', type: 'order-field', metaId: treeMetaId, treeFieldStore: [] },
+            { key: 'treeGroupField', label: '分组字段', type: 'object', object: 'FM_ATTRIBUTE', dataKey: 'NAME', scopeParams: [{ field: 'ENTITY_ID', values: this.allConfigs.treeMetaId }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] },
+            { key: 'treeUpField', label: '上级字段', type: 'object', object: 'FM_ATTRIBUTE', dataKey: 'NAME', scopeParams: [{ field: 'ENTITY_ID', values: this.allConfigs.treeMetaId }, { field: 'DATA_TYPE', mode: 'in', values: 'object,list' }] }
+          ]
+        },
+        {
+          key: 'list',
+          label: '列表内容',
+          children: [
+            { key: 'listFields', label: '列表字段', type: 'list-field' },
+            { key: 'orderFields', label: '排序字段', type: 'order-field' },
+            { key: 'LabelFields', label: '外部标签字段', type: 'field' },
+            { key: 'scopeParams', label: '查询范围', type: 'scope' },
+            { key: 'pageFlag', label: '是否分页', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'pageSize', label: '每页记录数', type: 'select', options: [{ label: '5', value: 5 }, { label: '10', value: 10 }, { label: '15', value: 15 }, { label: '20', value: 20 }, { label: '30', value: 30 }, { label: '50', value: 50 }, { label: '100', value: 100 }, { label: '200', value: 200 }] },
+            { key: 'limit', label: '显示数量', type: 'num' },
+            { key: 'setField', label: '设置字段', type: 'switch', defaultValue: true },
+            { key: 'serialColumnFlag', label: '是否需要序号', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'multiSelectColumnFlag', label: '是否需要选择框', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'totalFlag', label: '是否显示总数量', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'linkTreeFields', label: '关联字段', type: 'field' }
+          ]
+        },
+        {
+          key: 'search',
+          label: '查询区域',
+          children: [
+            { key: 'searchFlag', label: '是否显示查询', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
+            { key: 'searchMode', label: '查询方式', type: 'radio', options: [{ label: '字段组合', value: 'field' }, { label: '筛选项', value: 'filter' }, { label: '关键词', value: 'keyword' }], defaultValue: 'keyword' },
+            { key: 'keywords', label: '关键词字段', type: 'field' },
+            { key: 'searchFields', label: '查询字段', type: 'field', showFlag: { searchMode: ['field', 'filter'] } },
+            { key: 'filterFields', label: '筛选字段', type: 'field' },
+            { key: 'showSearchLabel', label: '展示字段名', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], showFlag: { searchMode: 'field' } }
+          ]
+        },
+        {
+          key: 'operate',
+          label: '操作按钮',
+          children: [
+            { key: 'operateFlag', label: '是否需要按钮', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'operates', label: '操作按钮', type: 'operates' },
+            { key: 'operateEllipsis', label: '按钮显示数量', type: 'num' },
+            { key: 'operateColumnFlag', label: '是否需要操作列', type: 'radio', options: [{ label: '需要', value: true }, { label: '不需要', value: false }] },
+            { key: 'columnOperates', label: '操作列', type: 'operates' },
+            { key: 'operateColumnWidth', label: '操作列宽度', type: 'num' },
+            { key: 'operateColumnEllipsis', label: '操作列显示数量', type: 'num' },
+            { key: 'operateColumnPosition', label: '操作列位置', type: 'radio', options: [{ label: '开始', value: 'start' }, { label: '结束', value: 'end' }] }
+          ]
+        },
+        {
+          key: 'advance',
+          label: '高级设置',
+          children: [
+            { key: 'componentEvents', label: '组件事件', type: 'event' },
+            { key: 'span', label: '宽度', type: 'select', options: this.spanOptions },
+            { key: 'xsspan', label: '移动端宽度', type: 'select', options: this.spanOptions },
+            { key: 'height', label: '高度' },
+            { key: 'flex', label: '占据页面剩余空间', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] }
+          ]
+        }
+      ]
+      this.configOptions = configOptions
+    },
+    initConfig () {
+      const config = this.$_.cloneDeep(this.compConfig)
+      if (this.componentInfo.span) {
+        config.span = this.componentInfo.span
+      }
+      this.config = config
+      for (const key in this.config) {
+        if (!this.config[key]) continue
+        if (key === 'order_field' || this.config[key].type === 'order-field') {
+          const orderFields = []
+          const orderMode = this.config.order_mode || []
+          this.config[key].forEach((item, index) => {
+            let field = item
+            if (typeof item === 'string') {
+              field = { attriName: item }
+            }
+            orderFields.push({ ...field, sort: orderMode[index] || 'asc' })
+          })
+          this.config.orderFields = orderFields
+        }
+      }
+    },
+    getFieldOptions () {
+      this.getFunctionOption()
+      this.fieldOptions = [
+        { key: 'attriName', label: '字段', readonly: true },
+        { key: 'configWay', label: '配置方式', type: 'radio', options: [{ label: '默认配置', value: 'default' }, { label: '自定义', value: 'custom' }], defaultValue: 'default' },
+        { key: 'attriLabel', label: '名称', type: 'text' },
+        { key: 'width', label: '宽度', type: 'text', defaultValue: '120' },
+        { key: 'locked', label: '是否锁定', type: 'switch', defaultValue: false },
+        { key: 'editable', label: '可编辑', type: 'switch', defaultValue: false },
+        { key: 'state', label: '字段状态', type: 'radio', options: [{ label: '显示', value: 'DETAIL' }, { label: '隐藏', value: 'HIDDEN' }], defaultValue: 'DETAIL' },
+        { key: 'link', label: '链接', type: 'swicth' },
+        { key: 'linkType', label: '链接类型', type: 'radio', code: 'LINK_TYPE', showFlag: { link: [true] } },
+        { key: 'linkPageId', label: '页面', type: 'object', object: 'FM_PAGE_CONFIG', scopeParams: [{ field: 'SYSTEM', values: this.SYSTEM }], showFlag: { link: [true], linkType: 'page' } },
+        { key: 'linkAddress', label: '链接地址', showFlag: { link: [true], linkType: 'url' } },
+        { key: 'linkOpenType', label: '链接打开方式', type: 'radio', code: 'PAGE_OPEN_MODE', showFlag: { link: [true], linkType: ['page', 'detail'] } },
+        { key: 'linkParams', label: '链接参数设置', type: 'params', showFlag: { link: [true], linkType: ['page', 'detail'] } },
+        { key: 'color', label: '字体颜色', type: 'color', defaultValue: '#333' },
+        {
+          key: 'showWay',
+          label: '显示内容',
+          type: 'radio',
+          options: [{ label: '字段值', value: 'value' }, { label: '字段值', value: 'record' }, { label: '统计值', value: 'statistics' }],
+          defaultValue: 'value',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'statisticsType',
+          label: '统计方式',
+          type: 'radio',
+          code: 'FIELD_STATISTIC_TYPE',
+          defaultValue: 'SUM',
+          showFlag: {
+            showWay: 'statistics',
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'fields',
+          label: '展示字段',
+          type: 'field',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'separator',
+          label: '字段分隔符',
+          type: 'radio',
+          options: [{ label: '、', value: '、' }, { label: '/', value: '/' }],
+          defaultValue: '、',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'showFieldName',
+          label: '是否展示字段名',
+          type: 'radio',
+          options: [{ label: '是', value: '1' }, { label: '否', value: '0' }],
+          defaultValue: '0',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'orderFields',
+          label: '排序字段',
+          type: 'order-field',
+          showFlag: {
+            relationSort: '1'
+          }
+        },
+        {
+          key: 'scopeParams',
+          label: '查询范围',
+          type: 'scope',
+          showFlag: {
+            relationSort: '1'
+          }
+        }
+      ]
+    }
+  }
+}
+</script>