政策课题参会流程
This commit is contained in:
zyn
+4
-3
@@ -14,11 +14,14 @@
|
||||
"axios": "^0.21.1",
|
||||
"babel-polyfill": "^6.26.0",
|
||||
"core-js": "^3.6.5",
|
||||
"cross-env": "^5.0.5",
|
||||
"echarts": "^5.0.1",
|
||||
"element-ui": "^2.13.2",
|
||||
"es6-promise": "^4.2.8",
|
||||
"increase-memory-limit": "^1.0.3",
|
||||
"jquery": "^3.5.1",
|
||||
"js-base64": "^2.6.2",
|
||||
"lodash": "^4.17.21",
|
||||
"moment": "^2.29.1",
|
||||
"qs": "latest",
|
||||
"sortablejs": "^1.14.0",
|
||||
@@ -31,9 +34,7 @@
|
||||
"vue-custom-scrollbar": "^1.4.4",
|
||||
"vue-i18n": "^8.22.4",
|
||||
"vue-router": "^3.2.0",
|
||||
"vuex": "^3.4.0",
|
||||
"increase-memory-limit": "^1.0.3",
|
||||
"cross-env": "^5.0.5"
|
||||
"vuex": "^3.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
|
||||
@@ -165,6 +165,7 @@ export default {
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
const params = {}
|
||||
let name = ''
|
||||
switch(prcType) {
|
||||
case '1':
|
||||
@@ -178,9 +179,11 @@ export default {
|
||||
break
|
||||
case 'laws1':
|
||||
if (row.taskInfo === '政策入库审批') {
|
||||
name = 'zcrkStep2'
|
||||
// name = 'zcrkStep2'
|
||||
name = 'policyWarehousing2'
|
||||
}else if (row.taskInfo === '重新发起入库流程'){
|
||||
name = 'zcrkStep3'
|
||||
// name = 'zcrkStep3'
|
||||
name = 'policyWarehousing1'
|
||||
}
|
||||
break
|
||||
case 'buss1':
|
||||
@@ -606,8 +609,49 @@ export default {
|
||||
case '27':
|
||||
name = 'MyQuestions2'
|
||||
break
|
||||
case '29':
|
||||
if (row.taskInfo === '内外部会议入库审批') {
|
||||
name = 'policyMeetings2'
|
||||
} else if (row.taskInfo === '重新发起内外部会议入库流程') {
|
||||
name = 'policyMeetings1'
|
||||
}
|
||||
break
|
||||
case '30':
|
||||
name = 'policyTopicEnrollment'
|
||||
switch (row.taskInfo) {
|
||||
case '审核':
|
||||
params.type = 'step2'
|
||||
break
|
||||
case '审定':
|
||||
params.type = 'step3'
|
||||
break
|
||||
case '批准':
|
||||
params.type = 'step4'
|
||||
break
|
||||
case '重新起草':
|
||||
params.type = 'step1_1'
|
||||
break
|
||||
}
|
||||
break
|
||||
case '31':
|
||||
name = 'policyTopicParticipation'
|
||||
switch (row.taskInfo) {
|
||||
case '审核':
|
||||
params.type = 'step2'
|
||||
break
|
||||
case '审定':
|
||||
params.type = 'step3'
|
||||
break
|
||||
case '批准':
|
||||
params.type = 'step4'
|
||||
break
|
||||
case '重新起草':
|
||||
params.type = 'step1_1'
|
||||
break
|
||||
}
|
||||
break
|
||||
}
|
||||
this.$router.push({ name, query })
|
||||
this.$router.push({ name, query, params })
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
@@ -339,6 +339,7 @@
|
||||
import CustomDatePick from '@/components/CustomFormComponents/DatePicker'
|
||||
import CustomFile from '@/components/CustomFormComponents/File'
|
||||
import CustomTextarea from '@/components/CustomFormComponents/Textarea'
|
||||
|
||||
export default {
|
||||
name: "editDrawer",
|
||||
components: {
|
||||
|
||||
@@ -124,6 +124,10 @@ export default {
|
||||
label: "政策课题入会流程",
|
||||
value: "30"
|
||||
},
|
||||
{
|
||||
label: "政策课题参会流程",
|
||||
value: "31"
|
||||
},
|
||||
],
|
||||
formDisableFlag: false,
|
||||
pickerOptions: {
|
||||
|
||||
@@ -0,0 +1,682 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题入会流程</template>
|
||||
<template slot="proNode">{{ title }}</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div v-if="!showProcess" class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
<div v-else class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-form v-if="reloadForm"
|
||||
ref="form"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<div v-show="active === '1'">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<Basic :form="form" :disabled="disabled"></Basic>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组会议</template>
|
||||
</ProcessTitle>
|
||||
<TableFormItem
|
||||
:data="form.meetingList"
|
||||
:options="options.meetingList"
|
||||
parentProp="meetingList"
|
||||
:rules="rules"
|
||||
:disabled="disabled"
|
||||
@add="add('meetingList')"
|
||||
@delete="onDelete('meetingList', $event)"
|
||||
></TableFormItem>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组资料</template>
|
||||
</ProcessTitle>
|
||||
<ResearchGroupMaterials :form="form" :disabled="disabled"></ResearchGroupMaterials>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组联系方式</template>
|
||||
</ProcessTitle>
|
||||
<TableFormItem
|
||||
:data="form.topicContactInformationList"
|
||||
:options="options.topicContactInformationList"
|
||||
parentProp="topicContactInformationList"
|
||||
:rules="rules"
|
||||
:disabled="disabled"
|
||||
@add="add('topicContactInformationList')"
|
||||
@delete="onDelete('topicContactInformationList', $event)"
|
||||
></TableFormItem>
|
||||
<ProcessTitle>
|
||||
<template slot="title">内部资料</template>
|
||||
</ProcessTitle>
|
||||
<InsideMaterials :form="form" :disabled="disabled"></InsideMaterials>
|
||||
<ProcessTitle>
|
||||
<template slot="title">内部联系方式</template>
|
||||
</ProcessTitle>
|
||||
<TableFormItem
|
||||
:data="form.insideContactInformationList"
|
||||
:options="options.insideContactInformationList"
|
||||
parentProp="insideContactInformationList"
|
||||
:rules="rules"
|
||||
:disabled="disabled"
|
||||
@add="add('insideContactInformationList')"
|
||||
@delete="onDelete('insideContactInformationList', $event)"
|
||||
></TableFormItem>
|
||||
<ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
|
||||
</div>
|
||||
<div class="block" style="padding-top: 20px;" v-show="active === '2'">
|
||||
<PersonInfo ref="roleForm" :roleForm="roleForm" :roleRules="roleRules" :disabled="disabled"></PersonInfo>
|
||||
</div>
|
||||
<div class="block" style="padding-top: 20px;" v-show="active === '3'">
|
||||
<ApprovalHistory :data="processData" :loading="processLoading"></ApprovalHistory>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
v-if="showProcessFooter"
|
||||
:show-transfer="showTransfer"
|
||||
:show-over2="showOver2"
|
||||
:show-save="showSave"
|
||||
:show-submit="showSubmit"
|
||||
:approval="approval"
|
||||
:submitLoading="footerLoading"
|
||||
:saveLoading="footerLoading"
|
||||
@over2="handleOver"
|
||||
@transfer="handleTransfer"
|
||||
@save="handleSave"
|
||||
@submit="handleApprove"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
|
||||
import ProcessHeader from '@/pages/processCenter/pages/components/ProcessHeader'
|
||||
import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
|
||||
|
||||
import Basic from "./components/Basic";
|
||||
import TableFormItem from "@/components/hzwlComponents/TableFormItem";
|
||||
import ResearchGroupMaterials from "./components/ResearchGroupMaterials";
|
||||
import InsideMaterials from "./components/InsideMaterials";
|
||||
import PersonInfo from "./components/PersonInfo";
|
||||
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
|
||||
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
|
||||
|
||||
import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel, saveTaskForPub, changeAssigneeNew } from 'api/process'
|
||||
|
||||
export default {
|
||||
name: "policyTopicEnrollment",
|
||||
components: {
|
||||
ProcessTitle,
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
Basic,
|
||||
TableFormItem,
|
||||
ResearchGroupMaterials,
|
||||
InsideMaterials,
|
||||
PersonInfo,
|
||||
ReceiptDescription,
|
||||
ApprovalHistory
|
||||
},
|
||||
data () {
|
||||
const form = {
|
||||
// 基础信息
|
||||
topicName: '',
|
||||
organizer: '',
|
||||
guidanceUnit: '',
|
||||
participatingUnit: '',
|
||||
startTime: '',
|
||||
closeTime: '',
|
||||
topicStatus: '',
|
||||
topicCost: '',
|
||||
agreement: '',
|
||||
agreementName: '',
|
||||
// 课题组会议
|
||||
meetingList: [
|
||||
{
|
||||
meetingName: '',
|
||||
meetingTime: '',
|
||||
meetingAddress: '',
|
||||
participants: '',
|
||||
meetingContent: '',
|
||||
}
|
||||
],
|
||||
// 课题组资料
|
||||
researchPlan: '',
|
||||
researchPlanName: '',
|
||||
researchFindings: '',
|
||||
researchFindingsName: '',
|
||||
other: '',
|
||||
otherName: '',
|
||||
conferenceMaterials: '',
|
||||
conferenceMaterialsName: '',
|
||||
// 课题组联系方式
|
||||
topicContactInformationList: [
|
||||
{
|
||||
name: '',
|
||||
department: '',
|
||||
phone: '',
|
||||
email: '',
|
||||
identity: ''
|
||||
}
|
||||
],
|
||||
// 内部资料
|
||||
insideProjectProposalReport: '',
|
||||
insideProjectProposalReportName: '',
|
||||
insideResearchPlan: '',
|
||||
insideResearchPlanName: '',
|
||||
insideConferenceMaterials: '',
|
||||
insideConferenceMaterialsName: '',
|
||||
insideResearchFindings: '',
|
||||
insideResearchFindingsName: '',
|
||||
insideOther: '',
|
||||
insideOtherName: '',
|
||||
// 内部联系方式
|
||||
insideContactInformationList: [
|
||||
{
|
||||
name: '',
|
||||
department: '',
|
||||
phone: '',
|
||||
email: '',
|
||||
identity: ''
|
||||
}
|
||||
],
|
||||
commentText: ''
|
||||
}
|
||||
const rules = {
|
||||
topicName: [
|
||||
{required: true, type: 'string', message: '课题名称不能为空', trigger: 'change'},
|
||||
{type: 'string', max: 500, message: '课题名称不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
organizer: [
|
||||
{required: true, type: 'string', message: '课题承办单位不能为空', trigger: 'change'},
|
||||
{type: 'string', max: 500, message: '课题承办单位不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
guidanceUnit: [
|
||||
{type: 'string', max: 500, message: '课题指导单位不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
participatingUnit: [
|
||||
{type: 'string', max: 500, message: '课题参与单位不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
startTime: [
|
||||
{required: true, message: '启动时间不能为空', trigger: 'change'}
|
||||
],
|
||||
topicStatus: [
|
||||
{required: true, type: 'string', message: '课题状态不能为空', trigger: 'change'},
|
||||
],
|
||||
topicCost: [
|
||||
{type: 'string', max: 500, message: '课题费用（万元）不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
meetingName: [
|
||||
{type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
meetingTime: [
|
||||
{type: 'string', max: 500, message: '会议时间不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
meetingAddress: [
|
||||
{type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
participants: [
|
||||
{type: 'string', max: 500, message: '参会人员（内部）不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
meetingContent: [
|
||||
{type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
name: [
|
||||
{type: 'string', max: 500, message: '姓名不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
department: [
|
||||
{type: 'string', max: 500, message: '单位不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
phone: [
|
||||
{type: 'string', max: 500, message: '电话不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
email: [
|
||||
{type: 'string', max: 500, message: '邮箱不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
identity: [
|
||||
{type: 'string', max: 500, message: '身份不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
}
|
||||
const roleForm ={
|
||||
applyUserId: this.$store.getters.userInfo.userId,
|
||||
applyUserName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
inspectorId: '',
|
||||
inspectorIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
}
|
||||
const roleRules = {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
}
|
||||
const options = {
|
||||
meetingList: [
|
||||
{ label: '会议名称', prop: 'meetingName' },
|
||||
{ label: '会议时间', prop: 'meetingTime' },
|
||||
{ label: '会议地点', prop: 'meetingAddress' },
|
||||
{ label: '参会人员（内部）', prop: 'participants' },
|
||||
{ label: '会议主要内容', prop: 'meetingContent' },
|
||||
],
|
||||
topicContactInformationList: [
|
||||
{ label: '姓名', prop: 'name' },
|
||||
{ label: '单位', prop: 'department' },
|
||||
{ label: '电话', prop: 'phone' },
|
||||
{ label: '邮箱', prop: 'email' },
|
||||
{ label: '身份', prop: 'identity' },
|
||||
],
|
||||
insideContactInformationList: [
|
||||
{ label: '姓名', prop: 'name' },
|
||||
{ label: '单位', prop: 'department' },
|
||||
{ label: '电话', prop: 'phone' },
|
||||
{ label: '邮箱', prop: 'email' },
|
||||
{ label: '身份', prop: 'identity' },
|
||||
],
|
||||
}
|
||||
return {
|
||||
title: '起草',
|
||||
active: '1',
|
||||
disabled: false,
|
||||
// 底部按钮
|
||||
footerLoading: false,
|
||||
showProcessFooter: true,
|
||||
showTransfer: true, // 转办
|
||||
showOver2: true, // 驳回
|
||||
showSave: true, // 报错
|
||||
showSubmit: true, // 提交
|
||||
approval: false, // 同意
|
||||
reloadForm: true,
|
||||
form,
|
||||
rules,
|
||||
roleForm,
|
||||
roleRules,
|
||||
options,
|
||||
// 审批历史
|
||||
processData: [],
|
||||
processLoading: false,
|
||||
showProcess: false, // 审批历史
|
||||
|
||||
// 福田全公司选人解决方案
|
||||
drawerModal: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'form.startTime' () {
|
||||
this.setTopicStatus()
|
||||
},
|
||||
'form.closeTime' () {
|
||||
this.setTopicStatus()
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.setAuth()
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
methods: {
|
||||
handleTabs(tab) {
|
||||
this.active = tab
|
||||
},
|
||||
setTopicStatus () {
|
||||
if (!this.form.startTime) {
|
||||
this.form.topicStatus = ''
|
||||
}
|
||||
if (this.form.startTime && !this.form.closeTime) {
|
||||
this.form.topicStatus = '进行中'
|
||||
}
|
||||
if (this.form.startTime && this.form.closeTime) {
|
||||
this.form.topicStatus = '已结题'
|
||||
}
|
||||
},
|
||||
add (type) {
|
||||
let item = {}
|
||||
switch (type) {
|
||||
case 'meetingList':
|
||||
item = {
|
||||
meetingName: '',
|
||||
meetingTime: '',
|
||||
meetingAddress: '',
|
||||
participants: '',
|
||||
meetingContent: '',
|
||||
}
|
||||
break
|
||||
case 'topicContactInformationList':
|
||||
case 'insideContactInformationList':
|
||||
item = {
|
||||
name: '',
|
||||
department: '',
|
||||
phone: '',
|
||||
email: '',
|
||||
identity: ''
|
||||
}
|
||||
break
|
||||
}
|
||||
this.form[type] = [...this.form[type], item]
|
||||
},
|
||||
onDelete (type, keys) {
|
||||
const list = this.form[type].filter((meeting, index) => !keys.includes(index))
|
||||
this.form[type] = [...list]
|
||||
},
|
||||
|
||||
setAuth () {
|
||||
switch (this.$route.params.type) {
|
||||
case 'step1':
|
||||
this.title = '起草'
|
||||
break
|
||||
case 'step1_1':
|
||||
this.title = '重新起草'
|
||||
break
|
||||
case 'step2':
|
||||
this.title = '审核'
|
||||
break
|
||||
case 'step3':
|
||||
this.title = '审定'
|
||||
break
|
||||
case 'step4':
|
||||
this.title = '批准'
|
||||
break
|
||||
}
|
||||
switch (this.$route.params.type) {
|
||||
case 'step1':
|
||||
this.disabled = false
|
||||
this.showProcessFooter = true // 底部显隐
|
||||
this.showProcess = false // 审批历史
|
||||
this.showTransfer = false // 转办
|
||||
this.showOver2 = false // 驳回
|
||||
this.showSave = true // 报错
|
||||
this.showSubmit = true // 提交
|
||||
this.approval = false // 提交 -> 同意
|
||||
break
|
||||
case 'step1_1':
|
||||
if (this.$route.query.disabledXX) {
|
||||
this.disabled = true
|
||||
this.showProcessFooter = false
|
||||
} else {
|
||||
this.disabled = false
|
||||
this.showProcessFooter = true
|
||||
}
|
||||
this.showProcess = true
|
||||
this.showTransfer = false
|
||||
this.showOver2 = false
|
||||
this.showSave = true
|
||||
this.showSubmit = true
|
||||
this.approval = false
|
||||
break
|
||||
case 'step2':
|
||||
case 'step3':
|
||||
case 'step4':
|
||||
this.disabled = true
|
||||
this.showProcessFooter = true
|
||||
this.showProcess = true
|
||||
this.showTransfer = true
|
||||
this.showOver2 = true
|
||||
this.showSave = false
|
||||
this.showSubmit = true
|
||||
this.approval = true
|
||||
break
|
||||
}
|
||||
},
|
||||
getData () {
|
||||
const { bpnId, taskIds, prcId } = this.$route.query
|
||||
|
||||
if (taskIds) {
|
||||
inboundLiaisonDetail({
|
||||
taskIds,
|
||||
pId: prcId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
this.reloadForm = false
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.form = JSON.parse(JSON.stringify(processForm))
|
||||
this.roleForm = {
|
||||
applyUserId: processForm.applyUserId,
|
||||
applyUserName: processForm.applyUserName,
|
||||
jlUserId: processForm.jlUserId,
|
||||
jlUserName: processForm.jlUserName,
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.reloadForm = true
|
||||
})
|
||||
}
|
||||
})
|
||||
return;
|
||||
}
|
||||
|
||||
// 根据草稿查询流程详情
|
||||
if(bpnId) {
|
||||
queryTaskFirst({ bpnId }).then(res => {
|
||||
this.reloadForm = false
|
||||
let mes = JSON.parse(res.mes)
|
||||
this.$set(this, 'form', mes.form)
|
||||
this.roleForm = mes.roleForm
|
||||
this.$nextTick(() => {
|
||||
this.reloadForm = true
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
// 审批历史
|
||||
processTable () {
|
||||
if (this.$route.query.prcNum) {
|
||||
this.$http.get('lawss/activiti/get_list_by_instance', {
|
||||
prcNum: this.$route.query.prcNum
|
||||
}, {
|
||||
loading: 'processLoading',
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$set(this, 'processData', res)
|
||||
}, e => {})
|
||||
}
|
||||
},
|
||||
|
||||
handleTransfer() {
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
},
|
||||
// 转办
|
||||
checkedRole (data) {
|
||||
changeAssigneeNew({
|
||||
taskId: this.$route.query.taskIds, // 任务id
|
||||
userId: this.$store.getters.userInfo.userId, // 委托人
|
||||
assignee: data[0].id, // 被委托人
|
||||
pId: this.$route.query.prcId, // 流程实例
|
||||
}).then(res => {
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
//保存
|
||||
handleSave() {
|
||||
this.footerLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('prcType', '30')
|
||||
|
||||
if (this.$route.query.taskIds) {
|
||||
// 流程保存
|
||||
_formData.append('taskIds', this.$route.query.taskIds)
|
||||
_formData.append('json', JSON.stringify(this.form))
|
||||
saveTaskForPub(_formData).then(res => {
|
||||
this.$message.success('保存成功')
|
||||
}).finally(e => {
|
||||
this.footerLoading = false
|
||||
})
|
||||
} else {
|
||||
_formData.append('id', this.$route.query.bpnId || '') // 草稿id
|
||||
_formData.append('createUser', this.$store.getters.userInfo.userId)
|
||||
_formData.append('createUserName', this.$store.getters.userInfo.uName)
|
||||
_formData.append('prcName', '政策课题入会流程')
|
||||
_formData.append('json', JSON.stringify({
|
||||
taskInfo: '起草',
|
||||
form: this.form,
|
||||
roleForm: this.roleForm,
|
||||
}))
|
||||
// 保存草稿
|
||||
saveTaskFirst(_formData).then(res => {
|
||||
this.$message.success('保存成功')
|
||||
this.bpnId = res.result
|
||||
this.$router.replace({
|
||||
path: this.$route.path,
|
||||
query: {
|
||||
prcType: '30',
|
||||
bpnId: res.result
|
||||
}
|
||||
})
|
||||
}).finally(e => {
|
||||
this.footerLoading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
async submit () {
|
||||
this.footerLoading = true
|
||||
const json = Object.assign(this.form, this.roleForm);
|
||||
|
||||
let completeTaskQuery = {
|
||||
taskIds: this.$route.query.taskIds,
|
||||
userId : this.$store.getters.userInfo.userId,
|
||||
json: JSON.stringify(json)
|
||||
}
|
||||
|
||||
if (!this.$route.query.taskIds) {
|
||||
// 起草
|
||||
const startProcessRollBackQuery = {
|
||||
createUser: this.$store.getters.userInfo.userId,
|
||||
createUserName: this.$store.getters.userInfo.userName,
|
||||
type: '30',
|
||||
json: JSON.stringify(json)
|
||||
}
|
||||
const res = await this.$http._post('lawss/activiti/startProcessRollBack', startProcessRollBackQuery)
|
||||
if(!res.ok) {
|
||||
this.$message.error(res.message)
|
||||
this.footerLoading = false
|
||||
return
|
||||
}
|
||||
completeTaskQuery.taskIds = res.data
|
||||
}
|
||||
|
||||
const completeTaskRes = await this.$http._post('lawss/activiti/completeTask', completeTaskQuery)
|
||||
if (!completeTaskRes.success) {
|
||||
this.$message.error(completeTaskRes.message)
|
||||
this.footerLoading = false
|
||||
return
|
||||
}
|
||||
|
||||
if (this.$route.query.bpnId !== '') {
|
||||
// 删除草稿
|
||||
taskDel({ id: this.$route.query.bpnId })
|
||||
}
|
||||
|
||||
if(this.form.approvalOpinion === 1){
|
||||
this.$message.warning("驳回成功")
|
||||
this.footerLoading = false
|
||||
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
} else {
|
||||
if (this.$route.params.type === 'step4') {
|
||||
this.processCreate()
|
||||
} else {
|
||||
this.$message.success(completeTaskRes.message)
|
||||
this.footerLoading = false
|
||||
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
}
|
||||
}
|
||||
},
|
||||
// 驳回
|
||||
handleOver(){
|
||||
this.form.approvalOpinion = 1
|
||||
this.handleSubmit()
|
||||
},
|
||||
handleApprove(){
|
||||
// 通过
|
||||
this.form.approvalOpinion = 0
|
||||
this.handleSubmit()
|
||||
},
|
||||
addRule () {
|
||||
if (this.form.approvalOpinion === 0) {
|
||||
this.rules.commentText = [ { required: false } ]
|
||||
this.$refs.form.clearValidate('commentText')
|
||||
}else {
|
||||
this.rules.commentText = [ { required: true, message: '审批意见不能为空' } ]
|
||||
}
|
||||
this.rules = { ...this.rules }
|
||||
},
|
||||
handleSubmit() {
|
||||
this.addRule()
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$refs['roleForm'].$refs['userForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submit()
|
||||
}else {
|
||||
this.$message.warning('请检查人员信息表单是否填写完整')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请检查基础信息表单是否填写完整')
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.wrapper{
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
+69
@@ -0,0 +1,69 @@
|
||||
<template>
|
||||
<el-timeline>
|
||||
<el-form
|
||||
ref="userForm"
|
||||
:model="roleForm"
|
||||
:rules="roleRules"
|
||||
class="label-input-form">
|
||||
<TimeLineFormItem
|
||||
prop="applyUserName"
|
||||
timestamp="发起流程"
|
||||
title="流程发起人"
|
||||
:id.sync="roleForm.applyUserId"
|
||||
:name.sync="roleForm.applyUserName"
|
||||
disabled />
|
||||
<TimeLineFormItem
|
||||
prop="ministerIdName"
|
||||
timestamp="审核"
|
||||
title="法规认证部部长"
|
||||
multiple
|
||||
:id.sync="roleForm.ministerId"
|
||||
:name.sync="roleForm.ministerIdName"
|
||||
:disabled="disabled"
|
||||
/>
|
||||
<TimeLineFormItem
|
||||
prop="inspectorIdName"
|
||||
timestamp="审定"
|
||||
title="法规认证部副总监"
|
||||
multiple
|
||||
:id.sync="roleForm.inspectorId"
|
||||
:name.sync="roleForm.inspectorIdName"
|
||||
:disabled="disabled"
|
||||
/>
|
||||
<TimeLineFormItem
|
||||
prop="presidentIdName"
|
||||
timestamp="批准"
|
||||
title="公司副总"
|
||||
:id.sync="roleForm.presidentId"
|
||||
:name.sync="roleForm.presidentIdName"
|
||||
:disabled="disabled"
|
||||
/>
|
||||
</el-form>
|
||||
</el-timeline>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import TimeLineFormItem from '@/components/hzwlComponents/TimeLineFormItem'
|
||||
export default {
|
||||
name: "PersonInfo",
|
||||
components: {
|
||||
TimeLineFormItem
|
||||
},
|
||||
props: {
|
||||
roleForm: {
|
||||
type: Object
|
||||
},
|
||||
roleRules: {
|
||||
type: Object
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
+296
@@ -0,0 +1,296 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
ref="standard"
|
||||
title="查询结果"
|
||||
size="1300px"
|
||||
:visible.sync="standardDrawer"
|
||||
direction="rtl"
|
||||
:before-close="beforeClose">
|
||||
<div class="standard-content">
|
||||
<div class="content">
|
||||
<div class="standard-table-search">
|
||||
<el-form :model="searchForm" inline class="label-input-form search-area">
|
||||
<el-formItem label="课题名称" prop="topicName" class="search-item">
|
||||
<el-input v-model="searchForm.topicName" clearable placeholder="请输入课题名称" :maxlength="100" @keyup.enter.native="getData"/>
|
||||
</el-formItem>
|
||||
<el-formItem label="课题承办单位" prop="organizer" class="search-item">
|
||||
<el-input v-model="searchForm.organizer" clearable placeholder="请输入课题承办单位" :maxlength="100" @keyup.enter.native="getData"/>
|
||||
</el-formItem>
|
||||
<el-formItem label="启动时间" prop="startTime" class="search-item">
|
||||
<el-date-picker
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
type="date"
|
||||
clearable
|
||||
:editable="true"
|
||||
placeholder="请选择启动时间"
|
||||
v-model="searchForm.startTime"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-formItem>
|
||||
<el-formItem label="课题状态" prop="topicStatus" class="search-item">
|
||||
<el-select v-model="searchForm.topicStatus"
|
||||
placeholder="请选择课题状态"
|
||||
clearable>
|
||||
<el-option
|
||||
v-for="opt in topicStatusOptions"
|
||||
:key="opt.value"
|
||||
:value="!opt.value ? '' : opt.value" :label="opt.label"
|
||||
>
|
||||
{{ opt.label }}
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-formItem>
|
||||
<el-form-item>
|
||||
<el-button :disabled="disabled"
|
||||
type="primary"
|
||||
class="common-button-primary"
|
||||
size="mini"
|
||||
style="margin-left: 5px"
|
||||
@click="getData">
|
||||
查询
|
||||
</el-button>
|
||||
<el-button :disabled="disabled"
|
||||
class="common-button-default"
|
||||
size="mini"
|
||||
@click="resetSearch">
|
||||
清空
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="standard-table-wrap">
|
||||
<el-table
|
||||
ref="reviseDrawerTable"
|
||||
:data="data"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
border
|
||||
class="drag-table"
|
||||
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
|
||||
@sort-change="sortChange"
|
||||
@selection-change="standSelectChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="topicName"
|
||||
label="课题名称"
|
||||
align="center"
|
||||
sortable="custom"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="organizer"
|
||||
label="课题承办单位"
|
||||
align="center"
|
||||
sortable="custom"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startTime"
|
||||
label="启动时间"
|
||||
align="center"
|
||||
sortable="custom"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="topicStatus"
|
||||
label="课题状态"
|
||||
align="center"
|
||||
sortable="custom"
|
||||
>
|
||||
</el-table-column>
|
||||
<!--<el-table-column label="操作" align="center" width="80">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- <el-button :disabled="disabled"-->
|
||||
<!-- class="opera-btn"-->
|
||||
<!-- size="mini"-->
|
||||
<!-- type="primary"-->
|
||||
<!-- @click="handlePreview(scope.row)">查看-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </template>-->
|
||||
<!--</el-table-column>-->
|
||||
</el-table>
|
||||
</div>
|
||||
<pagination
|
||||
:page="searchForm.page"
|
||||
:total="total"
|
||||
@pageChange="pageChange"
|
||||
@pageSizeChange="pageSizeChange"></pagination>
|
||||
<loading :loading="loading">数据获取中</loading>
|
||||
</div>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button :disabled="disabled"
|
||||
round
|
||||
class="common-button-primary"
|
||||
icon="el-icon-check"
|
||||
type="primary"
|
||||
:loading="buttonLoading"
|
||||
@click="handleNext(2)">带入</el-button>
|
||||
<el-button :disabled="disabled"
|
||||
round
|
||||
class="common-button-default"
|
||||
icon="el-icon-close"
|
||||
:loading="buttonLoading"
|
||||
@click="handleNext(3)">取消</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "RetrieveTopics",
|
||||
data () {
|
||||
const topicStatusOptions = [
|
||||
{
|
||||
label: '进行中',
|
||||
value: '进行中'
|
||||
},
|
||||
{
|
||||
label: '已结题',
|
||||
value: '已结题'
|
||||
},
|
||||
]
|
||||
return {
|
||||
standardDrawer: false,
|
||||
searchForm: {
|
||||
page: 1,
|
||||
pageSize: this.$store.getters.userInfo.configContent,
|
||||
topicName: '',
|
||||
organizer: '',
|
||||
startTime: '',
|
||||
topicStatus: ''
|
||||
},
|
||||
total: 0,
|
||||
loading: false,
|
||||
buttonLoading: false,
|
||||
data: [],
|
||||
|
||||
selectedList: [],
|
||||
topicStatusOptions,
|
||||
api: {
|
||||
page: 'lawss/sarLawsTopic/page',
|
||||
getLawsTopicInfo: '/lawss/sarLawsTopic/getLawsTopicInfo'
|
||||
}
|
||||
}
|
||||
},
|
||||
props: {
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
open () {
|
||||
this.standardDrawer = true
|
||||
this.getData()
|
||||
},
|
||||
async getData () {
|
||||
const res = await this.$http._getData(this.api.page, this.searchForm, {_this:this,loading: 'loading'})
|
||||
if (res.ok && res.data) {
|
||||
if (res.data.list && res.data.list.length > 0) {
|
||||
this.data = res.data.list
|
||||
}
|
||||
this.total = res.data.count
|
||||
}
|
||||
},
|
||||
resetSearch() {
|
||||
this.searchForm = {
|
||||
page: 1,
|
||||
pageSize: this.$store.getters.userInfo.configContent,
|
||||
topicName: '',
|
||||
organizer: '',
|
||||
startTime: '',
|
||||
topicStatus: ''
|
||||
}
|
||||
|
||||
this.getData()
|
||||
},
|
||||
standSelectChange (data) {
|
||||
this.selectedList = data
|
||||
},
|
||||
pageChange (page) {
|
||||
this.searchForm.page = page
|
||||
this.getData()
|
||||
},
|
||||
pageSizeChange (pageSize) {
|
||||
this.searchForm.pageSize = pageSize
|
||||
this.getData()
|
||||
},
|
||||
// 点击查看
|
||||
// handlePreview (item) {
|
||||
// let routeUrl = this.$router.resolve({
|
||||
// name: 'OtherLawsStandDetails',
|
||||
// params: {
|
||||
// id: item.id,
|
||||
// pageType: 'LAWS_STAND'
|
||||
// }
|
||||
// })
|
||||
// window.open(routeUrl.href, '_blank')
|
||||
// },
|
||||
async handleNext(status) {
|
||||
switch (status) {
|
||||
case 1:
|
||||
break
|
||||
case 2:
|
||||
if (this.selectedList.length === 1) {
|
||||
const query = {
|
||||
lawsTopicId: this.selectedList[0].id
|
||||
}
|
||||
const res = await this.$http._getData(this.api.getLawsTopicInfo, query, {_this:this,loading: 'buttonLoading'})
|
||||
if (res && res.data) {
|
||||
this.$emit('dragIn', res.data)
|
||||
this.selectedList = []
|
||||
this.standardDrawer = false
|
||||
}
|
||||
} else if (this.selectedList.length > 1) {
|
||||
this.$message.warning('最多可以带入一条会议信息')
|
||||
} else {
|
||||
this.$message.warning('请选择要带入的会议信息')
|
||||
}
|
||||
break
|
||||
case 3:
|
||||
this.selectedList = []
|
||||
this.standardDrawer = false
|
||||
break
|
||||
}
|
||||
},
|
||||
beforeClose (done) {
|
||||
done()
|
||||
},
|
||||
// 表格排序
|
||||
sortChange({ column, prop, order }) {
|
||||
this.searchForm.sortField = prop
|
||||
this.searchForm.sortMode = 'asc'
|
||||
if (order === 'descending') {
|
||||
this.searchForm.sortMode = 'desc'
|
||||
}
|
||||
if (!order) {
|
||||
this.searchForm.sortField = ''
|
||||
this.searchForm.sortMode = ''
|
||||
}
|
||||
this.getData()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.standard-content{
|
||||
flex: 1;
|
||||
}
|
||||
.demo-drawer-footer{
|
||||
height: 61px!important;
|
||||
line-height: 60px!important;
|
||||
}
|
||||
.pagination{
|
||||
bottom: 61px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,582 @@
|
||||
<template>
|
||||
<div class="wrapper">
|
||||
<ProcessHeader toggle>
|
||||
<template slot="proName">政策课题参会流程</template>
|
||||
<template slot="proNode">{{ title }}</template>
|
||||
</ProcessHeader>
|
||||
<div class="headerTabs">
|
||||
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||
<div v-if="!showProcess" class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</div>
|
||||
<div v-else class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-form v-if="reloadForm"
|
||||
ref="form"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
class="label-input-form"
|
||||
label-width="210px"
|
||||
>
|
||||
<div v-show="active === '1'">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<InputFormItem label="课题名称"
|
||||
prop="topicName"
|
||||
v-model="form.topicName"
|
||||
:disabled="disabled">
|
||||
</InputFormItem>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<InputFormItem label="课题承办单位"
|
||||
prop="organizer"
|
||||
v-model="form.organizer"
|
||||
:disabled="disabled">
|
||||
<el-button :disabled="disabled"
|
||||
type="primary"
|
||||
style="height: 40px;margin-top: 5px;"
|
||||
@click="retrieveTopics"
|
||||
>调取课题</el-button>
|
||||
</InputFormItem>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组会议</template>
|
||||
</ProcessTitle>
|
||||
<TableFormItem
|
||||
:data="form.meetingList"
|
||||
:options="options.meetingList"
|
||||
parentProp="meetingList"
|
||||
:rules="rules"
|
||||
:disabled="disabled"
|
||||
@add="add('meetingList')"
|
||||
@delete="onDelete('meetingList', $event)"
|
||||
></TableFormItem>
|
||||
<ProcessTitle>
|
||||
<template slot="title">课题组资料</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<UploadFormItem
|
||||
label="会议资料"
|
||||
prop="conferenceMaterials"
|
||||
:ids.sync="form.conferenceMaterials"
|
||||
:names.sync="form.conferenceMaterialsName"
|
||||
accept=".pdf, .PDF, .doc, .DOC, .docx, .DOCX, .ppt, .PPT, .pptx, .PPTX, .xls, .XLS, .xlsx, .XLSX, .pdg, .PDG, .mp3, .MP3, .Ogg, .Wav, .mp4, .MP4, .WebM"
|
||||
:size="2048"
|
||||
:disabled="disabled">
|
||||
</UploadFormItem>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ReceiptDescription v-model="form.commentText" title="回执说明"></ReceiptDescription>
|
||||
</div>
|
||||
<div class="block" style="padding-top: 20px;" v-show="active === '2'">
|
||||
<PersonInfo ref="roleForm" :roleForm="roleForm" :roleRules="roleRules" :disabled="disabled"></PersonInfo>
|
||||
</div>
|
||||
<div class="block" style="padding-top: 20px;" v-show="active === '3'">
|
||||
<ApprovalHistory :data="processData" :loading="processLoading"></ApprovalHistory>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<ProcessFooter
|
||||
v-if="showProcessFooter"
|
||||
:show-transfer="showTransfer"
|
||||
:show-over2="showOver2"
|
||||
:show-save="showSave"
|
||||
:show-submit="showSubmit"
|
||||
:approval="approval"
|
||||
:submitLoading="footerLoading"
|
||||
:saveLoading="footerLoading"
|
||||
@over2="handleOver"
|
||||
@transfer="handleTransfer"
|
||||
@save="handleSave"
|
||||
@submit="handleApprove"
|
||||
>
|
||||
</ProcessFooter>
|
||||
<RetrieveTopics ref="RetrieveTopicsRef" @dragIn="dragIn"></RetrieveTopics>
|
||||
<!-- 福田全公司选人解决方案 -->
|
||||
<Role-tree
|
||||
check-box
|
||||
:is-title="drawerTitle"
|
||||
:is-visible.sync="drawerModal"
|
||||
@checkedRole="checkedRole"
|
||||
:nodeList="nodeList"
|
||||
></Role-tree>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
|
||||
import ProcessHeader from '@/pages/processCenter/pages/components/ProcessHeader'
|
||||
import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
|
||||
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
|
||||
import InputFormItem from '@/components/hzwlComponents/InputFormItem'
|
||||
import TableFormItem from "@/components/hzwlComponents/TableFormItem";
|
||||
import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
|
||||
import PersonInfo from "./components/PersonInfo";
|
||||
import RetrieveTopics from "./components/RetrieveTopics";
|
||||
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
|
||||
|
||||
import { saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel, saveTaskForPub, changeAssigneeNew } from 'api/process'
|
||||
import pick from 'lodash/pick'
|
||||
|
||||
export default {
|
||||
name: "policyTopicParticipation",
|
||||
components: {
|
||||
ProcessTitle,
|
||||
ProcessHeader,
|
||||
ProcessFooter,
|
||||
ReceiptDescription,
|
||||
InputFormItem,
|
||||
TableFormItem,
|
||||
UploadFormItem,
|
||||
PersonInfo,
|
||||
RetrieveTopics,
|
||||
ApprovalHistory
|
||||
},
|
||||
data () {
|
||||
const form = {
|
||||
// 基础信息
|
||||
topicName: '',
|
||||
organizer: '',
|
||||
// 课题组会议
|
||||
meetingList: [
|
||||
{
|
||||
meetingName: '',
|
||||
meetingTime: '',
|
||||
meetingAddress: '',
|
||||
participants: ''
|
||||
}
|
||||
],
|
||||
// 课题组资料
|
||||
conferenceMaterials: '',
|
||||
conferenceMaterialsName: '',
|
||||
// 说明
|
||||
commentText: ''
|
||||
}
|
||||
const rules = {
|
||||
topicName: [
|
||||
{required: true, type: 'string', message: '课题名称不能为空', trigger: 'change'},
|
||||
{type: 'string', max: 500, message: '课题名称不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
organizer: [
|
||||
{required: true, type: 'string', message: '课题承办单位不能为空', trigger: 'change'},
|
||||
{type: 'string', max: 500, message: '课题承办单位不能超过500个字符', trigger: 'change'}
|
||||
],
|
||||
}
|
||||
const roleForm ={
|
||||
applyUserId: this.$store.getters.userInfo.userId,
|
||||
applyUserName: this.$store.getters.userInfo.userName,
|
||||
ministerId: '',
|
||||
ministerIdName: '',
|
||||
inspectorId: '',
|
||||
inspectorIdName: '',
|
||||
presidentId: '',
|
||||
presidentIdName: '',
|
||||
}
|
||||
const roleRules = {
|
||||
ministerIdName: [
|
||||
{required: true, message: '请选择法规认证部部长', trigger: 'change'},
|
||||
],
|
||||
inspectorIdName: [
|
||||
{required: true, message: '请选择法规认证部总监', trigger: 'change'},
|
||||
],
|
||||
presidentIdName: [
|
||||
{required: true, message: '请选择公司副总', trigger: 'change'},
|
||||
]
|
||||
}
|
||||
const options = {
|
||||
meetingList: [
|
||||
{ label: '会议名称', prop: 'meetingName' },
|
||||
{ label: '会议时间', prop: 'meetingTime' },
|
||||
{ label: '会议地点', prop: 'meetingAddress' },
|
||||
{ label: '参会人员（内部）', prop: 'participants' }
|
||||
],
|
||||
}
|
||||
return {
|
||||
title: '起草',
|
||||
active: '1',
|
||||
disabled: false,
|
||||
footerLoading: false,
|
||||
showProcessFooter: true,
|
||||
showTransfer: true, // 转办
|
||||
showOver2: true, // 驳回
|
||||
showSave: true, // 报错
|
||||
showSubmit: true, // 提交
|
||||
approval: false, // 同意
|
||||
reloadForm: true,
|
||||
form,
|
||||
rules,
|
||||
roleForm,
|
||||
roleRules,
|
||||
options,
|
||||
// 审批历史
|
||||
processData: [],
|
||||
processLoading: false,
|
||||
showProcess: false, // 审批历史
|
||||
|
||||
// 福田全公司选人解决方案
|
||||
drawerModal: false,
|
||||
drawerTitle: '',
|
||||
nodeList: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.setAuth()
|
||||
this.getData()
|
||||
this.processTable()
|
||||
},
|
||||
methods: {
|
||||
handleTabs(tab) {
|
||||
this.active = tab
|
||||
},
|
||||
add (type) {
|
||||
let item = {}
|
||||
switch (type) {
|
||||
case 'meetingList':
|
||||
item = {
|
||||
meetingName: '',
|
||||
meetingTime: '',
|
||||
meetingAddress: '',
|
||||
participants: ''
|
||||
}
|
||||
break
|
||||
}
|
||||
this.form[type] = [...this.form[type], item]
|
||||
},
|
||||
onDelete (type, keys) {
|
||||
const list = this.form[type].filter((meeting, index) => !keys.includes(index))
|
||||
this.form[type] = [...list]
|
||||
},
|
||||
retrieveTopics () {
|
||||
this.$refs.RetrieveTopicsRef.open()
|
||||
},
|
||||
dragIn (form) {
|
||||
this.form = Object.assign(this.form, pick(form,['topicName', 'organizer', 'meetingList', 'conferenceMaterials', 'conferenceMaterialsName']))
|
||||
},
|
||||
setAuth () {
|
||||
switch (this.$route.params.type) {
|
||||
case 'step1':
|
||||
this.title = '起草'
|
||||
break
|
||||
case 'step1_1':
|
||||
this.title = '重新起草'
|
||||
break
|
||||
case 'step2':
|
||||
this.title = '审核'
|
||||
break
|
||||
case 'step3':
|
||||
this.title = '审定'
|
||||
break
|
||||
case 'step4':
|
||||
this.title = '批准'
|
||||
break
|
||||
}
|
||||
switch (this.$route.params.type) {
|
||||
case 'step1':
|
||||
this.disabled = false
|
||||
this.showProcessFooter = true // 底部显隐
|
||||
this.showProcess = false // 审批历史
|
||||
this.showTransfer = false // 转办
|
||||
this.showOver2 = false // 驳回
|
||||
this.showSave = true // 报错
|
||||
this.showSubmit = true // 提交
|
||||
this.approval = false // 提交 -> 同意
|
||||
break
|
||||
case 'step1_1':
|
||||
if (this.$route.query.disabledXX) {
|
||||
this.disabled = true
|
||||
this.showProcessFooter = false
|
||||
} else {
|
||||
this.disabled = false
|
||||
this.showProcessFooter = true
|
||||
}
|
||||
this.showProcess = true
|
||||
this.showTransfer = false
|
||||
this.showOver2 = false
|
||||
this.showSave = true
|
||||
this.showSubmit = true
|
||||
this.approval = false
|
||||
break
|
||||
case 'step2':
|
||||
case 'step3':
|
||||
case 'step4':
|
||||
this.disabled = true
|
||||
this.showProcessFooter = true
|
||||
this.showProcess = true
|
||||
this.showTransfer = true
|
||||
this.showOver2 = true
|
||||
this.showSave = false
|
||||
this.showSubmit = true
|
||||
this.approval = true
|
||||
break
|
||||
}
|
||||
},
|
||||
getData () {
|
||||
const { bpnId, taskIds, prcId } = this.$route.query
|
||||
|
||||
if (taskIds) {
|
||||
inboundLiaisonDetail({
|
||||
taskIds,
|
||||
pId: prcId
|
||||
}).then(res => {
|
||||
if (res) {
|
||||
this.reloadForm = false
|
||||
const processForm = JSON.parse(res.mesg)
|
||||
this.form = JSON.parse(JSON.stringify(processForm))
|
||||
this.roleForm = {
|
||||
applyUserId: processForm.applyUserId,
|
||||
applyUserName: processForm.applyUserName,
|
||||
ministerId: processForm.ministerId,
|
||||
ministerIdName: processForm.ministerIdName,
|
||||
inspectorId: processForm.inspectorId,
|
||||
inspectorIdName: processForm.inspectorIdName,
|
||||
presidentId: processForm.presidentId,
|
||||
presidentIdName: processForm.presidentIdName,
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
this.reloadForm = true
|
||||
})
|
||||
}
|
||||
})
|
||||
return;
|
||||
}
|
||||
|
||||
// 根据草稿查询流程详情
|
||||
if(bpnId) {
|
||||
queryTaskFirst({ bpnId }).then(res => {
|
||||
this.reloadForm = false
|
||||
let mes = JSON.parse(res.mes)
|
||||
this.$set(this, 'form', mes.form)
|
||||
this.roleForm = mes.roleForm
|
||||
this.$nextTick(() => {
|
||||
this.reloadForm = true
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
// 审批历史
|
||||
processTable () {
|
||||
if (this.$route.query.prcNum) {
|
||||
this.$http.get('lawss/activiti/get_list_by_instance', {
|
||||
prcNum: this.$route.query.prcNum
|
||||
}, {
|
||||
loading: 'processLoading',
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$set(this, 'processData', res)
|
||||
}, e => {})
|
||||
}
|
||||
},
|
||||
|
||||
handleTransfer() {
|
||||
this.drawerModal = true
|
||||
this.drawerTitle = '转办处理人'
|
||||
},
|
||||
// 转办
|
||||
checkedRole (data) {
|
||||
changeAssigneeNew({
|
||||
taskId: this.$route.query.taskIds, // 任务id
|
||||
userId: this.$store.getters.userInfo.userId, // 委托人
|
||||
assignee: data[0].id, // 被委托人
|
||||
pId: this.$route.query.prcId, // 流程实例
|
||||
}).then(res => {
|
||||
if (res.success) {
|
||||
this.drawerModal = false
|
||||
this.$message.success('调整成功')
|
||||
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
//保存
|
||||
handleSave() {
|
||||
this.footerLoading = true
|
||||
let _formData = new FormData()
|
||||
_formData.append('prcType', '31')
|
||||
|
||||
if (this.$route.query.taskIds) {
|
||||
// 流程保存
|
||||
_formData.append('taskIds', this.$route.query.taskIds)
|
||||
_formData.append('json', JSON.stringify(this.form))
|
||||
saveTaskForPub(_formData).then(res => {
|
||||
this.$message.success('保存成功')
|
||||
}).finally(e => {
|
||||
this.footerLoading = false
|
||||
})
|
||||
} else {
|
||||
_formData.append('id', this.$route.query.bpnId || '') // 草稿id
|
||||
_formData.append('createUser', this.$store.getters.userInfo.userId)
|
||||
_formData.append('createUserName', this.$store.getters.userInfo.uName)
|
||||
_formData.append('prcName', '政策课题参会流程')
|
||||
_formData.append('json', JSON.stringify({
|
||||
taskInfo: '起草',
|
||||
form: this.form,
|
||||
roleForm: this.roleForm,
|
||||
}))
|
||||
// 保存草稿
|
||||
saveTaskFirst(_formData).then(res => {
|
||||
this.$message.success('保存成功')
|
||||
this.$router.replace({
|
||||
path: this.$route.path,
|
||||
query: {
|
||||
prcType: '31',
|
||||
bpnId: res.result
|
||||
}
|
||||
})
|
||||
}).finally(e => {
|
||||
this.footerLoading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
async submit () {
|
||||
this.footerLoading = true
|
||||
const json = Object.assign(this.form, this.roleForm);
|
||||
|
||||
let completeTaskQuery = {
|
||||
taskIds: this.$route.query.taskIds,
|
||||
userId : this.$store.getters.userInfo.userId,
|
||||
json: JSON.stringify(json)
|
||||
}
|
||||
|
||||
if (!this.$route.query.taskIds) {
|
||||
// 起草
|
||||
const startProcessRollBackQuery = {
|
||||
createUser: this.$store.getters.userInfo.userId,
|
||||
createUserName: this.$store.getters.userInfo.userName,
|
||||
type: '31',
|
||||
json: JSON.stringify(json)
|
||||
}
|
||||
const res = await this.$http._post('lawss/activiti/startProcessRollBack', startProcessRollBackQuery)
|
||||
if(!res.ok) {
|
||||
this.$message.error(res.message)
|
||||
this.footerLoading = false
|
||||
return
|
||||
}
|
||||
completeTaskQuery.taskIds = res.data
|
||||
}
|
||||
|
||||
const completeTaskRes = await this.$http._post('lawss/activiti/completeTask', completeTaskQuery)
|
||||
if (!completeTaskRes.success) {
|
||||
this.$message.error(completeTaskRes.message)
|
||||
this.footerLoading = false
|
||||
return
|
||||
}
|
||||
|
||||
if (this.$route.query.bpnId !== '') {
|
||||
// 删除草稿
|
||||
taskDel({ id: this.$route.query.bpnId })
|
||||
}
|
||||
|
||||
if(this.form.approvalOpinion === 1){
|
||||
this.$message.warning("驳回成功")
|
||||
this.footerLoading = false
|
||||
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
} else {
|
||||
if (this.$route.params.type === 'step4') {
|
||||
this.processCreate()
|
||||
} else {
|
||||
this.$message.success(completeTaskRes.message)
|
||||
this.footerLoading = false
|
||||
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||
}
|
||||
}
|
||||
},
|
||||
// 流程入库
|
||||
processCreate (json) {
|
||||
const _formData = new FormData()
|
||||
_formData.append('infoJson', json)
|
||||
alert('入库')
|
||||
// processCreateMeeting(_formData).then(res => {
|
||||
// if (res.result === '操作成功' || res.data === '入库成功') {
|
||||
// this.$message.success(res.data)
|
||||
// setTimeout(() => {
|
||||
// this.$router.push({ name: 'ProcessCenter' })
|
||||
// }, 100)
|
||||
// } else {
|
||||
// this.$message.warning(res.message)
|
||||
// }
|
||||
// }).finally(() => {
|
||||
// this.footerLoading = false
|
||||
// })
|
||||
},
|
||||
// 驳回
|
||||
handleOver(){
|
||||
this.form.approvalOpinion = 1
|
||||
this.handleSubmit()
|
||||
},
|
||||
handleApprove(){
|
||||
// 通过
|
||||
this.form.approvalOpinion = 0
|
||||
this.handleSubmit()
|
||||
},
|
||||
addRule () {
|
||||
if (this.form.approvalOpinion === 0) {
|
||||
this.rules.commentText = [ { required: false } ]
|
||||
this.$refs.form.clearValidate('commentText')
|
||||
}else {
|
||||
this.rules.commentText = [ { required: true, message: '审批意见不能为空' } ]
|
||||
}
|
||||
this.rules = { ...this.rules }
|
||||
},
|
||||
// 提交
|
||||
handleSubmit() {
|
||||
this.addRule()
|
||||
this.$refs['form'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$refs['roleForm'].$refs['userForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.submit()
|
||||
}else {
|
||||
this.$message.warning('请检查人员信息表单是否填写完整')
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.$message.warning('请检查基础信息表单是否填写完整')
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.wrapper{
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.headerTabs {
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
.headerTabsItem {
|
||||
border: 1px solid #c1c1c1;
|
||||
padding: 0 5px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.active {
|
||||
border: 1px solid #E6A23C;
|
||||
color: #fff;
|
||||
background: #E6A23C;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: calc(~'100% - 103px');
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
@@ -394,11 +394,33 @@ export default {
|
||||
}else if(prcType === '29'){
|
||||
//内外部会议入库
|
||||
this.toProcessDetail('policyMeetings1',row)
|
||||
} else if(prcType === '30'){
|
||||
//政策课题入会流程
|
||||
const params = { type: 'step1' }
|
||||
this.toProcessDetailForParams('policyTopicEnrollment',row, params)
|
||||
} else if(prcType === '31'){
|
||||
//政策课题参会流程
|
||||
const params = { type: 'step1' }
|
||||
this.toProcessDetailForParams('policyTopicParticipation', row, params)
|
||||
}
|
||||
} else {
|
||||
this.$message.warning('当前流程未全部办理完成，无法查看')
|
||||
}
|
||||
},
|
||||
toProcessDetailForParams (componentName,row, params) {
|
||||
this.$router.push({
|
||||
name: componentName,
|
||||
query: {
|
||||
prcType: row.prcType,
|
||||
taskIds: row.id,
|
||||
prcId: row.processInstanceId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
disabledXX: true,
|
||||
},
|
||||
params
|
||||
})
|
||||
},
|
||||
toProcessDetail(componentName,row,unShowReceipt) {
|
||||
let data = {
|
||||
name: componentName,
|
||||
|
||||
@@ -316,7 +316,7 @@
|
||||
</div>
|
||||
<div class="process-name">
|
||||
<el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
|
||||
<div class="card-box" @click="handleCreateProcess('18')">
|
||||
<div class="card-box" @click="handleCreateProcess('31')">
|
||||
<div class="card-top">
|
||||
<div class="card-top-left">
|
||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||
@@ -622,7 +622,20 @@ export default {
|
||||
case '30':
|
||||
// 政策课题入会流程
|
||||
this.$router.push({
|
||||
name: 'policyTopicEnrollmentStep1'
|
||||
// name: 'policyTopicEnrollmentStep1'
|
||||
name: 'policyTopicEnrollment',
|
||||
params: {
|
||||
type: 'step1'
|
||||
}
|
||||
})
|
||||
break
|
||||
case '31':
|
||||
// 政策课题参会流程
|
||||
this.$router.push({
|
||||
name: 'policyTopicParticipation',
|
||||
params: {
|
||||
type: 'step1'
|
||||
}
|
||||
})
|
||||
break
|
||||
}
|
||||
|
||||
@@ -2283,30 +2283,60 @@ export default {
|
||||
}
|
||||
break
|
||||
case '30': {
|
||||
let routeName = ''
|
||||
let type = ''
|
||||
switch (row.taskInfo) {
|
||||
case '审核':
|
||||
routeName = 'policyTopicEnrollmentStep2'
|
||||
type = 'step2'
|
||||
break
|
||||
case '审定':
|
||||
routeName = 'policyTopicEnrollmentStep3'
|
||||
type = 'step3'
|
||||
break
|
||||
case '批准':
|
||||
routeName = 'policyTopicEnrollmentStep4'
|
||||
type = 'step4'
|
||||
break
|
||||
case '重新起草':
|
||||
routeName = 'policyTopicEnrollmentStep1'
|
||||
type = 'step1_1'
|
||||
break
|
||||
}
|
||||
this.$router.push({
|
||||
name: routeName,
|
||||
name: 'policyTopicEnrollment',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
}
|
||||
},
|
||||
params: { type }
|
||||
})
|
||||
}
|
||||
break
|
||||
case '31': {
|
||||
let type = ''
|
||||
switch (row.taskInfo) {
|
||||
case '审核':
|
||||
type = 'step2'
|
||||
break
|
||||
case '审定':
|
||||
type = 'step3'
|
||||
break
|
||||
case '批准':
|
||||
type = 'step4'
|
||||
break
|
||||
case '重新起草':
|
||||
type = 'step1_1'
|
||||
break
|
||||
}
|
||||
this.$router.push({
|
||||
name: 'policyTopicParticipation',
|
||||
query: {
|
||||
taskIds: row.taskIds,
|
||||
prcId: row.prcId,
|
||||
prcNum: row.prcNum,
|
||||
prcName: row.prcName,
|
||||
prcType: row.prcType
|
||||
},
|
||||
params: { type }
|
||||
})
|
||||
}
|
||||
break
|
||||
|
||||
@@ -962,17 +962,32 @@ export default {
|
||||
})
|
||||
break
|
||||
// 政策课题入会流程
|
||||
case '30': {
|
||||
case '30':
|
||||
this.$router.push({
|
||||
name: 'policyTopicEnrollmentStep1',
|
||||
name: 'policyTopicEnrollment',
|
||||
query: {
|
||||
prcType: '30',
|
||||
processName: '政策课题入会流程',
|
||||
bpnId: id,
|
||||
},
|
||||
params: {
|
||||
type: 'step1'
|
||||
}
|
||||
})
|
||||
break
|
||||
case '31':
|
||||
this.$router.push({
|
||||
name: 'policyTopicParticipation',
|
||||
query: {
|
||||
prcType: '31',
|
||||
processName: '政策课题参会流程',
|
||||
bpnId: id,
|
||||
},
|
||||
params: {
|
||||
type: 'step1'
|
||||
}
|
||||
})
|
||||
break
|
||||
}
|
||||
}
|
||||
},
|
||||
...mapMutations(['setProcess', 'setHandleInfo']),
|
||||
|
||||
@@ -2072,6 +2072,24 @@ const routes = [
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/policyTopicEnrollment/:type',
|
||||
name: 'policyTopicEnrollment',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/policyTopicEnrollment'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题入会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/policyTopicParticipation/:type',
|
||||
name: 'policyTopicParticipation',
|
||||
component: () => import('@/pages/processCenter/pages/creatProcess/policyTopicParticipation'),
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
title: '政策课题参会流程'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/zcchStep1',
|
||||
name: 'zcchStep1',
|
||||
|
||||
Reference in New Issue
Block a user