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

package/src/components/card/CardListItem.vue

@@ -0,0 +1,147 @@
+<template>
+    <el-card  :class="['icon-card',cardType==='row'?'icon-card-row':'icon-card-column']" shadow="hover" @click="routerLink(flag,metaId)">
+      <div :class="cardType==='row'?'card-container-row':'card-container-column'">
+        <div class="icon" :style="iconStyle">
+          <slot name="icon" class="icon">
+            <i v-if="iconCls" :class="iconCls"></i>
+          </slot>
+        </div>
+        <div  :class="cardType==='row'?'content-row':'content-column'">
+          <slot name="title">
+            <p :class="`title ${cardTitle? 'sub-title' : ''}`" v-if="title">{{title}}</p>
+          </slot>
+          <slot name="num">
+            <!-- <p class="num" v-if="num">{{num}}</p> -->
+            <p v-if="numFlag" class="num">{{num}}</p>
+          </slot>
+        </div>
+      </div>
+    </el-card>
+</template>
+
+<script>
+export default {
+  name: 'epx-card-list-item',
+  props: {
+    index: Number,
+    title: String,
+    iconCls: String,
+    num: Number,
+    cardTitle: String,
+    cardType: String,
+    iconStyle: Object,
+    flag: String,
+    metaId: String,
+    numFlag: {
+      type: Boolean,
+      default () {
+        return true
+      }
+    }
+  },
+  methods: {
+    routerLink (flag, metaId) {
+      if (flag && metaId) {
+        const query = {
+          metaId: metaId,
+          flag: flag,
+          // id: this.$query.id,
+          active: true,
+          index: this.index
+        }
+        this.$createPage({
+          ...query
+        })
+      }
+    },
+    getCount () {
+      this.$http.getCount({
+        // entityId: this.metaId,
+        // ...countScope
+      })
+        .then(data => {
+
+        })
+    }
+  },
+  created () {
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.icon-card {
+  margin-bottom: 20px;
+  border: 0;
+  cursor: pointer;
+
+    :deep(>.el-card__header) {
+      padding: 12px 20px;
+    }
+    :deep(>.el-card__body) {
+      padding: 11px 14px
+    }
+
+}
+.icon-card-row{
+  // // width: 247px;
+  // width: 16%;
+  // min-width: 161px;
+  // height: 110px;
+  // background: #f8f8fb;
+  // margin-right: 45px;
+  min-width: 161px;
+  height: 110px;
+  background: #f8f8fb;
+}
+.icon-card-column{
+  // width: 14%;
+  // min-width: 172px;
+  // // height: 110px;
+  // // margin-right: 66px;
+  min-width: 172px;
+  height: 138px;
+}
+.card-container-row {
+  display: flex;
+  align-items: center;
+}
+.card-container-column {
+  text-align: center;
+}
+.icon {
+  margin-right: 12px;
+  // width: 59px;
+  i{
+    font-size: 59px;
+  }
+}
+.title {
+  font-size: var(--epx-font-size-base);
+  color: var(--epx-text);
+  white-space: nowrap;
+  line-height: 28px;
+  // margin-bottom: 4px;
+}
+.sub-title {
+  font-weight: normal;
+  font-size: var(--epx-font-size-s);
+  color: var(--epx-text);
+}
+.num {
+  font-size: var(--epx-font-size-xl);
+  line-height: 28px;
+  color: var(--epx-text);
+}
+// .content-row{
+
+// }
+.content-column{
+  display: flex;
+  // justify-content: space-evenly;
+  justify-content: center;
+  .title{
+    margin-right: 6px;
+  }
+}
+</style>

package/src/components/card/Title.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="container">
+        <epx-card-o class="card-container" :showTitle="config.titleFlag" :title="config.title">
+            <epx-page
+            :flag="config.flag"
+            :metaId="config.metaId"
+            :pageId="config.pageId"
+            :component="config.component"
+            :config="config.config"
+            :inline="true"
+            ></epx-page>
+        </epx-card-o>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-card-title',
+  props: ['config'],
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  created () {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+// .batch-container{
+//     overflow: auto;
+//     height: 100%;
+// }
+</style>

package/src/components/custom-bpmn/CustomContextPad.js

@@ -0,0 +1,58 @@
+// CustomContextPad.js
+export default class CustomContextPad {
+  constructor (config, contextPad, create, elementFactory, injector, translate) {
+    this.create = create
+    this.elementFactory = elementFactory
+    this.translate = translate
+
+    if (config.autoPlace !== false) {
+      this.autoPlace = injector.get('autoPlace', false)
+    }
+
+    contextPad.registerProvider(this) // 定义这是一个contextPad
+  }
+
+  getContextPadEntries (element) {
+    const {
+      autoPlace,
+      create,
+      elementFactory,
+      translate
+    } = this
+
+    function appendTask (event, element) {
+      if (autoPlace) {
+        const shape = elementFactory.createShape({ type: 'bpmn:UserTask' })
+        autoPlace.append(element, shape)
+      } else {
+        appendTaskStart(event, element)
+      }
+    }
+
+    function appendTaskStart (event) {
+      const shape = elementFactory.createShape({ type: 'bpmn:UserTask' })
+      create.start(event, shape, element)
+    }
+
+    return {
+      'append.append-task': {
+        group: 'model',
+        className: 'bpmn-icon-task',
+        title: translate('Create UserTask'),
+        action: {
+          click: appendTask,
+          dragstart: appendTaskStart
+        }
+      }
+    }
+  }
+}
+
+CustomContextPad.$inject = [
+  'config',
+  'contextPad',
+  'create',
+  'elementFactory',
+  'injector',
+  'translate'
+]

package/src/components/custom-bpmn/CustomPalette.js

@@ -0,0 +1 @@
+export { default } from '@epxing/components/src/progress-chart/vendor/custom-bpmn/CustomPalette'

package/src/components/custom-bpmn/CustomRenderer.js

@@ -0,0 +1 @@
+export { default } from '@epxing/components/src/progress-chart/vendor/custom-bpmn/CustomRenderer'

package/src/components/custom-bpmn/CustomRendererBpmn.js

@@ -0,0 +1,84 @@
+import BaseRenderer from 'diagram-js/lib/draw/BaseRenderer' // 引入默认的renderer
+import {
+  append as svgAppend,
+  create as svgCreate,
+  remove as svgRemove
+//   classes
+} from 'tiny-svg'
+const HIGH_PRIORITY = 1500 // 最高优先级
+export default class CustomRenderer extends BaseRenderer { // 继承BaseRenderer
+  constructor (eventBus, bpmnRenderer) {
+    super(eventBus, HIGH_PRIORITY)
+    this.bpmnRenderer = bpmnRenderer
+  }
+
+  canRender (element) {
+    // ignore labels
+    return !element.labelTarget
+  }
+
+  drawShape (parentNode, element) { // 核心函数就是绘制shape
+    if (element.type === 'bpmn:ManualTask' && !element.businessObject.img) {
+      const formTypeId = element.businessObject.$attrs['camunda:formTypeId']
+      if (formTypeId === '1') {
+        element.businessObject.img = require('./img/xinzeng.png')
+      }
+      if (formTypeId === '2') {
+        element.businessObject.img = require('./img/shanchu.png')
+      }
+      if (formTypeId === '3' || formTypeId === '28') {
+        element.businessObject.img = require('./img/gengxin.png')
+      }
+      if (formTypeId === '4' || formTypeId === '24') {
+        element.businessObject.img = require('./img/tongbu.png')
+      }
+      if (formTypeId === '5' || formTypeId === '17') {
+        element.businessObject.img = require('./img/jiagong.png')
+      }
+      if (formTypeId === '6' || formTypeId === '19' || formTypeId === '20' || formTypeId === '27' || formTypeId === '31') {
+        element.businessObject.img = require('./img/chaxun.png')
+      }
+      if (formTypeId === '7' || formTypeId === '16' || formTypeId === '18') {
+        element.businessObject.img = require('./img/fasong.png')
+      }
+      if (formTypeId === '8' || formTypeId === '23') {
+        element.businessObject.img = require('./img/jiekou.png')
+      }
+      if (formTypeId === '9' || formTypeId === '10' || formTypeId === '21' || formTypeId === '22' || formTypeId === '25' || formTypeId === '26') {
+        element.businessObject.img = require('./img/ywgz.png')
+      }
+      if (formTypeId === '13') {
+        element.businessObject.img = require('./img/fasong.png')
+      }
+      if (formTypeId === '14' || formTypeId === '15' || formTypeId === '32') {
+        element.businessObject.img = require('./img/xinzeng.png')
+      }
+      if (formTypeId === '29') {
+        element.businessObject.img = require('./img/xunhuanend.png')
+      }
+    }
+    if (element.type === 'bpmn:ManualTask' && element.businessObject.img) {
+      const href = typeof (element.businessObject.img) === 'string' ? element.businessObject.img : element.businessObject.img.default
+      const image = svgCreate('image', {
+        x: 0,
+        y: 3,
+        width: 40,
+        height: 20
+      })
+      image.setAttribute('href', href)
+      svgAppend(parentNode.parentNode, image)
+    }
+    const shape = this.bpmnRenderer.drawShape(parentNode, element)
+
+    if (element.type === 'bpmn:ManualTask' && element.businessObject.img) {
+      svgRemove(parentNode.getElementsByTagName('*')[parentNode.getElementsByTagName('*').length - 1])
+    }
+    return shape
+  }
+
+  getShapePath (shape) {
+    return this.bpmnRenderer.getShapePath(shape)
+  }
+}
+
+CustomRenderer.$inject = ['eventBus', 'bpmnRenderer']