cloud-module-bpm 6.3.0

package/packages/bpm-send-read-dialog/bpm-next-node.vue

@@ -0,0 +1,51 @@
+<template>
+  <el-container>
+    <el-aside style="height:456px;width:65%;margin-right: 0px;margin-left: 0px;">
+      <el-container>
+        <el-aside style="height:456px;width: 40%;max-width: 400px;padding-top:5px;margin:0px;border-radius: 0px;">
+          <v-tree :opt="nextNode" />
+        </el-aside>
+        <el-main style="height:456px;width:45%;padding: 0px;margin-left:2px">
+          <v-source-grid :opt="nextNode" />
+        </el-main>
+      </el-container>
+    </el-aside>
+    <el-main style="height:456px;padding:0px;padding-bottom: 0px;width:35%;margin-left:10px">
+      <v-select-grid :opt="nextNode" />
+    </el-main>
+  </el-container>
+</template>
+<script>
+import { Aside, Main, Container } from 'element-ui';
+import selectedGrid from './SelectedGrid';
+import sourceGrid from './SourceGrid';
+import tree from './Tree';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+export default {
+  //父组件传过来的数据属性
+  props: {
+    nextNode: {
+      type: Array,
+      required: true
+    }
+  },
+  components: {
+    'v-select-grid': selectedGrid,
+    'v-tree': tree,
+    'v-source-grid': sourceGrid,
+    'el-aside': Aside,
+    'el-main': Main,
+    'el-container': Container
+  },
+  data() {
+    return {
+      opt: {
+        maxHeight: '483px'
+      }
+    };
+  },
+  created() {
+    this.maxHeight = window.outerHeight > 900 ? '483px' : '361px';
+  }
+};
+</script>

package/packages/bpm-send-read-dialog/bpm-send-read.vue

@@ -0,0 +1,100 @@
+<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 v-if="ok" :nextNode="nextNodes"></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-send-read',
+  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.send_read.sendReadTitle')
+      },
+      sendReadUsersUrl: '/api/engine/bpm/process/getSendReadUsers',
+      nextNodes: [],
+      ok:false,
+    };
+  },
+  created() {
+    let _this = this;
+    this.EventBus.$on('update-selected-user', params => {
+      _this.ruleEngine['sendReadUserCodes'] = params.dealUserCodes;
+    });
+  },
+  methods: {
+    openDialog() {
+      var _this = this;
+      var taskId = _this.ruleEngine.runtime.taskId;
+      axios['bpm-engine']
+        .post(_this.sendReadUsersUrl + '/' + taskId, _this.ruleEngine)
+        .then(function(res) {
+          _this.nextNodes = res.data.sendReadUsers;
+          _this.ok = true;
+        })
+        .catch(function(err) {
+          console.log(err);
+        });
+    },
+    handleClose() {
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    handleSave() {
+      var _this = this;
+      _this.EventBus.$on('update-selected-user', params => {
+        _this.ruleEngine.sendReadUserCodes = params.dealUserCodes;
+      });
+      if (JSON.stringify(_this.ruleEngine.sendReadUserCodes) == '{}' || _this.ruleEngine.sendReadUserCodes == '' || _this.ruleEngine.sendReadUserCodes == undefined) {
+          _this.$message({
+            message: _this.$t('bpm.send_read.please_personnel'),
+            type: 'warning',
+          });
+        return;
+      }
+      this.EventBus.$emit('save-button-click');
+      this.$emit('dialog-save', this.ruleEngine);
+    }
+  }
+};
+</script>
+<style>
+</style>

package/packages/bpm-send-read-dialog/index.js

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

package/packages/bpm-send-read-opinion-dialog/bpm-send-read-opinion.vue

@@ -0,0 +1,261 @@
+<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.send_read_opinion.opinion_area')">
+            <el-tabs v-model="activeOpinionArea" class="cloud-opinion-area">
+              <el-tab-pane :label="$t('bpm.send_read_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.send_read_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.send_read_opinion.opinion_content')"
+              prop="content"
+            >
+              <el-input
+                v-model="procOpinion.content"
+                type="textarea"
+                :maxlength="255"
+                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-send-read-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.send_read_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 < 255) {
+        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 > 255) {
+        return this.$message.error(
+          _this.$t('bpm.send_read_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-send-read-opinion-dialog/index.js

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

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

@@ -0,0 +1,102 @@
+<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>
+  </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: 426,
+      tableData: [],
+      currentPage: 1,
+      pagesize: 10,
+      total: 0
+    };
+  },
+  created() {
+    let _this = this;
+    // this.tableHeight = window.outerHeight > 900 ? 430 : 310;
+    _this.tableData = [];
+    this.EventBus.$on('refresh-selected-grid', selectData => {
+      _this.tableData = selectData;
+    });
+  },
+  watch: {
+    'opt.nextNodes'(old, newVal) {
+      this.tableData = [];
+    },
+  },
+  methods: {
+    //行单击事件只有单人审批是选人才生效，其他审批方式，通过checkbox生效
+    handleRowClick(row, event, column) {
+      this.EventBus.$emit('cancel-seleced-user', row);
+    },
+     refre(){
+      this.tableData = [];
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.el-table--scrollable-x .el-table__body-wrapper {
+  overflow-x: hidden;
+}
+.el-table__empty-block {
+  width: 100%;
+}
+.el-table th {
+  background-color: #fff;
+}
+</style>