cloud-module-bpm 6.2.6

package/packages/bpm-grid-buttons/bpm-grid-buttons.vue

@@ -0,0 +1,150 @@
+<template>
+  <el-col :span="7" class="cloud-bpm-grid-buttons">
+    <el-button
+      v-if="MeritBPM.procCreatePermit"
+      :disabled="isDisabledAddButton"
+      class="cloud-bpm-grid-button"
+      type="primary"
+      icon="el-icon-plus"
+      @click="createBpm"
+      >{{ $t('base.button.create') }}</el-button
+    >
+    <el-dropdown
+      @command="queryBpm"
+      class="cloud-bpm-grid-button"
+      v-show="isShowButton"
+    >
+      <el-button :type="getMyType">
+        {{ $t(bpmStatusLabel(true)) }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="my">{{
+          $t('bpm.button.my')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="mydraft">{{
+          $t('bpm.button.mydraft')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="mytrack">{{
+          $t('bpm.button.mytrack')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="myover">{{
+          $t('bpm.button.myover')
+        }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+    <el-dropdown
+      @command="queryBpm"
+      class="cloud-bpm-grid-button"
+      v-show="isShowButton"
+    >
+      <el-button :type="getAllType">
+        {{ $t(bpmStatusLabel(false)) }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="all">{{
+          $t('bpm.button.all')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="alltrack">{{
+          $t('bpm.button.alltrack')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="allover">{{
+          $t('bpm.button.allover')
+        }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+    <el-button
+      v-show="showDeleteButton"
+      class="cloud-bpm-grid-button"
+      @click="deleteBpm"
+      id="deleteButton"
+      >{{ $t('base.button.delete') }}</el-button
+    >
+  </el-col>
+</template>
+<script>
+import { MeritBPM } from '../utils/merit-bpm.js';
+export default {
+  name: 'bpm-grid-buttons',
+  data() {
+    return {
+      MeritBPM,
+      myBpmStutus: 'my',
+      allBpmStaus: 'all',
+      bpmStatus: 'my',
+      myBpmStutusList: ['my', 'mydraft', 'mytrack', 'myundo', 'myover'],
+      allBpmStausList: ['all', 'alltrack', 'allover']
+    };
+  },
+  props: {
+    //流程id
+    procDefKey: {
+      type: String,
+      required: true
+    },
+    isShowButton: {
+      type: Boolean,
+      default: true
+    },
+    isDisabledAddButton: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    params: {
+      type: String,
+      required: false
+    }
+  },
+  computed: {
+    showDeleteButton() {
+      return this.bpmStatus == 'mydraft' || this.MeritBPM.procManagePermit;
+    },
+    getMyType() {
+      if (this.myBpmStutusList.indexOf(this.bpmStatus) > -1) {
+        return 'primary';
+      }
+    },
+    getAllType() {
+      if (this.allBpmStausList.indexOf(this.bpmStatus) > -1) {
+        return 'primary';
+      }
+    }
+  },
+  created() {
+    //打开页面时，判断用户是否有新增流程删除流程的权限
+    let _this = this;
+    var flag = true;
+    this.MeritBPM.validatePermit(this, this.procDefKey, null);
+    //将流程的查询方法，添加到window窗口，用于在流程表单关闭 后刷新页面数据
+    window['refreshBpmGrid'] = () => {
+      _this.queryBpm(_this.bpmStatus, flag);
+    };
+  },
+  methods: {
+    //流程状态改变方法
+    queryBpm(type, flag) {
+      if (type.indexOf('all') != -1) {
+        this.allBpmStaus = type;
+      } else {
+        this.myBpmStutus = type;
+      }
+      this.bpmStatus = type;
+      //传入流程状态给外部方法查询数据
+      this.$emit('bpm-query', this.bpmStatus, flag);
+    },
+    //流程新建方法
+    createBpm() {
+      MeritBPM.create(this, this.procDefKey, { params: this.params });
+    },
+    //删除流程方法
+    deleteBpm() {
+      this.$emit('bpm-delete');
+    },
+    bpmStatusLabel(mystauts) {
+      return 'bpm.button.' + (mystauts ? this.myBpmStutus : this.allBpmStaus);
+    }
+  }
+};
+</script>

package/packages/bpm-grid-buttons/index.js

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

package/packages/bpm-grid-buttons/readme.md

@@ -0,0 +1,5 @@
+流程应用列表按钮组件
+
+根据流程权限渲染新建和删除按钮
+
+根据人员的权限属性 渲染流程不同类型的查询条件

package/packages/bpm-grid-buttons-new/bpm-grid-buttons-new.vue

@@ -0,0 +1,199 @@
+<template>
+  <el-col :span="7" class="cloud-bpm-grid-buttons">
+    <el-button
+      v-if="MeritBPM.procCreatePermit"
+      :disabled="isDisabledAddButton"
+      class="cloud-bpm-grid-button"
+      type="primary"
+      icon="el-icon-plus"
+      @click="createBpm"
+      >{{ $t('base.button.create') }}</el-button
+    >
+    <el-dropdown
+      @command="queryBpm"
+      class="cloud-bpm-grid-button"
+      v-show="isShowButton"
+    >
+      <el-button :type="getMyType">
+        {{ $t(bpmStatusLabel(1)) }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="my">{{
+          $t('bpm.button.my')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="mydraft">{{
+          $t('bpm.button.mydraft')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="mytrack">{{
+          $t('bpm.button.mytrack')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="myover">{{
+          $t('bpm.button.myover')
+        }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+    <el-dropdown
+      @command="queryBpm"
+      class="cloud-bpm-grid-button"
+      v-show="isShowButton"
+    >
+      <el-button :type="getMyApproveType">
+        {{ $t(bpmStatusLabel(2)) }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="approve">{{
+          $t('bpm.button.approve')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="approving">{{
+          $t('bpm.button.approving')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="approved">{{
+          $t('bpm.button.approved')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="reject">{{
+          $t('bpm.button.reject')
+        }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+    <el-dropdown
+      @command="queryBpm"
+      class="cloud-bpm-grid-button"
+      v-show="isShowButton"
+    >
+      <el-button :type="getAllType">
+        {{ $t(bpmStatusLabel(3)) }}
+        <i class="el-icon-arrow-down el-icon--right"></i>
+      </el-button>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="all">{{
+          $t('bpm.button.all')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="alltrack">{{
+          $t('bpm.button.alltrack')
+        }}</el-dropdown-item>
+        <el-dropdown-item command="allover">{{
+          $t('bpm.button.allover')
+        }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+    <el-button
+      v-show="showDeleteButton"
+      class="cloud-bpm-grid-button"
+      @click="deleteBpm"
+      id="deleteButton"
+      >{{ $t('base.button.delete') }}</el-button
+    >
+  </el-col>
+</template>
+<script>
+import { MeritBPM } from '../utils/merit-bpm.js';
+export default {
+  name: 'bpm-grid-buttons-new',
+  data() {
+    return {
+      MeritBPM,
+      myBpmStutus: 'my',
+      allBpmStaus: 'all',
+      approveStatus: 'approve',
+      bpmStatus: 'my',
+      myBpmStutusList: ['my', 'mydraft', 'mytrack', 'myover'],
+      allBpmStausList: ['all', 'alltrack', 'allover'],
+      approveStatusList: ['approve', 'approving', 'approved', 'reject']
+    };
+  },
+  props: {
+    //流程id
+    procDefKey: {
+      type: String,
+      required: true
+    },
+    isShowButton: {
+      type: Boolean,
+      default: true
+    },
+    isDisabledAddButton: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+    params: {
+      type: String,
+      required: false
+    }
+  },
+  computed: {
+    showDeleteButton() {
+      return this.bpmStatus == 'mydraft' || this.MeritBPM.procManagePermit;
+    },
+    getMyType() {
+      if (this.myBpmStutusList.indexOf(this.bpmStatus) > -1) {
+        return 'primary';
+      }
+    },
+    getAllType() {
+      if (this.allBpmStausList.indexOf(this.bpmStatus) > -1) {
+        return 'primary';
+      }
+    },
+    getMyApproveType() {
+      if (this.approveStatusList.indexOf(this.bpmStatus) > -1) {
+        return 'primary';
+      }
+    }
+  },
+  created() {
+    //打开页面时，判断用户是否有新增流程删除流程的权限
+    let _this = this;
+    var flag = true;
+    this.MeritBPM.validatePermit(this, this.procDefKey, null);
+    //将流程的查询方法，添加到window窗口，用于在流程表单关闭 后刷新页面数据
+    window['refreshBpmGrid'] = () => {
+      _this.queryBpm(_this.bpmStatus, flag);
+    };
+  },
+  methods: {
+    //流程状态改变方法
+    queryBpm(type, flag) {
+      if (type.indexOf('all') != -1) {
+        this.allBpmStaus = type;
+      } else if (type.indexOf('appro') != -1 || type.indexOf('reject') != -1) {
+        this.approveStatus = type;
+      } else {
+        this.myBpmStutus = type;
+      }
+      this.bpmStatus = type;
+      //传入流程状态给外部方法查询数据
+      this.$emit('bpm-query', this.bpmStatus, flag);
+    },
+    //流程新建方法
+    createBpm() {
+      MeritBPM.create(this, this.procDefKey, { params: this.params });
+    },
+    //删除流程方法
+    deleteBpm() {
+      this.$emit('bpm-delete');
+    },
+    bpmStatusLabel(mystauts) {
+      let str = 'bpm.button.';
+      switch (mystauts) {
+        case 1:
+          str = str + this.myBpmStutus;
+          break;
+        case 2:
+          str = str + this.approveStatus;
+          break;
+        case 3:
+          str = str + this.allBpmStaus;
+          break;
+        default:
+          str = str + this.myBpmStutus;
+          break;
+      }
+      // return 'bpm.button.' + (mystauts ? this.myBpmStutus : this.allBpmStaus);
+      return str;
+    }
+  }
+};
+</script>

package/packages/bpm-grid-buttons-new/index.js

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

package/packages/bpm-grid-buttons-new/readme.md

@@ -0,0 +1,8 @@
+流程应用列表按钮组件
+
+根据流程权限渲染新建和删除按钮
+
+根据人员的权限属性 渲染流程不同类型的查询条件
+
+
+与之前的bpm-grid-buttons区别在于我的工作中添加了我的已审选项。