You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
751 lines
27 KiB
751 lines
27 KiB
<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> |