27 changed files with 1520 additions and 235 deletions
@ -0,0 +1,47 @@
|
||||
package com.ruoyi.workflow.domain; |
||||
|
||||
import com.alibaba.excel.annotation.ExcelProperty; |
||||
import com.baomidou.mybatisplus.annotation.*; |
||||
import lombok.Data; |
||||
import lombok.EqualsAndHashCode; |
||||
import java.io.Serializable; |
||||
import java.util.Date; |
||||
import java.math.BigDecimal; |
||||
|
||||
import com.ruoyi.common.core.domain.BaseEntity; |
||||
|
||||
/** |
||||
* 用户流程关联对象 user_deploy_relation |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
@Data |
||||
@EqualsAndHashCode(callSuper = true) |
||||
@TableName("user_deploy_relation") |
||||
public class UserDeployRelation extends BaseEntity { |
||||
|
||||
private static final long serialVersionUID=1L; |
||||
|
||||
/** |
||||
* id |
||||
*/ |
||||
private String id; |
||||
/** |
||||
* 手机号码 |
||||
*/ |
||||
private String cellphone; |
||||
/** |
||||
* 流程id |
||||
*/ |
||||
private String deployId; |
||||
/** |
||||
* 流程编号 |
||||
*/ |
||||
private String procInsId; |
||||
/** |
||||
* 备注 |
||||
*/ |
||||
private String remark; |
||||
|
||||
} |
||||
@ -0,0 +1,55 @@
|
||||
package com.ruoyi.workflow.domain.bo; |
||||
|
||||
import com.ruoyi.common.core.validate.AddGroup; |
||||
import com.ruoyi.common.core.validate.EditGroup; |
||||
import lombok.Data; |
||||
import lombok.EqualsAndHashCode; |
||||
import javax.validation.constraints.*; |
||||
|
||||
import java.util.Date; |
||||
|
||||
import com.ruoyi.common.core.domain.BaseEntity; |
||||
|
||||
/** |
||||
* 用户流程关联业务对象 user_deploy_relation |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
|
||||
@Data |
||||
@EqualsAndHashCode(callSuper = true) |
||||
public class UserDeployRelationBo extends BaseEntity { |
||||
|
||||
/** |
||||
* id |
||||
*/ |
||||
@NotBlank(message = "id不能为空", groups = { AddGroup.class, EditGroup.class }) |
||||
private String id; |
||||
|
||||
/** |
||||
* 手机号码 |
||||
*/ |
||||
@NotBlank(message = "手机号码不能为空", groups = { AddGroup.class, EditGroup.class }) |
||||
private String cellphone; |
||||
|
||||
/** |
||||
* 流程id |
||||
*/ |
||||
@NotBlank(message = "流程id不能为空", groups = { AddGroup.class, EditGroup.class }) |
||||
private String deployId; |
||||
|
||||
/** |
||||
* 流程编号 |
||||
*/ |
||||
@NotBlank(message = "流程编号不能为空", groups = { AddGroup.class, EditGroup.class }) |
||||
private String procInsId; |
||||
|
||||
/** |
||||
* 备注 |
||||
*/ |
||||
@NotBlank(message = "备注不能为空", groups = { AddGroup.class, EditGroup.class }) |
||||
private String remark; |
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,55 @@
|
||||
package com.ruoyi.workflow.domain.vo; |
||||
|
||||
import com.alibaba.excel.annotation.ExcelIgnoreUnannotated; |
||||
import com.alibaba.excel.annotation.ExcelProperty; |
||||
import com.ruoyi.common.annotation.ExcelDictFormat; |
||||
import com.ruoyi.common.convert.ExcelDictConvert; |
||||
import lombok.Data; |
||||
import java.util.Date; |
||||
|
||||
|
||||
|
||||
/** |
||||
* 用户流程关联视图对象 user_deploy_relation |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
@Data |
||||
@ExcelIgnoreUnannotated |
||||
public class UserDeployRelationVo { |
||||
|
||||
private static final long serialVersionUID = 1L; |
||||
|
||||
/** |
||||
* id |
||||
*/ |
||||
@ExcelProperty(value = "id") |
||||
private String id; |
||||
|
||||
/** |
||||
* 手机号码 |
||||
*/ |
||||
@ExcelProperty(value = "手机号码") |
||||
private String cellphone; |
||||
|
||||
/** |
||||
* 流程id |
||||
*/ |
||||
@ExcelProperty(value = "流程id") |
||||
private String deployId; |
||||
|
||||
/** |
||||
* 流程编号 |
||||
*/ |
||||
@ExcelProperty(value = "流程编号") |
||||
private String procInsId; |
||||
|
||||
/** |
||||
* 备注 |
||||
*/ |
||||
@ExcelProperty(value = "备注") |
||||
private String remark; |
||||
|
||||
|
||||
} |
||||
@ -0,0 +1,15 @@
|
||||
package com.ruoyi.workflow.mapper; |
||||
|
||||
import com.ruoyi.common.core.mapper.BaseMapperPlus; |
||||
import com.ruoyi.workflow.domain.UserDeployRelation; |
||||
import com.ruoyi.workflow.domain.vo.UserDeployRelationVo; |
||||
|
||||
/** |
||||
* 用户流程关联Mapper接口 |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
public interface UserDeployRelationMapper extends BaseMapperPlus<UserDeployRelationMapper, UserDeployRelation, UserDeployRelationVo> { |
||||
|
||||
} |
||||
@ -0,0 +1,48 @@
|
||||
package com.ruoyi.workflow.service; |
||||
|
||||
import com.ruoyi.common.core.domain.PageQuery; |
||||
import com.ruoyi.common.core.page.TableDataInfo; |
||||
import com.ruoyi.workflow.domain.bo.UserDeployRelationBo; |
||||
import com.ruoyi.workflow.domain.vo.UserDeployRelationVo; |
||||
|
||||
import java.util.Collection; |
||||
import java.util.List; |
||||
|
||||
/** |
||||
* 用户流程关联Service接口 |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
public interface IUserDeployRelationService { |
||||
|
||||
/** |
||||
* 查询用户流程关联 |
||||
*/ |
||||
UserDeployRelationVo queryById(String id); |
||||
|
||||
/** |
||||
* 查询用户流程关联列表 |
||||
*/ |
||||
TableDataInfo<UserDeployRelationVo> queryPageList(UserDeployRelationBo bo, PageQuery pageQuery); |
||||
|
||||
/** |
||||
* 查询用户流程关联列表 |
||||
*/ |
||||
List<UserDeployRelationVo> queryList(UserDeployRelationBo bo); |
||||
|
||||
/** |
||||
* 新增用户流程关联 |
||||
*/ |
||||
Boolean insertByBo(UserDeployRelationBo bo); |
||||
|
||||
/** |
||||
* 修改用户流程关联 |
||||
*/ |
||||
Boolean updateByBo(UserDeployRelationBo bo); |
||||
|
||||
/** |
||||
* 校验并批量删除用户流程关联信息 |
||||
*/ |
||||
Boolean deleteWithValidByIds(Collection<String> ids, Boolean isValid); |
||||
} |
||||
@ -0,0 +1,110 @@
|
||||
package com.ruoyi.workflow.service.impl; |
||||
|
||||
import cn.hutool.core.bean.BeanUtil; |
||||
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper; |
||||
import com.baomidou.mybatisplus.extension.plugins.pagination.Page; |
||||
import com.ruoyi.common.utils.StringUtils; |
||||
import com.ruoyi.common.core.page.TableDataInfo; |
||||
import com.ruoyi.common.core.domain.PageQuery; |
||||
import com.baomidou.mybatisplus.core.toolkit.Wrappers; |
||||
import com.ruoyi.workflow.domain.UserDeployRelation; |
||||
import com.ruoyi.workflow.domain.bo.UserDeployRelationBo; |
||||
import com.ruoyi.workflow.domain.vo.UserDeployRelationVo; |
||||
import com.ruoyi.workflow.mapper.UserDeployRelationMapper; |
||||
import com.ruoyi.workflow.service.IUserDeployRelationService; |
||||
import lombok.RequiredArgsConstructor; |
||||
import org.springframework.stereotype.Service; |
||||
|
||||
import java.util.List; |
||||
import java.util.Map; |
||||
import java.util.Collection; |
||||
|
||||
/** |
||||
* 用户流程关联Service业务层处理 |
||||
* |
||||
* @author ruoyi |
||||
* @date 2024-04-25 |
||||
*/ |
||||
@RequiredArgsConstructor |
||||
@Service |
||||
public class UserDeployRelationServiceImpl implements IUserDeployRelationService { |
||||
|
||||
private final UserDeployRelationMapper baseMapper; |
||||
|
||||
/** |
||||
* 查询用户流程关联 |
||||
*/ |
||||
@Override |
||||
public UserDeployRelationVo queryById(String id){ |
||||
return baseMapper.selectVoById(id); |
||||
} |
||||
|
||||
/** |
||||
* 查询用户流程关联列表 |
||||
*/ |
||||
@Override |
||||
public TableDataInfo<UserDeployRelationVo> queryPageList(UserDeployRelationBo bo, PageQuery pageQuery) { |
||||
LambdaQueryWrapper<UserDeployRelation> lqw = buildQueryWrapper(bo); |
||||
Page<UserDeployRelationVo> result = baseMapper.selectVoPage(pageQuery.build(), lqw); |
||||
return TableDataInfo.build(result); |
||||
} |
||||
|
||||
/** |
||||
* 查询用户流程关联列表 |
||||
*/ |
||||
@Override |
||||
public List<UserDeployRelationVo> queryList(UserDeployRelationBo bo) { |
||||
LambdaQueryWrapper<UserDeployRelation> lqw = buildQueryWrapper(bo); |
||||
return baseMapper.selectVoList(lqw); |
||||
} |
||||
|
||||
private LambdaQueryWrapper<UserDeployRelation> buildQueryWrapper(UserDeployRelationBo bo) { |
||||
Map<String, Object> params = bo.getParams(); |
||||
LambdaQueryWrapper<UserDeployRelation> lqw = Wrappers.lambdaQuery(); |
||||
lqw.eq(StringUtils.isNotBlank(bo.getCellphone()), UserDeployRelation::getCellphone, bo.getCellphone()); |
||||
lqw.eq(StringUtils.isNotBlank(bo.getDeployId()), UserDeployRelation::getDeployId, bo.getDeployId()); |
||||
return lqw; |
||||
} |
||||
|
||||
/** |
||||
* 新增用户流程关联 |
||||
*/ |
||||
@Override |
||||
public Boolean insertByBo(UserDeployRelationBo bo) { |
||||
UserDeployRelation add = BeanUtil.toBean(bo, UserDeployRelation.class); |
||||
validEntityBeforeSave(add); |
||||
boolean flag = baseMapper.insert(add) > 0; |
||||
if (flag) { |
||||
bo.setId(add.getId()); |
||||
} |
||||
return flag; |
||||
} |
||||
|
||||
/** |
||||
* 修改用户流程关联 |
||||
*/ |
||||
@Override |
||||
public Boolean updateByBo(UserDeployRelationBo bo) { |
||||
UserDeployRelation update = BeanUtil.toBean(bo, UserDeployRelation.class); |
||||
validEntityBeforeSave(update); |
||||
return baseMapper.updateById(update) > 0; |
||||
} |
||||
|
||||
/** |
||||
* 保存前的数据校验 |
||||
*/ |
||||
private void validEntityBeforeSave(UserDeployRelation entity){ |
||||
//TODO 做一些数据校验,如唯一约束
|
||||
} |
||||
|
||||
/** |
||||
* 批量删除用户流程关联 |
||||
*/ |
||||
@Override |
||||
public Boolean deleteWithValidByIds(Collection<String> ids, Boolean isValid) { |
||||
if(isValid){ |
||||
//TODO 做一些业务上的校验,判断是否需要校验
|
||||
} |
||||
return baseMapper.deleteBatchIds(ids) > 0; |
||||
} |
||||
} |
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 29 KiB |
@ -0,0 +1,656 @@
|
||||
<template> |
||||
<div class="app-container"> |
||||
<el-tabs tab-position="top" :value="processed === true ? 'approval' : 'form'"> |
||||
|
||||
<el-tab-pane label="任务办理" name="approval" v-if="processed === true"> |
||||
<el-card class="box-card" shadow="hover" v-if="taskFormOpen"> |
||||
<div slot="header" class="clearfix"> |
||||
<span>填写表单</span> |
||||
</div> |
||||
<div class="cu-content"> |
||||
<v-form-render :form-json="taskFormData.formModel" :form-data="{}" ref="taskFormParser"></v-form-render> |
||||
</div> |
||||
</el-card> |
||||
<el-card class="box-card" shadow="hover"> |
||||
<div slot="header" class="clearfix"> |
||||
<span>审批流程</span> |
||||
</div> |
||||
<el-row> |
||||
<el-col :span="20" :offset="2"> |
||||
<el-form ref="taskForm" :model="taskForm" :rules="rules" label-width="120px"> |
||||
<el-form-item label="审批意见" prop="comment"> |
||||
<el-input type="textarea" :rows="5" v-model="taskForm.comment" placeholder="请输入 审批意见" /> |
||||
</el-form-item> |
||||
<el-form-item label="抄送人" prop="copyUserIds"> |
||||
<el-tag :key="index" v-for="(item, index) in copyUser" closable :disable-transitions="false" |
||||
@close="handleClose('copy', item)"> |
||||
{{ item.nickName }} |
||||
</el-tag> |
||||
<el-button class="button-new-tag" type="primary" icon="el-icon-plus" size="mini" circle |
||||
@click="onSelectCopyUsers" /> |
||||
</el-form-item> |
||||
<el-form-item label="指定审批人" prop="copyUserIds"> |
||||
<el-tag :key="index" v-for="(item, index) in nextUser" closable :disable-transitions="false" |
||||
@close="handleClose('next', item)"> |
||||
{{ item.nickName }} |
||||
</el-tag> |
||||
<el-button class="button-new-tag" type="primary" icon="el-icon-plus" size="mini" circle |
||||
@click="onSelectNextUsers" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row :gutter="10" type="flex" justify="center"> |
||||
<el-col :span="1.5"> |
||||
<el-button icon="el-icon-circle-check" type="success" @click="handleComplete">通过</el-button> |
||||
</el-col> |
||||
<el-col :span="1.5"> |
||||
<el-button icon="el-icon-chat-line-square" type="primary" @click="handleDelegate">委派</el-button> |
||||
</el-col> |
||||
<el-col :span="1.5"> |
||||
<el-button icon="el-icon-thumb" type="success" @click="handleTransfer">转办</el-button> |
||||
</el-col> |
||||
<el-col :span="1.5"> |
||||
<el-button icon="el-icon-refresh-left" type="warning" @click="handleReturn">退回</el-button> |
||||
</el-col> |
||||
<el-col :span="1.5"> |
||||
<el-button icon="el-icon-circle-close" type="danger" @click="handleReject">拒绝</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
</el-card> |
||||
</el-tab-pane> |
||||
|
||||
<el-tab-pane label="表单信息" name="form"> |
||||
<div v-if="formOpen"> |
||||
<el-card class="box-card" shadow="never" v-for="(formInfo, index) in processFormList" :key="index"> |
||||
<div slot="header" class="clearfix"> |
||||
<span>{{ formInfo.title }}</span> |
||||
</div> |
||||
<!--流程处理表单模块--> |
||||
<div class="cu-content"> |
||||
<v-form-render :form-json="formInfo.formModel" :form-data="formInfo.formData" |
||||
ref="vFormRef"></v-form-render> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</el-tab-pane> |
||||
|
||||
<el-tab-pane label="流转记录" name="record"> |
||||
<el-card class="box-card" shadow="never"> |
||||
<el-col :span="20" :offset="2"> |
||||
<div class="block"> |
||||
<el-timeline> |
||||
<el-timeline-item v-for="(item, index) in historyProcNodeList" :key="index" :icon="setIcon(item.endTime)" |
||||
:color="setColor(item.endTime)"> |
||||
<p style="font-weight: 700">{{ item.activityName }}</p> |
||||
<el-card v-if="item.activityType === 'startEvent'" class="box-card" shadow="hover"> |
||||
{{ item.assigneeName }} 在 {{ item.createTime }} 发起流程 |
||||
</el-card> |
||||
<el-card v-if="item.activityType === 'userTask'" class="box-card" shadow="hover"> |
||||
<el-descriptions :column="1" :labelStyle="{ 'font-weight': 'bold' }"> |
||||
<el-descriptions-item label="实际办理">{{ item.assigneeName || '-' }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
<el-descriptions :column="1" :labelStyle="{ 'font-weight': 'bold' }"> |
||||
<el-descriptions-item label="候选办理">{{ item.candidate || '-' }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
<el-descriptions :column="1" :labelStyle="{ 'font-weight': 'bold' }"> |
||||
<el-descriptions-item label="接收时间">{{ item.createTime || '-' }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
<el-descriptions :column="1" :labelStyle="{ 'font-weight': 'bold' }"> |
||||
<el-descriptions-item label="办结时间">{{ item.endTime || '-' }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
<el-descriptions :column="1" :labelStyle="{ 'font-weight': 'bold' }"> |
||||
<el-descriptions-item label="耗时">{{ item.duration || '-' }}</el-descriptions-item> |
||||
</el-descriptions> |
||||
<div v-if="item.commentList && item.commentList.length > 0"> |
||||
<div v-for="(comment, index) in item.commentList" :key="index"> |
||||
<el-divider content-position="left"> |
||||
<el-tag :type="approveTypeTag(comment.type)" size="mini">{{ commentType(comment.type) |
||||
}}</el-tag> |
||||
<el-tag type="info" effect="plain" size="mini">{{ comment.time }}</el-tag> |
||||
</el-divider> |
||||
<span>{{ comment.fullMessage }}</span> |
||||
</div> |
||||
</div> |
||||
</el-card> |
||||
<el-card v-if="item.activityType === 'endEvent'" class="box-card" shadow="hover"> |
||||
{{ item.createTime }} 结束流程 |
||||
</el-card> |
||||
</el-timeline-item> |
||||
</el-timeline> |
||||
</div> |
||||
</el-col> |
||||
</el-card> |
||||
</el-tab-pane> |
||||
|
||||
<!-- <el-tab-pane label="流程跟踪" name="track">--> |
||||
<!-- <el-card class="box-card" shadow="never">--> |
||||
<!-- <process-viewer :key="`designer-${loadIndex}`" :style="'height:' + height" :xml="xmlData"--> |
||||
<!-- :finishedInfo="finishedInfo" :allCommentList="historyProcNodeList" />--> |
||||
<!-- </el-card>--> |
||||
<!-- </el-tab-pane>--> |
||||
</el-tabs> |
||||
|
||||
<!--退回流程--> |
||||
<el-dialog :title="returnTitle" :visible.sync="returnOpen" width="40%" append-to-body> |
||||
<el-form ref="taskForm" :model="taskForm" label-width="80px"> |
||||
<el-form-item label="退回节点" prop="targetKey"> |
||||
<el-radio-group v-model="taskForm.targetKey"> |
||||
<el-radio-button v-for="item in returnTaskList" :key="item.id" |
||||
:label="item.id">{{ item.name }}</el-radio-button> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-form> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="returnOpen = false">取 消</el-button> |
||||
<el-button type="primary" @click="submitReturn">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
|
||||
<el-dialog :title="userData.title" :visible.sync="userData.open" width="60%" append-to-body> |
||||
<el-row type="flex" :gutter="20"> |
||||
<!--部门数据--> |
||||
<el-col :span="5"> |
||||
<el-card shadow="never" style="height: 100%"> |
||||
<div slot="header"> |
||||
<span>部门列表</span> |
||||
</div> |
||||
<div class="head-container"> |
||||
<el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" /> |
||||
<el-tree :data="deptOptions" :props="deptProps" :expand-on-click-node="false" |
||||
:filter-node-method="filterNode" ref="tree" default-expand-all @node-click="handleNodeClick" /> |
||||
</div> |
||||
</el-card> |
||||
</el-col> |
||||
<el-col :span="18"> |
||||
<el-table ref="userTable" :key="userData.type" height="500" v-loading="userLoading" :data="userList" |
||||
highlight-current-row @current-change="changeCurrentUser" @selection-change="handleSelectionChange"> |
||||
<el-table-column v-if="userData.type === 'copy' || userData.type === 'next'" width="55" type="selection" /> |
||||
<el-table-column v-else width="30"> |
||||
<template slot-scope="scope"> |
||||
<el-radio :label="scope.row.userId" v-model="currentUserId">{{ '' }}</el-radio> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="用户名" align="center" prop="nickName" /> |
||||
<el-table-column label="手机" align="center" prop="phonenumber" /> |
||||
<el-table-column label="部门" align="center" prop="dept.deptName" /> |
||||
</el-table> |
||||
<pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
||||
@pagination="getList" /> |
||||
</el-col> |
||||
</el-row> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button @click="userData.open = false">取 消</el-button> |
||||
<el-button type="primary" @click="submitUserData">确 定</el-button> |
||||
</span> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { detailProcess } from '@/api/workflow/process' |
||||
import { complete, delegate, transfer, rejectTask, returnList, returnTask } from '@/api/workflow/task' |
||||
import { selectUser, deptTreeSelect } from '@/api/system/user' |
||||
import ProcessViewer from '@/components/ProcessViewer' |
||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
||||
import Treeselect from '@riophae/vue-treeselect' |
||||
|
||||
export default { |
||||
name: "WorkDetail", |
||||
components: { |
||||
ProcessViewer, |
||||
Treeselect |
||||
}, |
||||
props: {}, |
||||
computed: { |
||||
commentType() { |
||||
return val => { |
||||
switch (val) { |
||||
case '1': return '通过' |
||||
case '2': return '退回' |
||||
case '3': return '驳回' |
||||
case '4': return '委派' |
||||
case '5': return '转办' |
||||
case '6': return '终止' |
||||
case '7': return '撤回' |
||||
} |
||||
} |
||||
}, |
||||
approveTypeTag() { |
||||
return val => { |
||||
switch (val) { |
||||
case '1': return 'success' |
||||
case '2': return 'warning' |
||||
case '3': return 'danger' |
||||
case '4': return 'primary' |
||||
case '5': return 'success' |
||||
case '6': return 'danger' |
||||
case '7': return 'info' |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
height: document.documentElement.clientHeight - 205 + 'px;', |
||||
// 模型xml数据 |
||||
loadIndex: 0, |
||||
xmlData: undefined, |
||||
finishedInfo: { |
||||
finishedSequenceFlowSet: [], |
||||
finishedTaskSet: [], |
||||
unfinishedTaskSet: [], |
||||
rejectedTaskSet: [] |
||||
}, |
||||
historyProcNodeList: [], |
||||
// 部门名称 |
||||
deptName: undefined, |
||||
// 部门树选项 |
||||
deptOptions: undefined, |
||||
userLoading: false, |
||||
// 用户表格数据 |
||||
userList: null, |
||||
deptProps: { |
||||
children: "children", |
||||
label: "label" |
||||
}, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
deptId: undefined |
||||
}, |
||||
total: 0, |
||||
// 遮罩层 |
||||
loading: true, |
||||
taskForm: { |
||||
comment: "", // 意见内容 |
||||
procInsId: "", // 流程实例编号 |
||||
taskId: "",// 流程任务编号 |
||||
copyUserIds: "", // 抄送人Id |
||||
vars: "", |
||||
targetKey: "" |
||||
}, |
||||
rules: { |
||||
comment: [{ required: true, message: '请输入审批意见', trigger: 'blur' }], |
||||
}, |
||||
currentUserId: null, |
||||
variables: [], // 流程变量数据 |
||||
taskFormOpen: false, |
||||
taskFormData: {}, // 流程变量数据 |
||||
processFormList: [], // 流程变量数据 |
||||
formOpen: false, // 是否加载流程变量数据 |
||||
returnTaskList: [], // 回退列表数据 |
||||
processed: false, |
||||
returnTitle: null, |
||||
returnOpen: false, |
||||
rejectOpen: false, |
||||
rejectTitle: null, |
||||
userData: { |
||||
title: '', |
||||
type: '', |
||||
open: false, |
||||
}, |
||||
copyUser: [], |
||||
nextUser: [], |
||||
userMultipleSelection: [], |
||||
userDialogTitle: '', |
||||
userOpen: false |
||||
}; |
||||
}, |
||||
created() { |
||||
this.initData(); |
||||
}, |
||||
methods: { |
||||
initData() { |
||||
this.taskForm.procInsId = this.$route.params && this.$route.params.procInsId; |
||||
this.taskForm.taskId = this.$route.query && this.$route.query.taskId; |
||||
this.processed = this.$route.query && eval(this.$route.query.processed || false); |
||||
// 流程任务重获取变量表单 |
||||
this.getProcessDetails(this.taskForm.procInsId, this.taskForm.taskId); |
||||
this.loadIndex = this.taskForm.procInsId; |
||||
}, |
||||
/** 查询部门下拉树结构 */ |
||||
getTreeSelect() { |
||||
deptTreeSelect().then(response => { |
||||
this.deptOptions = response.data; |
||||
}); |
||||
}, |
||||
/** 查询用户列表 */ |
||||
getList() { |
||||
this.userLoading = true; |
||||
selectUser(this.addDateRange(this.queryParams, this.dateRange)).then(response => { |
||||
this.userList = response.rows; |
||||
this.total = response.total; |
||||
this.toggleSelection(this.userMultipleSelection); |
||||
this.userLoading = false; |
||||
}); |
||||
}, |
||||
// 筛选节点 |
||||
filterNode(value, data) { |
||||
if (!value) return true; |
||||
return data.label.indexOf(value) !== -1; |
||||
}, |
||||
// 节点单击事件 |
||||
handleNodeClick(data) { |
||||
this.queryParams.deptId = data.id; |
||||
this.getList(); |
||||
}, |
||||
setIcon(val) { |
||||
if (val) { |
||||
return "el-icon-check"; |
||||
} else { |
||||
return "el-icon-time"; |
||||
} |
||||
}, |
||||
setColor(val) { |
||||
if (val) { |
||||
return "#2bc418"; |
||||
} else { |
||||
return "#b3bdbb"; |
||||
} |
||||
}, |
||||
// 多选框选中数据 |
||||
handleSelectionChange(selection) { |
||||
this.userMultipleSelection = selection |
||||
}, |
||||
toggleSelection(selection) { |
||||
if (selection && selection.length > 0) { |
||||
this.$nextTick(() => { |
||||
selection.forEach(item => { |
||||
let row = this.userList.find(k => k.userId === item.userId); |
||||
this.$refs.userTable.toggleRowSelection(row); |
||||
}) |
||||
}) |
||||
} else { |
||||
this.$nextTick(() => { |
||||
this.$refs.userTable.clearSelection(); |
||||
}); |
||||
} |
||||
}, |
||||
// 关闭标签 |
||||
handleClose(type, tag) { |
||||
let userObj = this.userMultipleSelection.find(item => item.userId === tag.id); |
||||
this.userMultipleSelection.splice(this.userMultipleSelection.indexOf(userObj), 1); |
||||
if (type === 'copy') { |
||||
this.copyUser = this.userMultipleSelection; |
||||
// 设置抄送人ID |
||||
if (this.copyUser && this.copyUser.length > 0) { |
||||
const val = this.copyUser.map(item => item.id); |
||||
this.taskForm.copyUserIds = val instanceof Array ? val.join(',') : val; |
||||
} else { |
||||
this.taskForm.copyUserIds = ''; |
||||
} |
||||
} else if (type === 'next') { |
||||
this.nextUser = this.userMultipleSelection; |
||||
// 设置抄送人ID |
||||
if (this.nextUser && this.nextUser.length > 0) { |
||||
const val = this.nextUser.map(item => item.id); |
||||
this.taskForm.nextUserIds = val instanceof Array ? val.join(',') : val; |
||||
} else { |
||||
this.taskForm.nextUserIds = ''; |
||||
} |
||||
} |
||||
}, |
||||
/** 流程变量赋值 */ |
||||
handleCheckChange(val) { |
||||
if (val instanceof Array) { |
||||
this.taskForm.values = { |
||||
"approval": val.join(',') |
||||
} |
||||
} else { |
||||
this.taskForm.values = { |
||||
"approval": val |
||||
} |
||||
} |
||||
}, |
||||
getProcessDetails(procInsId, taskId) { |
||||
const params = { procInsId: procInsId, taskId: taskId } |
||||
detailProcess(params).then(res => { |
||||
const data = res.data; |
||||
this.xmlData = data.bpmnXml; |
||||
this.processFormList = data.processFormList; |
||||
this.taskFormOpen = data.existTaskForm; |
||||
if (this.taskFormOpen) { |
||||
this.taskFormData = data.taskFormData; |
||||
} |
||||
this.historyProcNodeList = data.historyProcNodeList; |
||||
this.finishedInfo = data.flowViewer; |
||||
this.formOpen = true |
||||
this.$nextTick(() => { |
||||
this.processFormList.forEach((item, index) => { |
||||
if (item.disabled) { |
||||
this.$refs.vFormRef[index].disableForm() |
||||
} |
||||
}) |
||||
}) |
||||
}) |
||||
}, |
||||
onSelectCopyUsers() { |
||||
this.userMultipleSelection = this.copyUser; |
||||
this.onSelectUsers('添加抄送人', 'copy') |
||||
}, |
||||
onSelectNextUsers() { |
||||
this.userMultipleSelection = this.nextUser; |
||||
this.onSelectUsers('指定审批人', 'next') |
||||
}, |
||||
onSelectUsers(title, type) { |
||||
this.userData.title = title; |
||||
this.userData.type = type; |
||||
this.getTreeSelect(); |
||||
this.getList() |
||||
this.userData.open = true; |
||||
}, |
||||
/** 通过任务 */ |
||||
handleComplete() { |
||||
// 校验表单 |
||||
const taskFormRef = this.$refs.taskFormParser; |
||||
const isExistTaskForm = taskFormRef !== undefined; |
||||
// 若无任务表单，则 taskFormPromise 为 true，即不需要校验 |
||||
const taskFormPromise = !isExistTaskForm ? true : new Promise(async (resolve, reject) => { |
||||
taskFormRef.validateForm(valid => { |
||||
valid ? resolve() : reject() |
||||
}) |
||||
}); |
||||
const approvalPromise = new Promise((resolve, reject) => { |
||||
this.$refs['taskForm'].validate(valid => { |
||||
valid ? resolve() : reject() |
||||
}) |
||||
}); |
||||
Promise.all([taskFormPromise, approvalPromise]).then(async () => { |
||||
if (isExistTaskForm) { |
||||
this.taskForm.variables = await taskFormRef.getFormData(false) |
||||
} |
||||
complete(this.taskForm).then(response => { |
||||
this.$modal.msgSuccess(response.msg); |
||||
this.goBack(); |
||||
}); |
||||
}) |
||||
}, |
||||
/** 委派任务 */ |
||||
handleDelegate() { |
||||
this.$refs["taskForm"].validate(valid => { |
||||
if (valid) { |
||||
this.userData.type = 'delegate'; |
||||
this.userData.title = '委派任务' |
||||
this.userData.open = true; |
||||
this.getTreeSelect(); |
||||
} |
||||
}) |
||||
}, |
||||
/** 转办任务 */ |
||||
handleTransfer() { |
||||
this.$refs["taskForm"].validate(valid => { |
||||
if (valid) { |
||||
this.userData.type = 'transfer'; |
||||
this.userData.title = '转办任务'; |
||||
this.userData.open = true; |
||||
this.getTreeSelect(); |
||||
} |
||||
}) |
||||
}, |
||||
/** 拒绝任务 */ |
||||
handleReject() { |
||||
this.$refs["taskForm"].validate(valid => { |
||||
if (valid) { |
||||
const _this = this; |
||||
this.$modal.confirm('拒绝审批单流程会终止，是否继续？').then(function () { |
||||
return rejectTask(_this.taskForm); |
||||
}).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
this.goBack(); |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
changeCurrentUser(val) { |
||||
this.currentUserId = val.userId |
||||
}, |
||||
/** 返回页面 */ |
||||
goBack() { |
||||
// 关闭当前标签页并返回上个页面 |
||||
this.$tab.closePage(this.$route) |
||||
this.$router.back() |
||||
}, |
||||
/** 接收子组件传的值 */ |
||||
getData(data) { |
||||
if (data) { |
||||
const variables = []; |
||||
data.fields.forEach(item => { |
||||
let variableData = {}; |
||||
variableData.label = item.__config__.label |
||||
// 表单值为多个选项时 |
||||
if (item.__config__.defaultValue instanceof Array) { |
||||
const array = []; |
||||
item.__config__.defaultValue.forEach(val => { |
||||
array.push(val) |
||||
}) |
||||
variableData.val = array; |
||||
} else { |
||||
variableData.val = item.__config__.defaultValue |
||||
} |
||||
variables.push(variableData) |
||||
}) |
||||
this.variables = variables; |
||||
} |
||||
}, |
||||
submitUserData() { |
||||
let type = this.userData.type; |
||||
if (type === 'copy' || type === 'next') { |
||||
if (!this.userMultipleSelection || this.userMultipleSelection.length <= 0) { |
||||
this.$modal.msgError("请选择用户"); |
||||
return false; |
||||
} |
||||
let userIds = this.userMultipleSelection.map(k => k.userId); |
||||
if (type === 'copy') { |
||||
// 设置抄送人ID信息 |
||||
this.copyUser = this.userMultipleSelection; |
||||
this.taskForm.copyUserIds = userIds instanceof Array ? userIds.join(',') : userIds; |
||||
} else if (type === 'next') { |
||||
// 设置下一级审批人ID信息 |
||||
this.nextUser = this.userMultipleSelection; |
||||
this.taskForm.nextUserIds = userIds instanceof Array ? userIds.join(',') : userIds; |
||||
} |
||||
this.userData.open = false; |
||||
} else { |
||||
if (!this.taskForm.comment) { |
||||
this.$modal.msgError("请输入审批意见"); |
||||
return false; |
||||
} |
||||
if (!this.currentUserId) { |
||||
this.$modal.msgError("请选择用户"); |
||||
return false; |
||||
} |
||||
this.taskForm.userId = this.currentUserId; |
||||
if (type === 'delegate') { |
||||
delegate(this.taskForm).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
this.goBack(); |
||||
}); |
||||
} |
||||
if (type === 'transfer') { |
||||
transfer(this.taskForm).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
this.goBack(); |
||||
}); |
||||
} |
||||
} |
||||
|
||||
}, |
||||
/** 可退回任务列表 */ |
||||
handleReturn() { |
||||
this.$refs['taskForm'].validate(valid => { |
||||
if (valid) { |
||||
this.returnTitle = "退回流程"; |
||||
returnList(this.taskForm).then(res => { |
||||
this.returnTaskList = res.data; |
||||
this.taskForm.values = null; |
||||
this.returnOpen = true; |
||||
}) |
||||
} |
||||
}); |
||||
|
||||
}, |
||||
/** 提交退回任务 */ |
||||
submitReturn() { |
||||
this.$refs["taskForm"].validate(valid => { |
||||
if (valid) { |
||||
if (!this.taskForm.targetKey) { |
||||
this.$modal.msgError("请选择退回节点！"); |
||||
} |
||||
returnTask(this.taskForm).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
this.goBack() |
||||
}); |
||||
} |
||||
}); |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
<style lang="scss" scoped> |
||||
.clearfix:before, |
||||
.clearfix:after { |
||||
display: table; |
||||
content: ""; |
||||
} |
||||
|
||||
.clearfix:after { |
||||
clear: both |
||||
} |
||||
|
||||
.box-card { |
||||
width: 100%; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.el-tag+.el-tag { |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.el-row { |
||||
margin-bottom: 20px; |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
.el-col { |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.button-new-tag { |
||||
margin-left: 10px; |
||||
} |
||||
|
||||
.cu-submit { |
||||
margin-top: 15px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.cu-content { |
||||
width: 80%; |
||||
margin: 15px auto; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,231 @@
|
||||
<template> |
||||
<div class="app-container"> |
||||
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
||||
<el-form-item label="提交时间"> |
||||
<el-date-picker v-model="dateRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange" |
||||
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" |
||||
:default-time="['00:00:00', '23:59:59']"></el-date-picker> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
|
||||
<el-row :gutter="10" class="mb8"> |
||||
<!-- <el-col :span="1.5">--> |
||||
<!-- <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"--> |
||||
<!-- @click="handleDelete">删除</el-button>--> |
||||
<!-- </el-col>--> |
||||
<!-- <el-col :span="1.5">--> |
||||
<!-- <el-button type="warning" plain icon="el-icon-download" size="mini" v-hasPermi="['workflow:process:ownExport']"--> |
||||
<!-- @click="handleExport">导出</el-button>--> |
||||
<!-- </el-col>--> |
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
||||
</el-row> |
||||
|
||||
<el-table v-loading="loading" :data="ownProcessList" @selection-change="handleSelectionChange"> |
||||
<!-- <el-table-column type="selection" width="55" align="center" />--> |
||||
<!-- <el-table-column label="流程编号" align="center" prop="procInsId" :show-overflow-tooltip="true" />--> |
||||
<!-- <el-table-column label="流程名称" align="center" prop="procDefName" :show-overflow-tooltip="true" />--> |
||||
<!-- <el-table-column label="流程类别" align="center" prop="category" :formatter="categoryFormat" />--> |
||||
<!-- <el-table-column label="流程版本" align="center" width="80px">--> |
||||
<!-- <template slot-scope="scope">--> |
||||
<!-- <el-tag size="medium">v{{ scope.row.procDefVersion }}</el-tag>--> |
||||
<!-- </template>--> |
||||
<!-- </el-table-column>--> |
||||
<!-- <el-table-column label="当前节点" align="center" prop="taskName" />--> |
||||
<el-table-column label="提交时间" align="center" prop="createTime" width="180" /> |
||||
<el-table-column label="报修状态" align="center" width="100"> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.wf_process_status" :value="scope.row.processStatus" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="耗时" align="center" prop="duration" width="180" /> |
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="text" size="mini" icon="el-icon-tickets" @click="handleFlowRecord(scope.row)" |
||||
v-hasPermi="['workflow:process:query']">详情</el-button> |
||||
<!-- <el-button type="text" size="mini" icon="el-icon-delete" @click="handleDelete(scope.row)"--> |
||||
<!-- v-if="scope.row.finishTime" v-hasPermi="['workflow:process:remove']">删除</el-button>--> |
||||
<!-- <el-button type="text" size="mini" icon="el-icon-circle-close" @click="handleStop(scope.row)"--> |
||||
<!-- v-hasPermi="['workflow:process:cancel']">取消</el-button>--> |
||||
<!-- <el-button type="text" size="mini" icon="el-icon-refresh-right" v-hasPermi="['workflow:process:start']"--> |
||||
<!-- @click="handleAgain(scope.row)">重新发起</el-button>--> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
|
||||
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
||||
@pagination="getList" /> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { listOwnProcess, stopProcess, delProcess } from '@/api/workflow/process'; |
||||
import { listAllCategory } from '@/api/workflow/category'; |
||||
export default { |
||||
name: "Own", |
||||
dicts: ['wf_process_status'], |
||||
components: { |
||||
}, |
||||
data() { |
||||
return { |
||||
// 遮罩层 |
||||
loading: true, |
||||
processLoading: true, |
||||
// 选中数组 |
||||
ids: [], |
||||
// 非单个禁用 |
||||
single: true, |
||||
// 非多个禁用 |
||||
multiple: true, |
||||
// 显示搜索条件 |
||||
showSearch: true, |
||||
// 总条数 |
||||
total: 0, |
||||
categoryOptions: [], |
||||
processTotal: 0, |
||||
// 我发起的流程列表数据 |
||||
ownProcessList: [], |
||||
// 弹出层标题 |
||||
title: "", |
||||
// 是否显示弹出层 |
||||
open: false, |
||||
src: "", |
||||
definitionList: [], |
||||
// 日期范围 |
||||
dateRange: [], |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
processKey: undefined, |
||||
processName: undefined, |
||||
category: undefined, |
||||
cellphone: undefined |
||||
}, |
||||
// 表单参数 |
||||
form: {}, |
||||
// 表单校验 |
||||
rules: { |
||||
}, |
||||
}; |
||||
}, |
||||
created() { |
||||
this.getCategoryList(); |
||||
}, |
||||
beforeRouteEnter(to, from, next) { |
||||
next(vm => { |
||||
vm.getList() |
||||
}) |
||||
}, |
||||
methods: { |
||||
/** 查询流程分类列表 */ |
||||
getCategoryList() { |
||||
listAllCategory().then(response => this.categoryOptions = response.data) |
||||
}, |
||||
/** 查询流程定义列表 */ |
||||
getList() { |
||||
this.loading = true; |
||||
this.queryParams.cellphone = this.$route.query && this.$route.query.cellphone; |
||||
listOwnProcess(this.addDateRange(this.queryParams, this.dateRange)).then(response => { |
||||
this.ownProcessList = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}); |
||||
}, |
||||
// 取消按钮 |
||||
cancel() { |
||||
this.open = false; |
||||
this.reset(); |
||||
}, |
||||
// 表单重置 |
||||
reset() { |
||||
this.form = { |
||||
id: null, |
||||
name: null, |
||||
category: null, |
||||
key: null, |
||||
tenantId: null, |
||||
deployTime: null, |
||||
derivedFrom: null, |
||||
derivedFromRoot: null, |
||||
parentDeploymentId: null, |
||||
engineVersion: null |
||||
}; |
||||
this.resetForm("form"); |
||||
}, |
||||
/** 搜索按钮操作 */ |
||||
handleQuery() { |
||||
this.queryParams.pageNum = 1; |
||||
this.getList(); |
||||
}, |
||||
/** 重置按钮操作 */ |
||||
resetQuery() { |
||||
this.dateRange = []; |
||||
this.resetForm("queryForm"); |
||||
this.handleQuery(); |
||||
}, |
||||
// 多选框选中数据 |
||||
handleSelectionChange(selection) { |
||||
this.ids = selection.map(item => item.procInsId); |
||||
this.single = selection.length !== 1; |
||||
this.multiple = !selection.length; |
||||
}, |
||||
handleAgain(row) { |
||||
this.$router.push({ |
||||
path: '/workflow/process/start/' + row.deployId, |
||||
query: { |
||||
definitionId: row.procDefId, |
||||
procInsId: row.procInsId |
||||
} |
||||
}) |
||||
console.log(row); |
||||
}, |
||||
/** 取消流程申请 */ |
||||
handleStop(row) { |
||||
const params = { |
||||
procInsId: row.procInsId |
||||
} |
||||
stopProcess(params).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
this.getList(); |
||||
}); |
||||
}, |
||||
/** 流程流转记录 */ |
||||
handleFlowRecord(row) { |
||||
this.$router.push({ |
||||
path: '/bx/detail/' + row.procInsId, |
||||
query: { |
||||
processed: false |
||||
} |
||||
}) |
||||
}, |
||||
/** 删除按钮操作 */ |
||||
handleDelete(row) { |
||||
const ids = row.procInsId || this.ids; |
||||
this.$confirm('是否确认删除流程定义编号为"' + ids + '"的数据项?', "警告", { |
||||
confirmButtonText: "确定", |
||||
cancelButtonText: "取消", |
||||
type: "warning" |
||||
}).then(function () { |
||||
return delProcess(ids); |
||||
}).then(() => { |
||||
this.getList(); |
||||
this.$modal.msgSuccess("删除成功"); |
||||
}) |
||||
}, |
||||
/** 导出按钮操作 */ |
||||
handleExport() { |
||||
this.download('workflow/process/ownExport', { |
||||
...this.queryParams |
||||
}, `wf_own_process_${new Date().getTime()}.xlsx`) |
||||
}, |
||||
categoryFormat(row, column) { |
||||
return this.categoryOptions.find(k => k.code === row.category)?.categoryName ?? ''; |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
@ -0,0 +1,91 @@
|
||||
<template> |
||||
<div class="app-container"> |
||||
<el-card class="box-card"> |
||||
<div slot="header" class="clearfix"> |
||||
<span>填写报修单</span> |
||||
</div> |
||||
<div class="form-conf" v-if="formOpen"> |
||||
<v-form-render :form-json="formModel" :form-data="formData" ref="vFormRef"></v-form-render> |
||||
<div class="cu-submit"> |
||||
<el-button type="primary" @click="submit">提交</el-button> |
||||
<el-button @click="reset">重置</el-button> |
||||
</div> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getProcessForm, startProcess } from '@/api/workflow/process' |
||||
|
||||
export default { |
||||
name: 'WorkStart', |
||||
data() { |
||||
return { |
||||
definitionId: null, |
||||
deployId: null, |
||||
procInsId: null, |
||||
formOpen: false, |
||||
formModel: {}, |
||||
formData: {}, |
||||
cellphone: null |
||||
} |
||||
}, |
||||
created() { |
||||
this.initData(); |
||||
}, |
||||
methods: { |
||||
initData() { |
||||
this.deployId = this.$route.params && this.$route.params.deployId; |
||||
this.definitionId = this.$route.query && this.$route.query.definitionId; |
||||
this.procInsId = this.$route.query && this.$route.query.procInsId; |
||||
this.cellphone = this.$route.query && this.$route.query.cellphone; |
||||
getProcessForm({ |
||||
definitionId: this.definitionId, |
||||
deployId: this.deployId, |
||||
procInsId: this.procInsId |
||||
}).then(response => { |
||||
const data = response.data; |
||||
this.formModel = data.formModel; |
||||
this.formData = data.formData || {}; |
||||
this.formOpen = true |
||||
this.$nextTick(() => { |
||||
this.$refs.vFormRef.setFormJson(this.formModel || { formConfig: {}, widgetList: [] }) |
||||
}) |
||||
}) |
||||
}, |
||||
submit() { |
||||
this.$refs.vFormRef.getFormData().then(formData => { |
||||
if (this.definitionId) { |
||||
// 启动流程并将表单数据加入流程变量 |
||||
startProcess(this.definitionId, this.cellphone, JSON.stringify(formData)).then(res => { |
||||
this.$modal.msgSuccess(res.msg); |
||||
window.history.go(-1); |
||||
// this.$tab.closeOpenPage({ |
||||
// path: '/work/own' |
||||
// }) |
||||
}) |
||||
} |
||||
}).catch(err => { |
||||
this.$modal.msgError(err); |
||||
}) |
||||
}, |
||||
reset() { |
||||
this.$refs.vFormRef.resetForm() |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.form-conf { |
||||
margin: 15px auto; |
||||
width: 80%; |
||||
/*padding: 15px;*/ |
||||
} |
||||
|
||||
.cu-submit { |
||||
margin-top: 15px; |
||||
text-align: center; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue