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

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.10",
+  "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.200"
+  },
+  "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,353 @@
+<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 {
+        let auditResult = {
+          code: self.data.auditResult,
+          name: self.data.auditResultName,
+        }
+        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, self.data.instanceId, self.data.taskId, auditResult, self.data.taskId);
+            }
+            self.toBeDoneListDoSearch();
+          } else {
+            self.loading = false
+            self.$Message.error(result.message)
+            if (this.executionCompleted) {
+              this.executionCompleted(false, null, null, auditResult, self.data.taskId);
+            }
+          }
+        })
+      }
+      this.modalBoxShow = false;
+    },
+
+
+    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>