agilebuilder-ui 1.0.0

package/packages/valid-code/src/valid-code.vue

@@ -0,0 +1,104 @@
+<template>
+  <div
+    class="ValidCode disabled-select"
+    :style="`width:${width}; height:${height}`"
+    @click="refreshCode"
+  >
+    <span
+      v-for="(item, index) in codeList"
+      :key="index"
+      :style="getStyle(item)"
+      >{{ item.code }}</span
+    >
+  </div>
+</template>
+
+<script>
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+export default {
+  name: 'ValidCode',
+  model: {
+    prop: 'value',
+    event: 'input',
+  },
+  props: {
+    width: {
+      type: String,
+      default: '100px',
+    },
+    height: {
+      type: String,
+      default: '40px',
+    },
+    length: {
+      type: Number,
+      default: 4,
+    },
+    refresh: {
+      type: Number,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      codeList: [],
+    }
+  },
+  watch: {
+    refresh() {
+      this.createdCode()
+    },
+  },
+  mounted() {
+    this.createdCode()
+  },
+  methods: {
+    refreshCode() {
+      this.createdCode()
+    },
+    createdCode() {
+      const len = this.length
+      const codeList = []
+      const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789'
+      const charsLen = chars.length
+      // 生成
+      for (let i = 0; i < len; i++) {
+        const rgb = [
+          Math.round(Math.random() * 220),
+          Math.round(Math.random() * 240),
+          Math.round(Math.random() * 200),
+        ]
+        codeList.push({
+          code: chars.charAt(Math.floor(Math.random() * charsLen)),
+          color: `rgb(${rgb})`,
+          fontSize: `${10 + (+[Math.floor(Math.random() * 10)] + 6)}px`,
+          padding: `${[Math.floor(Math.random() * 10)]}px`,
+          transform: `rotate(${
+            Math.floor(Math.random() * 90) - Math.floor(Math.random() * 90)
+          }deg)`,
+        })
+      }
+      // 指向
+      this.codeList = codeList
+      $emit(this, 'update:value', codeList.map((item) => item.code).join(''))
+    },
+    getStyle(data) {
+      return `color: ${data.color}; font-size: ${data.fontSize}; padding: ${data.padding}; transform: ${data.transform}`
+    },
+  },
+  emits: ['update:value'],
+}
+</script>
+
+<style lang="scss" scoped>
+.ValidCode {
+  display: flex;
+  background-color: #fff;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  span {
+    display: inline-block;
+  }
+}
+</style>

package/packages/workflow-button/index.js

@@ -0,0 +1,6 @@
+import WorkflowButton from './src/workflow-button.vue'
+WorkflowButton.install = function (Vue) {
+  Vue.component(WorkflowButton.name, WorkflowButton)
+}
+
+export default WorkflowButton

package/packages/workflow-button/src/workflow-button.vue

@@ -0,0 +1,569 @@
+<template>
+  <span>
+    <span
+		    v-if="
+        typeof buttonInfo['theTransactor'] !== 'undefined' &&
+        buttonInfo['theTransactor'] === false
+      "
+		    class="operation-area"
+    >
+      <slot :name="slotBefore"/>
+      <slot name="errorArea"/>
+      <slot :name="slotAfter"/>
+    </span>
+    <span v-else class="operation-area">
+      <slot :name="slotBefore"/>
+      <el-button
+		      v-for="(button, buttonIndex) in buttons"
+		      :key="buttonIndex"
+		      v-permission="button.permission"
+		      :class="button.code ? button.code : ''"
+		      :disabled="preventReclick"
+		      :type="button.type"
+
+		      @click="button.clickFun"
+      >
+        {{ button.i18nButtonName }}
+      </el-button>
+      <slot :name="slotAfter"/>
+    </span>
+  </span>
+</template>
+
+<script>
+import {$emit} from '../../utils/gogocodeTransfer'
+import {mapGetters} from 'vuex'
+
+export default {
+	name: 'WorkflowButton',
+	props: {
+		// 控制按钮的相关信息
+		buttonInfo: {
+			type: Object,
+			default: null,
+		},
+		// 隐藏的按钮编码集合
+		// 值可以为['selectTransactor','selectTache','readButton','retrieveButton','copyButton','assignButton'],
+		// 分别表示['当任务是"待选择办理人"状态时，表单页面显示的提交按钮',
+		// '当任务是"待选择环节"状态时，表单页面显示的提交按钮'，
+		// '已阅按钮','取回按钮','抄送按钮','指派按钮']
+		hiddenBtns: {
+			type: Array,
+			default: null,
+		},
+		// 资源编码前缀，例如：系统编码.实体类名 或 系统编码.页面编码，用于控制按钮权限
+		permissionPrefix: {
+			type: String,
+			default: null,
+		},
+		formButtonPosition: {
+			type: String,
+			default: null,
+		},
+	},
+	data() {
+		const buttonsPermission = this.getButtonsPermission()
+		return {
+			slotBefore: 'before',
+			slotAfter: 'after',
+			buttons: [],
+			buttonsPermission, // 各按钮资源编码
+		}
+	},
+	computed: {
+		...mapGetters(['preventReclick']),
+	},
+	provide() {
+		return {}
+	},
+	created() {
+		// console.log('this.buttonInfo', this.buttonInfo)
+		// console.log('this.buttonsPermission', this.buttonsPermission)
+		const tempButtons = []
+		const _that = this
+		if (
+				typeof this.buttonInfo['processState'] === 'undefined' ||
+				this.buttonInfo['processState'] === null ||
+				(this.buttonInfo['processState'] === 'UNSUBMIT' &&
+						this.buttonInfo['active'] === 'WAIT_TRANSACT')
+		) {
+			if (
+					typeof this.buttonInfo['processState'] === 'undefined' ||
+					this.buttonInfo['showButtonSave'] === true
+			) {
+				tempButtons.push({
+					i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
+					permission: this.buttonsPermission['save'],
+					type: 'primary',
+					clickFun: function () {
+						$emit(_that, 'save')
+					},
+					code: 'saveButton',
+				})
+			}
+			tempButtons.push({
+				i18nButtonName: this.i18nButtonName(this.buttonInfo['submitButton']),
+				permission: this.buttonsPermission['submitProcess'],
+				type: 'primary',
+				clickFun: function () {
+					$emit(_that, 'submitProcess')
+				},
+				code: 'submitButton',
+			})
+		}
+		if (this.buttonInfo['processState']) {
+			if (
+					this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+					this.buttonInfo['processingMode'] === 'TYPE_READ'
+			) {
+				if (
+						!this.hiddenBtns ||
+						(this.hiddenBtns && this.hiddenBtns.indexOf('readButton') === -1)
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['readButton']),
+						permission: this.buttonsPermission['completeTask'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('READED')
+						},
+						code: 'readButton',
+					})
+				}
+			} else if (this.buttonInfo['processState'] === 'SUBMIT') {
+				if (
+						this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+						this.buttonInfo['showButtonSave'] &&
+						(this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
+								this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' ||
+								this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' ||
+								this.buttonInfo['active'] === 'DRAW_WAIT')
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['saveButton']),
+						permission: this.buttonsPermission['update'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'update')
+						},
+						code: 'saveButton',
+					})
+				}
+				if (
+						this.buttonInfo['active'] &&
+						this.buttonInfo['active'] === 'WAIT_DESIGNATE_TRANSACTOR' &&
+						(!this.hiddenBtns ||
+								(this.hiddenBtns &&
+										this.hiddenBtns.indexOf('selectTransactor') === -1))
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['submitButton']
+						),
+						permission: this.buttonsPermission['selectTransactor'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'selectTransactors')
+						},
+						code: 'submitButton',
+					})
+				}
+				if (
+						this.buttonInfo['active'] &&
+						this.buttonInfo['active'] === 'WAIT_CHOICE_TACHE' &&
+						(!this.hiddenBtns ||
+								(this.hiddenBtns && this.hiddenBtns.indexOf('selectTache') === -1))
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['submitButton']
+						),
+						permission: this.buttonsPermission['selectTache'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'selectTaches')
+						},
+						code: 'submitButton',
+					})
+					const index = tempButtons.findIndex(
+							(button) => button.code === 'saveButton'
+					)
+					if (index !== -1) {
+						tempButtons.splice(index, 1)
+					}
+				}
+				if (
+						this.buttonInfo['active'] &&
+						(this.buttonInfo['active'] === 'DRAW_WAIT' ||
+								this.buttonInfo['active'] === 'DEPT_DRAW_WAIT') &&
+						this.buttonInfo['showButtonDraw']
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['drawButton']),
+						permission: this.buttonsPermission['drawTask'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'drawTask')
+						},
+						code: 'drawButton',
+					})
+				}
+				if (
+						((this.buttonInfo['drawTask'] &&
+										this.buttonInfo['active'] === 'WAIT_TRANSACT') ||
+								(this.buttonInfo['canAbandonDeptTask'] &&
+										this.buttonInfo['active'] === 'WAIT_TRANSACT')) &&
+						this.buttonInfo['showButtonAbandon']
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['abandonButton']
+						),
+						permission: this.buttonsPermission['abandonReceive'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'abandonDraw')
+						},
+						code: 'abandonButton',
+					})
+				}
+				// if (
+				// 		this.buttonInfo['active'] === 'COMPLETED' &&
+				// 		this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+				// 		(!this.hiddenBtns ||
+				// 				(this.hiddenBtns &&
+				// 						this.hiddenBtns.indexOf('retrieveButton') === -1)) &&
+				// 		this.buttonInfo['showButtonGetBack']
+				// ) {
+				if (this.showRetrieve()) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['backButton']),
+						permission: this.buttonsPermission['retrieve'],
+						type: 'primary',
+						clickFun: function () {
+							$emit(_that, 'retrieveTask')
+						},
+						code: 'backButton',
+					})
+				}
+				if (
+						this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+						this.buttonInfo['processingMode'] === 'EDIT'
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['submitButton']
+						),
+						permission: this.buttonsPermission['submitTask'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('SUBMIT')
+						},
+						code: 'submitButton',
+					})
+				}
+
+				if (
+						this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+						(this.buttonInfo['processingMode'] === 'APPROVE' ||
+								this.buttonInfo['processingMode'] === 'COUNTERSIGN')
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['agreeButton']),
+						permission: this.buttonsPermission['approve'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('APPROVE')
+						},
+						code: 'agreeButton',
+					})
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['disagreeButton']
+						),
+						permission: this.buttonsPermission['refuse'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('REFUSE')
+						},
+						code: 'disagreeButton',
+					})
+					if (
+							this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
+							this.buttonInfo['showButtonAddCounter']
+					) {
+						tempButtons.push({
+							i18nButtonName: this.i18nButtonName(
+									this.buttonInfo['addSignerButton']
+							),
+							permission: this.buttonsPermission['addSigner'],
+							type: 'primary',
+							clickFun: function () {
+								$emit(_that, 'addSigner')
+							},
+							code: 'addSignerButton',
+						})
+					}
+					if (
+							this.buttonInfo['processingMode'] === 'COUNTERSIGN' &&
+							this.buttonInfo['showButtonDelCounter']
+					) {
+						tempButtons.push({
+							i18nButtonName: this.i18nButtonName(
+									this.buttonInfo['removeSignerButton']
+							),
+							permission: this.buttonsPermission['removeSigner'],
+							type: 'primary',
+							clickFun: function () {
+								$emit(_that, 'removeSigner')
+							},
+							code: 'removeSignerButton',
+						})
+					}
+				}
+				if (
+						this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+						this.buttonInfo['processingMode'] === 'VOTE'
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['approveButton']
+						),
+						permission: this.buttonsPermission['agreement'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('AGREEMENT')
+						},
+						code: 'approveButton',
+					})
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['opposeButton']
+						),
+						permission: this.buttonsPermission['oppose'],
+						type: 'primary',
+						clickFun: function () {
+							_that.completeTask('OPPOSE')
+						},
+						code: 'opposeButton',
+					})
+					if (this.buttonInfo['showButtonKiken']) {
+						tempButtons.push({
+							i18nButtonName: this.i18nButtonName(
+									this.buttonInfo['abstainButton']
+							),
+							permission: this.buttonsPermission['kiken'],
+							type: 'primary',
+							clickFun: function () {
+								_that.completeTask('KIKEN')
+							},
+							code: 'abstainButton',
+						})
+					}
+				}
+				if (
+						this.buttonInfo['active'] === 'WAIT_TRANSACT' &&
+						this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+						this.buttonInfo['showButtonCopy'] &&
+						(!this.hiddenBtns ||
+								(this.hiddenBtns &&
+										this.hiddenBtns.indexOf('copyButton') === -1)) &&
+						this.buttonInfo['showButtonCopy']
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(this.buttonInfo['copyButton']),
+						permission: this.buttonsPermission['copyTask'],
+						type: '',
+						clickFun: function () {
+							$emit(_that, 'createCopyTask')
+						},
+						code: 'copyButton',
+					})
+				}
+				if (
+						this.buttonInfo['processingMode'] !== 'TYPE_READ' &&
+						(this.buttonInfo['active'] === 'WAIT_TRANSACT' ||
+								this.buttonInfo['active'] === 'DRAW_WAIT') &&
+						(!this.hiddenBtns ||
+								(this.hiddenBtns &&
+										this.hiddenBtns.indexOf('assignButton') === -1)) &&
+						this.buttonInfo['showButtonAppoint']
+				) {
+					tempButtons.push({
+						i18nButtonName: this.i18nButtonName(
+								this.buttonInfo['appointButton']
+						),
+						permission: this.buttonsPermission['assign'],
+						type: '',
+						clickFun: function () {
+							$emit(_that, 'assignTask')
+						},
+						code: 'appointButton',
+					})
+				}
+			}
+		}
+		if (this.formButtonPosition === 'bottomRight') {
+			this.buttons = tempButtons.slice().reverse()
+			this.slotBefore = 'after'
+			this.slotAfter = 'before'
+		} else {
+			this.buttons = tempButtons
+		}
+	},
+	mounted() {
+	},
+	methods: {
+		exportReportButt() {
+			// console.log('this.$emit(exportReport)')
+			$emit(this, 'exportReport')
+		},
+		completeTask(operationResult) {
+			$emit(this, 'completeTask', operationResult)
+		},
+		// 国际化显示按钮名称
+		i18nButtonName(buttonName) {
+			const defaultButtonPrefix = 'initVal:'
+			if (buttonName.indexOf(defaultButtonPrefix) >= 0) {
+				// 表示使用默认的按钮名称
+				const defaultButtonName = buttonName.substring(
+						buttonName.indexOf(defaultButtonPrefix) + defaultButtonPrefix.length
+				)
+				return this.$t('workflowButton.' + defaultButtonName)
+			} else {
+				return buttonName
+			}
+		},
+		getButtonsPermission() {
+			const defaultPermission = 'true'
+			const completeTaskPermission = this.permissionPrefix
+					? this.permissionPrefix + '.completeTask'
+					: defaultPermission
+			return {
+				// 第一环节保存，同“更新”
+				save: this.permissionPrefix
+						? this.permissionPrefix + '.save'
+						: defaultPermission,
+				// 第一环节提交
+				submitProcess: this.permissionPrefix
+						? this.permissionPrefix + '.submitProcess'
+						: defaultPermission,
+				// 同意（办理任务）
+				approve: this.permissionPrefix
+						? this.permissionPrefix + '.approve'
+						: completeTaskPermission,
+				// 不同意（办理任务）
+				refuse: this.permissionPrefix
+						? this.permissionPrefix + '.refuse'
+						: completeTaskPermission,
+				// 提交（办理任务）
+				submitTask: this.permissionPrefix
+						? this.permissionPrefix + '.submit'
+						: completeTaskPermission,
+				// 赞成（办理任务）
+				agreement: this.permissionPrefix
+						? this.permissionPrefix + '.agreement'
+						: completeTaskPermission,
+				// 反对（办理任务）
+				oppose: this.permissionPrefix
+						? this.permissionPrefix + '.oppose'
+						: completeTaskPermission,
+				// 弃权（办理任务）
+				kiken: this.permissionPrefix
+						? this.permissionPrefix + '.kiken'
+						: completeTaskPermission,
+				// 阅（办理任务）
+				readed: this.permissionPrefix
+						? this.permissionPrefix + '.readed'
+						: completeTaskPermission,
+				// 领取任务
+				drawTask: this.permissionPrefix
+						? this.permissionPrefix + '.drawTask'
+						: defaultPermission,
+				// 放弃领取
+				abandonReceive: this.permissionPrefix
+						? this.permissionPrefix + '.abandonReceive'
+						: defaultPermission,
+				// 取回
+				retrieve: this.permissionPrefix
+						? this.permissionPrefix + '.retrieve'
+						: defaultPermission,
+				// 更新
+				update: this.permissionPrefix
+						? this.permissionPrefix + '.update'
+						: defaultPermission,
+				// 指派
+				assign: this.permissionPrefix
+						? this.permissionPrefix + '.assign'
+						: defaultPermission,
+				// 选择办理人
+				selectTransactor: this.permissionPrefix
+						? this.permissionPrefix + '.selectTransactor'
+						: defaultPermission,
+				// 选择环节
+				selectTache: this.permissionPrefix
+						? this.permissionPrefix + '.selectTache'
+						: defaultPermission,
+				// 抄送
+				copyTask: this.permissionPrefix
+						? this.permissionPrefix + '.copyTask'
+						: defaultPermission,
+				// 加签
+				addSigner: this.permissionPrefix
+						? this.permissionPrefix + '.addSigner'
+						: defaultPermission,
+				// 减签
+				removeSigner: this.permissionPrefix
+						? this.permissionPrefix + '.removeSigner'
+						: defaultPermission,
+				// 导出报告
+				exportReport: this.permissionPrefix
+						? this.permissionPrefix + '.exportReport'
+						: defaultPermission,
+				// 领取部门任务
+				drawDeptTask: this.permissionPrefix
+						? this.permissionPrefix + '.drawDeptTask'
+						: defaultPermission,
+				// 放弃领取部门任务
+				abandonDrawDeptTask: this.permissionPrefix
+						? this.permissionPrefix + '.abandonDrawDeptTask'
+						: defaultPermission,
+			}
+		},
+		isDeptTask() {
+		},
+    showRetrieve() {
+      if (this.buttonInfo['active'] !== 'COMPLETED') {
+        return false
+      }
+      if (this.buttonInfo['processingMode'] === 'TYPE_READ') {
+        return false
+      }
+      if (!this.buttonInfo['showButtonGetBack']) {
+        return false
+      }
+      if (this.hiddenBtns && this.hiddenBtns.indexOf('retrieveButton') !== -1) {
+        return false
+      }
+      return true
+    }
+	},
+	emits: [
+		'completeTask',
+		'save',
+		'submitProcess',
+		'update',
+		'selectTransactors',
+		'selectTaches',
+		'drawTask',
+		'abandonDraw',
+		'retrieveTask',
+		'addSigner',
+		'removeSigner',
+		'createCopyTask',
+		'assignTask',
+		'exportReport',
+		,
+	],
+}
+</script>

package/packages/workflow-history-list/index.js

@@ -0,0 +1,6 @@
+import WorkflowHistoryList from './src/workflow-history-list.vue'
+WorkflowHistoryList.install = function (Vue) {
+  Vue.component(WorkflowHistoryList.name, WorkflowHistoryList)
+}
+
+export default WorkflowHistoryList

package/packages/workflow-history-list/src/api.js

@@ -0,0 +1,7 @@
+const apis = {
+  refresh() {
+    this.getData()
+  },
+}
+
+export default apis