@lambo-design/shared 1.0.0-beta.1

package/utils/modelerUtil.js

@@ -0,0 +1,224 @@
+import config from "@/config/config"
+import ajax from '@/utils/ajax'
+
+export const tools = {
+
+  registerFileDrop(container, callback) {
+    container.get(0).addEventListener('dragover', tools.handleDragOver, false);
+    container.get(0).addEventListener('drop', tools.handleFileSelect, false);
+  },
+
+  /**
+   * 通过xml创建bpmn
+   * @param {string} xml 创建bpms xml
+   * @param {object} bpmnModeler bpmn对象
+   * @param {object} container 容器对象
+   */
+  async createDiagram(xml, bpmnModeler, container) {
+    try {
+      await bpmnModeler.importXML(xml);
+    } catch (err) {
+      console.error(err);
+    }
+  },
+  /**
+   * 通过Json设置颜色
+   * @param {object} json json 字符串
+   */
+  setColor(json, bpmnModeler) {
+    var modeling = bpmnModeler.get('modeling');
+    var elementRegistry = bpmnModeler.get('elementRegistry')
+    var elementToColor = elementRegistry.get(json.name);
+    if (elementToColor) {
+      modeling.setColor([elementToColor], {
+        stroke: json.stroke,
+        fill: json.fill
+      });
+    }
+  },
+
+
+  async createNewDiagram(bpmnModeler, processDefinitionId) {
+    const {$Message} = this;
+    let bpmnXmlStr = '<?xml version="1.0" encoding="UTF-8"?>\n' +
+      '<bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:normal="http://flowable.org/bpmn/normal" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd" id="diagram" targetNamespace="http://bpmn.io/schema/bpmn">\n' +
+      '  <bpmn2:process id="Process_1" isExecutable="true">\n' +
+      '    <bpmn2:startEvent id="StartEvent_1"/>\n' +
+      '  </bpmn2:process>\n' +
+      '  <bpmndi:BPMNDiagram id="BPMNDiagram_1">\n' +
+      '    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1">\n' +
+      '      <bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_1">\n' +
+      '        <dc:Bounds height="36.0" width="36.0" x="412.0" y="240.0"/>\n' +
+      '      </bpmndi:BPMNShape>\n' +
+      '    </bpmndi:BPMNPlane>\n' +
+      '  </bpmndi:BPMNDiagram>\n' +
+      '</bpmn2:definitions>'
+    if (processDefinitionId) {
+      await ajax.get(config.upmsServerContext + '/manage/workflow/getProcessXml?processDefinitionId=' + processDefinitionId).then(function ({data}) {
+        if (data.code === 1) {
+          bpmnXmlStr = data.data;
+        } else {
+          $Message.error("加载流程xml失败，" + data.message);
+        }
+        // 将字符串转换成图显示出来
+        bpmnModeler.importXML(bpmnXmlStr, function (err) {
+          if (err) {
+            console.error(err)
+          }
+        })
+      })
+    } else {
+      // 将字符串转换成图显示出来
+      bpmnModeler.importXML(bpmnXmlStr, function (err) {
+        if (err) {
+          console.error(err)
+        }
+      })
+    }
+  },
+  // 下载为SVG格式,done是个函数，调用的时候传入的
+  saveSVG(bpmnModeler, done) {
+    // 把传入的done再传给bpmn原型的saveSVG函数调用
+    this.bpmnModeler.saveSVG(done)
+  },
+  // 下载为SVG格式,done是个函数，调用的时候传入的
+  saveDiagram(bpmnModeler, done) {
+    // 把传入的done再传给bpmn原型的saveXML函数调用
+    this.bpmnModeler.saveXML({format: true}, function (err, xml) {
+      done(err, xml)
+    })
+  },
+  // 下载为SVG格式,done是个函数，调用的时候传入的
+  deployBpm(bpmnModeler, xmlStr) {
+    const {$Message, $Spin} = this
+    const elementRegistry = bpmnModeler.get('elementRegistry');
+    const processNode = elementRegistry.filter(
+      (item) => {
+        return item.type === 'bpmn:Process'
+      }
+    )[0];
+    const processId = processNode.id;
+    const processName = processNode.businessObject.name;
+    if (!processId) {
+      $Message.error("流程编号不能为空")
+      return
+    }
+    if (!processName) {
+      $Message.error("流程名称不能为空")
+      return
+    }
+    $Spin.show();
+    ajax.post(config.upmsServerContext + '/manage/workflow/deployString', {
+      bpmnXml: xmlStr,
+      processId: processId,
+      processName: processName
+    }).then(function ({data}) {
+      $Spin.hide();
+      if (data.code === 1) {
+        $Message.success("流程部署成功")
+      } else {
+        $Message.error(data.data)
+      }
+    })
+
+    // 把传入的done再传给bpmn原型的saveSVG函数调用
+    // this.bpmnModeler.saveSVG(done)
+  },
+  // 当图发生改变的时候会调用这个函数，这个data就是图的xml
+  // setEncoded(link, name, data) {
+  //   // 把xml转换为URI，下载要用到的
+  //   const encodedData = encodeURIComponent(data)
+  //   // 获取到图的xml，保存就是把这个xml提交给后台
+  //   this.xmlStr = data
+  //   // 下载图的具体操作,改变a的属性，className令a标签可点击，href令能下载，download是下载的文件的名字
+  //   if (data) {
+  //     link.className = 'active'
+  //     link.href = 'data:application/bpmn20-xml;charset=UTF-8,' + encodedData
+  //     link.download = name
+  //   }
+  // },
+
+  /**
+   * 下载bpmn
+   * @param {object} bpmnModeler bpmn对象
+   */
+  downLoad(bpmnModeler) {
+    var downloadLink = $("#downloadBpmn")
+    bpmnModeler.saveXML({format: true}, function (err, xml) {
+      if (err) {
+        return console.error('could not save BPMN 2.0 diagram', err);
+      }
+      tools.setEncoded(downloadLink, 'diagram.bpmn', err ? null : xml);
+    });
+  },
+  /**
+   * 转码xml并下载
+   * @param {object} link 按钮
+   * @param {string} name 下载名称
+   * @param {string} data base64XML
+   */
+  setEncoded(link, name, data) {
+    var encodedData = encodeURIComponent(data);
+    if (data) {
+      link.addClass('active').attr({
+        'href': 'data:application/bpmn20-xml;charset=UTF-8,' + encodedData,
+        'download': name
+      });
+    } else {
+      link.removeClass('active');
+    }
+  },
+  /**
+   * 上传bpmn
+   * @param {object} bpmnModeler bpmn对象
+   * @param {object} container 容器对象
+   */
+  upload(bpmnModeler, container) {
+
+  },
+
+
+  /**
+   * 根据数据设置颜色
+   * @param data
+   * @returns {Array}
+   */
+  getByColor(data) {
+
+    var ColorJson = []
+    for (var k in data['doneLightSet']) {
+      var par = {
+        "name": data['doneLightSet'][k],
+        "stroke": "green",
+        "fill": "green"
+      }
+      ColorJson.push(par)
+    }
+    for (var k in data['donePointSet']) {
+      var par = {
+        "name": data['donePointSet'][k],
+        "stroke": "gray",
+        "fill": "#53d63a"
+
+      }
+      ColorJson.push(par)
+    }
+    for (var k in data['doneTaskSet']) {
+      var par = {
+        "name": data['doneTaskSet'][k],
+        "stroke": "green",
+        "fill": "#53d63a"
+      }
+      ColorJson.push(par)
+    }
+    for (var k in data['todoPointSet']) {
+      var par = {
+        "name": data['todoPointSet'][k],
+        "stroke": "green",
+        "fill": "#d6541c"
+      }
+      ColorJson.push(par)
+    }
+    return ColorJson
+  }
+}

package/utils/number.js

@@ -0,0 +1,123 @@
+/**
+ * 生成uid
+ */
+export function guid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0,
+      v = c === 'x' ? r : (r & 0x3 | 0x8);
+    return v.toString(16);
+  });
+}
+
+// 数字每三位加逗号
+export function toThousands(num) {
+  let result = '';
+  num = (num || 0).toString();
+  while (num.length > 3) {
+    result = ',' + num.slice(-3) + result;
+    num = num.slice(0, num.length - 3);
+  }
+  if (num) {
+    result = num + result;
+  }
+  return result;
+}
+
+/**
+ * 数字金额转为汉字
+ * @param values
+ * @returns {string}
+ */
+export function toChies(values) {
+  //形参
+  let len = values.length //统计出长度
+  let arr = []
+
+  let chin_list = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] //所有的数值对应的汉字
+
+  let chin_lisp = [
+    '仟',
+    '佰',
+    '拾',
+    '亿',
+    '仟',
+    '佰',
+    '拾',
+    '万',
+    '仟',
+    '佰',
+    '拾'
+  ] //进制
+
+  for (let i = 0; i < len; i++) {
+    arr.push(parseInt(values[i])) //输入的数据按下标存进去   存进去的只是数字
+    arr[i] = chin_list[arr[i]] //是根据我们输入的输入的数字，对应着我们的chin_list这个数组
+  } //123['壹','佰','贰','拾','叁']
+
+  for (let i = len - 1, j = 1; i > 0; i--) {
+    //i =2	1		//倒序		为了添加进制，方便我们去观看
+    arr.splice(i, 0, chin_lisp[chin_lisp.length - j++]) //j=2
+  }
+  arr = arr.join('')
+  if (len >= 1) {
+    arr += '元整'
+  }
+  return arr
+}
+
+export function numToDX(num) {
+  if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(num))
+    return "数据非法";
+  let unit = "千百拾亿千百拾万千百拾元角分", str = "";
+  num += "00";
+  let p = num.indexOf('.');
+  if (p >= 0)
+    num = num.substring(0, p) + num.substr(p + 1, 2);
+  unit = unit.substr(unit.length - num.length);
+  for (let i = 0; i < num.length; i++)
+    str += '零壹贰叁肆伍陆柒捌玖'.charAt(num.charAt(i)) + unit.charAt(i);
+  return str.replace(/零(千|百|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+}
+
+/**
+ * 校验电话号码是否正确
+ *
+ */
+
+export function checkTel(val) {
+  var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
+  var isMob = /^((\+?86)|(\(\+86\)))?(13[0123456789][0-9]{8}|15[012356789][0-9]{8}|18[0123456789][0-9]{8}|14[57][0-9]{8}|17[678][0-9]{8})$/;
+  if (isMob.test(val) || isPhone.test(val)) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+/**
+ * 保留小数位数
+ */
+export function toFixed(num, digit) {
+  if (digit > 6) {
+    digit = 6;
+  }
+  var changenum;
+  if (num > 0) {
+    changenum = (parseInt(num * Math.pow(10, digit) + 0.5) / Math.pow(10, digit)).toString();
+  } else {
+    changenum = (parseInt(num * Math.pow(10, digit) - 0.5) / Math.pow(10, digit)).toString();
+  }
+  var index = changenum.indexOf(".");
+  if (index < 0 && digit > 0) {
+    changenum = changenum + ".";
+    for (var i = 0; i < digit; i++) {
+      changenum = changenum + "0";
+    }
+  } else {
+    index = changenum.length - index;
+    for (var i = 0; i < (digit - index) + 1; i++) {
+      changenum = changenum + "0";
+    }
+  }
+  return changenum;
+}