|
|
|
|
<template>
|
|
|
|
|
<div class="search" style="height: 100%;">
|
|
|
|
|
|
|
|
|
|
<a-card>
|
|
|
|
|
<div class="table-page-search-wrapper">
|
|
|
|
|
<a-form layout="inline" @keyup.enter.native="handleSearch">
|
|
|
|
|
<a-row :gutter="24">
|
|
|
|
|
<a-col :xl="5" :md="6" :sm="8">
|
|
|
|
|
<a-form-item label="任务名称" prop="name">
|
|
|
|
|
<a-input
|
|
|
|
|
type="text" allowClear
|
|
|
|
|
v-model="searchForm.name"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<!-- <a-col :xl="5" :md="6" :sm="8">-->
|
|
|
|
|
<!-- <a-form-item label="委托人" prop="assignee">-->
|
|
|
|
|
<!-- <a-input-->
|
|
|
|
|
<!-- type="text" allowClear-->
|
|
|
|
|
<!-- v-model="searchForm.assignee"-->
|
|
|
|
|
<!-- placeholder="请输入"-->
|
|
|
|
|
<!-- />-->
|
|
|
|
|
<!-- </a-form-item>-->
|
|
|
|
|
<!-- </a-col>-->
|
|
|
|
|
<a-col :xl="5" :md="6" :sm="8">
|
|
|
|
|
<a-form-item label="流程发起人" prop="applyer">
|
|
|
|
|
<a-input
|
|
|
|
|
type="text" allowClear
|
|
|
|
|
v-model="searchForm.applyer"
|
|
|
|
|
placeholder="请输入"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :xl="5" :md="6" :sm="10">
|
|
|
|
|
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
|
|
<a-range-picker
|
|
|
|
|
style="width: 210px"
|
|
|
|
|
v-model="searchForm.createTimeRange"
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
:placeholder="['开始时间', '结束时间']"
|
|
|
|
|
@change="onDateChange"
|
|
|
|
|
@ok="onDateOk"
|
|
|
|
|
/>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
|
|
<a-col :xl="4" :md="6" :sm="12">
|
|
|
|
|
<a-button type="primary" style="left: 10px" @click="handleSearch" icon="search">查询</a-button>
|
|
|
|
|
<a-button type="primary" @click="handleReset" icon="reload"
|
|
|
|
|
style="margin-left: 8px;left: 10px">重置</a-button>
|
|
|
|
|
</a-col>
|
|
|
|
|
</span>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
<!--<a-row class="operation">
|
|
|
|
|
<a-button @click="passAll" icon="md-checkmark-circle-outline">批量通过</a-button>
|
|
|
|
|
<a-button @click="backAll" icon="md-close">批量驳回</a-button>
|
|
|
|
|
<a-button @click="getDataList" icon="md-refresh">刷新</a-button>
|
|
|
|
|
</a-row>-->
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-table :scroll="scroll" bordered
|
|
|
|
|
:loading="loading" rowKey="id"
|
|
|
|
|
:dataSource="data"
|
|
|
|
|
:pagination="ipagination" @change="handleTableChange"
|
|
|
|
|
ref="table"
|
|
|
|
|
>
|
|
|
|
|
<a-table-column title="#" :width="50">
|
|
|
|
|
<template slot-scope="t,r,i">
|
|
|
|
|
<span> {{i+1}} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="任务名称" dataIndex="name" :width="150" align="center">
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span> {{t}} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="所属流程" dataIndex="processName" :width="150" align="center">
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span> {{t}} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="委托人" dataIndex="owner" align="center" :width="150">
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span> {{t}} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="流程发起人" dataIndex="applyer" :width="150" align="center">
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span> {{t}} </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="优先级" dataIndex="priority" :width="110" align="center"
|
|
|
|
|
key="so" :sorter="(a,b)=>a.priority - b.priority"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span v-if="t==0" style="color: green;"> 普通 </span>
|
|
|
|
|
<span v-else-if="t==1" style="color: orange;"> 重要 </span>
|
|
|
|
|
<span v-else-if="t==2" style="color: red;"> 紧急 </span>
|
|
|
|
|
<span v-else style="color: #999;"> 无 </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="状态" dataIndex="isSuspended" :width="100" align="center"
|
|
|
|
|
key="z" :sorter="(a,b)=>Boolean(a.isSuspended)?0:1 - Boolean(b.isSuspended)?0:1"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span v-if="!Boolean(t)" style="color: green;"> 已激活 </span>
|
|
|
|
|
<span v-if="Boolean(t)" style="color: orange;"> 已挂起 </span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="创建时间" dataIndex="createTime" :width="200" align="center">
|
|
|
|
|
<template slot-scope="t">
|
|
|
|
|
<span>{{t}}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
<a-table-column title="操作" dataIndex="" align="center">
|
|
|
|
|
<template slot-scope="t,r,i">
|
|
|
|
|
<span v-if="!Boolean(r.isSuspended)">
|
|
|
|
|
<a href="javascript:void(0);" @click="detail(r)" style="color: blue">查看并处理</a>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span v-if="Boolean(r.isSuspended)" style="color: #999999;" title="流程已被挂起，无法操作！">
|
|
|
|
|
查看并处理
|
|
|
|
|
<a-divider type="vertical"/>
|
|
|
|
|
委托他人代办
|
|
|
|
|
</span>
|
|
|
|
|
<span v-else>
|
|
|
|
|
<a-divider type="vertical"/>
|
|
|
|
|
<!--<a href="javascript:void(0);" @click="passTask(r)" style="color: green">通过</a>
|
|
|
|
|
<a-divider type="vertical" />
|
|
|
|
|
<a href="javascript:void(0);" @click="backTask(r)" style="color: orange">驳回</a>
|
|
|
|
|
<a-divider type="vertical" />-->
|
|
|
|
|
<a href="javascript:void(0);" @click="delegateTask(r)" style="color: #00A0E9">委托他人代办</a>
|
|
|
|
|
<!--<a-divider type="vertical" />-->
|
|
|
|
|
</span>
|
|
|
|
|
<!--<a href="javascript:void(0);" @click="history(r)" style="color: #217dbb">历史</a>-->
|
|
|
|
|
</template>
|
|
|
|
|
</a-table-column>
|
|
|
|
|
</a-table>
|
|
|
|
|
</a-row>
|
|
|
|
|
</a-card>
|
|
|
|
|
<!---->
|
|
|
|
|
<a-modal title="审批历史" v-model="modalLsVisible" :mask-closable="false" :width="'80%'" :footer="null">
|
|
|
|
|
<div v-if="modalLsVisible">
|
|
|
|
|
<component :is="historicDetail" :procInstId="procInstId"></component>
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!--流程表单-->
|
|
|
|
|
<a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%"
|
|
|
|
|
height="93%">
|
|
|
|
|
<component :disabled="lcModa.disabled" v-if="lcModa.visible" :is="lcModa.formComponent"
|
|
|
|
|
:processData="lcModa.processData" :isNew="lcModa.isNew" :isPlanType="lcModa.isPlanType"
|
|
|
|
|
:isSourceCapital="lcModa.isSourceCapital"
|
|
|
|
|
:task="true" :hieg="lcModa.hieg"
|
|
|
|
|
:routePlanName="lcModa.routePlanName"
|
|
|
|
|
@afterSubmit="afterSub"
|
|
|
|
|
@passTask="()=>passTask(lcModa.processData)"
|
|
|
|
|
@backTask="()=>backTask(lcModa.processData)" :procInstId="lcModa.procInstId"
|
|
|
|
|
:pictureId="lcModa.pictureId"
|
|
|
|
|
@close="lcModa.visible=false,lcModa.disabled = false"></component>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<!-- 审批操作 -->
|
|
|
|
|
<a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" width="60%" style="top: 120px">
|
|
|
|
|
|
|
|
|
|
<div v-if="modalTaskVisible">
|
|
|
|
|
<a-form ref="form" :model="form" :label-width="85" :rules="formValidate">
|
|
|
|
|
<a-form-item label="审批意见" prop="reason">
|
|
|
|
|
<j-editor v-model="form.comment"></j-editor>
|
|
|
|
|
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="下一审批人" prop="assignees" v-show="false" :error="error">
|
|
|
|
|
<a-select
|
|
|
|
|
v-model="form.assignees"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
allowClear
|
|
|
|
|
mode="multiple"
|
|
|
|
|
:loading="userLoading"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">{{item.realname}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="下一审批人" v-show="isGateway">
|
|
|
|
|
<span>分支网关处暂不支持自定义选择下一审批人，将发送给下一节点所有人</span>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<div v-show="form.type==1">
|
|
|
|
|
<a-form-item label="驳回至">
|
|
|
|
|
<a-select
|
|
|
|
|
v-model="form.backTaskKey"
|
|
|
|
|
:loading="backLoading"
|
|
|
|
|
@change="changeBackTask"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="(item, i) in backList" :key="i" :value="item.key">{{item.name}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="指定原节点审批人" prop="assignees" v-show="form.backTaskKey!=-1" :error="error">
|
|
|
|
|
<a-select
|
|
|
|
|
v-model="form.assignees"
|
|
|
|
|
placeholder="请选择"
|
|
|
|
|
allowClear
|
|
|
|
|
mode="multiple"
|
|
|
|
|
:loading="userLoading"
|
|
|
|
|
>
|
|
|
|
|
<a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">{{item.realname}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
<a-form-item label="选择委托人" prop="userId" :error="error" v-show="form.type==2">
|
|
|
|
|
<JSelectUserByDep v-model="form.userId" :multi="false"></JSelectUserByDep>
|
|
|
|
|
</a-form-item>
|
|
|
|
|
<a-form-item label="消息通知">
|
|
|
|
|
<a-checkbox v-model="form.sendMessage">站内消息通知</a-checkbox>
|
|
|
|
|
<!-- <a-checkbox v-model="form.sendSms" disabled>短信通知</a-checkbox>
|
|
|
|
|
<a-checkbox v-model="form.sendEmail" disabled>邮件通知</a-checkbox>-->
|
|
|
|
|
</a-form-item>
|
|
|
|
|
</a-form>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="footer">
|
|
|
|
|
<a-button type="text" @click="modalTaskVisible=false">取消</a-button>
|
|
|
|
|
<a-button type="primary" :loading="submitLoading" @click="handelSubmit">提交</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
|
|
import { activitiMixin } from '@/views/activiti/mixins/activitiMixin'
|
|
|
|
|
import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: 'todoManage',
|
|
|
|
|
mixins: [activitiMixin, JeecgListMixin],
|
|
|
|
|
components: { JSelectUserByDep },
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
openSearch: true,
|
|
|
|
|
openTip: true,
|
|
|
|
|
loading: true, // 表单加载状态
|
|
|
|
|
modalTaskVisible: false,
|
|
|
|
|
userLoading: false,
|
|
|
|
|
backLoading: false,
|
|
|
|
|
selectCount: 0, // 多选计数
|
|
|
|
|
selectList: [], // 多选数据
|
|
|
|
|
assigneeList: [],
|
|
|
|
|
backList: [
|
|
|
|
|
{
|
|
|
|
|
key: '-1',
|
|
|
|
|
name: '发起人'
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
error: '',
|
|
|
|
|
showAssign: false,
|
|
|
|
|
searchForm: {
|
|
|
|
|
// 搜索框对应data对象
|
|
|
|
|
name: '',
|
|
|
|
|
Id: '',
|
|
|
|
|
applyer: '',
|
|
|
|
|
createTime_begin: '',
|
|
|
|
|
createTime_end: '',
|
|
|
|
|
assignee: ''
|
|
|
|
|
},
|
|
|
|
|
modalTaskTitle: '',
|
|
|
|
|
modalTitle: '', // 添加或编辑标题
|
|
|
|
|
form: {
|
|
|
|
|
id: '',
|
|
|
|
|
userId: '',
|
|
|
|
|
procInstId: '',
|
|
|
|
|
comment: '',
|
|
|
|
|
type: 0,
|
|
|
|
|
assignees: [],
|
|
|
|
|
backTaskKey: '-1',
|
|
|
|
|
sendMessage: true,
|
|
|
|
|
sendSms: false,
|
|
|
|
|
sendEmail: false
|
|
|
|
|
},
|
|
|
|
|
formValidate: {
|
|
|
|
|
// 表单验证规则
|
|
|
|
|
},
|
|
|
|
|
submitLoading: false, // 添加或编辑提交状态
|
|
|
|
|
data: [], // 表单数据
|
|
|
|
|
total: 0, // 表单数据总数
|
|
|
|
|
dictPriority: [],
|
|
|
|
|
isGateway: false,
|
|
|
|
|
lcModa: {
|
|
|
|
|
title: '',
|
|
|
|
|
disabled: false,
|
|
|
|
|
visible: false,
|
|
|
|
|
formComponent: null,
|
|
|
|
|
isNew: false,
|
|
|
|
|
hieg: true,
|
|
|
|
|
isSourceCapital: false,
|
|
|
|
|
isPlanType: false,
|
|
|
|
|
routePlanName:''
|
|
|
|
|
},
|
|
|
|
|
tableName: '',
|
|
|
|
|
tableId: '',
|
|
|
|
|
url: {
|
|
|
|
|
todoList: '/actTask/todoList',
|
|
|
|
|
pass: '/actTask/pass',
|
|
|
|
|
back: '/actTask/back',
|
|
|
|
|
backToTask: '/actTask/backToTask',
|
|
|
|
|
delegate: '/actTask/delegate',
|
|
|
|
|
getNextNode: '/activiti_process/getNextNode',
|
|
|
|
|
getNode: '/activiti_process/getNode/',
|
|
|
|
|
getBackList: '/actTask/getBackList/',
|
|
|
|
|
passAll: '/actTask/passAll/',
|
|
|
|
|
backAll: '/actTask/backAll/'
|
|
|
|
|
},
|
|
|
|
|
/*历史*/
|
|
|
|
|
modalLsVisible: false,
|
|
|
|
|
procInstId: '',
|
|
|
|
|
|
|
|
|
|
labelCol: {
|
|
|
|
|
xs: { span: 1 },
|
|
|
|
|
sm: { span: 2 }
|
|
|
|
|
},
|
|
|
|
|
wrapperCol: {
|
|
|
|
|
xs: { span: 10 },
|
|
|
|
|
sm: { span: 16 }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
console.log(this.searchForm)
|
|
|
|
|
console.log(this.$route.params.id)
|
|
|
|
|
if (this.$route.params.Id !== null) {
|
|
|
|
|
this.searchForm.Id = this.$route.params.id
|
|
|
|
|
}
|
|
|
|
|
this.init()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
onDateChange: function(value, dateString) {
|
|
|
|
|
console.log(dateString[0], dateString[1])
|
|
|
|
|
this.searchForm.createTime_begin = dateString[0]
|
|
|
|
|
this.searchForm.createTime_end = dateString[1]
|
|
|
|
|
},
|
|
|
|
|
onDateOk(value) {
|
|
|
|
|
console.log(value)
|
|
|
|
|
},
|
|
|
|
|
init() {
|
|
|
|
|
this.getDataList()
|
|
|
|
|
},
|
|
|
|
|
loadData() {
|
|
|
|
|
},
|
|
|
|
|
getDataList() {
|
|
|
|
|
this.loading = true
|
|
|
|
|
console.log('this.searchForm')
|
|
|
|
|
console.log(this.searchForm)
|
|
|
|
|
this.getAction(this.url.todoList, this.searchForm).then(res => {
|
|
|
|
|
this.loading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
console.log(res)
|
|
|
|
|
this.data = res.result || []
|
|
|
|
|
this.total = this.data.leading
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
handleTableChange(pagination, filters, sorter) {
|
|
|
|
|
//分页、排序、筛选变化时触发
|
|
|
|
|
if (Object.keys(sorter).length > 0) {
|
|
|
|
|
this.isorter.column = sorter.field
|
|
|
|
|
this.isorter.order = 'ascend' == sorter.order ? 'asc' : 'desc'
|
|
|
|
|
}
|
|
|
|
|
this.ipagination = pagination
|
|
|
|
|
// this.loadData();
|
|
|
|
|
},
|
|
|
|
|
handleSearch() {
|
|
|
|
|
this.getDataList()
|
|
|
|
|
},
|
|
|
|
|
handleReset() {
|
|
|
|
|
this.searchForm = {}
|
|
|
|
|
// 重新加载数据
|
|
|
|
|
this.getDataList()
|
|
|
|
|
},
|
|
|
|
|
showSelect(e) {
|
|
|
|
|
this.selectList = e
|
|
|
|
|
this.selectCount = e.length
|
|
|
|
|
},
|
|
|
|
|
clearSelectAll() {
|
|
|
|
|
this.$refs.table.selectAll(false)
|
|
|
|
|
},
|
|
|
|
|
/*审批提交的方法*/
|
|
|
|
|
handelSubmit() {
|
|
|
|
|
if (this.form.comment == '') {
|
|
|
|
|
// console.log("zxzxzx++++++++",this.form.comment.toString().trim())
|
|
|
|
|
this.$message.error('请填写审批意见')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
console.log('提交')
|
|
|
|
|
this.submitLoading = true
|
|
|
|
|
var formData = Object.assign({}, this.form)
|
|
|
|
|
formData.assignees = formData.assignees.join(',')
|
|
|
|
|
if (formData.type == 0) {
|
|
|
|
|
// 通过
|
|
|
|
|
if (this.showAssign && formData.assignees.length < 1) {
|
|
|
|
|
this.$message.error('请至少选择一个审批人')
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
this.error = ''
|
|
|
|
|
}
|
|
|
|
|
this.postFormAction(this.url.pass, formData).then(res => {
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.lcModa.visible = false
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalTaskVisible = false
|
|
|
|
|
this.getDataList()
|
|
|
|
|
} else {
|
|
|
|
|
console.log(res)
|
|
|
|
|
this.$message.error(res.message)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else if (formData.type == 1) {
|
|
|
|
|
// 驳回
|
|
|
|
|
if (formData.backTaskKey == '-1') {
|
|
|
|
|
// 驳回至发起人
|
|
|
|
|
this.postFormAction(this.url.back, formData).then(res => {
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.lcModa.visible = false
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalTaskVisible = false
|
|
|
|
|
this.getDataList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
// 自定义驳回
|
|
|
|
|
if (formData.backTaskKey != '-1' && formData.assignees.length < 1) {
|
|
|
|
|
this.$message.error('请至少选择一个审批人')
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
this.error = ''
|
|
|
|
|
}
|
|
|
|
|
this.postFormAction(this.url.backToTask, formData).then(res => {
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.lcModa.visible = false
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalTaskVisible = false
|
|
|
|
|
this.getDataList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
} else if (formData.type == 2) {
|
|
|
|
|
// 委托
|
|
|
|
|
if (!formData.userId) {
|
|
|
|
|
this.$message.error('请选择一委托人')
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
this.error = ''
|
|
|
|
|
}
|
|
|
|
|
this.postFormAction(this.url.delegate, formData).then(res => {
|
|
|
|
|
this.submitLoading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalTaskVisible = false
|
|
|
|
|
this.getDataList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async detail(r) {
|
|
|
|
|
if (!r.routeName) {
|
|
|
|
|
this.$message.warning(
|
|
|
|
|
'该流程信息未配置表单，请联系开发人员！'
|
|
|
|
|
)
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.lcModa.disabled = true
|
|
|
|
|
this.tableName = r.tableName
|
|
|
|
|
this.tableId = r.tableId
|
|
|
|
|
//获取是不是第一个审核人和最后一个审核人（第一个审核人和最后一个审核人需要对表单进行操作）
|
|
|
|
|
if (r.processName === '预算计划采购流程') {
|
|
|
|
|
let userInfo = sessionStorage.getItem('USER_INFORMATION')
|
|
|
|
|
let res = JSON.parse(userInfo)
|
|
|
|
|
let param = {}
|
|
|
|
|
// param.id = r.procDefId
|
|
|
|
|
param.id = r.procInstId
|
|
|
|
|
param.tableName = r.tableName
|
|
|
|
|
param.tableId = r.tableId
|
|
|
|
|
param.username = res.username
|
|
|
|
|
// let res2 =await this.getAction('/hy/processMaterialsAllot/getOne', param)
|
|
|
|
|
// if (res2.success) {
|
|
|
|
|
// if (res2.result) {
|
|
|
|
|
// this.lcModa.isPlanType = true;
|
|
|
|
|
// this.lcModa.isSourceCapital = true;
|
|
|
|
|
// this.lcModa.disabled = false;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// let res1=await this.getAction('/hy/processMaterialsAllot/getLast', param)
|
|
|
|
|
// if (res1.success) {
|
|
|
|
|
// if (res1.result) {
|
|
|
|
|
// if (param.username==res1.result.username){
|
|
|
|
|
// this.lcModa.isPlanType = true;
|
|
|
|
|
// this.lcModa.isSourceCapital = true;
|
|
|
|
|
// this.lcModa.disabled = false;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//获取当前节点审批名称审批人username
|
|
|
|
|
let res3 = await this.getAction('/hy/processMaterialsAllot/getCurrent', param)
|
|
|
|
|
if (res3.success) {
|
|
|
|
|
if (res3.result) {
|
|
|
|
|
console.log(res.username, res3.result.relateId)
|
|
|
|
|
if (param.username == res3.result.relateId) {
|
|
|
|
|
if (res3.result.name == '生产供应站' || res3.result.name == '物装公司' || res3.result.name == '采购员') {
|
|
|
|
|
this.lcModa.isPlanType = true
|
|
|
|
|
this.lcModa.isSourceCapital = true
|
|
|
|
|
this.lcModa.disabled = false
|
|
|
|
|
this.lcModa.hieg = false
|
|
|
|
|
this.lcModa.routePlanName=res3.result.name
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (r.processName === '物资入库流程') {
|
|
|
|
|
let userInfo = sessionStorage.getItem('USER_INFORMATION')
|
|
|
|
|
let res = JSON.parse(userInfo)
|
|
|
|
|
let param = {}
|
|
|
|
|
param.id = r.procInstId
|
|
|
|
|
param.tableName = r.tableName
|
|
|
|
|
param.tableId = r.tableId
|
|
|
|
|
param.username = res.username
|
|
|
|
|
let res1 = await this.getAction('/hy/processMaterialsAllot/getCurrent', param)
|
|
|
|
|
if (res1.success) {
|
|
|
|
|
if (res1.result) {
|
|
|
|
|
if (param.username == res1.result.relateId) {
|
|
|
|
|
if (res1.result.name == '采购员') {
|
|
|
|
|
this.lcModa.isPlanType = true
|
|
|
|
|
this.lcModa.isSourceCapital = true
|
|
|
|
|
this.lcModa.disabled = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.lcModa.title = '查看流程业务信息：' + r.processName
|
|
|
|
|
this.lcModa.formComponent = this.getFormComponent(r.routeName).component
|
|
|
|
|
this.lcModa.processData = r
|
|
|
|
|
this.lcModa.isNew = false
|
|
|
|
|
this.lcModa.task = true
|
|
|
|
|
this.lcModa.procInstId = r.procInstId
|
|
|
|
|
this.lcModa.visible = true
|
|
|
|
|
},
|
|
|
|
|
passTask(v) {
|
|
|
|
|
console.log(v.procInstId, '33333333333333333')
|
|
|
|
|
this.modalTaskTitle = '审批通过'
|
|
|
|
|
this.form.id = v.id
|
|
|
|
|
this.form.procInstId = v.procInstId
|
|
|
|
|
this.form.priority = v.priority
|
|
|
|
|
this.form.type = 0
|
|
|
|
|
this.modalTaskVisible = true
|
|
|
|
|
this.userLoading = true
|
|
|
|
|
// this.getAction(this.url.getNextNode, { procDefId: v.procDefId, currActId: v.key ,procInstId:v.procInstId}).then(res => {
|
|
|
|
|
// this.userLoading = false
|
|
|
|
|
// if (res.success) {
|
|
|
|
|
// if (res.result.type == 4) {
|
|
|
|
|
// this.isGateway = true
|
|
|
|
|
// this.showAssign = false
|
|
|
|
|
// this.error = ''
|
|
|
|
|
// return
|
|
|
|
|
// }
|
|
|
|
|
// this.isGateway = false
|
|
|
|
|
// if (res.result.users && res.result.users.length > 0) {
|
|
|
|
|
// this.error = ''
|
|
|
|
|
// this.assigneeList = res.result.users
|
|
|
|
|
// console.log(this.assigneeList)
|
|
|
|
|
// // 默认勾选
|
|
|
|
|
// let ids = []
|
|
|
|
|
// res.result.users.forEach(e => {
|
|
|
|
|
// ids.push(e.username)
|
|
|
|
|
// })
|
|
|
|
|
// this.form.assignees = ids
|
|
|
|
|
// this.showAssign = true
|
|
|
|
|
// } else {
|
|
|
|
|
// this.form.assignees = []
|
|
|
|
|
// this.showAssign = false
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// })
|
|
|
|
|
},
|
|
|
|
|
changeBackTask(v) {
|
|
|
|
|
if (v == '-1') {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.userLoading = true
|
|
|
|
|
let param = {}
|
|
|
|
|
param.tableName = this.tableName
|
|
|
|
|
param.tableId = this.tableId
|
|
|
|
|
param.nodeId = v
|
|
|
|
|
this.getAction(this.url.getNode, param).then(res => {
|
|
|
|
|
this.userLoading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
if (res.result.users && res.result.users.length > 0) {
|
|
|
|
|
this.assigneeList = res.result.users
|
|
|
|
|
// 默认勾选
|
|
|
|
|
let ids = []
|
|
|
|
|
res.result.users.forEach(e => {
|
|
|
|
|
ids.push(e.username)
|
|
|
|
|
})
|
|
|
|
|
this.form.assignees = ids
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
backTask(v) {
|
|
|
|
|
this.modalTaskTitle = '审批驳回'
|
|
|
|
|
this.form.id = v.id
|
|
|
|
|
this.form.procInstId = v.procInstId
|
|
|
|
|
this.form.procDefId = v.procDefId
|
|
|
|
|
this.form.priority = v.priority
|
|
|
|
|
this.form.type = 1
|
|
|
|
|
this.showAssign = false
|
|
|
|
|
this.modalTaskVisible = true
|
|
|
|
|
// 获取可驳回节点
|
|
|
|
|
this.backList = [
|
|
|
|
|
{
|
|
|
|
|
key: '-1',
|
|
|
|
|
name: '发起人'
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
this.form.backTaskKey = '-1'
|
|
|
|
|
this.backLoading = true
|
|
|
|
|
this.getAction(this.url.getBackList + v.procInstId).then(res => {
|
|
|
|
|
this.backLoading = false
|
|
|
|
|
if (res.success) {
|
|
|
|
|
res.result.forEach(e => {
|
|
|
|
|
this.backList.push(e)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
delegateTask(v) {
|
|
|
|
|
this.modalTaskTitle = '委托他人代办'
|
|
|
|
|
this.form.id = v.id
|
|
|
|
|
this.form.procInstId = v.procInstId
|
|
|
|
|
this.form.type = 2
|
|
|
|
|
this.showAssign = false
|
|
|
|
|
this.modalTaskVisible = true
|
|
|
|
|
},
|
|
|
|
|
history(v) {
|
|
|
|
|
if (!v.procInstId) {
|
|
|
|
|
this.$message.error('流程实例ID不存在')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.procInstId = v.procInstId
|
|
|
|
|
this.modalLsVisible = true
|
|
|
|
|
},
|
|
|
|
|
passAll() {
|
|
|
|
|
if (this.selectCount <= 0) {
|
|
|
|
|
this.$message.warning('您还未选择要通过的数据')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
// 批量通过
|
|
|
|
|
this.modalVisible = true
|
|
|
|
|
this.$confirm({
|
|
|
|
|
title: '确认通过',
|
|
|
|
|
content:
|
|
|
|
|
'您确认要通过所选的 ' +
|
|
|
|
|
this.selectCount +
|
|
|
|
|
' 条数据? 注意：将默认分配给节点设定的所有可审批用户',
|
|
|
|
|
loading: true,
|
|
|
|
|
onOk: () => {
|
|
|
|
|
let ids = ''
|
|
|
|
|
this.selectList.forEach(function(e) {
|
|
|
|
|
ids += e.id + ','
|
|
|
|
|
})
|
|
|
|
|
ids = ids.substring(0, ids.length - 1)
|
|
|
|
|
this.postFormAction(this.url.passAll, { ids: ids }).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalVisible = false
|
|
|
|
|
this.clearSelectAll()
|
|
|
|
|
this.getDataList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
afterSub() {
|
|
|
|
|
this.$message.success('保存成功')
|
|
|
|
|
this.lcModa.visible = false
|
|
|
|
|
this.lcModa.disabled = false
|
|
|
|
|
},
|
|
|
|
|
backAll() {
|
|
|
|
|
if (this.selectCount <= 0) {
|
|
|
|
|
this.$message.warning('您还未选择要驳回的数据')
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
// 批量驳回
|
|
|
|
|
this.modalVisible = true
|
|
|
|
|
this.$confirm({
|
|
|
|
|
title: '确认驳回',
|
|
|
|
|
content:
|
|
|
|
|
'您确认要驳回所选的 ' +
|
|
|
|
|
this.selectCount +
|
|
|
|
|
' 条数据? 注意：所有流程将驳回至发起人',
|
|
|
|
|
loading: true,
|
|
|
|
|
onOk: () => {
|
|
|
|
|
let procInstIds = ''
|
|
|
|
|
this.selectList.forEach(function(e) {
|
|
|
|
|
procInstIds += e.procInstId + ','
|
|
|
|
|
})
|
|
|
|
|
procInstIds = procInstIds.substring(0, procInstIds.length - 1)
|
|
|
|
|
this.postFormAction(this.url.backAll, { procInstIds: procInstIds }).then(res => {
|
|
|
|
|
if (res.success) {
|
|
|
|
|
this.$message.success('操作成功')
|
|
|
|
|
this.modalVisible = false
|
|
|
|
|
this.clearSelectAll()
|
|
|
|
|
this.getDataList()
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped>
|
|
|
|
|
@import '~@assets/less/common.less';
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-modal {
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-modal-content {
|
|
|
|
|
height: 100%;
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-modal-body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
/*overflow-y: scroll;*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-modal {
|
|
|
|
|
top: 45px
|
|
|
|
|
}
|
|
|
|
|
</style>
|
