@lambo-design/workflow-approve 1.0.0-beta.2

package/index.js

@@ -0,0 +1,9 @@
+import WorkflowHorizontalApprove from "./src/horizontal";
+import WorkflowPortraitApprove from "./src/portrait";
+import WorkflowDiagram from "./src/workflow-diagram";
+
+export {
+    WorkflowHorizontalApprove,
+    WorkflowPortraitApprove,
+    WorkflowDiagram
+};

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@lambo-design/workflow-approve",
+  "version": "1.0.0-beta.2",
+  "description": "",
+  "main": "index.js",
+  "author": "lambo",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "axios": "^0.24.0",
+    "axios-cache-plugin": "^0.1.0",
+    "@lambo-design/core": "^4.7.1-beta.139",
+    "@lambo-design/shared": "^1.0.0-beta.193"
+  },
+  "dependencies": {
+    "bpmn-js": "^7.3.1",
+    "bpmn-js-properties-panel": "^0.37.2",
+    "docx-preview": "0.1.20"
+  },
+  "scripts": {
+    "release": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
+    "release-major": "standard-version --release-as major",
+    "release-minor": "standard-version --release-as minor",
+    "release-patch": "standard-version --release-as patch",
+    "release-beta": "standard-version --prerelease beta",
+    "re-publish": "pnpm publish --access public --no-git-checks"
+  }
+}

package/src/components/assignee-box.vue

@@ -0,0 +1,351 @@
+<template>
+  <div>
+    <Modal v-model="modalBoxShow" width="1217" title="选择办理人"  @on-ok="onOk" @on-cancel="onCancel" loading>
+      <div class="org-info">
+        <div class="org-tree">
+          <Tree :data="treeData" :load-data="loadData" @on-select-change="selectChange" > </Tree>
+        </div>
+        <div class="org-detil">
+          <LamboPagingTable ref="selection" :dataUrl="dataUrl" :columns="tableColumn" :searchParams="tableSearchParams"
+                            @on-selection-change="onSelectionChange">
+            <div slot="search">
+              <Form :label-width="80">
+                <FormItem label="账号">
+                  <Input v-model="form.userId" placeholder="按账号搜索" />
+                </FormItem>
+                <FormItem label="姓名">
+                  <Input v-model="form.userName" placeholder="按姓名搜索" />
+                </FormItem>
+                <FormItem label="是否管理员" prop="isAdmin" :labelWidth="100">
+                  <RadioGroup v-model="form.isAdmin">
+                    <Radio label="">全部</Radio>
+                    <Radio label="1">是</Radio>
+                    <Radio label="0">否</Radio>
+                  </RadioGroup>
+                </FormItem>
+                <FormItem>
+                  <Button type="primary" icon="ios-search" @click="doSearch">查询</Button>
+                </FormItem>
+              </Form>
+            </div>
+          </LamboPagingTable>
+
+        </div>
+      </div>
+
+
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ajax from "@lambo-design/shared/utils/ajax";
+import LamboPagingTable from '@lambo-design/paging-table'
+
+export default {
+  name: "UserHelpBox",
+  components: {
+    LamboPagingTable
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    //按钮执行完毕回调方法
+    executionCompleted: {
+      type: Function,
+      required: false,
+    },
+    smartFlowServerContext: {
+      type: String,
+      default: '/api/smart-flow-server',
+    },
+    upmsServerContext: {
+      type: String,
+      default: '/api/upms-server',
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      modalBoxShow: false,
+      dataUrl:'',
+      helpBoxColumns: [
+        {
+          title: "用户ID",
+          key: "userId",
+          sortable: "custom",
+        },
+        {
+          title: "用户姓名",
+          key: "userName",
+        },
+        {
+          title: "部门名称",
+          key: "organName",
+        },
+      ],
+      helpBoxTitle: "用户选择框",
+      targetDomId:"",
+      treeData: [],
+      idSelectedArr: [],
+      currentNode: {},
+      form: {
+        userId: '',
+        userName: '',
+        organId: '',
+        organTitle: '',
+        directChild: false,
+        isAdmin: ''
+      },
+      tableSearchParams: {},
+    };
+  },
+  created () {
+    this.init()
+  },
+  computed: {
+
+    tableColumn () {
+      let columns = []
+      let self = this
+      columns.push({
+        title: '#',
+        key: 'selectId',
+        type: 'selection',
+        align: 'center',
+        width: 55
+      })
+      columns.push({
+        title: '账号',
+        key: 'userId',
+        sortField: 'user_id',
+        sortable: 'custom'
+      })
+      columns.push({
+        title: '姓名',
+        key: 'userName',
+        sortField: 'user_name',
+        sortable: 'custom'
+      })
+      columns.push({
+        title: '部门名称',
+        key: 'organName',
+        sortField: 'organ_name',
+        sortable: 'custom'
+      })
+      columns.push({
+        title: '状态',
+        key: 'status',
+        sortable: 'custom',
+        align: 'center',
+        width: 100,
+        render: function (h, param) {
+          let state = param.row.status
+          if (state === '00') {
+            state = '正常'
+          } else {
+            state = '锁定'
+          }
+          return h('span', state)
+        }
+      })
+
+      return columns
+    }
+  },
+  inject: ['toBeDoneListDoSearch'],
+  methods: {
+    init () {
+      let self = this
+      self.getRootData()
+    },
+    toggleShowHelpBox() {
+      this.modalBoxShow = !this.modalBoxShow;
+    },
+
+    onOk(){
+      let self = this
+      let idSelectedArr = self.idSelectedArr
+      self.loading = true
+      if (idSelectedArr.length > 1) {
+        self.loading = false
+        self.$Message.info('办理人只能选择一条记录！')
+        this.$emit('update-selected', ''); // 触发事件并传递 userId
+      } else {
+        self.data.selectedUserId=self.idSelectedArr[0];
+        console.log("self.data:",self.data);
+        let url = this.smartFlowServerContext + '/manage/processTodo/audit'
+        ajax.post(url, self.data).then(function (resp) {
+          let result = resp.data
+          if (result.code == '200') {
+            self.loading = false
+            self.$Message.success(result.message);
+            if (this.executionCompleted) {
+              //后端没有返回数据
+              this.executionCompleted(true, null, null);
+            }
+            self.toBeDoneListDoSearch();
+          } else {
+            self.loading = false
+            self.$Message.error(result.message)
+            if (this.executionCompleted) {
+              this.executionCompleted(false, null, null);
+            }
+          }
+        })
+      }
+      this.modalBoxShow = false;
+      this.$router.push('/process/toBeDone/list')
+    },
+
+
+    doSearch: function () {
+      this.tableSearchParams = Object.assign({}, this.form)
+    },
+    onSelectionChange: function (selection) {
+      let self = this
+      self.idSelectedArr = []
+      if (selection.length > 1) {
+        self.$Message.info('只能选择一条记录！')
+        this.$refs.selection.selectAll(false);
+      }
+      for (let item of selection) {
+        self.idSelectedArr.push(item.userId)
+      }
+    },
+    loadData (node, callback) {
+      this.getData(node, function (data) {
+        if (data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getRootData () {
+      let self = this
+      let childs = []
+      ajax.get(this.upmsServerContext + '/manage/ucOrgan/getOrgRootTree').then(function (resp) {
+        if (resp.data.code === 1) {
+          let data = resp.data.data
+          if (data.length > 0) {
+            data.forEach(item => {
+              let obj = {}
+              obj.type = item.organType
+              obj.id = item.organId
+              obj.orders = item.orders
+              obj.title = item.organName
+              obj.name = item.organName
+              obj.com = item.com
+              obj.code = item.organCode
+              obj.loading = false
+              obj.children = []
+              obj.hasChild = true
+              childs.push(obj)
+            })
+
+            childs[0].selected = true
+            self.selectChange(childs)
+          }
+          self.treeData = childs
+        }
+      })
+    },
+    getData (node, callback) {
+      let self = this
+      ajax.get(this.upmsServerContext + '/manage/ucOrgan/getOrgSubNodes', {
+        params: {
+          organCode: node.code
+        }
+      }).then(function (resp) {
+        const childs = []
+        if (resp.data.code === 1) {
+          let nodeDatas = resp.data.data
+          if (nodeDatas.length > 0) {
+            nodeDatas.forEach(item => {
+              let obj = {}
+              obj.type = item.organType
+              obj.id = item.organId
+              obj.orders = item.orders
+              obj.title = item.organName
+              obj.name = item.organName
+              obj.com = item.com
+              obj.parent = node
+              obj.code = item.organCode
+              obj.loading = false
+              obj.children = []
+              obj.hasChild = true
+              childs.push(obj)
+            })
+          } else {
+            self.$set(node, 'hasChild', false)
+            self.$delete(node, 'loading')
+          }
+          if (callback) {
+            callback(childs)
+          }
+        } else {
+          self.$set(node, 'hasChild', false)
+          self.$delete(node, 'loading')
+          if (callback) {
+            callback()
+          }
+        }
+      })
+    },
+    selectChange (node) {
+      let self = this
+      if (node.length > 0) {
+        if (self.currentNode !== node[0]) {
+          self.currentNode = node[0]
+
+          self.form.organId = self.currentNode.id
+          self.form.organTitle = self.currentNode.title
+
+          self.dataUrl =this.upmsServerContext+ '/manage/user/list'
+          self.doSearch()
+
+          if (node[0].children.length <= 0) {
+            self.getData(node[0], function (data) {
+              self.$set(node[0], 'children', data)
+            })
+          }
+          self.$set(node[0], 'expand', true)
+        }
+      } else {
+        self.$set(self.currentNode, 'expand', !self.currentNode.expand)
+        self.currentNode.selected = true
+      }
+    },
+
+    onCancel () {
+      this.$emit('update-selected', ''); // 触发事件并传递 userId
+      this.modalBoxShow = false;
+
+    },
+
+
+  },
+};
+</script>
+
+<style lang="less" scope>
+.org-info{
+  display: flex;
+  .org-tree {
+    width: 265px;
+    min-height: 450px;
+    border-right: 1px solid #dcdee2;
+  }
+
+  .org-detil {
+    flex:1;
+    min-height: 400px;
+    min-width: 800px;
+    padding: 0 10px 10px;
+    margin-left: 10px;
+  }
+}
+</style>

package/src/components/attachment.vue

@@ -0,0 +1,228 @@
+<template>
+  <div>
+    <Row>
+      <Row>
+        <span v-for="(item, index) in attachmentdata" :key="index" style="font-size: 14px">
+          <span v-if="index>0">、</span>
+         <span style="color:#2D8cF0 ">  {{ item.fileName }}</span>
+          <a @click="forRemoveAttachment(index)" style="font-size: 13px;">.删除</a>
+        </span>
+        <div>
+          <div slot="buttons">
+            <Upload :action="actionUrl" :on-error="handleError" :before-upload="handleUpload" :show-upload-list="false"
+                    multiple
+                    :on-success="handleSuccess" :on-progress="handleProgress"
+                    :on-format-error="handleFormatError"
+                    :format="['xlsx', 'xls','txt','rar','zip','doc','docx','jpg','pdf','gif','png']">
+              <Button :loading="loading" icon="ios-arrow-round-up" type="primary"
+                      style="color: #808080;border-color:#e0e0e0;" ghost>添加附件
+              </Button>
+            </Upload>
+          </div>
+        </div>
+      </Row>
+      <Row style="margin-top: 10px">
+        <span style="color: red;font-size: 14px">* 支持扩展名： .rar .zip .doc .docx .pdf .jpg...</span>
+      </Row>
+    </Row>
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: "attachment",
+  components: {},
+  props: {
+    actionUrl: {
+      default: "/api/oss-server/file/put",
+    },
+    attachmentdata: {
+      type: Array,
+      default: function () {
+        return []
+      }
+    },
+    attachmentColumn: {
+      default: function () {
+        let column = [
+          {title: "序号", type: 'index', width: 80, align: "center"},
+          {
+            title: "相关附件", key: "fileName", minWidth: 200, align: 'left', tooltip: true,
+            render: (h, {row}) => {
+              return h("a", {
+                on: {
+                  'click': () => {
+                    let reg = /\.(gif|jpg|jpeg|bmp|png)$/
+                    let regs = /\.pdf$/
+                    if (reg.test(row.fileName)) {
+                      let imgs = [];
+                      let url = this.ossServerContext + "/file/get/" + row.fileId;
+                      this.imgPreview(url);
+                    } else if (regs.test(row.fileName)) {
+                      window.open(this.ossServerContext + "/file/getFileStream?fileId=" + row.fileId, "_blank");
+                    } else {
+                      window.open(this.ossServerContext + "/file/get/" + row.fileId, "_blank");
+                    }
+                  }
+                }
+              }, row.fileName);
+            }
+          },
+          {
+            title: "操作", width: 80, align: "center",
+            render: (h, {index}) => {
+              return h('div', [
+                h('Button', {
+                  props: {
+                    type: 'warning',
+                    size: 'small',
+                    ghost: true
+                  },
+                  on: {
+                    click: () => {
+                      this.forRemoveAttachment(index)
+                    }
+                  }
+                }, '删除')
+              ]);
+            }
+          }
+        ];
+        return column
+      }
+    },
+    ossServerContext: {
+      type: String,
+      default: '/api/oss-server',
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      modalImg: false,
+      image: "",
+      tempFileArr: [],
+      percentage: null,
+      file_name: '',
+      fileList: [],
+    }
+  },
+  methods: {
+    openAttachment(item) {
+      let reg = /\.(gif|jpg|jpeg|bmp|png)$/;
+      let regs = /\.pdf$/;
+
+      if (reg.test(item.fileName)) {
+        let imgs = [];
+        let url = this.ossServerContext + "/file/get/" + item.fileId;
+        this.imgPreview(url);
+      } else if (regs.test(item.fileName)) {
+        window.open(this.ossServerContext + "/file/getFileStream?fileId=" + item.fileId, "_blank");
+      } else {
+        window.open(this.ossServerContext + "/file/get/" + item.fileId, "_blank");
+      }
+    },
+    handleSuccess: function (response, file, fileList) {
+      let self = this;
+      let tempArr = JSON.parse(JSON.stringify(this.tempFileArr))
+
+      tempArr.forEach(function (value, index, array) {
+        if (value == file.name) {
+          self.tempFileArr.splice(index, 1)
+        }
+      });
+
+      if (response.code == 1 && self.tempFileArr && self.tempFileArr.length < 1) {
+        self.loading = false;
+        self.$Message.success("上传成功");
+      }
+
+      if (response.code == 1) {
+        if (response.data != undefined && response.data != null && response.data.length > 0) {
+          let tempData = [].concat(response.data);
+          this.attachmentdata.push({
+            fileName: tempData[0].originalName,
+            fileId: tempData[0].fileName,
+          });
+        }
+
+        this.fileList = fileList
+
+      } else {
+        self.loading = false;
+        this.$Message.error({
+          content: file.name + '上传失败！',
+        });
+        //this.$Message.error("上传失败！");
+
+        let j = 0;
+        for (let i = 0; i < fileList.length; i++) {
+          if (fileList[i].canceled) {
+            continue;
+          }
+          if (fileList[i].name === file.name && fileList[i].timestamp === file.timestamp) {
+            j = i;
+          }
+        }
+
+        //console.log(fileList)
+        fileList.splice(j, 1);
+
+      }
+
+    },
+    handleError: function (error, file, fileList) {
+      this.loading = false
+      this.$Message.error({
+        content: fileList.name + ' 上传失败！',
+      });
+    },
+    handleUpload: function (file) {
+      if (!file.canceled) {
+        this.tempFileArr.push(file.name)
+      }
+    },
+    forRemoveAttachment: function (index) {
+      this.attachmentdata.splice(index, 1);
+      this.$refs.attachmentTable.tableRefresh()
+    },
+    //查看附件
+    imgPreview: function (img) {
+      this.modalImg = true
+      this.image = img;
+    },
+    //查看附件
+    cancelUpload: function (item, fileList) {
+      item.showProgress = false;
+      item.canceled = true;
+    },
+    handleProgress(event, file, fileList) {
+      this.loading = true
+
+
+    },
+    handleFormatError(file) {
+      this.loading = false
+      this.$Notice.warning({
+        title: "文件格式不正确",
+        desc: "文件 " + file.name + " 格式不支持，请上传其他格式的文件。",
+      });
+    },
+
+  }
+}
+</script>
+
+<style scoped>
+.demo-spin-icon-load {
+  animation: ani-demo-spin 1s linear infinite;
+}
+
+/deep/ .ivu-icon {
+  zoom: 130%;
+  color: #808080;
+  margin-right: -1px;
+}
+</style>