cloud-module-bpm 6.13.2 → 6.13.3

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "cloud-module-bpm",
-  "version": "6.13.2",
+  "version": "6.13.3",
   "description": " bpm base lib",
   "main": "dist/cloud-module-bpm.umd.min.js",
   "author": "wujx",
   "private": false,
   "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -16,7 +19,7 @@
     "axios": "0.19.0",
     "babel-loader": "^8.0.6",
     "babel-polyfill": "^6.26.0",
-    "cloud-module-base": "^6.13.2",
+    "cloud-module-base": "6.13.2",
     "core-js": "^3.4.4",
     "css-loader": "^3.4.1",
     "element-ui": "^2.15.7",

package/packages/bpm-back-anylink-dialog/Tree.vue

@@ -0,0 +1,222 @@
+<template>
+  <div style="height:100%;width:100%">
+    <el-row>
+      <el-col
+        :span="24"
+        style="padding: 4px;"
+      >
+        <el-input
+          placeholder="请输入名称或编码"
+          v-model="searchName"
+          clearable
+          @clear="restart"
+          @change="searchTree"
+          @keyup.enter.native="searchTree"
+          suffix-icon="el-icon-search"
+        ></el-input>
+      </el-col>
+    </el-row>
+    <el-row style="overflow-y: auto;height:91%">
+      <div>
+        <el-tree
+          class="flow-tree"
+          :data="treeNode"
+          v-show="isShow"
+          node-key="id"
+          highlight-current
+          ref="tree"
+          :props="treeProps"
+          @node-click="handelrNodeClick"
+          :default-expanded-keys="defaultExpandedKeys"
+        >
+          <span
+            class="custom-tree-node cell-hidden"
+            slot-scope="{ node, data }"
+          >
+            <!-- 通过部门层级选择标签 -->
+            <div
+              :title="node.label"
+              class="cell-hidden"
+            >
+              <span
+                v-if="data.dLevel == 0"
+                class="iconfont icon-jigou "
+              ></span>
+              <span
+                v-else
+                class="iconfont icon-bumenkaoqin"
+              ></span>
+              <span :title="node.label">{{ node.label }}</span>
+            </div>
+          </span>
+        </el-tree>
+        <el-tree
+          v-show="!isShow"
+          :data="treeNodeSearch"
+          ref="treeSearch"
+          node-key="id"
+          :props="treeProps"
+          @node-click="handelrNodeClick"
+          highlight-current
+          :default-expanded-keys="defaultExpandedKeys"
+        >
+          <span
+            class="custom-tree-node span-ellipsis"
+            slot-scope="{ node, data }"
+          >
+            <span
+              v-if="data.dLevel == 0"
+              class="iconfont icon-jigou"
+            ></span>
+            <span
+              v-else
+              class="iconfont icon-bumenkaoqin"
+            ></span>
+            <span :title="node.label">{{ node.label }}</span>
+          </span>
+        </el-tree>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+import { Tree, Container } from 'element-ui';
+import axios from "cloud-module-base/packages/httpConfig/http";
+export default {
+  //初始化数据
+  data () {
+    return {
+      treeNode: [],
+      treeData: [],
+      treeNodeSearch: [],
+      defaultExpandedKeys: [],
+      searchName: '',
+      orgListUrl: "/api/identity/bpm-dept/tree-by-search", //组织机构列表筛选接口
+      orgUrl: '/api/identity/bpm-dept/tree-by-deptcodes', //组织机构树接口
+      treeProps: {
+        children: "children", //指定子树为节点对象的某个属性值
+        label: "name", //指定节点标签为节点对象的某个属性值
+        id: "id"
+      },
+      isShow: true,
+      id: "-1"
+    };
+  },
+  components: {
+    'el-tree': Tree,
+    'el-container': Container
+  },
+
+  props: {
+    opt: {
+      type: Object,
+      required: false
+    }
+  },
+  watch: {
+    opt: {
+      deep: true,
+      handler (opt) {
+        let _this = this;
+        let deptCodes = [];
+        _this.treeNode = [];
+        opt.bpmUsers.forEach(bpmUser => {
+          if (bpmUser.deptCode && !deptCodes.includes(bpmUser.deptCode)) {
+            deptCodes.push(bpmUser.deptCode);
+          }
+        });
+        axios['bpm-engine']
+          .post(this.orgUrl, { deptCodes: deptCodes.join(',') })
+          .then(function (res) {
+            _this.treeNode = res.data;
+            _this.defaultExpandedKeys.push(res.data[0].id);
+            _this.$emit('refreshGrid', res.data[0]);
+          })
+          .catch(function (err) {
+            console.log(err);
+          });
+      },
+       immediate: true
+    }
+  },
+  //方法
+  methods: {
+    restart () {
+      let _this = this;
+      let param = {
+        page: this.currentPage,
+        rows: this.pageSize,
+      };
+      this.isShow = true;
+      _this.EventBus.$emit('refresh-source-grid', param);
+    },
+    //请求方法
+    loadNode (node, resolve) {
+      let _this = this;
+      axios['system-manager']
+        .post("/api/ou/org/tree", {
+          id: node.data.id
+        })
+        .then(function (res) {
+          resolve(res.data);
+          if (node.data.length == 0 && res.data.length > 0) {
+            _this.defaultExpandedKeys.push(res.data[0].id);
+            // _this.$nextTick(() => {
+            //   _this.$refs.tree.setCurrentKey(res.data[0].id);
+            //   _this.EventBus.$emit("refreshGrid", res.data[0]); //EventBus事件总线，通过emit方法与父组件沟通。$emit触发当前实例上的所有事件
+            // });
+          }
+        })
+        .catch(function (err) {
+          console.log(err);
+        });
+
+
+    },
+
+    //节点点击事件
+    handelrNodeClick (treeNode) {
+      this.$emit('refreshGrid', treeNode);
+    },
+    searchTree () {
+      let _this = this;
+      if (_this.searchName == null || _this.searchName == '') {
+        _this.treeNodeSearch = [];
+        _this.isShow = true;
+      }
+
+      let deptCodes = [];
+      this.opt.bpmUsers.forEach(bpmUser => {
+        if (bpmUser.deptCode && !deptCodes.includes(bpmUser.deptCode)) {
+          deptCodes.push(bpmUser.deptCode);
+        }
+      });
+      _this.isShow = false;
+      axios['bpm-engine']
+        .post(this.orgListUrl, {
+          search: this.searchName,
+          deptCodes: deptCodes.join(',')
+        })
+        .then(function (res) {
+          _this.treeNodeSearch = res.data;
+          _this.$nextTick(() => {
+            _this.$refs.treeSearch.setCurrentKey(res.data[0].id);
+          });
+          _this.handelrNodeClick(res.data[0]);
+
+        })
+        .catch(function (err) {
+          console.log(err);
+        });
+    }
+  },
+  //页面渲染之前调用方法 函数
+  created () { },
+  //页面渲染完成调用方法 函数
+  mounted () {
+
+  }
+};
+</script>
+<style scoped>
+</style>