|
|
@@ -1,229 +1,272 @@
|
|
|
<template>
|
|
|
- <el-dialog
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- :title="actionTitle"
|
|
|
- :class="className"
|
|
|
- class="bpmn-reject-dialog"
|
|
|
- append-to-body
|
|
|
- top="30vh"
|
|
|
- width="40%"
|
|
|
- @open="getFormData"
|
|
|
- @close="closeDialog"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- ref="form"
|
|
|
- v-loading="dialogLoading"
|
|
|
- :element-loading-text="$t('common.loading')"
|
|
|
- :model="form"
|
|
|
- :rules="rules"
|
|
|
- label-width="120px"
|
|
|
- @submit.native.prevent
|
|
|
+ <el-dialog
|
|
|
+ :visible.sync="dialogVisible"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ :title="actionTitle"
|
|
|
+ :class="className"
|
|
|
+ class="bpmn-reject-dialog"
|
|
|
+ append-to-body
|
|
|
+ top="30vh"
|
|
|
+ width="40%"
|
|
|
+ @open="getFormData"
|
|
|
+ @close="closeDialog"
|
|
|
>
|
|
|
- <el-form-item v-if="actionName === 'reject' " label="退回位置:" prop="rejectMode">
|
|
|
- <el-radio-group v-model="form.rejectMode" @change="changeBackHandMode">
|
|
|
- <el-radio label="reject">退回上一步</el-radio>
|
|
|
- <el-radio label="rejectDest">退回指定步骤</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <p style="color: #0000CC;width: 100%; text-align:center; height:80px;font-size: 18px;" v-if="actionTitle=='退回检测'"><i class="el-icon-sort"/> 请确定退回，当前检测任务将重新检测！</p>
|
|
|
- <!-- <el-form-item
|
|
|
- v-if="actionName === 'reject' || actionName === 'rejectToStart' && actionTitle!='退回检测' "
|
|
|
- label="返回方式:"
|
|
|
- prop="backHandMode"
|
|
|
- >
|
|
|
- <el-radio-group v-model="form.backHandMode" @change="changeBackHandMode">
|
|
|
- <el-radio label="normal">按流程图重新执行</el-radio>
|
|
|
- <el-radio label="direct">回到当前任务</el-radio>
|
|
|
- </el-radio-group>
|
|
|
-
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item
|
|
|
- v-if="actionName === 'reject' && form.rejectMode==='rejectDest'"
|
|
|
- prop="destination"
|
|
|
- >
|
|
|
- <span slot="label" v-html="'驳回到节点<br>('+(form.backHandMode==='direct'?'直来直往':'按流程图')+'):'" />
|
|
|
- <el-select v-model="form.destination" placeholder="请选择" style="margin-top: 20px;">
|
|
|
- <el-option v-for="item in userNodeList " :key="item.nodeId" :value="item.nodeId" :label="item.name" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-if="!hideOpinion" label="审批意见:" prop="opinion">
|
|
|
- <approval-opinion
|
|
|
- v-model="form.opinion"
|
|
|
- :action="action"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="el-dialog--center">
|
|
|
- <el-button type="primary" icon="ibps-icon-save" @click="handleSave()">确 定 退 回</el-button>
|
|
|
- <el-button icon="el-icon-circle-close" type="danger" @click="closeDialog()">取 消</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
+ <el-form
|
|
|
+ ref="form"
|
|
|
+ v-loading="dialogLoading"
|
|
|
+ :element-loading-text="$t('common.loading')"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="120px"
|
|
|
+ @submit.native.prevent
|
|
|
+ >
|
|
|
+ <el-form-item
|
|
|
+ v-if="actionName === 'reject'"
|
|
|
+ label="退回位置:"
|
|
|
+ prop="rejectMode"
|
|
|
+ >
|
|
|
+ <el-radio-group
|
|
|
+ v-model="form.rejectMode"
|
|
|
+ @change="changeBackHandMode"
|
|
|
+ >
|
|
|
+ <el-radio label="reject">退回上一步</el-radio>
|
|
|
+ <el-radio label="rejectDest">退回指定步骤</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <p
|
|
|
+ style="
|
|
|
+ color: #0000cc;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ height: 80px;
|
|
|
+ font-size: 18px;
|
|
|
+ "
|
|
|
+ v-if="actionTitle == '退回检测'"
|
|
|
+ >
|
|
|
+ <i class="el-icon-sort" /> 请确定退回，当前检测任务将重新检测！
|
|
|
+ </p>
|
|
|
+ <el-form-item
|
|
|
+ v-if="actionName === 'reject' || (actionName === 'rejectToStart' && actionTitle != '退回检测')"
|
|
|
+ label="返回方式:"
|
|
|
+ prop="backHandMode"
|
|
|
+ >
|
|
|
+ <el-radio-group
|
|
|
+ v-model="form.backHandMode"
|
|
|
+ @change="changeBackHandMode"
|
|
|
+ >
|
|
|
+ <el-radio label="normal">按流程图重新执行</el-radio>
|
|
|
+ <el-radio label="direct">回到当前任务</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item
|
|
|
+ v-if="actionName === 'reject' && form.rejectMode === 'rejectDest'"
|
|
|
+ prop="destination"
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ slot="label"
|
|
|
+ v-html="'驳回到节点<br>(' +(form.backHandMode === 'direct' ? '直来直往' : '按流程图') + '):' "
|
|
|
+ />
|
|
|
+ <el-select
|
|
|
+ v-model="form.destination"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="margin-top: 20px;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in userNodeList"
|
|
|
+ :key="item.nodeId"
|
|
|
+ :value="item.nodeId"
|
|
|
+ :label="item.name"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="!hideOpinion" label="审批意见:" prop="opinion">
|
|
|
+ <approval-opinion v-model="form.opinion" :action="action" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="el-dialog--center">
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="ibps-icon-save"
|
|
|
+ @click="handleSave()"
|
|
|
+ >确 定 退 回</el-button>
|
|
|
+ <el-button
|
|
|
+ icon="el-icon-circle-close"
|
|
|
+ type="danger"
|
|
|
+ @click="closeDialog()"
|
|
|
+ >取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import { toReject, toRejectToPrevious, toRejectToStart } from '@/api/platform/bpmn/bpmTask'
|
|
|
-import ApprovalOpinion from '@/business/platform/bpmn/components/approval-opinion'
|
|
|
-import { queryIncludeNull } from '@/api/platform/bpmn/bpmCommonStatment'
|
|
|
-import ActionUtils from '@/utils/action'
|
|
|
+ import { toReject, toRejectToPrevious, toRejectToStart } from '@/api/platform/bpmn/bpmTask'
|
|
|
+ import ApprovalOpinion from '@/business/platform/bpmn/components/approval-opinion'
|
|
|
+ import { queryIncludeNull } from '@/api/platform/bpmn/bpmCommonStatment'
|
|
|
+ import ActionUtils from '@/utils/action'
|
|
|
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- ApprovalOpinion
|
|
|
- },
|
|
|
- props: {
|
|
|
- className: String,
|
|
|
- visible: Boolean,
|
|
|
- action: String,
|
|
|
- title: String,
|
|
|
- taskId: String,
|
|
|
- data: [String, Object],
|
|
|
- hideOpinion: { // 隐藏意见
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
- },
|
|
|
- formOpinion: { // 表单意见
|
|
|
- type: String
|
|
|
- }
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- dialogVisible: this.visible,
|
|
|
- dialogLoading: false,
|
|
|
- formName: 'form',
|
|
|
- formLabelWidth: '130px',
|
|
|
- actionName: '',
|
|
|
- userNodeList: [],
|
|
|
- bpmExecUserNode: [],
|
|
|
- bpmExecGoMapUserNode: [],
|
|
|
- form: {
|
|
|
- rejectMode: 'reject',
|
|
|
- backHandMode: 'normal',
|
|
|
- destination: '',
|
|
|
- opinion: ''
|
|
|
- },
|
|
|
- rules: {
|
|
|
- destination: [{ required: true, message: this.$t('validate.required') }],
|
|
|
- opinion: [{ required: true, message: this.$t('validate.required') }]
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- computed: {
|
|
|
- actionTitle() {
|
|
|
- if (this.title) {
|
|
|
- return this.title
|
|
|
- }
|
|
|
- if (this.actionName === 'rejectToPrevious') {
|
|
|
- return '驳回上一步'
|
|
|
- } else if (this.actionName === 'rejectToStart') {
|
|
|
- return '驳回发起人'
|
|
|
- } else if (this.actionName === 'reject') {
|
|
|
- return '驳回审批'
|
|
|
- } else {
|
|
|
- return '驳回'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {
|
|
|
- visible: {
|
|
|
- handler: function(val, oldVal) {
|
|
|
- this.dialogVisible = this.visible
|
|
|
- this.actionName = this.action
|
|
|
- },
|
|
|
- immediate: true
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- openedDialog() {
|
|
|
- if (this.$utils.isNotEmpty(this.formOpinion)) {
|
|
|
- this.form.opinion = this.formOpinion
|
|
|
- } else {
|
|
|
- queryIncludeNull(ActionUtils.formatParams(
|
|
|
- {
|
|
|
- 'Q^ACTION_^S': this.action,
|
|
|
- 'Q^CREATE_BY_^S': this.$store.getters.userId
|
|
|
- })).then(response => {
|
|
|
- const data = response.variables && response.variables.def ? response.variables.def.value || '' : ''
|
|
|
- if (this.$utils.isNotEmpty(data)) {
|
|
|
- this.form.opinion = data
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- changeBackHandMode() {
|
|
|
- if (this.actionName === 'reject' && this.form.rejectMode === 'rejectDest') {
|
|
|
- this.formValidate()
|
|
|
- this.userNodeList = this.form.backHandMode === 'normal' ? this.bpmExecGoMapUserNode : this.bpmExecUserNode
|
|
|
- }
|
|
|
- },
|
|
|
- closeDialog() {
|
|
|
- this.form.opinion = ''
|
|
|
- this.$emit('close', false)
|
|
|
- },
|
|
|
- handleSave() {
|
|
|
- this.$refs[this.formName].validate(valid => {
|
|
|
- if (valid) {
|
|
|
- this.$emit('action-event', this.action, this.form)
|
|
|
- } else {
|
|
|
- ActionUtils.saveErrorMessage()
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ ApprovalOpinion
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ className: String,
|
|
|
+ visible: Boolean,
|
|
|
+ action: String,
|
|
|
+ title: String,
|
|
|
+ taskId: String,
|
|
|
+ data: [String, Object],
|
|
|
+ hideOpinion: {
|
|
|
+ // 隐藏意见
|
|
|
+ type: Boolean,
|
|
|
+ default: false
|
|
|
+ },
|
|
|
+ formOpinion: {
|
|
|
+ // 表单意见
|
|
|
+ type: String
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible: this.visible,
|
|
|
+ dialogLoading: false,
|
|
|
+ formName: 'form',
|
|
|
+ formLabelWidth: '130px',
|
|
|
+ actionName: '',
|
|
|
+ userNodeList: [],
|
|
|
+ bpmExecUserNode: [],
|
|
|
+ bpmExecGoMapUserNode: [],
|
|
|
+ form: {
|
|
|
+ rejectMode: 'reject',
|
|
|
+ backHandMode: 'normal',
|
|
|
+ destination: '',
|
|
|
+ opinion: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ destination: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: this.$t('validate.required')
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ opinion: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: this.$t('validate.required')
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ actionTitle() {
|
|
|
+ if (this.title) {
|
|
|
+ return this.title
|
|
|
+ }
|
|
|
+ if (this.actionName === 'rejectToPrevious') {
|
|
|
+ return '驳回上一步'
|
|
|
+ } else if (this.actionName === 'rejectToStart') {
|
|
|
+ return '驳回发起人'
|
|
|
+ } else if (this.actionName === 'reject') {
|
|
|
+ return '驳回审批'
|
|
|
+ } else {
|
|
|
+ return '驳回'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ visible: {
|
|
|
+ handler: function (val, oldVal) {
|
|
|
+ this.dialogVisible = this.visible
|
|
|
+ this.actionName = this.action
|
|
|
+ },
|
|
|
+ immediate: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ openedDialog() {
|
|
|
+ if (this.$utils.isNotEmpty(this.formOpinion)) {
|
|
|
+ this.form.opinion = this.formOpinion
|
|
|
+ } else {
|
|
|
+ queryIncludeNull(
|
|
|
+ ActionUtils.formatParams({
|
|
|
+ 'Q^ACTION_^S': this.action,
|
|
|
+ 'Q^CREATE_BY_^S': this.$store.getters.userId
|
|
|
+ })
|
|
|
+ ).then((response) => {
|
|
|
+ const data = response.variables && response.variables.def ? response.variables.def.value || '' : ''
|
|
|
+ if (this.$utils.isNotEmpty(data)) {
|
|
|
+ this.form.opinion = data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ changeBackHandMode() {
|
|
|
+ if (this.actionName === 'reject' && this.form.rejectMode === 'rejectDest') {
|
|
|
+ this.formValidate()
|
|
|
+ this.userNodeList = this.form.backHandMode === 'normal' ? this.bpmExecGoMapUserNode : this.bpmExecUserNode
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeDialog() {
|
|
|
+ this.form.opinion = ''
|
|
|
+ this.$emit('close', false)
|
|
|
+ },
|
|
|
+ handleSave() {
|
|
|
+ this.$refs[this.formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.$emit('action-event', this.action, this.form)
|
|
|
+ } else {
|
|
|
+ ActionUtils.saveErrorMessage()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 表单验证
|
|
|
+ */
|
|
|
+ formValidate() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs[this.formName].validate(() => {})
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getFormData() {
|
|
|
+ this.openedDialog()
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs[this.formName].resetFields()
|
|
|
+ })
|
|
|
+ this.dialogLoading = true
|
|
|
+ switch (this.actionName) {
|
|
|
+ case 'reject': // 驳回
|
|
|
+ toReject({ taskId: this.taskId }).then((response) => {
|
|
|
+ this.formValidate()
|
|
|
+ this.dialogLoading = false
|
|
|
+ const data = response.data
|
|
|
+ this.userNodeList = this.bpmExecUserNode = data.bpmExecUserNode
|
|
|
+ this.bpmExecGoMapUserNode = data.bpmExecGoMapUserNode
|
|
|
+ }).catch(() => {
|
|
|
+ this.dialogLoading = false
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case 'rejectToPrevious': // 驳回上一步
|
|
|
+ toRejectToPrevious({ taskId: this.taskId }).then((response) => {
|
|
|
+ this.formValidate()
|
|
|
+ this.dialogLoading = false
|
|
|
+ // TODO:默认意见
|
|
|
+ }).catch(() => {
|
|
|
+ this.dialogLoading = false
|
|
|
+ })
|
|
|
+ break
|
|
|
+ case 'rejectToStart':
|
|
|
+ toRejectToStart({ taskId: this.taskId }).then((response) => {
|
|
|
+ this.formValidate()
|
|
|
+ this.dialogLoading = false
|
|
|
+ // TODO:默认意见
|
|
|
+ }).catch(() => {
|
|
|
+ this.dialogLoading = false
|
|
|
+ })
|
|
|
+ break
|
|
|
+ default:
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- /**
|
|
|
- * 表单验证
|
|
|
- */
|
|
|
- formValidate() {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs[this.formName].validate(() => {})
|
|
|
- })
|
|
|
- },
|
|
|
- getFormData() {
|
|
|
- this.openedDialog()
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs[this.formName].resetFields()
|
|
|
- })
|
|
|
- this.dialogLoading = true
|
|
|
- switch (this.actionName) {
|
|
|
- case 'reject': // 驳回
|
|
|
- toReject({
|
|
|
- taskId: this.taskId
|
|
|
- }).then(response => {
|
|
|
- this.formValidate()
|
|
|
- this.dialogLoading = false
|
|
|
- const data = response.data
|
|
|
- this.userNodeList = this.bpmExecUserNode = data.bpmExecUserNode
|
|
|
- this.bpmExecGoMapUserNode = data.bpmExecGoMapUserNode
|
|
|
- }).catch(() => {
|
|
|
- this.dialogLoading = false
|
|
|
- })
|
|
|
- break
|
|
|
- case 'rejectToPrevious': // 驳回上一步
|
|
|
- toRejectToPrevious({
|
|
|
- taskId: this.taskId
|
|
|
- }).then(response => {
|
|
|
- this.formValidate()
|
|
|
- this.dialogLoading = false
|
|
|
- // TODO:默认意见
|
|
|
- }).catch(() => {
|
|
|
- this.dialogLoading = false
|
|
|
- })
|
|
|
- break
|
|
|
- case 'rejectToStart':
|
|
|
- toRejectToStart({
|
|
|
- taskId: this.taskId
|
|
|
- }).then(response => {
|
|
|
- this.formValidate()
|
|
|
- this.dialogLoading = false
|
|
|
- // TODO:默认意见
|
|
|
- }).catch(() => {
|
|
|
- this.dialogLoading = false
|
|
|
- })
|
|
|
- break
|
|
|
- default:
|
|
|
- break
|
|
|
- }
|
|
|
}
|
|
|
- }
|
|
|
-}
|
|
|
</script>
|
cfort