cloud-module-bpm 6.3.0

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

@@ -0,0 +1,98 @@
+<template>
+  <el-tree
+    :data="treeNode"
+    class="flow-tree"
+    ref="tree"
+    node-key="id"
+    :props="treeProps"
+    @node-click="handelrNodeClick"
+    highlight-current
+    :default-expanded-keys="defaultExpandedKeys"
+  >
+    <span class="custom-tree-node cell-hidden" slot-scope="{ node, data }">
+      <span v-if="data.type == 0" class="iconfont icon-jigou"></span>
+      <span v-else class="iconfont icon-bumenkaoqin"></span>
+      <span :title="node.label">{{ node.label }}</span>
+    </span>
+  </el-tree>
+</template>
+<script>
+import { Tree, Container } from 'element-ui';
+import axios from 'cloud-module-base/packages/httpConfig/http';
+export default {
+  components: {
+    'el-tree': Tree,
+    'el-container': Container
+  },
+  //初始化数据下
+  data() {
+    return {
+      height: 0,
+      orgUrl: '/api/identity/bpm-dept/tree-by-deptcodes', //组织机构树接口
+      treeNode: [],
+      treeProps: {
+        children: 'children',
+        label: 'name',
+        id: 'id'
+      },
+      defaultExpandedKeys: []
+    };
+  },
+  props: {
+    opt: {
+      type: Object,
+      required: false
+    }
+  },
+  //方法
+  methods: {
+    //树节点点击事件
+    handelrNodeClick(treeNode) {
+      this.EventBus.$emit('refresh-source-grid' + this.opt.taskDeKey, treeNode);
+    }
+  },
+  //页面渲染之前调用方法 函数
+  created() {},
+  mounted() {
+    let _this = this;
+    let deptCodes = [];
+    this.opt.bpmUsers.forEach(bpmUser => {
+      if (bpmUser.deptCode && !deptCodes.includes(bpmUser.deptCode)) {
+        deptCodes.push(bpmUser.deptCode);
+      }
+    });
+    axios['bpm-engine']
+      .post(this.orgUrl, { deptCodes: deptCodes.join(',') })
+      .then(function(res) {
+        _this.treeNode = res.data;
+        _this.defaultExpandedKeys.push(res.data[0].id);
+      })
+      .catch(function(err) {
+        console.log(err);
+      });
+  },
+  //页面渲染完成调用方法 函数
+  watch: {
+    // opt(old, newVal) {
+    //   let _this = this;
+    //   let deptCodes = [];
+    //   console.log('watch');
+    //   this.opt.bpmUsers.forEach(bpmUser => {
+    //     if (bpmUser.deptCodes && !deptCodes.includes(bpmUser.deptCodes)) {
+    //       console.log('watch+++++');
+    //       deptCodes.push(bpmUser.deptCodes);
+    //     }
+    //   });
+    //   axios['bpm-engine']
+    //     .post(this.orgUrl, { deptCodes: deptCodes.join(',') })
+    //     .then(function(res) {
+    //       _this.treeNode = res.data;
+    //     })
+    //     .catch(function(err) {
+    //       console.log(err);
+    //     });
+    // }
+  }
+};
+</script>
+<style></style>

package/packages/bpm-user-select-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: Object,
+      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-user-select-dialog/bpm-user-select.vue

@@ -0,0 +1,108 @@
+<template>
+  <div>
+    <el-dialog
+      :title="opt.title"
+      :visible.sync="dialogVisible"
+      width="900px"
+      top="2vh"
+      :before-close="handleClose"
+      custom-class="el-editRole-dialog"
+      @open="openDialog"
+      :close-on-click-modal="false"
+      append-to-body
+    >
+      <el-tabs v-model="activeNodeName">
+        <el-tab-pane v-for="nextNode in nextNodes" :label="nextNode.taskName" :name="nextNode.taskDeKey" :key="nextNode.taskDeKey">
+          <v-bpm-next-node :nextNode="nextNode"></v-bpm-next-node>
+        </el-tab-pane>
+      </el-tabs>
+      <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-user-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.user_select.title')
+      },
+      nextNodes: [],
+      activeNodeName: ''
+    };
+  },
+  created() {
+    let _this = this;
+    this.EventBus.$on('update-selected-user', params => {
+      _this.ruleEngine.nextNodes[params.nodekey] = params.dealUserCodes;
+    });
+  },
+  methods: {
+    openDialog() {
+      this.nextNodes = this.ruleEngine.runtime.nextNodes;
+      this.activeNodeName = this.nextNodes[0].taskDeKey;
+      this.ruleEngine.nextNodes = {};
+    },
+    handleClose() {
+      this.EventBus.$emit('save-button-click');
+      this.$emit('dialog-close', this.dialogVisible);
+    },
+    handleSave() {
+      let _this = this;
+      // 没有处理人的 流程节点
+      let noUserNode = '';
+      this.nextNodes.forEach(nextNode => {
+        if (
+          _this.ruleEngine.nextNodes[nextNode.taskDeKey + '_' + nextNode.approve.type] == undefined ||
+          _this.ruleEngine.nextNodes[nextNode.taskDeKey + '_' + nextNode.approve.type] == ''
+        ) {
+          noUserNode = nextNode.taskName;
+          return;
+        }
+      });
+      if (noUserNode != '') {
+        this.$message({
+          message: this.$t('bpm.user_select.node_no_select', { noUserNode }),
+          type: 'warning'
+        });
+        return;
+      }
+      this.EventBus.$emit('save-button-click');
+      this.$emit('dialog-save', this.ruleEngine);
+      this.$emit('dialog-close', this.dialogVisible);
+    }
+  }
+};
+</script>
+<style>
+/* .el-dialog__body {
+  padding: 0px 20px 30px 20px ;
+} */
+</style>

package/packages/bpm-user-select-dialog/index.js

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

package/packages/i18n/i18n.js

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import locale from 'element-ui/lib/locale'; //elementUI的国际化
+import VueI18n from 'vue-i18n';
+import messages from './langs';
+
+Vue.use(VueI18n);
+
+const i18n = new VueI18n({
+  //从localStorage中取，没有就默认的中文
+  locale: window.localStorage.getItem('qinLang') || 'zh',
+  messages
+});
+locale.i18n((key, value) => i18n.t(key, value)); //elementui多语言切换
+
+export default i18n;

package/packages/i18n/langs/en_US.js

@@ -0,0 +1,42 @@
+import en_USLocale from 'cloud-module-base/packages/i18n/langs/en_US';
+var base_en = {
+  ...en_USLocale,
+  bpm: {
+    user_select: {
+      title: 'tasknode dealer select',
+      no_select: 'tasknode has no dealer',
+      node_no_select: '[{noUserNode}] tasknode has no dealer'
+    },
+    opinion: {
+      dialog_title: 'create opinion',
+      opinion_area: 'opinion area',
+      common_opinion: 'common opinion',
+      personal_opinion: 'personal opinion',
+      opinion_content_beyond: 'Out of scope'
+    },
+    jump: {
+      dialog_title: 'send  dialog',
+      choice_activity: 'choice activity',
+      activity_name: 'activity name',
+      please_select: 'please select',
+      for_personnel: 'for personnel',
+      selected_personnel_list: 'selected personnel list',
+      name: 'name',
+      coding: 'coding',
+      department: 'department',
+      please_personnel: 'please personnel'
+    },
+    button: {
+      mydeal: 'my deal',
+      my: 'my work',
+      mydraft: 'my draft',
+      mytrack: 'my track',
+      myundo: 'my undo',
+      myover: 'my over',
+      all: 'all work',
+      alltrack: 'all track',
+      allover: 'all over'
+    }
+  }
+};
+export default base_en;

package/packages/i18n/langs/index.js

@@ -0,0 +1,6 @@
+import en_US from './en_US';
+import zh_CN from './zh_CN';
+export default {
+    zh: zh_CN,
+    en: en_US
+}

package/packages/i18n/langs/zh_CN.js

@@ -0,0 +1,86 @@
+import zh_CNLocale from 'cloud-module-base/packages/i18n/langs/zh_CN';
+var base_zh = {
+  ...zh_CNLocale,
+  bpm: {
+    user_select: {
+      title: '发送人员选择',
+      no_select: '流程处理节点没有选择处理人',
+      node_no_select: '[{noUserNode}]流程处理节点没有选择处理人'
+    },
+    send_read: {
+      sendReadTitle: '送阅知',
+      please_personnel: '请选择人员'
+    },
+    sign: {
+      sign_title: '转发选择',
+      please_personnel: '请选择人员'
+    },
+    sign_opinion: {
+      dialog_title: '填写转发意见',
+      opinion_area: '意见区域',
+      common_opinion: '公共意见',
+      personal_opinion: '个人意见',
+      opinion_content: '意见内容',
+      opinion_content_beyond: '意见内容不能超出最大范围'
+    },
+    opinion: {
+      dialog_title: '填写意见',
+      opinion_area: '意见区域',
+      common_opinion: '公共意见',
+      personal_opinion: '个人意见',
+      opinion_content: '意见内容',
+      opinion_content_beyond: '意见内容不能超出最大范围'
+    },
+    send_read_opinion: {
+      dialog_title: '填写阅知意见',
+      opinion_area: '意见区域',
+      common_opinion: '公共意见',
+      personal_opinion: '个人意见',
+      opinion_content: '意见内容',
+      opinion_content_beyond: '意见内容不能超出最大范围'
+    },
+    jump: {
+      dialog_title: '特送选择',
+      choice_activity: '选择活动',
+      activity_name: '活动名称',
+      please_select: '请选择',
+      for_personnel: '待选列表',
+      selected_personnel_list: '已选列表',
+      name: '姓名',
+      coding: '编码',
+      department: '部门',
+      please_personnel: '请选择人员'
+    },
+    back_anyLink: {
+      dialog_title: '退回任意环节选择',
+      choice_activity: '选择环节',
+      activity_name: '环节名称',
+      please_select: '请选择',
+      for_personnel: '待选列表',
+      selected_personnel_list: '已选列表',
+      name: '姓名',
+      coding: '编码',
+      department: '部门',
+      please_personnel: '请选择人员'
+    },
+    jump_latest: {
+      dialog_title: '管理特送选择'
+    },
+    button: {
+      mydeal: '我的已办',
+      my: '我的工作',
+      mydraft: '我的拟稿',
+      mytrack: '我的跟踪',
+      myundo: '我的待办',
+      myover: '我的办结',
+      all: '所有工作',
+      alltrack: '所有跟踪',
+      allover: '所有办结',
+      approve: '我的审批',
+      approving: '我的待办',
+      approved: '我的已办',
+      reject: '我的驳回'
+    }
+  }
+};
+export default base_zh;

package/packages/index.js

@@ -0,0 +1,48 @@
+import bpmUserSelect from '../packages/bpm-user-select-dialog/index';
+import bpmPorctrack from '../packages/bpm-proctrack-dialog/index';
+import bpmOpinion from '../packages/bpm-opinion-dialog/index';
+import bpmGridButtions from '../packages/bpm-grid-buttons/index';
+import bpmFormtools from '../packages/bpm-form-tools/index';
+import bpmJump from '../packages/bpm-jump-dialog/index';
+import bpmJumpLatest from '../packages/bpm-jump-latest-dialog/index';
+import bpmBackAnylink from '../packages/bpm-back-anylink-dialog/index';
+import bpmSendRead from '../packages/bpm-send-read-dialog/index';
+import bpmSendReadOpinion from '../packages/bpm-send-read-opinion-dialog/index';
+import bpmSignOpinion from '../packages/bpm-sign-opinion-dialog/index';
+import bpmSignSelect from '../packages/bpm-sign-dialog/index';
+import bpmGridButtionsNew from './bpm-grid-buttons-new/index';
+import 'element-ui/lib/theme-chalk/index.css';
+const components = [
+  bpmUserSelect,
+  bpmOpinion,
+  bpmPorctrack,
+  bpmGridButtions,
+  bpmFormtools,
+  bpmJump,
+  bpmJumpLatest,
+  bpmBackAnylink,
+  bpmSendRead,
+  bpmSendReadOpinion,
+  bpmSignOpinion,
+  bpmSignSelect,
+  bpmGridButtionsNew
+];
+const install = function(Vue, opts = {}) {
+  if (install.installed) {
+    return;
+  }
+  install.installed = true;
+  Vue.prototype.EventBus = new Vue();
+  components.forEach(component => {
+    Vue.component(component.name, component);
+  });
+};
+
+/* 支持使用标签的方式引入 */
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+export default {
+  install,
+  ...components
+};