cloud-module-bpm 6.13.2 → 6.13.3

package/packages/bpm-form-tools/bpm-form-tools.vue

@@ -6,8 +6,9 @@
       :key="bpmBtn.id"
       :type="bpmBtn.type"
       v-prevent-re-click
-      :class="bpmBtn.id"
+      :class="[bpmBtn.id, {'btn-disabled': MeritBPM.btnDisable}]"
       @click="BPMEventBus('doSend', bpmBtn)"
+      :disabled="MeritBPM.btnDisable"
     >{{ bpmBtn.name }}</el-button>
     <bpm-user-select
       :dialogVisible="MeritBPM.userSelectDialogVisible"
@@ -93,7 +94,8 @@ export default {
         businessId: '', //流程业务数据id
         procInstId: undefined, //流程实例id
         undoId: '' //待办业务id
-      }
+      },
+      flag: false,
     };
   },
   props: {
@@ -149,6 +151,7 @@ export default {
             '/api/engine/bpm/process/version/' + businessId + '/' + bpmVersion
           )
           .then(function (res) {
+            // MeritBPM.btnDisable = false
             if (res.data.isDifferent == 'NoBusinessData') {
               _this.$alert('业务数据不存在!', '警告', {
                 confirmButtonText: '确定',
@@ -166,16 +169,18 @@ export default {
                 }
               );
             } else {
+              // MeritBPM.btnDisable = false
               //业务应用保存数据的方法，保存后回调方法
-              _this.$emit('save', _this.bpmSaveAfter,bpmBtn);
+              _this.$emit('save', _this.bpmSaveAfter, bpmBtn);
             }
           })
           .catch(function (err) {
             console.log(err);
           });
       } else {
+        // MeritBPM.btnDisable = false
         //业务应用保存数据的方法，保存后回调方法
-        _this.$emit('save', _this.bpmSaveAfter,bpmBtn);
+        _this.$emit('save', _this.bpmSaveAfter, bpmBtn);
       }
     },
 
@@ -198,17 +203,21 @@ export default {
         this.MeritBPM.startProcess(this, this.bpmBtn, function (params) {
           _this.bpmBtn.isSave = '1';
           _this.MeritBPM.doSend(_this, _this.bpmBtn);
+          MeritBPM.btnDisable = false;
         });
+        // MeritBPM.btnDisable = false
         // this.bpmClose()
         // this.repetFlag = false;
       } else {
         if (this.bpmBtn.id == 'bpmSaveOrUpdateBtn') {
           // 点击保存按钮
           this.MeritBPM.runRuleEngine(this, _this.bpmBtn, {});
+          MeritBPM.btnDisable = false
         } else {
           //点击填写意见、发送按钮，更新流程操作按钮
           this.bpmBtn.isSave = '1';
           this.MeritBPM.doSend(this, this.bpmBtn);
+          // MeritBPM.btnDisable = false
         }
       }
     },
@@ -221,13 +230,14 @@ export default {
     },
     //关闭按钮事件
     bpmClose () {
-      if(window.opener){
+      MeritBPM.btnDisable = false;
+      if (window.opener) {
         let eles = window.opener.document.getElementsByClassName('a-GBLC')
-        if(eles && eles.length>0){
+        if (eles && eles.length > 0) {
           this.refreshCurrentPageOpionList();
           window.close();
-        } else{
-        //关闭按钮事件，如果有父窗口，则调用父窗口的监听事件
+        } else {
+          //关闭按钮事件，如果有父窗口，则调用父窗口的监听事件
           if (window.opener.refreshBpmGrid) {
             window.opener.refreshBpmGrid();
             window.close();
@@ -235,9 +245,9 @@ export default {
             window.close();
           }
         }
-      } 
+      }
     },
-     refreshCurrentPageOpionList() {
+    refreshCurrentPageOpionList () {
       // 刷新当前页面的grid列表,给AMIS定制刷新页面的方法
       let sxBtn = window.opener.document.getElementsByClassName('a-GBLC');
       if (sxBtn && sxBtn[0]) {
@@ -247,3 +257,16 @@ export default {
   }
 };
 </script>
+<style lang="less" scoped>
+.btn-disabled {
+  // pointer-events: none;
+  cursor: not-allowed !important;
+}
+/deep/ .el-button.btn-disabled,
+.el-button.btn-disabled:active,
+.el-button.btn-disabled:focus,
+.el-button.btn-disabled:hover {
+  cursor: not-allowed !important;
+}
+</style>
+

package/packages/bpm-jump-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>