cloud-module-bpm 6.2.6

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

@@ -0,0 +1,312 @@
+<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.opinion.opinion_area')">
+            <el-tabs
+              v-model="activeOpinionArea"
+              class="cloud-opinion-area"
+            >
+              <el-tab-pane :label="$t('bpm.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.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.opinion.opinion_content')"
+              prop="content"
+            >
+              <el-input
+                v-model.trim="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">暂存</el-button> -->
+        <el-button
+          type="primary"
+          @click="handlePublish"
+        >发布</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-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.opinion.dialog_title")
+      },
+      activeOpinionArea: "",
+      procOpinion: {
+        content: ""
+      },
+      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 + opinion.length < 200) {
+        this.procOpinion.content += ";" + opinion;
+        return;
+      }
+    },
+    //关闭人员选择对话框
+    handleClose () {
+      this.procOpinion.content = undefined;
+      this.$refs.procOpinion.resetFields();
+      this.$emit("dialog-close", this.dialogVisible);
+    },
+    handleSave () {
+      let _this = this;
+
+      if (
+        _this.procOpinion.content == null ||
+        _this.procOpinion.content == ""
+      ) {
+        return this.$message.error("意见内容不能为空");
+      }
+      if (_this.procOpinion.content.length > 200) {
+        return this.$message.error(
+          _this.$t("bpm.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);
+              _this.$emit("dialog-close");
+            })
+            .catch(function (err) {
+              console.log(err);
+            });
+        }
+      });
+    },
+    handlePublish () {
+      let _this = this;
+      if (
+        _this.procOpinion.content == null ||
+        _this.procOpinion.content == ""
+      ) {
+        return this.$message.error("意见内容不能为空");
+      }
+      if (_this.procOpinion.content.length > 255) {
+        return this.$message.error(
+          _this.$t("bpm.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: "publish"
+            })
+            .then(function (res) {
+              _this.$emit("dialog-save", _this.ruleEngine);
+              _this.$emit("dialog-close");
+            })
+            .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-opinion-dialog/index.js

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

package/packages/bpm-proctrack-dialog/bpm-proctrack.vue

@@ -0,0 +1,102 @@
+<template>
+  <div>
+    <el-dialog :title="opt.title" :visible.sync="dialogVisible" width="850px" top="8vh" @open="openDialog" :before-close="handleClose">
+      <el-container style="background:#fff">
+        流程跟踪对话框
+      </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 } from 'element-ui';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+export default {
+  name: 'bpm-proctrack',
+  components: {
+    'el-dialog': Dialog,
+    'el-aside': Aside,
+    'el-main': Main,
+    'el-container': Container,
+    'el-button': Button
+  },
+  //父组件传过来的数据属性
+  props: {
+    dialogVisible: {
+      type: Boolean,
+      required: true
+    },
+    ruleEngine: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      maxHeight: '',
+      //默认参数
+      opt: {
+        title: '流程跟踪对话框'
+      }
+    };
+  },
+  computed: {},
+  created() {
+    this.maxHeight = window.outerHeight > 900 ? '483px' : '361px';
+    Object.assign(this.opt, this.ruleEngine);
+  },
+  //加载时调用方法 函数
+  mounted() {
+    let _this = this;
+    this.EventBus.$on('update-selected-user', selectedUser => {
+      _this.selectedUser = selectedUser;
+    });
+  },
+  methods: {
+    openDialog() {
+      let _this = this;
+    },
+    //关闭人员选择对话框
+    handleClose() {
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    handleSave() {
+      this.$emit('dialog-save', this.selectedUser);
+      this.$emit('dialog-close', this.dialogVisible);
+    }
+  }
+};
+</script>
+<style scoped>
+.el-dialog__title {
+  float: left;
+}
+.el-table__empty-block {
+  width: 100%;
+}
+.el-editRole-dialog {
+  min-width: 600px;
+}
+@media screen and (max-width: 1440px) {
+  /* 更新弹出框 */
+  .el-editRole-dialog {
+    margin: auto;
+    margin-top: 4vh !important;
+  }
+}
+.el-row {
+  margin-bottom: 20px;
+}
+.el-col {
+  border-radius: 4px;
+}
+.el-table th {
+  background-color: #fff;
+}
+.dialog-footer {
+  padding-top: 0px;
+}
+</style>

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

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

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

@@ -0,0 +1,99 @@
+<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: Array,
+      required: true
+    }
+  },
+  components: {
+    'el-row': Row,
+    'el-table': Table,
+    'el-table-column': TableColumn,
+    'el-pagination': Pagination
+  },
+  data() {
+    return {
+      tableHeight: 400,
+      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(old, newVal) {
+      this.tableData = [];
+    }
+  },
+  methods: {
+    //行单击事件只有单人审批是选人才生效，其他审批方式，通过checkbox生效
+    handleRowClick(row, event, column) {
+      this.EventBus.$emit('cancel-seleced-user', row);
+    }
+  }
+};
+</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;
+}
+</style>