@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/src/visual/CheckForm.vue

@@ -0,0 +1,106 @@
+<script>
+import AddFormVue from './AddForm'
+export default {
+  name: 'epx-visual-check-form',
+  extends: AddFormVue,
+  methods: {
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.commonOperates = [
+        { // 操作按钮
+          text: '审核通过',
+          ui: 'primary',
+          result: '1',
+          handler: 'submitForm'
+        }, { // 操作按钮
+          text: '审核不通过',
+          ui: 'danger',
+          result: '0',
+          handler: 'submitForm'
+        }, {
+          text: '返回',
+          cls: 'btn_hollow',
+          handler: 'backPage'
+        },
+        { // 操作按钮
+          text: '保存',
+          ui: 'primary',
+          handler: 'submitForm'
+        }, {
+          text: '编辑',
+          ui: 'primary',
+          handler: 'editEntity'
+        }, {
+          text: '发起流程',
+          ui: 'primary',
+          handler: 'applyEntity'
+        },
+        {
+          text: '流程审批',
+          ui: 'primary',
+          handler: 'checkEntity'
+        },
+        {
+          text: '打印',
+          ui: 'primary',
+          handler: 'print'
+        },
+        {
+          text: '返回',
+          cls: 'btn_hollow',
+          handler: 'backPage'
+        }
+      ]
+      this.defaultConfigs = {
+        column: '2',
+        split: 16,
+        span: 24,
+        editOne: false,
+        openOpinion: true,
+        operateFlag: true,
+        operates: [{
+          text: '流程审批',
+          ui: 'primary',
+          handler: 'checkEntity'
+        }, {
+          text: '返回',
+          cls: 'btn_hollow',
+          handler: 'backPage'
+        }]
+      }
+      this.subDefaultConfigs = {
+        formTitleFlag: true,
+        formTitleStyle: 'default'
+      }
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'column', label: '列数', type: 'input' },
+        { key: 'split', label: '分割线宽度', type: 'num' },
+        { key: 'editOne', label: '单条编辑', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'operateFlag', label: '是否显示按钮', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        { key: 'operates', label: '操作按钮', type: 'operates' },
+        { key: 'openOpinion', label: '审核意见弹窗', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
+        { key: 'checkOpinion', label: '审核意见', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
+        { key: 'checkSign', label: '审核签名', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
+        { key: 'result', label: '审核操作' },
+        { key: 'result', label: '审核操作' },
+        { 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
+      this.subConfigOptions = [
+        { key: 'formTitleFlag', label: '是否显示表单标题', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }], defaultValue: true },
+        { key: 'formTitleStyle', label: '标题样式', type: 'radio', options: [{ label: '默认', value: 'default' }, { label: '简单', value: 'simple' }], defaultValue: 'default' }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/ClientList.vue

@@ -0,0 +1,42 @@
+<script>
+import EntityListVue from './EntityList.vue'
+export default {
+  name: 'epx-visual-client-list',
+  extends: EntityListVue,
+  methods: {
+    getOperateOptions () {
+      this.handlerList = [
+        { label: '打开指定页面', value: 'goPage' },
+        { label: '发起通用请求', value: 'commonAction' },
+        { label: '打开审批页面', value: 'goCheckPage' },
+        { label: '批量编辑', value: 'editMultiEntity' },
+        { label: '执行流程审批', value: 'checkEntity' },
+        { label: '报表打印', value: 'print' },
+        { label: '返回', value: 'backPage' },
+        { label: '数据库复制', value: 'copyDatabase' }
+      ]
+      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']
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/CodeManage.vue

@@ -0,0 +1,116 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-code-manage',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      let keywords = []
+
+      if (this.currentMeta) {
+        const { label, keyNames = [] } = this.currentMeta
+        keywords = [...keyNames]
+        if (label) {
+          keywords.push(label)
+        }
+      }
+      // 获取到该组件的默认配置
+      this.defaultConfigs = {
+        flex: false,
+        componentName: this.componentInfo.title,
+        searchFlag: true,
+        keywords,
+        fields: this.currentMeta.getAllFields(),
+        pageFlag: true,
+        pageSize: 20,
+        span: 24
+      }
+    },
+    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 (key === '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.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: 'state',
+          label: '字段状态',
+          type: 'radio',
+          options: [{ label: '跟随页面状态', value: '' }, { label: '新增', value: 'ADD' }, { label: '编辑', value: 'EDIT' }, { label: '详情', value: 'DETAIL' }, { label: '隐藏', value: 'HIDDEN' }],
+          defaultValue: ''
+        },
+        { key: 'showLabel', label: '显示名称', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }], defaultValue: true },
+        { key: 'value', label: '默认值', type: 'value' },
+        { key: 'color', label: '字体颜色', type: 'color', defaultValue: '#333' },
+        { key: 'noteMode', label: '注释说明显示模式', type: 'radio', options: [{ label: '弹窗', value: 'tips' }, { label: '文本', value: 'text' }], defaultValue: 'tips' },
+        { key: 'notes', label: '注释说明', type: 'input' },
+        {
+          key: 'findPageId',
+          label: '对象查找页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG',
+          showFlag: {
+            dataType: ['multiobject', 'object']
+          }
+        },
+        {
+          key: 'maxLength',
+          label: '长度限制',
+          type: 'num',
+          showFlag: {
+            dataType: ['text', 'textarea', 'bigtext']
+          }
+        },
+        {
+          key: 'showLevel',
+          label: '下拉框层级',
+          type: 'number',
+          showFlag: {
+            dataType: ['treeList', 'multiobject', 'object']
+          }
+        },
+        {
+          key: 'onlySelectLeaf',
+          label: '只选择叶节点',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: {
+            dataType: ['treeList', 'multiobject', 'object']
+          }
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>