@zhijiancloud/bpm 0.0.1 → 0.0.3

package/components/lib/field-const.js

@@ -0,0 +1,468 @@
+/**
+ * 表单字段map
+ * 多为业务处使用，此处子表单也需要
+ * 后期希望只维护此处一份
+ * @property name 表单字段名称
+ * @property hasBpmField 是否有bpmField组件实现
+ * @property actions 字段作为筛选条件的筛选方式
+ * @property actionOptions 筛选条件可选匹配值，仅Audit有
+ * @property tableColWidth 字段在表格中的最小宽度
+ */
+
+let timeActions = [{
+    key: 'lt',
+    name: '早于'
+  },
+  {
+    key: 'gt',
+    name: '晚于'
+  },
+  {
+    key: 'gte',
+    name: '不早于'
+  },
+  {
+    key: 'lte',
+    name: '不晚于'
+  }
+]
+let compose_1 = [{
+  key: 'in',
+  name: '在列表中'
+}]
+let compose_2 = [{
+    key: 'in',
+    name: '在列表中'
+  },
+  {
+    key: 'all',
+    name: '包含所有'
+  }
+]
+export const FORM_FIELDS_MAP = {
+  'Text': {
+    name: '单行文本',
+    hasBpmField: true,
+    tableColWidth: 240,
+    actions: [{
+        key: 'contains',
+        name: '包含'
+      },
+      {
+        key: 'eq',
+        name: '等于'
+      }
+    ],
+    attrs: ['type', 'value_type', 'id', 'name', 'linkage']
+  },
+  'TextArea': {
+    name: '多行文本',
+    hasBpmField: true,
+    tableColWidth: 300,
+    actions: [{
+        key: 'contains',
+        name: '包含'
+      },
+      {
+        key: 'eq',
+        name: '等于'
+      }
+    ],
+    attrs: ['type', 'value_type', 'id', 'name', 'linkage']
+  },
+  'SerialNumber': {
+    name: '流水号',
+    hasBpmField: true,
+    actions: [{
+      key: 'contains',
+      name: '包含'
+    }],
+    options: {
+      type: 'Text'
+    },
+    attrs: ['type', 'id', 'name', 'linkage']
+  },
+  'Number': {
+    name: '数字',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: [{
+        key: 'eq',
+        name: '等于'
+      },
+      {
+        key: 'gt',
+        name: '大于'
+      },
+      {
+        key: 'gte',
+        name: '大于等于'
+      },
+      {
+        key: 'lt',
+        name: '小于'
+      },
+      {
+        key: 'lte',
+        name: '小于等于'
+      },
+      {
+        key: 'ne',
+        name: '不等于'
+      }
+    ],
+    attrs: ['type', 'id', 'name', 'value_type', 'is_int', 'view.precision', 'linkage']
+  },
+  'DateTime': {
+    name: '日期时间选择器',
+    tableColWidth: 180,
+    hasBpmField: true,
+    actions: timeActions,
+    attrs: ['type', 'id', 'name', 'check.format', 'view.format', 'linkage']
+  },
+  'Date': {
+    name: '日期选择器',
+    hasBpmField: true,
+    actions: timeActions,
+    attrs: ['type', 'id', 'name', 'check.format', 'view.format', 'linkage']
+  },
+  'Time': {
+    name: '时间选择器',
+    hasBpmField: true,
+    actions: timeActions,
+    attrs: ['type', 'id', 'name', 'check.format', 'view.format', 'linkage']
+  },
+  'Timestamp': {
+    name: '※时间戳',
+    actions: timeActions,
+    attrs: ['type', 'id', 'name', 'check.format', 'view.format', 'linkage']
+  },
+  'Select': {
+    name: '单选',
+    hasBpmField: true,
+    tableColWidth: 220,
+    actions: compose_1,
+    options: {
+      type: 'MulSelect'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'style', 'range_enum', 'linkage']
+  },
+  'Status': {
+    name: '状态',
+    hasBpmField: true,
+    tableColWidth: 150,
+    actions: compose_1,
+    options: {
+      type: 'MulSelect'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'style', 'range_enum', 'linkage']
+  },
+  'MulSelect': {
+    name: '多选',
+    hasBpmField: true,
+    tableColWidth: 220,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'value_type', 'result_type', 'style', 'range_enum', 'linkage']
+  },
+  'SelectFromForm': {
+    name: '远程单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectFromForm'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.form", "range_remote.depends", 'linkage']
+  },
+  'MulSelectFromForm': {
+    name: '远程多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.form", "range_remote.depends", 'linkage']
+  },
+  'SelectProject': {
+    name: '项目单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectProject'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'MulSelectProject': {
+    name: '项目多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'SelectUser': {
+    name: '用户单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectUser'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'MulSelectUser': {
+    name: '用户多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    options: {
+      type: 'MulSelectUser',
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'SelectURUser': {
+    name: '用户单项选择（新）',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectURUser'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', 'filters', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'MulSelectURUser': {
+    name: '用户多项选择（新）',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    options: {
+      type: 'MulSelectURUser'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'value_type', 'filters', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'SelectRootCategory': {
+    name: '根任务类型选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: [{
+      key: 'eq',
+      name: '等于'
+    }],
+    attrs: ['type', 'id', 'name', 'category_cls', 'value_type', 'linkage']
+  },
+  'SelectCheckItem': {
+    name: '检查项单项选择',
+    hasBpmField: true,
+    actions: compose_1,
+    tableColWidth: 200,
+    options: {
+      type: 'MulSelectCheckItem'
+    },
+    attrs: ['type', 'id', 'name', 'category_cls', 'value_type', 'range_remote', 'root_category', 'tree_select', 'can_select', 'can_select.filter_expression', 'range_remote.filter_expression', "range_remote.depends", 'linkage']
+  },
+  'MulSelectCheckItem': {
+    name: '检查项多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'category_cls', 'value_type', 'range_remote', 'root_category', 'tree_select', 'can_select', 'can_select.filter_expression', 'range_remote.filter_expression', "range_remote.depends", 'linkage']
+  },
+  'SelectSort': {
+    name: '分类单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectSort'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', 'tree_select', 'can_select', 'can_select.filter_expression', 'range_remote.filter_expression', "range_remote.depends", 'linkage']
+  },
+  'MulSelectSort': {
+    name: '分类多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', 'tree_select', 'can_select', 'can_select.filter_expression', 'range_remote.filter_expression', "range_remote.depends", 'linkage']
+  },
+  'SelectPartner': {
+    name: '合作伙伴单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectPartner'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'MulSelectPartner': {
+    name: '合作伙伴多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectPartner'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'SelectOrg': {
+    name: '单位单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectOrg'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'MulSelectOrg': {
+    name: '单位多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'value_type', 'range_remote', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.depends", 'linkage']
+  },
+  'Audit': {
+    name: '审批',
+    // 数据管理表单筛选拿的这份配置，cims流程引擎应用改为这份的话，匹配值要做对应变化
+    actions: [
+      {
+        key: 'ar_eq', // audit_result_eq
+        name: '审批结果等于'
+      },
+      {
+        key: 'ar_in', // ar_in意思为audit_result_in, 后端定的
+        name: '审批结果在列表中'
+      }
+    ],
+    // 筛选条件可选匹配值
+    actionOptions: [
+      {
+        value: 0,
+        label: '未审批'
+      },
+      {
+        value: 1,
+        label: '审批通过'
+      },
+      {
+        value: 2,
+        label: '审批未通过'
+      }
+    ],
+    attrs: ['type', 'id', 'name', 'linkage'],
+    options: {
+      result_type: 'Array',
+      value_type: 'int',
+      type: 'MulSelect',
+      style: 'default',
+      range_enum: [
+        [0, '未审批'],
+        [1, '通过'],
+        [2, '未通过']
+      ]
+    }
+  },
+  'MulArea': {
+    name: '区域多项选择',
+    actions: compose_2,
+    attrs: ['type', 'id', 'name', 'value_type', 'can', 'linkage']
+  },
+  'Area': {
+    name: '区域单项选择',
+    actions: compose_1,
+    options: {
+      type: 'MulArea'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'can', 'linkage']
+  },
+  'SelectFormId': {
+    name: '表单单项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectFormId'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'form_select_type', 'linkage']
+  },
+  'MulSelectFormId': {
+    name: '表单多项选择',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectFormId'
+    },
+    attrs: ['type', 'id', 'name', 'value_type', 'form_select_type', 'linkage']
+  },
+  'SelectFromField': {
+    name: '远程单选（从字段）',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectFromField'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'style', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.form", "range_remote.depends", 'linkage']
+  },
+  'MulSelectFromField': {
+    name: '远程多选（从字段）',
+    hasBpmField: true,
+    tableColWidth: 200,
+    actions: compose_1,
+    options: {
+      type: 'MulSelectFromField'
+    },
+    attrs: ['type', 'id', 'name', 'range_remote', 'style', 'value_type', "range_remote.filter_expression", "range_remote.store_field", "range_remote.display_field", "range_remote.form", "range_remote.depends", 'linkage']
+  },
+  'MulSelectEntranceForm': {
+    name: '远程多项选择(从入口)',
+  },
+  'SelectHouseOwner': {
+    name: '业主选择'
+  },
+  'MulSelectIssue': {
+    name: '问题选择'
+  },
+  'MulFile': {
+    name: '附件',
+    hasBpmField: true
+  },
+  'MulImage': {
+    name: '图片',
+    hasBpmField: true
+  },
+  'Signature': {
+    name: '签名',
+    hasBpmField: true
+  },
+  'OnlineEditor': {
+    name: '在线文档编辑器'
+  },
+  'Spliter': {
+    name: '分割线',
+    hasBpmField: false
+  },
+  'Stepper': {
+    name: '步进器',
+    hasBpmField: false
+  },
+  'Quote': {
+    name: '跨表单数据引用',
+    hasBpmField: false
+  },
+  'Order': {
+    name: '排序控件',
+    hasBpmField: false
+  },
+  'SubForm': {
+    name: '子表单',
+    hasBpmField: true
+  },
+  'XSubForm': {
+    name: '子表单(增强版)',
+    hasBpmField: true
+  },
+  'OrderSubForm': {
+    name: '排序子表单',
+    hasBpmField: true
+  }
+}

package/components/lib/index.ts

@@ -0,0 +1,52 @@
+
+import BpmText from './bpmText'
+import BpmSelect from './bpmSelect'
+import BpmTime from './bpmTime'
+import BpmNumber from './bpmNumber'
+import BpmDateTime from './bpmDateTime'
+import BpmMulFile from './bpmMulFile'
+import BpmField from './bpmField'
+import BpmSelectCheckItem from './bpmSelectCheckItem'
+import BpmSelectFromField from "./bpmSelectFromField";
+import BpmSelectFromForm from "./bpmSelectFromForm";
+import BpmSelectFromId from "./bpmSelectFromId";
+import BpmMulImage from "./bpmMulImage";
+import BpmSubForm from './bpmSubForm'
+import { FORM_FIELDS_MAP } from './field-const.js'
+
+export const bpmComponents = {
+    BpmText,
+    BpmSelect,
+    BpmTime,
+    BpmNumber,
+    BpmDateTime,
+    BpmMulFile,
+    BpmField,
+    BpmSelectCheckItem,
+    BpmSelectFromField,
+    'BpmSelectUser': BpmSelectFromField,
+    'BpmSelectPartner': BpmSelectFromField,
+    'BpmSelectProject': BpmSelectFromField,
+    'BpmSelectOrg': BpmSelectFromField,
+    'BpmDate': BpmDateTime,
+    BpmSelectFromForm,
+    BpmSelectFromId,
+    BpmMulImage,
+    BpmSubForm
+}
+
+const install: any = function (Vue: any) {
+    if (install.installed) return
+    Object.keys(bpmComponents).forEach(key => {
+        Vue.component(bpmComponents[key].name, bpmComponents[key])
+    })
+}
+
+const API = {
+    install,
+    bpmConsts: {
+        FORM_FIELDS_MAP
+    }
+}
+
+export default API

package/components/lib/mixins/RemoteSelectReader.vue

@@ -0,0 +1,49 @@
+<template>
+  <span :title="label">{{ label }}</span>
+</template>
+  
+  <script>
+import _ from "lodash";
+export default {
+  props: ["value", "fieldConf", "row", "formName", "orgInfo"],
+  data() {
+    return {
+      label: "",
+    };
+  },
+  watch: {
+    value() {
+      this.loadRemoteLabel();
+    },
+  },
+  mounted() {
+    this.loadRemoteLabel();
+  },
+  methods: {
+    async loadRemoteLabel() {
+      let value = this.value;
+      if (_.isNil(value) || !value) return (this.label = "未选择");
+      try {
+        if(_.isObject(value)) value = JSON.parse(value)
+        let values = _.isArray(value) ? value : [value];
+        let fieldId = _.get(this.fieldConf, "id");
+
+        if (!_.isEmpty(values)) {
+          values = _.isArray(values) ? values : [values];
+          this.label = await this.$bpm.fetchLabelByValues(
+            values,
+            fieldId,
+            this.formName,
+            this.row
+          );
+        } else {
+          this.label = "未选择";
+        }
+
+      } finally {
+        console.log("finally");
+      }
+    },
+  },
+};
+</script>

package/components/lib/mixins/TextReader.vue

@@ -0,0 +1,22 @@
+<template>
+    <span  class="bpm-text-view" :class="`${uiType}-text-view`" :title="_value">
+        {{_value && _value !== 0 ? value : '--'}}
+    </span>
+</template>
+
+<script>
+import _ from "lodash"
+
+export default {
+    props: ['value','fieldConf','row', 'uiType'],
+    computed: {
+        _value(){
+            return _.get(this.row, this.fieldConf.id) || this.value
+        }
+    }
+}
+</script>
+
+<style>
+@import "../../css/bpmText.less";
+</style>

package/components/lib/net.js

@@ -0,0 +1,21 @@
+
+import qs from "qs"
+import _ from "lodash"
+
+
+
+
+export function getOrgParams() {
+    let pageParams = qs.parse(_.trimStart(location.search, "?"))
+    let orgParams = {}
+    _.each(["group_id", "team_id", "project_id", "page_level"], key => {
+        let value = pageParams[key]
+        if (value) orgParams[key] = value
+    })
+    if (pageParams.page_level == 'group') {
+        let groupId = pageParams.group_id
+        orgParams.group_id = groupId ? groupId : orgParams.team_id
+    }
+    return orgParams
+}
+

package/components/lib/utils.js

@@ -0,0 +1,89 @@
+import _ from "lodash"
+import qs from "qs"
+export function formatDateTime(timestamp, format = "%Y-%m-%d", TimeType = "timestamp") {
+    if (timestamp <= 0) {
+        return "";
+    }
+    let result = formatDateTimeNegative(timestamp, format, TimeType);
+    return result;
+}
+export function formatDateTimeNegative(
+    timestamp,
+    format = "%Y-%m-%d",
+    TimeType = "timestamp"
+) {
+    var toDoubleDigit = (n) => {
+        return n < 10 ? "0" + n : n;
+    };
+    var d;
+    if (TimeType == "timestamp") {
+        d = new Date(timestamp);
+    } else if (TimeType == "notimestamp") {
+        d = new Date(timestamp);
+    }
+
+    var tars = format.match(/%\w/g);
+    var result = format;
+    for (var i in tars) {
+        switch (tars[i]) {
+            case "%Y":
+                result = result.replace(/%Y/g, d.getFullYear());
+                break;
+            case "%m":
+                result = result.replace(/%m/g, toDoubleDigit(d.getMonth() + 1));
+                break;
+            case "%d":
+                result = result.replace(/%d/g, toDoubleDigit(d.getDate()));
+                break;
+            case "%H":
+                result = result.replace(/%H/g, toDoubleDigit(d.getHours()));
+                break;
+            case "%i":
+                result = result.replace(/%i/g, toDoubleDigit(d.getMinutes()));
+                break;
+            case "%s":
+                result = result.replace(/%s/g, toDoubleDigit(d.getSeconds()));
+                break;
+        }
+    }
+    return result;
+}
+
+
+
+
+export function urlAppendParam(url, extraParams={}){
+    if(_.isFunction(url)){ // tpl
+        url = url(extraParams)
+    }
+
+    let r = /\?([^#]+)/
+    let query = _.get(url.match(r), "1")
+
+    if(query){ // 有 query，合并 baseQueryMap
+        let queryMap = qs.parse(query)
+        queryMap = extendNew(queryMap, extraParams)
+        url = _.replace(url, query, qs.stringify(queryMap))
+    }else{ // 插入 baseQueryMap
+        url = url + "?" + qs.stringify(extraParams)
+    }
+
+    return url
+}
+
+export function extendNew(...args){
+    return _.assignIn({}, ...args)
+}
+
+
+export function isMobile() {
+    var mobileAgent =  ["iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire"];
+    var browser = navigator.userAgent.toLowerCase();
+    var isMobile = false;
+    for(var i = 0,l =mobileAgent.length; i < l;i++ ){
+      if (browser.indexOf(mobileAgent[i])!=-1){
+        isMobile = true;
+      }
+    }
+    return isMobile
+  }