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

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

@@ -0,0 +1,145 @@
+<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="batchOperationData.operateType">
+            <el-radio label="1" value="1">新增</el-radio>
+            <el-radio label="2" value="2">更新</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <li class="attribute-item">
+        <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="业务对象"></epx-bpmn-meta-select>
+        </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="batchOperationData.paramsValueC"  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="selectDynamicParams">
+                  <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                </el-tree>
+              </div>
+            </el-popover>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-batch-operation',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    inParamData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    businessMetaId: String
+  },
+  data () {
+    return {
+      batchOperationData: {
+        operateType: '1',
+        paramsId: '',
+        paramsType: '',
+        paramsValueC: '',
+        metaType: 'designated',
+        formDataMeta: '',
+        formDataMetaName: '',
+        dynamicMeta: '',
+        dynamicMetaType: '',
+        dynamicMetaValueC: ''
+      }
+    }
+  },
+  computed: {
+    // 业务对象选择器的取值代理，保持数据扁平存储在 batchOperationData 上
+    metaConfig: {
+      get () {
+        const d = this.batchOperationData
+        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.$set(this.batchOperationData, key, v[key]))
+      }
+    }
+  },
+  watch: {
+    batchOperationData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    selectDynamicParams (item) {
+      if (!item.leaf) return
+      this.batchOperationData.paramsId = item.code
+      this.batchOperationData.paramsType = item.paramsType
+      this.batchOperationData.paramsValueC = item.text
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:batchOperationData',
+        data: JSON.stringify(this.batchOperationData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:batchOperationData']) && this.elementValues['camunda:batchOperationData'] !== '{}') {
+        const batchOperationData = this.elementValues['camunda:batchOperationData']
+        if (batchOperationData) {
+          this.batchOperationData = JSON.parse(batchOperationData)
+          // 兼容历史数据：未配置业务对象类型时默认为指定值
+          if (!this.batchOperationData.metaType) {
+            this.$set(this.batchOperationData, 'metaType', 'designated')
+            this.$set(this.batchOperationData, 'dynamicMeta', '')
+            this.$set(this.batchOperationData, 'dynamicMetaType', '')
+            this.$set(this.batchOperationData, 'dynamicMetaValueC', '')
+          }
+        }
+      }
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

@@ -0,0 +1,440 @@
+<template>
+  <div>
+    <ul class="bpmn-node-properties__attribute-list">
+      <div class="bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header"><span>设置要复制的数据</span></div>
+      <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="copyData.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="copyData.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="getLinkMeta"></epx-bpmn-meta-select>
+        </div>
+      </li>
+      <li class="attribute-item">
+        <div class="bpmn-node-properties__attribute-input">
+          <label class="bpmn-node-properties__attribute-input__label">复制数据对象ID</label>
+          <div>
+            <el-popover ref="popover" trigger="click" :tabindex="1">
+              <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="copyData.copyIdValueC"  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="selectDynamicParams">
+                  <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                </el-tree>
+              </div>
+            </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="copyData.copyLinkType">
+            <el-radio label="1" value="1">不复制</el-radio>
+            <el-radio label="2" value="2">全部子集</el-radio>
+            <el-radio label="3" value="3">自定义</el-radio>
+          </el-radio-group>
+        </div>
+      </li>
+      <!-- 关联对象 -->
+      <li class="attribute-item" v-if="copyData.copyLinkType==='3'">
+        <div class="bpmn-node-properties__attribute-input bpmn-node-properties__attribute-input-flexStart">
+          <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="getLinkMetaText"  placeholder="请选择"></el-input></template>
+              <div class="bpmn-node-properties__scope-opera__popper">
+                <el-tree :data="linkMetaTree" node-key="id" :props="{
+                    children: 'children',
+                    label: 'label'
+                  }" @node-click="selectLinkMeta">
+                  <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                </el-tree>
+              </div>
+            </el-popover>
+            <div class="bpmn-node-properties__link-meta-con">
+              <div class="bpmn-node-properties__link-meta-item" v-for="(item, index) in copyData.linkMeta" :key="index">
+              {{item.name}}
+              <i class="el-icon-close" @click="deleteLinkMeta(item,index)"></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="bpmn-node-properties__jiedina-header bpmn-node-properties__jiedina-content-header"><span>复制数据的处理</span></div>
+      <li class="attribute-item" v-if="copyData.formDataMetaData.attributes.length>0">
+        <div>
+          <div class="bpmn-node-properties__attribute-input bpmn-node-properties__attribute-input-update" v-for="(item, index) in copyData.formDataMetaData.attributes" :key="index">
+            <label class="bpmn-node-properties__attribute-input__label">{{item.label}}</label>
+            <div class="bpmn-node-properties__attribute-input-type">
+              <el-select v-model="copyData.formDataMetaData.type[item.name]" placeholder="请选择" @change="copyData.formDataMetaData.value[item.name]=''">
+                <el-option label="指定值" value="designated"></el-option>
+                <el-option label="动态参数" value="dynamicParam"></el-option>
+                <el-option label="公式" value="dynamic"></el-option>
+              </el-select>
+            </div>
+            <div>
+              <template v-if="copyData.formDataMetaData.type[item.name]==='designated'">
+                <div style="width: 220px;">
+                    <epx-table-form-item :show-label="false" valueWidth="auto" :value="copyData.formDataMetaData.data[item.name]" :valueLabel="copyData.formDataMetaData.data[item.name+'#']" @change="v=> changeFormData(item,v)" :field-configs="{attriName: item.name, dataType:item.dataType, codeKey:item.codeKey,attriLabel: item.label, state: 'ADD', attribute: item.attribute}"></epx-table-form-item>
+                </div>
+              </template>
+              <!-- 动态参数 -->
+              <template v-else-if="copyData.formDataMetaData.type[item.name]==='dynamicParam'">
+                <div>
+                  <el-popover ref="popover" trigger="click" :tabindex="1">
+                    <template v-slot:reference><el-input class="bpmn-node-properties__designated-input" :model-value="copyData.formDataMetaData.data[item.name]" suffix-icon="el-icon-search" size="default" 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="selectDynamicGlobleParam($event,item.name)">
+                        <template v-slot="{ node }"><span v-html="node.label"></span></template>
+                      </el-tree>
+                    </div>
+                  </el-popover>
+                </div>
+              </template>
+              <template v-else-if="copyData.formDataMetaData.type[item.name]==='dynamic'">
+                <epx-rule v-model="copyData.formDataMetaData.value[item.name]" :selfStyle="false"
+                  :fieldConfigs="{attriName: `value.${[item.name]}`, attriLabel: '判断条件', dataType:'rule',rows:2, state: 'EDIT'}"
+                  :extendVariable="ruleVariable" :ruleMetaId="nodeMetaId">
+                  <el-input class="bpmn-node-properties__designated-input" :model-value="getChineseValue(copyData.formDataMetaData.value[item.name])"></el-input>
+                </epx-rule>
+              </template>
+            </div>
+            <div class="bpmn-node-properties__filter-condition__delete">
+              <i class="el-icon-close" @click="deleteScopeItem(index)"></i>
+            </div>
+          </div>
+        </div>
+      </li>
+      <div class="update-add-field">
+        <el-popover ref="popover" trigger="click" :tabindex="1">
+          <template v-slot:reference><el-button style="margin:10px 0" type="primary" link plain size="small">+添加字段</el-button></template>
+          <div class="bpmn-node-properties__update-add-field__popper">
+            <div class="bpmn-node-properties__update-add-field__popper_item" v-for="item in formDataField" :key="item.attribute.id" @click="addField(item)">{{item.attriLabel}}</div>
+          </div>
+        </el-popover>
+      </div>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-bpmn-copy',
+  props: {
+    globalParamsData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    inParamData: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    ruleVariable: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    elementValues: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    businessMetaId: String,
+    businessMeta: {
+      type: Array,
+      default: () => ([])
+    }
+  },
+  data () {
+    return {
+      copyData: {
+        formDataSources: '',
+        metaType: 'designated',
+        formDataMeta: '',
+        formDataMetaName: '',
+        dynamicMeta: '',
+        dynamicMetaType: '',
+        dynamicMetaValueC: '',
+        copyId: '',
+        copyIdParamsType: '',
+        copyIdValueC: '',
+        copyLinkType: '',
+        linkMeta: [],
+        formDataMetaData: {
+          globalParams: [],
+          attributes: [],
+          type: {},
+          data: {},
+          value: {},
+          paramsType: {},
+          resultParams: ''
+        }
+      },
+      linkMetaCode: {},
+      linkMetaTree: [],
+      formDataField: [],
+      nodeMetaId: ''
+    }
+  },
+  computed: {
+    getChineseValue () {
+      return (value) => {
+        let string = ''
+        if (value) {
+          string = JSON.parse(value).elText
+        }
+        return string
+      }
+    },
+    getLinkMetaText () {
+      let text = ''
+      if (this.copyData.linkMeta && this.copyData.linkMeta.length > 0) {
+        const arr = this.copyData.linkMeta.map(item => item.name)
+        text = arr.join('，')
+      }
+      return text
+    },
+    // 业务对象选择器的取值代理，保持数据扁平存储在 copyData 上
+    metaConfig: {
+      get () {
+        const d = this.copyData
+        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.$set(this.copyData, key, v[key]))
+      }
+    }
+  },
+  watch: {
+    copyData: {
+      handler () {
+        this.saveNodeData()
+      },
+      deep: true
+    }
+  },
+  methods: {
+    deleteScopeItem (index) {
+      const attributes = this.copyData.formDataMetaData.attributes.splice(index, 1)[0]
+      delete this.copyData.formDataMetaData.type[attributes.name]
+    },
+    changeFormData (item, v) {
+      let value = ''
+      let label = ''
+      if (Array.isArray(v)) {
+        value = v.map(item => item.id || item).join(',')
+        label = v.map(item => item.name || item).join('、')
+      } else if (typeof v === 'object') {
+        value = v.id
+        label = v.name
+      } else {
+        value = v
+      }
+      this.copyData.formDataMetaData.data[item.name] = value
+      this.copyData.formDataMetaData.data[item.name + '#'] = label || value
+    },
+    selectDynamicGlobleParam (data, field) {
+      if (!data.leaf) return
+      this.copyData.formDataMetaData.data[field] = data.text
+      this.copyData.formDataMetaData.value[field] = data.code
+      this.copyData.formDataMetaData.paramsType[field] = data.paramsType
+    },
+    addField (item) {
+      const data = { id: item.attribute.id, label: item.attriLabel, name: item.attriName, dataType: item.dataType, attribute: item.attribute, entityId: item.attribute.entityId, codeKey: ['object', 'multiobject', 'user', 'dept'].includes(item.dataType) ? item.attribute.relatedEntity : item.attribute.codeKey }
+      this.copyData.formDataMetaData.attributes.push(data)
+      this.copyData.formDataMetaData.type[[data.name]] = 'designated'
+      this.copyData.formDataMetaData.value[[data.name]] = ''
+      this.copyData.formDataMetaData.data[[data.name]] = ''
+      this.copyData.formDataMetaData.paramsType[[data.name]] = ''
+    },
+    deleteLinkMeta (item, index) {
+      this.copyData.linkMeta.splice(index, 1)
+      this.linkMetaCode[item.id] = false
+    },
+    selectLinkMeta (item) {
+      if (this.linkMetaCode[item.id]) {
+        const index = this.copyData.linkMeta.findIndex(submeta => submeta.code === item.value)
+        if (index > -1) {
+          this.copyData.linkMeta.splice(index, 1)
+          this.linkMetaCode[item.id] = false
+        }
+      } else {
+        this.linkMetaCode[item.id] = true
+        this.copyData.linkMeta.push({ code: item.value, name: item.title })
+      }
+    },
+    selectDynamicParams (item) {
+      if (!item.leaf) return
+      this.copyData.copyId = item.code
+      this.copyData.copyIdParamsType = item.paramsType
+      this.copyData.copyIdValueC = item.text
+    },
+    changeType (v) {
+      this.copyData.linkMeta = []
+      this.linkMetaCode = {}
+      if (v === '1') {
+        this.getLinkMeta()
+      } else if (v === '3') {
+        if (this.copyData.formDataMeta) this.getLinkMeta()
+      }
+    },
+    getLinkMeta () {
+      const currentMetaId = this.copyData.formDataSources === '3' ? this.copyData.formDataMeta : this.businessMetaId
+      if (!currentMetaId) return
+      this.nodeMetaId = currentMetaId
+      this.$http.$get({
+        entityId: 'FM_ENTITY_RELATION',
+        action: 'getEntityRelationTree',
+        mainEntity: currentMetaId
+      })
+        .then(data => {
+          data.forEach(relation => {
+            relation.label = relation.title
+            relation.value = relation.flag
+            relation.children = relation.childrens
+            if (relation.childrens) {
+              relation.childrens.forEach(childRelation => {
+                childRelation.value = relation.flag + '#' + childRelation.flag
+                childRelation.label = childRelation.title
+              })
+            }
+          })
+          this.linkMetaTree = data
+          // this.linkMetaTree = data.filter(item => {
+          //   if (item.relationSort !== '1') {
+          //     const obj = { ...item }
+          //     if (item.children) {
+          //       const children = item.children.filter(child => child.relationSort !== '1')
+          //       obj.children = children
+          //     }
+          //     return obj
+          //   } else {
+          //     return false
+          //   }
+          // })
+        })
+      // this.$http.$post({
+      //   action: 'getEntityMetaView',
+      //   entityId: 'FM_ENTITY_VIEW',
+      //   metaId: currentMetaId,
+      //   relationSort: '2,3'
+      // })
+      //   .then(data => {
+      //     const linkArr = data.splice(1)
+      //     const formatData = (arr) => {
+      //       arr.forEach(item => {
+      //         item.field = item.linkCode || item.code
+      //         item.relationSort = item.relationType
+      //         if (!item.codeKey) item.codeKey = item.relatedEntity
+      //         item.id = item.field
+      //         item.title = item.text
+      //         item.meta = item.meta ? item.meta.id : ''
+      //         if (item.type === 'meta' && item.relationType === '1') item.isSub = true
+      //         if (item.children) {
+      //           const arr = item.children.filter(child => child.type === 'meta' && child.relationType !== '1')
+      //           item.children = arr
+      //           formatData(item.children)
+      //         }
+      //       })
+      //     }
+      //     formatData(linkArr)
+      //     this.linkMetaTree = [...linkArr]
+      //   })
+      this.$FieldFactory.createFields({
+        metaId: currentMetaId
+      })
+        .then(data => {
+          this.formDataField = [...data]
+        })
+    },
+    saveNodeData () {
+      this.$emit('updateElementValues', {
+        key: 'camunda:copyData',
+        data: JSON.stringify(this.copyData)
+      })
+    },
+    getNodeParamsData () {
+      if (!this.$_.isEmpty(this.elementValues['camunda:copyData']) && this.elementValues['camunda:copyData'] !== '{}') {
+        const copyData = this.elementValues['camunda:copyData']
+        if (copyData) {
+          this.copyData = JSON.parse(copyData)
+          // 兼容历史数据：未配置业务对象类型时默认为指定值
+          if (!this.copyData.metaType) {
+            this.$set(this.copyData, 'metaType', 'designated')
+            this.$set(this.copyData, 'dynamicMeta', '')
+            this.$set(this.copyData, 'dynamicMetaType', '')
+            this.$set(this.copyData, 'dynamicMetaValueC', '')
+          }
+        }
+        this.getLinkMeta()
+      } else {
+        this.copyData = {
+          formDataSources: '',
+          metaType: 'designated',
+          formDataMeta: '',
+          formDataMetaName: '',
+          dynamicMeta: '',
+          dynamicMetaType: '',
+          dynamicMetaValueC: '',
+          copyId: '',
+          copyIdParamsType: '',
+          copyIdValueC: '',
+          copyLinkType: '',
+          linkMeta: [],
+          formDataMetaData: {
+            globalParams: [],
+            attributes: [],
+            type: {},
+            data: {},
+            value: {},
+            paramsType: {},
+            resultParams: ''
+          }
+        }
+        this.formDataMetaData = {
+          globalParams: [],
+          attributes: [],
+          type: {},
+          data: {},
+          value: {},
+          paramsType: {},
+          resultParams: ''
+        }
+      }
+    }
+  },
+  created () {
+    this.getNodeParamsData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>