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

package/src/visual/AppIndex.vue

@@ -0,0 +1,245 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-app-index',
+  extends: ComponentVue,
+  methods: {
+    initDefaultConfigs () {
+      this.defaultConfigs = {
+        navType: '0',
+        showNav: true,
+        navComponent: 'app-nav',
+        editPersonFlag: true,
+        showRoleChange: true,
+        showTabbar: true,
+        appPageType: 'menu'
+      }
+    },
+    getOperateOptions () {
+      this.handlerList = [
+        { label: '打开指定页面', value: 'goPage' },
+        { label: '发起通用请求', value: 'commonAction' },
+        { label: '发起业务规则', value: 'commonRuleAction' },
+        { label: '返回', value: 'backPage' },
+        { label: '自定义JS', value: 'customJs' }
+      ]
+      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', 'function', 'params', 'afterTrigger', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['showCondition', 'num', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+    },
+    initConfigOptions () {
+      const configOptions = [
+        { key: 'componentName', label: '组件名称', type: 'input' },
+        { key: 'showNav', label: '是否显示导航', type: 'radio', options: [{ label: '显示', value: true }, { label: '不显示', value: false }] },
+        { key: 'navType', label: '导航显示', type: 'radio', options: [{ label: '侧边导航', value: '0' }, { label: '顶部导航', value: '1' }], showFlag: { showNav: true } },
+        { key: 'navShowLevel', label: '导航显示层级', type: 'radio', options: [{ label: '一级', value: '1' }, { label: '全部', value: 'all' }], showFlag: { navType: ['1', null] }, defaultValue: '1' },
+        {
+          key: 'navComponent',
+          label: '顶部导航组件',
+          type: 'object',
+          object: 'FM_PAGE',
+          dataKey: 'CODE',
+          showFlag: { showNav: true }
+        },
+        {
+          key: 'navMenuFontSize',
+          label: '导航字体大小',
+          type: 'num',
+          showFlag: { showNav: true },
+          defaultValue: 14
+        },
+        {
+          key: 'navBackgroundColor',
+          label: '导航背景色',
+          type: 'radio',
+          options: [{ label: '主题色', value: 'primary' }, { label: '白色', value: 'white' }],
+          defaultValue: 'primary'
+        },
+        {
+          key: 'navOperates',
+          label: '导航栏操作按钮',
+          type: 'operates'
+        },
+        { key: 'editPersonFlag', label: '修改个人信息', type: 'radio', options: [{ label: '是', value: true }, { label: '否', value: false }] },
+        {
+          key: 'editPersonPage',
+          label: '修改个人信息页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG'
+        },
+        {
+          key: 'showAppSwicth',
+          label: '显示应用切换',
+          type: 'radio',
+          options: [
+            {
+              label: '显示',
+              value: true
+            },
+            {
+              label: '不显示',
+              value: false
+            }
+          ]
+        },
+        {
+          key: 'showToHallBtn',
+          label: '显示进入服务大厅按钮',
+          type: 'radio',
+          options: [
+            {
+              label: '显示',
+              value: true
+            },
+            {
+              label: '不显示',
+              value: false
+            }
+          ],
+          showFlag: { showAppSwicth: [true, null, undefined] }
+        },
+        {
+          key: 'showRoleChange',
+          label: '显示角色切换',
+          type: 'radio',
+          options: [
+            {
+              label: '显示',
+              value: true
+            },
+            {
+              label: '不显示',
+              value: false
+            }
+          ]
+        },
+        {
+          key: 'showMenu',
+          label: '是否显示菜单',
+          type: 'radio',
+          options: [
+            {
+              label: '显示',
+              value: true
+            },
+            {
+              label: '不显示',
+              value: false
+            }
+          ]
+        },
+
+        {
+          key: 'showTabbar',
+          label: '是否显示底部导航',
+          type: 'radio',
+          options: [
+            {
+              label: '显示',
+              value: true
+            },
+            {
+              label: '不显示',
+              value: false
+            }
+          ]
+        },
+        {
+          key: 'appPageType',
+          label: '应用首页',
+          type: 'radio',
+          options: [
+            {
+              label: '模块列表',
+              value: 'module'
+            },
+            {
+              label: '菜单首页',
+              value: 'menu'
+            },
+            {
+              label: '指定页面',
+              value: 'page'
+            }
+          ]
+        },
+        {
+          key: 'pageId',
+          label: '指定页面',
+          type: 'object',
+          object: 'FM_PAGE_CONFIG',
+          showFlag: { appPageType: 'page' }
+        },
+        {
+          key: 'pageCenter',
+          label: '页面居中显示',
+          type: 'switch'
+        },
+        {
+          key: 'componentMargin',
+          label: '页面组件间隔',
+          type: 'radio',
+          options: [
+            {
+              label: '小',
+              value: 'small'
+            },
+            {
+              label: '中',
+              value: 'medium'
+            },
+            {
+              label: '默认',
+              value: 'base'
+            }
+          ],
+          defaultValue: 'base'
+        },
+        {
+          key: 'borderRadius',
+          label: '圆角',
+          type: 'radio',
+          options: [
+            {
+              label: '无',
+              value: 'zero'
+            },
+            {
+              label: '默认',
+              value: 'base'
+            },
+            {
+              label: '中',
+              value: 'medium'
+            },
+            {
+              label: '大',
+              value: 'large'
+            }
+          ],
+          defaultValue: 'base'
+        }
+      ]
+      this.configOptions = configOptions
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/visual/ApplyForm.vue

@@ -0,0 +1,140 @@
+<script>
+import ComponentVue from './Component.vue'
+export default {
+  name: 'epx-visual-apply-form',
+  extends: ComponentVue,
+  data () {
+    return {
+      subConfigOptions: [
+      ]
+    }
+  },
+  methods: {
+    getOperateOptions () {
+      this.handlerList = [
+        { label: '打开指定页面', value: 'goPage' },
+        { label: '发起通用请求', value: 'commonAction' },
+        { label: '发起业务规则', value: 'commonRuleAction' },
+        { label: '表单提交', value: 'submitForm' },
+        { label: '发起流程', value: 'applyEntity' },
+        { label: '执行流程审批', value: 'checkEntity' },
+        { label: '报表打印', value: 'print' },
+        { label: '返回', value: 'backPage' },
+        { label: '自定义JS', value: 'customJs' }
+      ]
+      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', 'function', 'processNode', 'processOptional', 'openOpinion', 'checkOpinion', 'checkSign', 'reload', 'params', 'afterTrigger', 'afterTriggerPage', 'afterTriggerPageOpenMode', 'afterTriggerParams']
+        },
+        {
+          key: 'advance',
+          title: '高级',
+          options: ['showCondition', 'confirm', 'confirmMsg', 'successMsg', 'failMsg', 'mask']
+        }
+      ]
+      this.operateOptions = {
+        processOptional: {
+          key: 'processOptional',
+          label: '允许自选',
+          type: 'radio',
+          options: [{ label: '是', value: true }, { label: '否', value: false }],
+          defaultValue: false,
+          showFlag: { handler: 'applyEntity' }
+        }
+
+      }
+    },
+    initDefaultConfigs () {
+      // 获取到该组件的默认配置
+      this.commonOperates = [
+        { // 操作按钮
+          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,
+        operateFlag: true,
+        operates: [
+          {
+            text: '申请',
+            ui: 'primary',
+            handler: 'applyEntity'
+          },
+          {
+            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: '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 }] }
+      ]
+      // if (this.pageGlobalConfigs.layout === 'flex') {
+      //   configOptions.splice(1, 0, { 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>