cloud-module-bpm 6.2.6

package/packages/bpm-sign-dialog/bpm-sign-select.vue

@@ -0,0 +1,116 @@
+<template>
+  <div>
+    <el-dialog
+      :title="opt.title"
+      :visible.sync="dialogVisible"
+      width="900px"
+      top="2vh"
+      :before-close="handleClose"
+      class="jumpDialog"
+      @open="openDialog"
+      :close-on-click-modal="false"
+      append-to-body
+    >
+      <v-bpm-next-node :nextNode="resultData" ref="tabledate"></v-bpm-next-node>
+      <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, Tabs, TabPane } from 'element-ui';
+import bpmNextNode from './bpm-next-node';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+
+export default {
+  name: 'bpm-sign-select',
+  components: {
+    'el-dialog': Dialog,
+    'el-button': Button,
+    'el-tabs': Tabs,
+    'el-tab-pane': TabPane,
+    'v-bpm-next-node': bpmNextNode
+  },
+  //父组件传过来的数据属性
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      required: true
+    },
+    ruleEngine: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      //默认参数
+      opt: {
+        title: this.$t('bpm.sign.sign_title')
+      },
+      signUsersUrl: '/api/engine/bpm/process/getSignUsers',
+      currentPage: 1,
+      pageSize: 10,
+      pagerCount: 5,
+      resultData:{
+        nextNodes: [],
+        approveType:'',
+        alldeptcodes: [],
+        temRuleEngine: Object, //定义引擎
+      },
+    };
+  },
+  created() {
+    let _this = this;
+    this.EventBus.$on('update-selected-user', params => {
+      _this.ruleEngine['signUserCodes'] = params.dealUserCodes;
+    });
+  },
+  methods: {
+    openDialog() {
+      var _this = this;
+      let param = {
+        page: this.currentPage,
+        rows: this.pageSize,
+      };
+      axios['bpm-engine']
+        .post(_this.signUsersUrl + '/' + _this.ruleEngine.procInstId, _this.ruleEngine)
+        .then(function(res) {
+          _this.resultData.nextNodes = res.data.rows;
+          _this.resultData.alldeptcodes = res.data.deptcodes;
+          _this.resultData.temRuleEngine = _this.ruleEngine;
+          _this.resultData.nextNodes.length = res.data.total;
+          _this.resultData.approveType = _this.ruleEngine.approve.type;
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+    },
+    handleClose() {
+      this.EventBus.$emit('save-button-click');
+      this.$refs.tabledate.clearSelectData();
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    handleSave() {
+      var _this = this;
+      _this.EventBus.$on('update-selected-user', params => {
+        _this.ruleEngine.signUserCodes = params.dealUserCodes;
+      });
+      if (_this.ruleEngine.signUserCodes == '' || _this.ruleEngine.signUserCodes == undefined) {
+        _this.$message({
+          message: _this.$t('bpm.sign.please_personnel'),
+          type: 'warning'
+        });
+        return;
+      }
+      this.EventBus.$emit('save-button-click');
+      this.$emit('dialog-save', this.ruleEngine);
+      this.$emit('dialog-close', this.dialogVisible);
+    }
+  }
+};
+</script>
+<style>
+</style>

package/packages/bpm-sign-dialog/index.js

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

package/packages/bpm-sign-opinion-dialog/bpm-sign-opinion.vue

@@ -0,0 +1,259 @@
+<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
+    >
+      <el-form
+        ref="procOpinion"
+        :rules="rules"
+        :model="procOpinion"
+        label-width="80px"
+        label-position="right"
+      >
+        <el-row>
+          <el-form-item :label="$t('bpm.sign_opinion.opinion_area')">
+            <el-tabs v-model="activeOpinionArea" class="cloud-opinion-area">
+              <el-tab-pane :label="$t('bpm.sign_opinion.common_opinion')">
+                <el-row class="cloud-opinion-area-tab-pane">
+                  <el-row
+                    v-for="commonOpinion in commonOpinions"
+                    :key="commonOpinion"
+                  >
+                    <el-col>
+                      <div
+                        class="cloud-opinion-area-item"
+                        @click="handleOpnionSelect(commonOpinion)"
+                      >
+                        {{ commonOpinion }}
+                      </div>
+                    </el-col>
+                  </el-row>
+                </el-row>
+              </el-tab-pane>
+              <el-tab-pane :label="$t('bpm.sign_opinion.personal_opinion')">
+                <el-row class="cloud-opinion-area-tab-pane">
+                  <el-row
+                    v-for="personalOpinion in personalOpinions"
+                    :key="personalOpinion"
+                  >
+                    <el-col>
+                      <div
+                        class="cloud-opinion-area-item"
+                        @click="handleOpnionSelect(personalOpinion)"
+                      >
+                        {{ personalOpinion }}
+                      </div>
+                    </el-col>
+                  </el-row>
+                </el-row>
+              </el-tab-pane>
+            </el-tabs>
+          </el-form-item>
+        </el-row>
+        <el-row class="cloud-opinion-area-tab-pane">
+          <div class="cloud-opinion-area-item">
+            <el-form-item
+              :label="$t('bpm.sign_opinion.opinion_content')"
+              prop="content"
+            >
+              <el-input
+                v-model="procOpinion.content"
+                type="textarea"
+                :maxlength="200"
+                show-word-limit
+                :autosize="{ minRows: 4, maxRows: 4 }"
+                style=" width: 100%;"
+              ></el-input>
+            </el-form-item>
+          </div>
+        </el-row>
+      </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-sign-opinion',
+  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 {
+      maxHeight: '',
+      rules: {
+        content: [
+          {
+            required: true,
+            message: this.$t('base.rule.required'),
+            trigger: 'blur'
+          }
+        ]
+      },
+      //默认参数
+      opt: {
+        title: this.$t('bpm.sign_opinion.dialog_title')
+      },
+      activeOpinionArea: '',
+      procOpinion: {
+        content: undefined
+      },
+      commonOpinions: [],
+      personalOpinions: []
+    };
+  },
+  created() {
+    this.maxHeight = window.outerHeight > 900 ? '483px' : '361px';
+  },
+  methods: {
+    openDialog() {
+      let _this = this;
+      let procDefId = _this.ruleEngine.runtime.procDefId;
+      let procInstId = _this.ruleEngine.runtime.procInstId;
+      let taskId = _this.ruleEngine.runtime.taskId;
+      let taskDefKey = _this.ruleEngine.runtime.taskDefKey;
+
+      axios['bpm-engine']
+        .post('/api/engine/procopinion/getContent/nopublish', {
+          procDefId: procDefId,
+          procInstId: procInstId,
+          taskId: taskId,
+          taskDefKey: taskDefKey
+        })
+        .then(function(res) {
+          _this.procOpinion.content = res.data;
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+      //在此处查询公共意见和个人意见
+      axios['bpm-engine']
+        .post('/bpm/api/opinion/getAllOpionContent', {})
+        .then(function(res) {
+          //公共意见
+          if (res.data.commonOpinions.length > 0) {
+            _this.commonOpinions = res.data.commonOpinions;
+          }
+          //个人意见
+          if (res.data.personalOpinions.length > 0) {
+            _this.personalOpinions = res.data.personalOpinions;
+          }
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+    },
+    //流程意见选择事件
+    handleOpnionSelect(opinion) {
+      if (
+        this.procOpinion.content == null ||
+        this.procOpinion.content.length == 0
+      ) {
+        this.procOpinion.content = opinion;
+        return;
+      }
+      if (this.procOpinion.content.length < 200) {
+        this.procOpinion.content += ';' + opinion;
+        return;
+      }
+    },
+    //关闭对话框
+    handleClose() {
+      this.procOpinion.content = undefined;
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    handleSave() {
+      let _this = this;
+      if (_this.procOpinion.content.length > 200) {
+        return this.$message.error(
+          _this.$t('bpm.sign_opinion.opinion_content_beyond')
+        );
+      }
+      _this.$refs.procOpinion.validate(valid => {
+        if (valid) {
+          let procDefId = _this.ruleEngine.runtime.procDefId;
+          let procInstId = _this.ruleEngine.runtime.procInstId;
+          let taskId = _this.ruleEngine.runtime.taskId;
+          let taskDefKey = _this.ruleEngine.runtime.taskDefKey;
+          axios['bpm-engine']
+            .post('/api/engine/procopinion/addOrUpdate', {
+              procDefId: procDefId,
+              procInstId: procInstId,
+              taskId: taskId,
+              taskDefKey: taskDefKey,
+              content: _this.procOpinion.content,
+              type: 'save'
+            })
+            .then(function(res) {
+              _this.$emit('dialog-save', _this.ruleEngine);
+            })
+            .catch(function(err) {
+              console.log(err);
+            });
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style>
+.el-input-number.is-controls-right .el-input__inner {
+  text-align: left;
+}
+.cloud-opinion-area .el-tabs__content {
+  width: 100%;
+}
+</style>

package/packages/bpm-sign-opinion-dialog/index.js

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

package/packages/bpm-user-select-dialog/SelectedGrid.vue

@@ -0,0 +1,155 @@
+<template>
+  <div>
+    <el-row style="float:left;padding:11px 7px 3px 9px;">{{
+      $t('base.selected_list')
+    }}</el-row>
+    <el-table
+      :data="tableData"
+      stripe
+      :height="tableHeight"
+      style="width: 100%;"
+      @row-click="handleRowClick"
+      :element-loading-text="$t('base.table.loading')"
+      element-loading-spinner="el-icon-loading"
+    >
+      <el-table-column prop="name" :label="$t('base.user.name')" fit="true">
+        <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('base.user.user_name')"
+        fit="true"
+      >
+        <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('base.dept.name')" fit="true">
+        <template slot-scope="scope">
+          <div :title="scope.row.deptName" class="cell-hidden">
+            {{ scope.row.deptName }}
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      class="SelectedGrid"
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pagesize"
+      layout="total, prev, pager, next"
+      :total="total"
+    ></el-pagination>
+  </div>
+</template>
+
+<script>
+import { Row, Table, TableColumn, Pagination } from 'element-ui';
+export default {
+  props: {
+    opt: {
+      type: Object,
+      required: true
+    }
+  },
+  components: {
+    'el-row': Row,
+    'el-table': Table,
+    'el-table-column': TableColumn,
+    'el-pagination': Pagination
+  },
+  data() {
+    return {
+      tableHeight: 355,
+      tableData: [],
+      currentPage: 1,
+      pagesize: 10,
+      total: 0,
+      tempTableData:[]
+    };
+  },
+  created() {
+    let _this = this;
+    // this.tableHeight = window.outerHeight > 900 ? 430 : 310;
+    this.tableData = [];
+    this.EventBus.$on(
+      'refresh-selected-grid' + this.opt.taskDeKey,
+      selectData => {
+         _this.tempTableData = selectData;
+        // 每次重发数据默认显示第一页
+        _this.currentPage = 1;
+        _this.total = _this.tempTableData.length; 
+        _this.tableData = _this.tempTableData.slice(
+          _this.pagesize * (_this.currentPage - 1),
+          _this.pagesize * _this.currentPage
+        );
+      }
+    );
+  },
+  watch: {
+    opt(old, newVal) {
+      this.tableData = [];
+    }
+  },
+  methods: {
+    //行单击事件只有单人审批是选人才生效，其他审批方式，通过checkbox生效
+    handleRowClick(row, event, column) {
+      let _this = this;
+      // 删除掉临时数组中点击的元素
+      _this.tempTableData = _this.tempTableData.filter(t => t.code != row.code);
+      // 重新修改total值
+      _this.total  = _this.tempTableData.length;
+     
+      // 重新给currentPage赋值 若当前页数据等于0时，修改为上一页，若只剩一页则是第一页
+      if(_this.tempTableData.slice(
+          _this.pagesize * (_this.currentPage - 1),
+          _this.pagesize * _this.currentPage
+        ).length == 0) {
+          _this.currentPage = _this.currentPage > 1 ? _this.currentPage-1 : 1;
+        }
+      _this.tableData = _this.tempTableData.slice(
+          _this.pagesize * (_this.currentPage - 1),
+          _this.pagesize * _this.currentPage
+        );
+      this.EventBus.$emit('cancel-seleced-user' + this.opt.taskDeKey, row);
+    },
+    //页码变化时调用
+    handleCurrentChange(val) {
+      let _this = this;
+      _this.currentPage = val;
+      _this.tableData = _this.tempTableData.slice(
+          _this.pagesize * (_this.currentPage - 1),
+          _this.pagesize * _this.currentPage
+        );
+    }
+  }
+};
+</script>
+<style scoped>
+.el-table--scrollable-x .el-table__body-wrapper {
+  overflow-x: hidden;
+}
+.el-table__empty-block {
+  width: 100%;
+}
+.el-table th {
+  background-color: #fff;
+}
+.el-pagination {
+  position: unset !important;
+}
+.el-pagination {
+  position: absolute;
+  right: 40px;
+  margin: 10px auto;
+}
+.SelectedGrid .el-pager li {
+    min-width: 20px !important;
+}
+</style>