cloud-module-bpm 6.2.6

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

@@ -0,0 +1,428 @@
+<template>
+  <div>
+    <el-dialog
+      :title="opt.title"
+      :visible.sync="dialogVisible"
+      width="650px"
+      top="8vh"
+      @open="openDialog"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+      append-to-body
+      custom-class="bpmjump"
+    >
+      <el-form>
+        <div style="padding: 10px 0px 30px 0px">
+          <el-row>
+            <el-col
+              :span="9"
+              style="padding-right:125px"
+            >
+              {{ $t('bpm.back_anyLink.choice_activity') }}
+            </el-col>
+          </el-row>
+          <el-row
+            type="flex"
+            justify="center"
+          >
+            <span style="padding-right:5px;line-height:2;">
+              {{ $t('bpm.back_anyLink.activity_name') }}
+            </span>
+
+            <el-select
+              style="width:200px"
+              @change="handleChange"
+              v-model="value"
+              :placeholder="$t('bpm.back_anyLink.please_select')"
+            >
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-row>
+        </div>
+        <div>
+          <el-row>
+            <el-col
+              :span="9"
+              style="padding-right:125px"
+            >{{
+              $t('bpm.back_anyLink.for_personnel')
+              }}</el-col>
+          </el-row>
+          <el-table
+            :data="initialTableData"
+            tooltip-effect="dark"
+            stripe
+            height="150"
+            @select="handleSelect"
+            @select-all="handleSelectAll"
+            ref="eltableCurrentRow"
+          >
+            <el-table-column
+              type="selection"
+              width="55"
+            > </el-table-column>
+            <el-table-column
+              prop="name"
+              :label="$t('bpm.back_anyLink.name')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.name"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.name }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="code"
+              :label="$t('bpm.back_anyLink.coding')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.code"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.code }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="deptName"
+              :label="$t('bpm.back_anyLink.department')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.deptName"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.deptName }}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div style="padding: 20px 0px 0px 0px">
+          <el-row>
+            <el-col
+              :span="9"
+              style="padding-right:125px"
+            >{{
+              $t('bpm.back_anyLink.selected_personnel_list')
+              }}</el-col>
+          </el-row>
+          <el-table
+            :data="selectTableData"
+            tooltip-effect="dark"
+            stripe
+            height="150"
+            @row-click="handleRowClick"
+          >
+            <el-table-column width="55"></el-table-column>
+            <el-table-column
+              prop="name"
+              :label="$t('bpm.back_anyLink.name')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.name"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.name }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="code"
+              :label="$t('bpm.back_anyLink.coding')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.code"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.code }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="deptName"
+              :label="$t('bpm.back_anyLink.department')"
+            >
+              <template slot-scope="scope">
+                <div
+                  :title="scope.row.deptName"
+                  class="cell-hidden"
+                >
+                  {{ scope.row.deptName }}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </el-form>
+
+      <span
+        slot="footer"
+        class="dialog-footer"
+      >
+        <el-button @click="handleClose">{{
+          $t('base.button.cancel')
+          }}</el-button>
+        <el-button
+          type="primary"
+          @click="handleSave"
+        >{{
+          $t('base.button.ok')
+          }}</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  Dialog,
+  Aside,
+  Main,
+  Container,
+  Button,
+  Form,
+  FormItem,
+  Col,
+  Row,
+  Input,
+  Tabs,
+  TabPane
+} from 'element-ui';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+export default {
+  name: 'bpm-back-anylink',
+  components: {
+    'el-dialog': Dialog,
+    'el-aside': Aside,
+    'el-main': Main,
+    'el-container': Container,
+    'el-button': Button,
+    'el-form': Form,
+    'el-form-item': FormItem,
+    'el-col': Col,
+    'el-row': Row,
+    'el-input': Input,
+    'el-tabs': Tabs,
+    'el-tab-pane': TabPane
+  },
+  //父组件传过来的数据属性
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      required: true
+    },
+    ruleEngine: {
+      type: Object,
+      required: true
+    }
+  },
+  data () {
+    return {
+      //默认参数
+      opt: {
+        title: this.$t('bpm.back_anyLink.dialog_title')
+      },
+      //流程key
+      toTaskDefKey: '',
+      //初始值
+      initialTableData: [],
+      //选中的值
+      selectTableData: [],
+      //节点相关数据(节点，待选人员，节点审批方式)
+      resultData: {},
+      //下拉框
+      options: [],
+      //下拉框初始值
+      value: '',
+      //节点批准类型
+      approveType: ''
+    };
+  },
+  created () { },
+  methods: {
+    handleRowClick (row, event, column) {
+      this.removeData(this.selectTableData, row);
+    },
+    ////取消已选中的
+    removeData (userData, row) {
+      //取消已选中的人员
+      var index = -1;
+      for (var i = 0; i < userData.length; i++) {
+        if (userData[i].code == row.code) {
+          index = i;
+        }
+      }
+      if (index != -1) {
+        userData.splice(index, 1);
+      }
+      //更新待选的人员
+      for (var i = 0; i < this.initialTableData.length; i++) {
+        if (this.initialTableData[i].code == row.code) {
+          this.$refs.eltableCurrentRow.toggleRowSelection(
+            this.initialTableData[i],
+            false
+          );
+        }
+      }
+    },
+
+    //全部取消或者删除
+    handleSelectAll (select) {
+      var _this = this;
+      if ('onlyApprove' == _this.approveType) {
+        this.selectTableData = [];
+        this.$refs.eltableCurrentRow.clearSelection();
+      } else {
+        if (select.length > 0) {
+          // 全选
+          select.forEach(element => {
+            if (_this.indexOfselectTableData(element) == -1) {
+              _this.selectTableData.push(element);
+            }
+          });
+        } else {
+          //全取消
+          _this.initialTableData.forEach(element => {
+            var index = _this.indexOfselectTableData(element);
+            if (index != -1) {
+              _this.selectTableData.splice(index, 1);
+            }
+          });
+        }
+      }
+    },
+    handleSelect (select, row) {
+      var _this = this;
+
+      // 单人审批 只能选择一个
+      if ('onlyApprove' == _this.approveType) {
+        // 清楚数据
+        _this.selectTableData = [];
+        _this.$refs.eltableCurrentRow.clearSelection();
+        if (_this.selectRow(select, row)) {
+          _this.$refs.eltableCurrentRow.toggleRowSelection(row);
+        }
+      }
+      if (_this.selectRow(select, row)) {
+        // 选中
+        //判断已选列表中是否存在该条数据
+        if (_this.indexOfselectTableData(row) == -1) {
+          _this.selectTableData.push(row);
+        }
+      } else {
+        //取消
+        //取消已选中的列表数据
+        var index = _this.indexOfselectTableData(row);
+        if (index != -1) {
+          _this.selectTableData.splice(index, 1);
+        }
+      }
+    },
+    //是选中还是取消
+    selectRow (select, row) {
+      return select.some(element => {
+        if (element.code == row.code) {
+          return true;
+        }
+      });
+    },
+    // 是否已选中该条数据
+    indexOfselectTableData (row) {
+      var index = -1;
+      var _this = this;
+      if (_this.selectTableData.length > 0) {
+        for (var i = 0; i < _this.selectTableData.length; i++) {
+          if (_this.selectTableData[i].code == row.code) {
+            index = i;
+            return index;
+          }
+        }
+      }
+      return index;
+    },
+    //下拉框change事件
+    handleChange (val) {
+      // var = 选中的label
+      var _this = this;
+      _this.selectTableData = [];
+      _this.toTaskDefKey = val;
+      _this.initialTableData = [];
+      if (_this.resultData[val] != null) {
+        _this.resultData[val].forEach(element => {
+          var obj = {};
+          obj.name = element.name;
+          obj.code = element.code;
+          obj.deptName = element.deptName;
+          _this.initialTableData.push(obj);
+        });
+        // 获取每个节点的审批方式
+        _this.approveType = _this.resultData.approveName[val];
+      }
+    },
+    openDialog () {
+      var _this = this;
+      _this.procInstId = _this.ruleEngine.runtime.mainForm.procInstId;
+      _this.requestData();
+    },
+    //关闭对话框
+    handleClose () {
+      this.options = [];
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    requestData () {
+      var _this = this;
+      axios['bpm-engine']
+        .post(
+          '/api/engine/bpm/query/processedNode/' + _this.procInstId,
+          _this.ruleEngine
+        )
+        .then(function (res) {
+          for (var key in res.data.activityName) {
+            var obj = {};
+            obj.label = res.data.activityName[key];
+            obj.value = key;
+            _this.options.push(obj);
+          }
+
+          //下拉框初始化选中数据
+          _this.value = _this.options[0].value;
+          _this.resultData = res.data;
+          _this.handleChange(_this.value);
+        })
+        .catch(function (err) {
+          console.log(err);
+        });
+    },
+    handleSave () {
+      var _this = this;
+      if (_this.selectTableData.length == 0) {
+        _this.$message.warning(
+          _this.$i18n.t('bpm.back_anyLink.please_personnel')
+        );
+        return;
+      }
+      var codes = [];
+      _this.selectTableData.forEach(element => {
+        codes.push(element.code);
+      });
+      _this.ruleEngine['resultCodes'] = codes.join(',');
+      _this.ruleEngine['resultToTaskDefKey'] = _this.toTaskDefKey;
+      _this.$emit('dialog-save', _this.ruleEngine);
+      _this.options = [];
+    }
+  },
+  mounted () { }
+};
+</script>

package/packages/bpm-back-anylink-dialog/index.js

@@ -0,0 +1,7 @@
+import bpmBackAnylink from './bpm-back-anylink-dialog.vue';
+
+/* istanbul ignore next */
+bpmBackAnylink.install = function(Vue) {
+  Vue.component(bpmBackAnylink.name, bpmBackAnylink);
+};
+export default bpmBackAnylink;

package/packages/bpm-back-anylink-dialog/readme.md

@@ -0,0 +1 @@
+### 特送对话框

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

@@ -0,0 +1,238 @@
+<template>
+  <el-col style="text-align:left">
+    <el-button
+      style="margin-top:5px;"
+      v-for="bpmBtn in MeritBPM.bpmBtns"
+      :key="bpmBtn.id"
+      :type="bpmBtn.type"
+      v-prevent-re-click
+      :class="bpmBtn.id"
+      @click="BPMEventBus('doSend', bpmBtn)"
+    >{{ bpmBtn.name }}</el-button>
+    <bpm-user-select
+      :dialogVisible="MeritBPM.userSelectDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmUserSelectClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmUserSelectSave', ruleEngine)"
+    />
+    <bpm-opinion
+      :dialogVisible="MeritBPM.opinionDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmOpinionClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmOpinionSave', ruleEngine)"
+    />
+    <!-- 特送对话框 -->
+    <bpm-jump
+      :dialogVisible="MeritBPM.bpmJumpDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmJumpClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmJumpSave', ruleEngine)"
+    >
+    </bpm-jump>
+
+    <!-- 特送管理对话框 -->
+    <bpm-jump-latest
+      :dialogVisible="MeritBPM.bpmJumpManagementDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmJumpManagementClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmJumpManagementSave', ruleEngine)"
+    >
+    </bpm-jump-latest>
+
+    <!-- 返回任意环节对话框 -->
+    <bpm-back-anylink
+      :dialogVisible="MeritBPM.bpmAnyLink"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmRetRandomNodeStatusClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmRetRandomNodeStatusSave', ruleEngine)"
+    >
+    </bpm-back-anylink>
+    <!--送阅知-->
+    <bpm-send-read
+      :dialogVisible="MeritBPM.sendReadDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmSendReadClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmSendReadSave', ruleEngine)"
+    >
+    </bpm-send-read>
+    <!--阅知意见-->
+    <bpm-send-read-opinion
+      :dialogVisible="MeritBPM.sednReadOpinionDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmSendReadOpinionClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmSendReadOpinionSave', ruleEngine)"
+    ></bpm-send-read-opinion>
+    <!--转发意见-->
+    <bpm-sign-opinion
+      :dialogVisible="MeritBPM.signOpinionDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmSignOpinionClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmSignOpinionSave', ruleEngine)"
+    ></bpm-sign-opinion>
+    <!--转发-->
+    <bpm-sign-select
+      :dialogVisible="MeritBPM.signDialogVisible"
+      :ruleEngine="ruleEngine"
+      @dialog-close="BPMEventBus('bpmSignClose', ruleEngine)"
+      @dialog-save="BPMEventBus('bpmSignSave', ruleEngine)"
+    ></bpm-sign-select>
+  </el-col>
+</template>
+<script>
+import { MeritBPM, BPMEventBus } from '../utils/merit-bpm.js';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+import { preventReClick } from 'cloud-module-base/static/js/utils/preventReClick';
+export default {
+  name: 'bpm-form-tools',
+  data () {
+    return {
+      // repetFlag: true,
+      MeritBPM,
+      bpmBtn: {},
+      ruleEngine: {
+        businessId: '', //流程业务数据id
+        procInstId: undefined, //流程实例id
+        undoId: '' //待办业务id
+      },
+      flag: false
+    };
+  },
+  props: {
+    //流程定义id
+    procDefKey: {
+      type: String,
+      required: true
+    }
+  },
+  created () {
+    Object.assign(this.ruleEngine, { procDefKey: this.procDefKey });
+    let id = MeritBPM.getUrlParameter('id') || '';
+    let undoId = MeritBPM.getUrlParameter('undoId') || ''; //截取表单url中undoId, add by zhangyan,
+    let params = MeritBPM.getUrlParameter('params') || ''; // 截取路径中传入的参数
+    //打开表单之前，触发外层的init事件。业务模块获取业务数据对象
+    this.$emit('init', {
+      id: id.replace('businessId', ''),
+      undoId: undoId.replace('undoId', ''), //add by zhangyan
+      params: params.replace('params', ''),
+      callback: this.bpmInit
+    });
+  },
+  methods: {
+    BPMEventBus,
+    //初始化表单，返回值为业务数据对象
+    bpmInit (businessData) {
+      Object.assign(this.ruleEngine, businessData);
+      if (businessData.id == null || businessData.id == '') {
+        this.MeritBPM.initRuleEngine(this);
+      } else {
+        this.ruleEngine.businessId = businessData.id;
+        this.ruleEngine.undoId = businessData.undoId; //add by zhangyan
+        this.MeritBPM.runRuleEngine(this, {}, {});
+      }
+    },
+    getEventSendRead () { },
+
+    getBpmVar () {
+      return this.ruleEngine;
+    },
+    opinionCallback () {
+      this.$emit('opinion-Callback');
+    },
+    bpmAddOrUpdate (bpmBtn) {
+      var _this = this;
+      // 初始化
+      if (_this.ruleEngine.procInstId != null) {
+        //保存之前判断版本号是否一致
+        var bpmVersion = _this.ruleEngine.runtime.mainForm.bpmVersion;
+        var businessId = _this.ruleEngine.businessId;
+        axios['bpm-engine']
+          .post(
+            '/api/engine/bpm/process/version/' + businessId + '/' + bpmVersion
+          )
+          .then(function (res) {
+            if (res.data.isDifferent == 'NoBusinessData') {
+              _this.$alert('业务数据不存在!', '警告', {
+                confirmButtonText: '确定',
+                type: 'warning',
+                callback: action => { }
+              });
+            } else if (res.data.isDifferent) {
+              _this.$alert(
+                '数据已被' + res.data.lockUserName + '修改!',
+                '警告',
+                {
+                  confirmButtonText: '确定',
+                  type: 'warning',
+                  callback: action => { }
+                }
+              );
+            } else {
+              //业务应用保存数据的方法，保存后回调方法
+              _this.$emit('save', _this.bpmSaveAfter, bpmBtn);
+              _this.flag = true;
+            }
+          })
+          .catch(function (err) {
+            console.log(err);
+          });
+      } else {
+        //业务应用保存数据的方法，保存后回调方法
+        _this.$emit('save', _this.bpmSaveAfter, bpmBtn);
+        _this.flag = true;
+      }
+    },
+
+    bpmSaveAfter (data, Func) {
+      let _this = this;
+      this.customFun = Func;
+      Object.assign(this.ruleEngine, data);
+      this.ruleEngine.businessId = data.id;
+      // if (!this.ruleEngine.procInstId && !_this.repetFlag) {
+      //   return;
+      // }
+      //如果没有流程实例id 创建流程
+      if (this.bpmBtn.id == 'bpmSaveOrUpdateBtn') {
+        this.$message.success(_this.$t('base.operation.save_success'));
+      }
+      if (
+        this.ruleEngine.procInstId == undefined ||
+        this.ruleEngine.procInstId == ''
+      ) {
+        this.MeritBPM.startProcess(this, this.bpmBtn, function (params) {
+          _this.bpmBtn.isSave = '1';
+          _this.MeritBPM.doSend(_this, _this.bpmBtn);
+        });
+        this.flag = false;
+      } else {
+        if (this.bpmBtn.id == 'bpmSaveOrUpdateBtn') {
+          // 点击保存按钮
+          this.MeritBPM.runRuleEngine(this, _this.bpmBtn, {});
+        } else {
+          //点击填写意见、发送按钮，更新流程操作按钮
+          this.bpmBtn.isSave = '1';
+          this.MeritBPM.doSend(this, this.bpmBtn);
+        }
+      }
+      this.flag = false;
+    },
+
+    // 判断是否存在回调函数,如果存在,回调
+    bpmCustomFunction () {
+      this.flag = false;
+      if (this.customFun != undefined && typeof this.customFun == 'function') {
+        this.customFun.apply();
+      }
+    },
+    //关闭按钮事件
+    bpmClose () {
+      //关闭按钮事件，如果有父窗口，则调用父窗口的监听事件
+      if (window.opener && window.opener.refreshBpmGrid) {
+        window.opener.refreshBpmGrid();
+        window.close();
+      } else {
+        window.close();
+      }
+    }
+  }
+};
+</script>

package/packages/bpm-form-tools/index.js

@@ -0,0 +1,7 @@
+import bpmFormTools from './bpm-form-tools.vue';
+
+/* istanbul ignore next */
+bpmFormTools.install = function(Vue) {
+  Vue.component(bpmFormTools.name, bpmFormTools);
+};
+export default bpmFormTools;

package/packages/bpm-form-tools/readme.md

@@ -0,0 +1,5 @@
+流程表单工具组件
+
+封装表单流程按钮组件
+
+封装意见填写对话框、选人对话框、控制对话框显示