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

package/src/components/custom-bpmn/components/MessageQueue.vue

@@ -0,0 +1,167 @@
+<template>
+  <div>
+    <ul class="bpmn-node-properties__attribute-list">
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">消息主题</label>
+            <epx-table-form-item
+            :value="{id: mqData.topic, name: mqData.topicName}"
+            @change="setMessageTopic" :fieldConfigs="{attriName: 'topic', attriLabel: '消息主题', dataType:'object', codeKey: 'FM_MQ_PRODUCER', state: 'EDIT'}"></epx-table-form-item>
+        </div>
+      </li>
+      <li class="attribute-item" v-if="mqData.paramList.length>0">
+        <div class="bpmn-node-properties__attribute-input bpmn-node-properties__attribute-input-update" v-for="(field, index) in mqData.paramList" :key="index">
+        <!-- <el-input class="bpmn-node-properties__input-params-key" v-model="field.code" placeholder="参数名"></el-input> -->
+        <label class="bpmn-node-properties__attribute-input__label">{{field.key}}</label>
+        <div class="bpmn-node-properties__attribute-input-type">
+          <el-select v-model="field.valueType" placeholder="请选择" @change="field.value='',field.valueC='',field.paramsType=''">
+            <el-option label="指定值" value="designated"></el-option>
+            <el-option label="动态值" value="dynamic"></el-option>
+            <el-option label="公式" value="formula"></el-option>
+          </el-select>
+        </div>
+        <div>
+          <template v-if="field.valueType==='designated'">
+            <el-input class="bpmn-node-properties__designated-input" v-model="field.value" placeholder="请输入内容"></el-input>
+              <!-- <epx-table-form-item :show-label="false" valueWidth="auto" :value="field.value" :valueLabel="field.valueC" @change="v=> changeFormData(field,v)" :field-configs="{attriName: field.code, dataType:ttriLabel: field.name, state: 'ADD'}"></epx-table-form-item> -->
+          </template>
+          <template v-else-if="field.valueType==='formula'">
+            <epx-rule v-model="field.value" :selfStyle="false" :fieldConfigs="{attriName: 'value', attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+              :extendVariable="ruleVariable" :ruleMetaId="businessMetaId">
+              <el-input class="bpmn-node-properties__designated-input" :model-value="getChineseValue(field.value)" placeholder="请点击输入"></el-input>
+            </epx-rule>
+          </template>
+          <template v-else-if="field.valueType==='dynamic'">
+            <div>
+              <el-popover ref="popover" trigger="click" :tabindex="1">
+                <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="field.valueC"  placeholder="参数"></el-input></template>
+                <!-- <div class="bpmn-node-properties__scope-opera__popper">
+                  <el-tree :data="globalParamsData" node-key="label" :props="{
+                      children: 'children',
+                      label: 'text'
+                    }" @node-click="selectFieldDynamicParams($event,field)">
+                    <span v-html="node.label" slot-scope="{ node }"></span>
+                  </el-tree>
+                </div> -->
+                <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectFieldDynamicParams($event,field,index)"></epx-bpmn-global-params-tree>
+              </el-popover>
+            </div>
+          </template>
+        </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-message-queue',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    ruleVariable: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    businessMetaId: String
+  },
+  data () {
+    return {
+      mqData: {
+        topic: '', // 主题ID
+        topicName: '',
+        paramList: []
+      }
+
+    }
+  },
+  computed: {
+    getChineseValue () {
+      return (value) => {
+        let string = ''
+        if (value) {
+          string = JSON.parse(value).elText
+        }
+        return string
+      }
+    }
+  },
+  watch: {
+    mqData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    selectFieldDynamicParams (paramItem, field, index) {
+      if (!paramItem.leaf) return
+      field.valueC = paramItem.text
+      field.value = paramItem.code
+      field.paramsType = paramItem.paramsType
+    },
+    setMessageTopic (v) {
+      this.mqData.topic = v ? v.id : ''
+      this.mqData.topicName = v ? v.name : ''
+      if (this.mqData.topic) {
+        this.getParams()
+      } else {
+        this.mqData.paramList = []
+      }
+    },
+    getParams () {
+      // FM_MQ_PARAM   ENABLE ==1    PRODUCER == 用户选择的生产者
+      this.$http.list({
+        entityId: 'FM_MQ_PARAM',
+        'scope.ENABLE': '1',
+        'scope.PRODUCER': this.mqData.topic
+      })
+        .then(data => {
+          const list = data.entitys.map(item => {
+            return { id: item.ID, key: item.KEY, paramsType: '', valueType: 'designated', value: '', valueC: '' }
+          })
+          this.mqData.paramList = list
+        })
+    },
+    saveNodeData () {
+      // if (!this.mqData.topic) {
+      //   this.$message.error('消息主题不能为空！')
+      //   return
+      // }
+      this.$emit('updateElementValues', {
+        key: 'camunda:mqData',
+        data: JSON.stringify(this.mqData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:mqData']) && this.elementValues['camunda:mqData'] !== '{}') {
+        const mqData = this.elementValues['camunda:mqData']
+        if (mqData) {
+          this.mqData = JSON.parse(mqData)
+        }
+      }
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/src/components/custom-bpmn/components/MetaSelect.vue

@@ -0,0 +1,136 @@
+<template>
+  <!-- display: contents 让内部两个块直接作为父级 __attribute-input 的 flex 子项，保持与原有布局一致 -->
+  <div class="bpmn-meta-select">
+    <div class="bpmn-node-properties__attribute-input-type">
+      <el-select :model-value="metaType" placeholder="请选择" @change="onTypeChange">
+        <el-option label="指定值" value="designated"></el-option>
+        <el-option label="动态值" value="dynamic"></el-option>
+      </el-select>
+    </div>
+    <div class="bpmn-node-properties__attribute-input__con">
+      <epx-table-form-item v-if="metaType==='designated'" class="bpmn-node-properties__form-item"
+        :model-value="{id: modelValue.formDataMeta, name: modelValue.formDataMetaName}"
+        @update:model-value="setFormMeta"
+        :fieldConfigs="objectConfigs"></epx-table-form-item>
+      <template v-else>
+        <el-popover trigger="click" :tabindex="1">
+          <template v-slot:reference>
+            <el-input class="bpmn-meta-select__dynamic-input" :model-value="modelValue.dynamicMetaValueC" suffix-icon="el-icon-search" placeholder="参数"></el-input>
+          </template>
+          <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectMetaDynamic"></epx-bpmn-global-params-tree>
+        </el-popover>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script>
+// 业务对象选择器：支持「指定值」（固定对象）与「动态值」（取流程/全局参数）两种方式
+// 通过 v-model 绑定一个对象，包含以下字段：
+//   metaType          类型：designated（指定值）/ dynamic（动态值）
+//   formDataMeta      指定值：对象 ID
+//   formDataMetaName  指定值：对象名称
+//   dynamicMeta       动态值：参数 code
+//   dynamicMetaType   动态值：参数来源类型（paramsType）
+//   dynamicMetaValueC 动态值：参数显示文案
+export default {
+  name: 'epx-bpmn-meta-select',
+  props: {
+    // v-model 绑定的业务对象配置对象
+    modelValue: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    // 全局/流程参数树数据，动态值时使用
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    // 指定值对象选择器的标题
+    attriLabel: {
+      type: String,
+      default: '业务对象'
+    },
+    // 指定值对象选择器的代码表（默认业务对象 FM_ENTITY）
+    codeKey: {
+      type: String,
+      default: 'FM_ENTITY'
+    },
+    // 指定值对象选择器的过滤条件（透传给 epx-table-form-item 的 objectScope）
+    objectScope: {
+      type: Array,
+      default: null
+    }
+  },
+  computed: {
+    metaType () {
+      return this.modelValue.metaType || 'designated'
+    },
+    objectConfigs () {
+      const configs = {
+        attriName: 'formDataMeta',
+        attriLabel: this.attriLabel,
+        dataType: 'object',
+        codeKey: this.codeKey,
+        state: 'EDIT'
+      }
+      if (this.objectScope) configs.objectScope = this.objectScope
+      return configs
+    }
+  },
+  methods: {
+    emitChange (patch) {
+      const next = {
+        metaType: 'designated',
+        formDataMeta: '',
+        formDataMetaName: '',
+        dynamicMeta: '',
+        dynamicMetaType: '',
+        dynamicMetaValueC: '',
+        ...this.modelValue,
+        ...patch
+      }
+      this.$emit('update:modelValue', next)
+      this.$emit('change', next)
+    },
+    // 切换类型时清空另一侧取值，保证保存的数据干净
+    onTypeChange (v) {
+      this.emitChange({
+        metaType: v,
+        formDataMeta: '',
+        formDataMetaName: '',
+        dynamicMeta: '',
+        dynamicMetaType: '',
+        dynamicMetaValueC: ''
+      })
+    },
+    setFormMeta (v) {
+      this.emitChange({
+        formDataMeta: v ? v.id : '',
+        formDataMetaName: v ? v.name : ''
+      })
+    },
+    selectMetaDynamic (item) {
+      if (!item.leaf) return
+      this.emitChange({
+        dynamicMeta: item.code,
+        dynamicMetaType: item.paramsType,
+        dynamicMetaValueC: item.text
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.bpmn-meta-select {
+  display: contents;
+}
+.bpmn-meta-select__dynamic-input {
+  width: 100%;
+}
+</style>

package/src/components/custom-bpmn/components/NumStatistic.vue

@@ -0,0 +1,245 @@
+<template>
+  <div>
+    <ul class="bpmn-node-properties__attribute-list">
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">业务对象</label>
+          <el-radio-group v-model="numStatisticData.formDataSources" @change="changeType">
+            <el-radio label="1" value="1">默认对象</el-radio>
+            <el-radio label="3" value="3">指定对象</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <li class="attribute-item" v-if="numStatisticData.formDataSources==='3'">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">查询对象</label>
+          <epx-bpmn-meta-select v-model="metaConfig" :globalParamsData="globalParamsData" attriLabel="数据对象" @change="onMetaConfigChange"></epx-bpmn-meta-select>
+        </div>
+      </li>
+      <li class="attribute-item" v-if="numStatisticData.metaType==='designated'">
+        <div class="bpmn-node-properties__attribute-input attribute-input-top">
+          <label class="bpmn-node-properties__attribute-input__label">查询条件</label>
+          <div>
+            <div class="bpmn-node-properties__scope-item-line"
+            v-for="(item,index) in numStatisticData.findScopeParams" :key="index">
+            <span class="bpmn-node-properties__scope-text">{{item.text}}</span>
+            <span class="bpmn-node-properties__scope-link">{{item.linkLabel||item.link||''}}</span></div>
+            <el-button type="primary" link @click="settingSearchScope">设置</el-button>
+          </div>
+        </div>
+      </li>
+      <!-- 初始条件 -->
+      <li class="attribute-item" >
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">初始条件</label>
+          <div>
+            <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="numStatisticData.queryValueC"  placeholder="设置"></el-input></template>
+              <epx-bpmn-global-params-tree :globalParamsData="globalParamsData" @nodeClick="selectQueryDynamicParams"></epx-bpmn-global-params-tree>
+            </el-popover>
+          </div>
+        </div>
+      </li>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">统计方式</label>
+          <el-radio-group v-model="numStatisticData.countType">
+            <el-radio label="1" value="1">记录数</el-radio>
+            <el-radio label="2" value="2" :disabled="numStatisticData.metaType==='dynamic'">字段统计</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <template v-if="numStatisticData.countType==='2'">
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">统计字段</label>
+            <epx-visual-config-field
+                  :showFieldWay="false"
+                  :multiple="false"
+                  :value="numStatisticData.countField"
+                  :componentMetaId="numStatisticData.formDataMeta ||businessMetaId"
+                  :metaId="numStatisticData.formDataMeta ||businessMetaId"
+                  :treeFieldStore="treeFieldStore"
+                  :field-options="fieldOptions"
+                  @change-configs="changeConfigItem"
+                      />
+          </div>
+        </li>
+        <li class="attribute-item">
+          <div class="bpmn-node-properties__attribute-input">
+            <label class="bpmn-node-properties__attribute-input__label">统计函数</label>
+            <el-radio-group v-model="numStatisticData.countFunction">
+              <el-radio label="AVG" value="AVG">平均数</el-radio>
+              <el-radio label="SUM" value="SUM">合计数</el-radio>
+              <el-radio label="MAX" value="MAX">最大值</el-radio>
+              <el-radio label="MIN" value="MIN">最小值</el-radio>
+            </el-radio-group>
+          </div>
+        </li>
+      </template>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">小数位数</label>
+          <epx-table-form-item class="bpmn-node-properties__form-item"
+          v-model="numStatisticData.scale"
+          :fieldConfigs="{attriName: 'scale', attriLabel: '小数位数', dataType:'num', state: 'EDIT'}"></epx-table-form-item>
+        </div>
+      </li>
+    </ul>
+    <epx-scope-drawer v-model:visible="showScopeDrawerDialog" :metaId="scopeMetaId"
+      :fieldValueMetaId="businessMetaId"
+      :extendMode="globalParamsData"
+      onlyShowMainEntityFieldFlag
+      :modeType="['FIXED_VALUE', 'FIELD_VALUE']"
+      v-model="numStatisticData.findScopeParams"
+      :params="numStatisticData.findScopeParams" />
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+export default {
+  name: 'epx-bpmn-num-statistic',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    inParamData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    businessMetaId: String
+  },
+  data () {
+    return {
+      numStatisticData: {},
+      scopeMetaId: '',
+      showScopeDrawerDialog: false,
+      fieldOptions: [
+        { key: 'attriName', label: '字段', readonly: true }
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'getMetaViewFields'
+    ]),
+    treeFieldStore () {
+      const metaId = this.numStatisticData.formDataMeta || this.businessMetaId
+      return this.getMetaViewFields(metaId)
+    },
+    // 业务对象选择器的取值代理，保持数据扁平存储在 numStatisticData 上
+    metaConfig: {
+      get () {
+        const d = this.numStatisticData
+        return {
+          metaType: d.metaType,
+          formDataMeta: d.formDataMeta,
+          formDataMetaName: d.formDataMetaName,
+          dynamicMeta: d.dynamicMeta,
+          dynamicMetaType: d.dynamicMetaType,
+          dynamicMetaValueC: d.dynamicMetaValueC
+        }
+      },
+      set (v) {
+        Object.keys(v).forEach(key => { this.numStatisticData[key] = v[key] })
+      }
+    }
+  },
+  watch: {
+    numStatisticData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    changeType (v) {
+      if (v === '1') {
+        this.numStatisticData.formDataMeta = ''
+        this.numStatisticData.formDataMetaName = ''
+      } else if (v === '3') {
+
+      }
+    },
+    // 业务对象类型变化：动态值时无法选字段，强制为记录数统计
+    onMetaConfigChange (v) {
+      if (v.metaType === 'dynamic') {
+        this.numStatisticData.countType = '1'
+      }
+    },
+    changeConfigItem (v) {
+      this.numStatisticData.countField = v
+    },
+    settingSearchScope () {
+      if (this.numStatisticData.formDataSources === '3') {
+        const formDataMetaId = this.numStatisticData.formDataMeta
+        if (this.$_.isEmpty(formDataMetaId)) {
+          this.$message.error('请先选择数据对象')
+          return
+        }
+      }
+      const scopeMetaId = this.numStatisticData.formDataSources === '3' ? this.numStatisticData.formDataMeta : this.businessMetaId
+      this.scopeMetaId = scopeMetaId
+      this.showScopeDrawerDialog = true
+    },
+    selectQueryDynamicParams (item) {
+      if (!item.leaf) return
+      this.numStatisticData.query = item.code
+      this.numStatisticData.queryParamsType = item.paramsType
+      this.numStatisticData.queryValueC = item.text
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:numStatisticData',
+        data: JSON.stringify(this.numStatisticData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:numStatisticData']) && this.elementValues['camunda:numStatisticData'] !== '{}') {
+        const numStatisticData = this.elementValues['camunda:numStatisticData']
+        if (numStatisticData) {
+          this.numStatisticData = JSON.parse(numStatisticData)
+        }
+      } else {
+        this.numStatisticData = {
+          formDataSources: '1',
+          metaType: 'designated',
+          formDataMeta: '',
+          formDataMetaName: '',
+          dynamicMeta: '',
+          dynamicMetaType: '',
+          dynamicMetaValueC: '',
+          findScopeParams: [],
+          query: '',
+          queryParamsType: '',
+          queryValueC: '',
+          countType: '',
+          countField: '',
+          countFunction: '',
+          scale: 0// 小数位数
+        }
+      }
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>