cloud-module-bpm 6.2.6

package/packages/bpm-jump-latest-dialog/bpm-jump-latest-dialog.vue

@@ -0,0 +1,532 @@
+<template>
+  <div>
+    <el-dialog
+      :title="opt.title"
+      :visible.sync="dialogVisible"
+      width="900px"
+      top="2vh"
+      @open="openDialog"
+      :before-close="handleClose"
+      :close-on-click-modal="false"
+      append-to-body
+      class="jumpDialog"
+    >
+      <el-container>
+        <el-aside
+          style="height:456px;width:65%;margin-right: 0px;margin-left: 0px;background: #e8ecf3"
+        >
+          <el-container>
+            <el-aside
+              style="height:456px;width: 35%;max-width: 400px;padding-top:5px;margin:0px;border-radius: 0px;"
+            >
+              <v-tree />
+            </el-aside>
+            <!-- 待选择人员列表 -->
+            <el-main
+              style="height:456px; width: 45%; padding: 0px; margin-left: 2px;"
+            >
+              <div class="selected-grid">
+                <el-row>
+                  <el-col style="text-align: left;padding: 7px 7px 0 7px">
+                    {{ $t('bpm.jump.choice_activity') }}
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col align="center"
+                    >{{ $t('bpm.jump.activity_name') }}
+                    <el-select
+                      style="width:200px"
+                      @change="handleChange"
+                      v-model="value"
+                      :placeholder="$t('bpm.jump.please_select')"
+                    >
+                      <el-option
+                        v-for="item in options"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-col>
+                </el-row>
+                <el-row>
+                  <el-col style="text-align: left;padding: 7px 7px 0 7px">{{
+                    $t('bpm.jump.for_personnel')
+                  }}</el-col>
+                </el-row>
+                <el-table
+                  :data="initialTableData"
+                  :height="tableHeight"
+                  @select="handleSelect"
+                  ref="eltableCurrentRow"
+                  @select-all="handleSelectAll"
+                >
+                  <el-table-column type="selection"> </el-table-column>
+                  <el-table-column prop="name" :label="$t('bpm.jump.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.jump.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.jump.department')"
+                  >
+                    <template slot-scope="scope">
+                      <div :title="scope.row.deptName" class="cell-hidden">
+                        {{ scope.row.deptName }}
+                      </div>
+                    </template>
+                  </el-table-column>
+                </el-table>
+                <!--tree分页-->
+                <el-pagination
+                  v-if="isShowPagination"
+                  class="SourceGrid"
+                  @size-change="handleSizeChange"
+                  @current-change="handleCurrentChange"
+                  :current-page="currentPage"
+                  :page-size="pageSize"
+                  layout="total, prev, pager, next"
+                  :total="total"
+                  :pager-count="pagerCount"
+                ></el-pagination>
+                <!--下拉框分页-->
+                <el-pagination
+                  v-if="isShowPagination == false"
+                  class="SourceGrid"
+                  @size-change="elSelectHandleSizeChange"
+                  @current-change="elSelectHandleCurrentChange"
+                  :current-page="currentPage"
+                  :page-size="pageSize"
+                  layout="total, prev, pager, next"
+                  :total="total"
+                  :pager-count="pagerCount"
+                ></el-pagination>
+              </div>
+            </el-main>
+          </el-container>
+        </el-aside>
+        <!-- 已选择人员列表-->
+        <el-main
+          style="height: 456px; padding: 0px; width: 35%; margin-left: 10px;"
+        >
+          <div>
+            <el-row style="float:left;padding:7px;">
+              {{ $t('bpm.jump.selected_personnel_list') }}
+            </el-row>
+            <el-table
+              :data="selectTableData"
+              :height="tableHeight + 85"
+              @row-click="handleRowClick"
+            >
+              <el-table-column prop="name" :label="$t('bpm.jump.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.jump.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.jump.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-main>
+      </el-container>
+      <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';
+import tree from './Tree';
+export default {
+  name: 'bpm-jump-latest',
+  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,
+    'v-tree': tree
+  },
+  //父组件传过来的数据属性
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      required: true
+    },
+    ruleEngine: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      currentRuleEngine: {},
+      currentPage: 1,
+      pageSize: 10,
+      pagerCount: 5,
+      total: 10,
+      tableHeight: 300,
+      maxHeight: '483px',
+      //默认参数
+      opt: {
+        title: this.$t('bpm.jump_latest.dialog_title')
+      },
+      //业务id 3f28804f736ee91401736eec34950000
+      businessId: '',
+      //初始值
+      initialTableData: [],
+      //选中的值
+      selectTableData: [],
+      //下拉框
+      options: [],
+      value: '',
+      isShowPagination: false,
+      treeNode: {},
+      //流程key
+      toTaskDefKey: '',
+      //批准类型
+      approveType: ''
+    };
+  },
+  created() {
+    // this.tableHeight = window.outerHeight > 900 ? 386 : 256;
+  },
+  methods: {
+    //============tree分页===========
+    //每页显示数据个数变化时调用
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.treeClickData();
+    },
+    //页码变化时调用
+    handleCurrentChange(val) {
+      this.currentPage = val;
+      this.treeClickData();
+    },
+
+    //============下拉框分页===========
+    //每页显示数据个数变化时调用
+    elSelectHandleSizeChange(val) {
+      this.pageSize = val;
+    },
+    //页码变化时调用
+    elSelectHandleCurrentChange(val) {
+      this.currentPage = val;
+      this.resultDataChange();
+    },
+    resultDataChange() {
+      if (this.initialTableData) {
+        var result = this.initialTableData.slice(
+          this.pageSize * (this.currentPage - 1),
+          this.pageSize * this.currentPage
+        );
+        this.initialTableData = result;
+      } else {
+        this.initialTableData = [];
+      }
+    },
+
+    handleRowClick(row, event, column) {
+      this.removeData(this.selectTableData, row);
+    },
+
+    ////取消已选中的
+    removeData(selectTableData, row) {
+      let index = this.indexOfselectTableData(row);
+      if (index != -1) {
+        selectTableData.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
+          );
+        }
+      }
+    },
+    //是选中还是取消
+    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;
+    },
+
+    // 是否已选中该条数据
+    indexOfselectTableData2() {
+      _this.initialTableData.forEach(element => {
+        var index = _this.indexOfselectTableData(element);
+        if (index != -1) {
+          _this.selectTableData.splice(index, 1);
+        }
+      });
+    },
+
+    //全选或者全取消
+    handleSelectAll(select) {
+      var _this = this;
+      if (
+        'onlyApprove' ==
+        _this.currentRuleEngine.runtime.nextNodes[0].approve.type
+      ) {
+        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.currentRuleEngine.runtime.nextNodes[0].approve.type
+      ) {
+        // 清楚数据
+        _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);
+        }
+      }
+    },
+    //下拉框change事件
+    handleChange(val) {
+      var _this = this;
+      _this.selectTableData = [];
+      _this.toTaskDefKey = val;
+      _this.initialTableData = [];
+      _this.ruleEngine['bpmIsLatest'] = true;
+      // 为了解决入参过多的问题
+      let temRuleEngine = JSON.parse(JSON.stringify(_this.ruleEngine));
+      if (temRuleEngine.runtime) {
+        temRuleEngine.runtime = {};
+      }
+      if (temRuleEngine.opinion) {
+        temRuleEngine.opinion = {};
+      }
+      if (temRuleEngine.actors) {
+        temRuleEngine.actors = {};
+      }
+      axios['bpm-engine']
+        .post(
+          '/api/engine/bpm//query/jump/candidate/' +
+            _this.businessId +
+            '/' +
+            _this.toTaskDefKey,
+          temRuleEngine
+        )
+        .then(function(res) {
+          if (res.data.runtime.nextNodes[0].bpmUsers.length > 0) {
+            res.data.runtime.nextNodes[0].bpmUsers.forEach(element => {
+              var obj = {};
+              obj.name = element.name;
+              obj.code = element.code;
+              obj.deptName = element.deptName;
+              _this.initialTableData.push(obj);
+            });
+            _this.total = _this.initialTableData.length;
+            _this.approveType = res.data.approve.type;
+          }
+
+          _this.currentRuleEngine = res.data;
+          _this.isShowPagination = false;
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+    },
+    openDialog() {
+      var _this = this;
+      _this.businessId = _this.ruleEngine.runtime.mainForm.businessId;
+      _this.requestData();
+      _this.selectTableData = [];
+    },
+    //关闭对话框
+    handleClose() {
+      this.options = [];
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    requestData() {
+      var _this = this;
+      axios['bpm-engine']
+        .post('/api/engine/bpm/query/jump/all/usertasks/' + _this.businessId, {
+          bpmIsLatest: true
+        })
+        .then(function(res) {
+          for (var key in res.data) {
+            var obj = {};
+            obj.label = res.data[key];
+            obj.value = key;
+            _this.options.push(obj);
+          }
+          //初始化选中数据
+          _this.value = _this.options[0].value;
+          _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.jump.please_personnel'));
+        return;
+      }
+
+      var codes = [];
+      _this.selectTableData.forEach(element => {
+        codes.push(element.code);
+      });
+      //
+      _this.ruleEngine[
+        _this.toTaskDefKey + '_' + _this.approveType
+      ] = codes.join(',');
+
+      //
+      _this.ruleEngine.toTaskDefKey = _this.toTaskDefKey;
+
+      _this.$emit('dialog-save', _this.ruleEngine);
+    },
+
+    treeClickData() {
+      var _this = this;
+      axios['system-manager']
+        .post('/api/ou/emp/listOrgUnselectedUserByOrg', {
+          id: _this.treeNode.id,
+          dLevelCode: _this.treeNode.dLevelCode,
+          page: _this.currentPage,
+          rows: _this.pageSize
+        })
+        .then(function(res) {
+          if (res.status == '1') {
+            _this.initialTableData = [];
+            res.data.rows.forEach(arr => {
+              var obj = {};
+              obj.name = arr.name;
+              obj.code = arr.code;
+              obj.deptName = arr.deptName;
+              _this.initialTableData.push(obj);
+            });
+            _this.total = res.data.total;
+            _this.isShowPagination = true;
+          }
+        });
+    }
+  },
+
+  mounted() {
+    var _this = this;
+    this.EventBus.$on('refreshGrid', treeNode => {
+      _this.treeNode = treeNode;
+      _this.currentPage = 1;
+      _this.treeClickData();
+    });
+  }
+};
+</script>
+<style></style>

package/packages/bpm-jump-latest-dialog/index.js

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

package/packages/bpm-jump-latest-dialog/readme.md

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