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

package/src/base/entity-view-config/constants.js

@@ -0,0 +1,139 @@
+// 视图设计模块常量（与后端接口枚举对应，见《视图设计模块-接口文档》）
+
+// 数据来源 DATA_SOURCE
+export const DATA_SOURCES = [
+  { value: 'field', label: '字段值' },
+  { value: 'formula', label: '公式生成' },
+  { value: 'fixed', label: '指定值' }
+]
+
+// 取值函数 VALUE_FN（仅一对多源可用）
+export const VALUE_FNS = [
+  { value: '', label: '直接取值' },
+  { value: 'sum', label: '求和' },
+  { value: 'avg', label: '平均' },
+  { value: 'max', label: '最大' },
+  { value: 'min', label: '最小' },
+  { value: 'count', label: '记录数' },
+  { value: 'raw', label: '取首条' },
+  { value: 'last', label: '取末条' },
+  { value: 'concat', label: '拼接' }
+]
+
+// 关系类别 REL_TYPE
+export const REL_TYPES = {
+  1: '一对多',
+  2: '多对一',
+  3: '一对一'
+}
+
+// SQL 简单标识符（视图/列/分支编号均要求：字母/数字/下划线，不能以数字开头）
+export const SQL_IDENTIFIER_RE = /^[A-Za-z_][A-Za-z0-9_]*$/
+
+/**
+ * 数字类字段类型（sum/avg 源字段、数字固定值校验用）。
+ * 取值必须是平台 FM_DATA_TYPE 的真实码值——与后端 ViewDesignConst#typeClass 的数字大类一致：
+ * num(数值) / int(整数) / order(排序) / currency(金额)。
+ * 曾误用 number/integer/float/double/decimal/money 等平台不存在的码值，导致数字字段被判为非数字。
+ */
+export const NUMERIC_DATA_TYPES = ['num', 'int', 'order', 'currency']
+
+// 公式编辑器可插入函数
+export const FORMULA_FNS = [
+  { name: 'SUM', insert: 'SUM()' },
+  { name: 'AVG', insert: 'AVG()' },
+  { name: 'MAX', insert: 'MAX()' },
+  { name: 'MIN', insert: 'MIN()' },
+  { name: 'COUNT', insert: 'COUNT()' },
+  { name: 'DATEDIFF', insert: 'DATEDIFF(, )' },
+  { name: 'CURRENT_DATE', insert: 'CURRENT_DATE()' }
+]
+
+// 公式编辑器运算符
+export const FORMULA_OPS = ['+', '-', '*', '/', '(', ')']
+
+export function dataSourceLabel (value) {
+  const item = DATA_SOURCES.find(d => d.value === value)
+  return item ? item.label : value
+}
+
+export function valueFnLabel (value) {
+  const item = VALUE_FNS.find(d => d.value === value)
+  return item ? item.label : value
+}
+
+export function relTypeLabel (value) {
+  return REL_TYPES[value] || ''
+}
+
+// 元数据字段类型 -> 视图列类型
+export function mapViewType (dataType) {
+  if (NUMERIC_DATA_TYPES.includes(dataType)) return '数字'
+  if (['date', 'datetime', 'time', 'timestamp'].includes(dataType)) return '时间'
+  if (['list', 'code', 'select', 'radio', 'checkbox'].includes(dataType)) return '选项'
+  if (['object', 'entity', 'user', 'dept', 'org'].includes(dataType)) return '对象'
+  if (['textarea', 'html', 'richtext'].includes(dataType)) return '文本区'
+  return '文本'
+}
+
+// FM_VIEW_FIELD 保存时提交的 bean 字段（接口文档 §6.2 列配方）。
+// SOURCE_META_ID/REL_FLAG 是保存期入参（不落库）：绑定关联对象字段时传，后端自动登记源并回填 SOURCE_CODE；
+// CODE_DEFINE/LINK_ENTITY/DATE_PRECISION 是类型辅助列：选项的代码表、对象的关联对象、时间的日期精度
+export const FIELD_BEAN_KEYS = [
+  'NAME', 'CODE', 'VIEW_TYPE', 'DATA_SOURCE', 'SOURCE_CODE', 'SOURCE_META_ID', 'REL_FLAG', 'SOURCE_FIELD',
+  'VALUE_FN', 'DISTINCT_FLAG', 'SOURCE_EXPR', 'ORDER_FIELD', 'ORDER_DIR', 'FORMULA', 'FIXED_VALUE', 'CODE_MAP',
+  'CODE_DEFINE', 'LINK_ENTITY', 'DATE_PRECISION', 'SORT'
+]
+
+// FM_VIEW_FIELD.DATE_PRECISION 的代码表（YYYY / YYYY-MM / YYYY-MM-DD / 日期时间 / 时分秒）
+export const DATE_PRECISION_CODE_KEY = 'AFFB7E968005490EBFBA544D59E2063B'
+
+// 日期精度 -> el-date-picker 配置（time 档用 el-time-picker，不在此表）
+export const DATE_PRECISION_PICKERS = {
+  year: { type: 'year', valueFormat: 'YYYY' },
+  date_ym: { type: 'month', valueFormat: 'YYYY-MM' },
+  date: { type: 'date', valueFormat: 'YYYY-MM-DD' },
+  datetime: { type: 'datetime', valueFormat: 'YYYY-MM-DD HH:mm:ss' }
+}
+
+// FM_VIEW_UNION_FIELD saveMapping 提交的 bean 字段（接口文档 §6.4 聚合列映射；
+// ENTITY_ID/UNION_ID/FIELD_CODE/ID 由调用方单独组装；SOURCE_META_ID/REL_FLAG 同上为保存期入参）
+export const UNION_MAPPING_BEAN_KEYS = [
+  'DATA_SOURCE', 'SOURCE_CODE', 'SOURCE_META_ID', 'REL_FLAG', 'SOURCE_FIELD', 'SOURCE_EXPR',
+  'VALUE_FN', 'DISTINCT_FLAG', 'FORMULA', 'FIXED_VALUE', 'CODE_MAP', 'ORDER_FIELD', 'ORDER_DIR'
+]
+
+// 生成视图内唯一的列编号（「ID」为保留主键列）
+export function uniqueFieldCode (name, usedCodes, sourceCode) {
+  let code = (name || '').toUpperCase()
+  if (!code || code === 'ID' || usedCodes.has(code)) {
+    code = sourceCode ? `${sourceCode}_${code}` : `F_${code}`
+  }
+  let result = code
+  let index = 2
+  while (usedCodes.has(result) || result === 'ID') {
+    result = `${code}_${index++}`
+  }
+  usedCodes.add(result)
+  return result
+}
+
+// 解析公式中的 token：[列CODE] / [源编号.字段id]（存储态）/ [metaId@relFlag.字段id]（传输态，多级 flag 用 |）
+export function parseFormulaTokens (formula) {
+  if (!formula) return []
+  const tokens = []
+  const re = /\[([A-Za-z0-9_]+(?:@[A-Za-z0-9_|]+)?)(?:\.([A-Za-z0-9_]+))?\]/g
+  let match
+  while ((match = re.exec(formula)) !== null) {
+    const source = match[2] ? match[1] : ''
+    const token = { source, field: match[2] || '', code: match[2] ? '' : match[1], raw: match[0] }
+    // 传输态 token：拆出关联对象 metaId 与关联路径
+    if (source.includes('@')) {
+      const [metaId, relFlag] = source.split('@')
+      token.metaId = metaId
+      token.relFlag = relFlag
+    }
+    tokens.push(token)
+  }
+  return tokens
+}

package/src/base/user-type/UserTypeFormItem.vue

@@ -0,0 +1,134 @@
+
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import AddFormItemVue from '@epxing/components/src/add-form-item/AddFormItem.vue'
+export default {
+  name: 'epx-base-user-type-form-item',
+  extends: AddFormItemVue,
+  data () {
+    return {
+      linkEntityList: []
+    }
+  },
+  computed: {
+    entityId () {
+      return 'FM_USER'
+    },
+    formatFields () {
+      return attriName => {
+        const { [attriName]: fields } = this.data
+        if (fields) return JSON.parse(fields)
+        return []
+      }
+    },
+    linkEntitys: {
+      get () {
+        const { LINK_ENTITYS } = this.data
+        if (LINK_ENTITYS) return LINK_ENTITYS.split(',')
+        return []
+      },
+      set (v) {
+        this.data.LINK_ENTITYS = v.join(',')
+      }
+    }
+  },
+  methods: {
+    initComponent () {
+      this.getLinkEntitys()
+    },
+    async getLinkEntitys () {
+      let meta = this.metas.FM_USER
+      if (!meta) {
+        await this.$store.dispatch({
+          type: 'ADD_META',
+          metaId: 'FM_USER'
+        })
+          .then(data => {
+            meta = data
+          })
+      }
+      this.$http.list({
+        entityId: 'FM_ENTITY_RELATION',
+        'scope.ENTITY_B': meta.id
+      })
+        .then(data => {
+          this.linkEntityList = data.entitys
+        })
+    },
+    changeFields (field, v) {
+      this.data[field] = JSON.stringify(v)
+    },
+    renderForm () {
+      let { labelWidthType, labelWidth, valueWidthType, valueWidth, labelFontSize, valueFontSize, lineSpace, mFormStyle, mFormPadding } = this.$configs
+      labelWidth = labelWidthType === 'auto' ? 'auto' : labelWidth
+      valueWidth = valueWidthType === 'auto' ? 'auto' : valueWidth
+      if (this.fieldsConfigs.length > 0 && this.loadForm) {
+        return (
+          <epx-table-form class="epx-add-form-item__content" ref="form" metaId={this.$metaId} fieldsConfigs={this.fieldsConfigs} pageType={this.componentType} v-model={this.data} fieldRelation={this.fieldRelation} column={this.column} labelAlign={this.$configs.labelAlign} lineSpace={lineSpace} labelWidth={labelWidth} labelFontSize={labelFontSize} valueWidth={valueWidth} valueFontSize={valueFontSize} mFormStyle={mFormStyle} mFormPadding={mFormPadding} showRelyFlag={this.$configs.showRelyFlag !== false} valueRelyFlag={this.$configs.valueRelyFlag !== false} onChange-fields-configs={this.changeFieldsConfigs}
+            v-slots={{
+              default: ({ showLabel, fieldConfigs, metaId, ruleMetaId }) => {
+                return fieldConfigs.attriName === 'FIELDS' ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={ruleMetaId}
+                    fieldConfigs={fieldConfigs}
+                    rules={[{
+                      required: fieldConfigs.isRequired === '1' && fieldConfigs.state !== 'SEARCH',
+                      message: `${fieldConfigs.attriLabel}不能为空`
+                    }]}
+                  >
+
+                    <epx-visual-config-list-field componentMetaId={this.entityId} showFieldWay={false} showSubFlag={false} fieldOptions={[{ key: 'configWay', label: '配置方式', type: 'radio', options: [{ label: '默认配置', value: 'default' }, { label: '自定义', value: 'custom' }], defaultValue: 'default' }, { key: 'attriLabel', label: '名称', type: 'text' }]} value={this.formatFields(fieldConfigs.attriName)} onChangeConfigs={v => this.changeFields(fieldConfigs.attriName, v)}></epx-visual-config-list-field>
+                  </epx-table-form-item>
+                ) : fieldConfigs.attriName === 'LINK_ENTITYS' ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={this.entityId}
+                    functionList={[]}
+                    variableList={this.variableList}
+                    fieldConfigs={fieldConfigs}
+                  >
+                    <el-select v-model={this.linkEntitys} multiple placeholder="请选择关联对象">
+                      {
+                        this.linkEntityList.map(item => (
+                          <el-option
+                            key={item.ID}
+                            label={item.TITLE}
+                            value={item.FLAG}>
+                          </el-option>
+                        ))
+                      }
+                    </el-select>
+                  </epx-table-form-item>
+                ) : (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={ruleMetaId}
+                    fieldConfigs={fieldConfigs}
+                    rules={[{
+                      required: fieldConfigs.isRequired === '1' && fieldConfigs.state !== 'SEARCH',
+                      message: `${fieldConfigs.attriLabel}不能为空`
+                    }]}
+                  >
+                  </epx-table-form-item>
+                )
+              }
+            }}
+          ></epx-table-form>
+        )
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/AddPageFormItem.vue

@@ -0,0 +1,82 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import AddFormItem from '@epxing/components/src/add-form-item'
+export default {
+  name: 'epx-add-page-form-item',
+  extends: AddFormItem,
+  data () {
+    return {
+      createPageWay: 'base-page'
+    }
+  },
+  watch: {
+    createPageWay (v) {
+      this.data.PAGE_ID = ''
+      if (v === 'base-page') {
+        this.data.PAGE_ID = this.basePageId
+      }
+    }
+  },
+  methods: {
+    getBasePage () {
+      this.$http.find({
+        entityId: 'FM_PAGE',
+        'scope.CODE': 'base-page'
+      })
+        .then(data => {
+          this.basePageId = data.id
+          if (this.createPageWay === 'base-page') {
+            this.data.PAGE_ID = data.id
+          }
+        })
+    },
+    renderForm () {
+      if (this.fieldsConfigs.length > 0) {
+        return (
+          <epx-table-form class="form-content" ref="form" metaId={this.$metaId} fieldsConfigs={this.fieldsConfigs} pageType={this.componentType} v-model={this.data} column={this.column}
+            labelAlign={this.$configs.labelAlign}
+            v-slots={{
+              default: ({ showLabel, fieldConfigs, metaId, ruleMetaId }) => {
+                return fieldConfigs.attriName === 'PAGE_ID' ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    fieldConfigs={fieldConfigs}
+                  >
+                    <div>
+                      <el-radio-group v-model={this.createPageWay}>
+                        <el-radio label="base-page" value="base-page">空白模板</el-radio>
+                        <el-radio label="custom" value="custom">选择模板</el-radio>
+                      </el-radio-group>
+                      { this.createPageWay === 'custom' && <epx-object fieldConfigs={fieldConfigs}></epx-object>}
+                    </div>
+                  </epx-table-form-item>
+                ) : (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={ruleMetaId}
+                    fieldConfigs={fieldConfigs}
+                  >
+                  </epx-table-form-item>
+                )
+              }
+            }}
+          >
+          </epx-table-form>
+        )
+      }
+    }
+  },
+  created () {
+    this.getBasePage()
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/AddUsedInterface.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="container">
+      <div class="api-choose">
+        {{$t('range of opening')}}：
+        <el-radio-group v-model="openScope">
+          <el-radio v-for="item in openScopeList" :key="item.id" :label="item.code" :value="item.code">{{item.name}}</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="api-choose">
+        {{$t('authentication method')}}：
+        <el-radio-group v-model="authType">
+          <el-radio v-for="item in authTypeList" :key="item.id" :label="item.code" :value="item.code">{{item.name}}</el-radio>
+        </el-radio-group>
+      </div>
+      <div class="search-con">
+          <el-input class="search" clearable v-model="input" :placeholder="$t('please enter the content')" @change="searchApi"></el-input>
+      </div>
+    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">{{$t('check all')}}</el-checkbox>
+    <div class="check-con">
+        <el-checkbox-group v-model="checkedApi" @change="handleCheckedChange">
+            <el-checkbox v-for="api in apiList" :label="api.ID" :value="api.ID" :key="api.ID">{{api.LABEL}}    {{api.NAME}}</el-checkbox>
+            <!-- <el-checkbox v-for="api in searchApi" :label="api.ID" :value="api.ID" :key="api.ID">{{api.LABEL}}    {{api.NAME}}</el-checkbox> -->
+        </el-checkbox-group>
+    </div>
+    <div class="button-container">
+        <el-button type="primary" @click="sure">{{$t('determine')}}</el-button>
+        <el-button @click="backPage">{{$t('cancel')}}</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-add-used-interface',
+  data () {
+    return {
+      apiList: [],
+      checkAll: false,
+      checkedApi: [],
+      isIndeterminate: false,
+      input: '',
+      openScope: '1',
+      authType: '1',
+      openScopeList: [],
+      authTypeList: []
+    }
+  },
+  computed: {
+    // searchApi () {
+    //   return this.apiList.filter(item => {
+    //     return item.LABEL.match(this.input)
+    //   })
+    // }
+  },
+  methods: {
+    sure () {
+      const ids = this.checkedApi.join(',')
+      this.$http.list({
+        action: 'saveCommonApi',
+        entityId: 'FM_ENTITY_RIGHT',
+        targetEntityId: this.$query.parentId,
+        commonApiIds: ids,
+        openScope: this.openScope,
+        authType: this.authType
+      })
+        .then(() => {
+          this.$message.success(this.$t('save successfully'))
+          this.backPage()
+        })
+        .catch(err => {
+          this.$message.error(err.message || this.$t('deal with failure'))
+        })
+    },
+    searchApi () {
+      this.getApi()
+    },
+    handleCheckAllChange (val) {
+      //   this.checkedApi = val ? this.apiList : []
+      if (val) {
+        this.checkedApi = this.apiList.map(item => item.ID)
+      } else {
+        this.checkedApi = []
+      }
+      this.isIndeterminate = false
+    },
+    handleCheckedChange (value) {
+      const checkedCount = value.length
+      this.checkAll = checkedCount === this.apiList.length
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.apiList.length
+    },
+    getApi () {
+      this.$http.list({
+        action: 'getCommonApis',
+        entityId: 'FM_COMMON_API',
+        targetEntityId: this.$query.parentId,
+        apiName: this.input
+      })
+        .then(data => {
+          this.apiList = data.entitys
+        })
+    },
+    getCodeList () {
+      this.$http.getCodes({
+        key: 'FM_API_OPEN_SCOPE'
+      })
+        .then(data => {
+          this.openScopeList = data
+        })
+      this.$http.getCodes({
+        key: 'FM_API_AUTH_TYPE'
+      })
+        .then(data => {
+          this.authTypeList = data
+        })
+    }
+  },
+  created () {
+    this.getApi()
+    this.getCodeList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+    padding: 16px;
+}
+.container :deep(.el-checkbox){
+    margin-bottom: 20px;
+    width: 42%;
+    &:hover{
+        background-color: #f9f8f8;
+    }
+}
+.check-con{
+    height: 54%;
+    overflow: auto;
+    margin-bottom: 30px;
+}
+.button-container{
+    text-align: center;
+}
+.search-con{
+    // margin-bottom: 20px;
+    display: flex;
+    justify-content: flex-end;
+}
+.search{
+    width: 260px;
+}
+.api-choose{
+  margin-bottom: 10px;
+}
+</style>