内外部会议入库流程
This commit is contained in:
@@ -1074,3 +1074,12 @@ export function productDeptIssue(params) {
|
|||||||
params
|
params
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 内外部会议入库
|
||||||
|
export function processCreateMeeting (data) {
|
||||||
|
return axios({
|
||||||
|
url: '/api/lawss/meeting/processCreateMeeting',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
<el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
|
<el-form-item :label="label" :prop="prop" :rules="rules" class="add-form-item form-item-disabled">
|
||||||
<el-input
|
<el-input
|
||||||
:value="value"
|
:value="value"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
@@ -34,6 +34,9 @@ export default {
|
|||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
},
|
||||||
|
rules: {
|
||||||
|
type: Array
|
||||||
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
placeholder () {
|
placeholder () {
|
||||||
|
|||||||
@@ -0,0 +1,51 @@
|
|||||||
|
<template>
|
||||||
|
<el-form-item :label="label" :prop="prop" :rules="rules" class="add-form-item form-item-disabled">
|
||||||
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
:value="value"
|
||||||
|
:placeholder="placeholder"
|
||||||
|
:disabled="disabled"
|
||||||
|
show-word-limit
|
||||||
|
:autosize="{minRows: 1,maxRows: 4}"
|
||||||
|
@input="handleChange"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "TextareaFormItem",
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
prop: {
|
||||||
|
type: String
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
type: String,
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
type: Array
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
placeholder () {
|
||||||
|
return `请输入${this.label}`
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleChange (event) {
|
||||||
|
this.$emit('input', event)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -115,7 +115,11 @@ export default {
|
|||||||
{
|
{
|
||||||
label: "问答流程",
|
label: "问答流程",
|
||||||
value: "27"
|
value: "27"
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
label: "内外部会议入库流程",
|
||||||
|
value: "28"
|
||||||
|
}
|
||||||
],
|
],
|
||||||
formDisableFlag: false,
|
formDisableFlag: false,
|
||||||
pickerOptions: {
|
pickerOptions: {
|
||||||
|
|||||||
@@ -0,0 +1,83 @@
|
|||||||
|
<template>
|
||||||
|
<div class="prc-content-border">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<InputFormItem label="会议名称"
|
||||||
|
prop="meetingName"
|
||||||
|
v-model="form.meetingName"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
<DatePickerFormItem label="会议时间"
|
||||||
|
prop="meetingTime"
|
||||||
|
v-model="form.meetingTime"
|
||||||
|
:disabled="disabled">
|
||||||
|
</DatePickerFormItem>
|
||||||
|
<InputFormItem label="参会人员"
|
||||||
|
prop="participants"
|
||||||
|
v-model="form.participants"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<InputFormItem label="会议主办单位"
|
||||||
|
prop="meetingOrganizer"
|
||||||
|
v-model="form.meetingOrganizer"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
<InputFormItem label="会议地点"
|
||||||
|
prop="meetingAddress"
|
||||||
|
v-model="form.meetingAddress"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
<UploadFormItem
|
||||||
|
label="会议纪要"
|
||||||
|
prop="meetingMinutes"
|
||||||
|
:ids.sync="form.meetingMinutes"
|
||||||
|
:names.sync="form.meetingMinutesName"
|
||||||
|
:disabled="disabled">
|
||||||
|
</UploadFormItem>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<TextareaFormItem label="会议主要内容"
|
||||||
|
prop="meetingContent"
|
||||||
|
v-model="form.meetingContent"
|
||||||
|
:disabled="disabled">
|
||||||
|
</TextareaFormItem>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import InputFormItem from '@/components/hzwlComponents/InputFormItem'
|
||||||
|
import DatePickerFormItem from '@/components/hzwlComponents/DatePickerFormItem'
|
||||||
|
import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
|
||||||
|
import TextareaFormItem from "@/components/hzwlComponents/TextareaFormItem";
|
||||||
|
export default {
|
||||||
|
name: "Basic",
|
||||||
|
components: {
|
||||||
|
InputFormItem,
|
||||||
|
DatePickerFormItem,
|
||||||
|
UploadFormItem,
|
||||||
|
TextareaFormItem
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: () => false
|
||||||
|
},
|
||||||
|
dict: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,50 @@
|
|||||||
|
<template>
|
||||||
|
<div class="prc-content-border">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<SelectFormItem label="1级会议分类"
|
||||||
|
prop="firstMeetingType"
|
||||||
|
v-model="form.firstMeetingType"
|
||||||
|
:disabled="disabled"
|
||||||
|
:options="dict.firstMeetingType || []">
|
||||||
|
</SelectFormItem>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<SelectFormItem label="2级会议分类"
|
||||||
|
prop="secondMeetingType"
|
||||||
|
v-model="form.secondMeetingType"
|
||||||
|
:disabled="disabled"
|
||||||
|
:options="dict.secondMeetingType || []">
|
||||||
|
</SelectFormItem>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import SelectFormItem from '@/components/hzwlComponents/SelectFormItem'
|
||||||
|
export default {
|
||||||
|
name: "Classification",
|
||||||
|
components: {
|
||||||
|
SelectFormItem
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
form: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: () => false
|
||||||
|
},
|
||||||
|
dict: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
<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="jlUserName"
|
||||||
|
timestamp="批准"
|
||||||
|
title="审批人"
|
||||||
|
:id.sync="roleForm.jlUserId"
|
||||||
|
:name.sync="roleForm.jlUserName"
|
||||||
|
: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: Object,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,79 @@
|
|||||||
|
<template>
|
||||||
|
<div class="prc-content-border">
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :span="12">
|
||||||
|
<InputFormItem label="议题名称"
|
||||||
|
:prop="'meetingTopicList.' + index + '.agendaName'"
|
||||||
|
:rules="rules.agendaName"
|
||||||
|
v-model="item.agendaName"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
<InputFormItem label="汇报人"
|
||||||
|
:prop="'meetingTopicList.' + index + '.reporter'"
|
||||||
|
:rules="rules.agendaName"
|
||||||
|
v-model="item.reporter"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<UploadFormItem
|
||||||
|
label="议题材料"
|
||||||
|
:prop="'meetingTopicList.' + index + '.agendaMaterials'"
|
||||||
|
:ids.sync="item.agendaMaterials"
|
||||||
|
:names.sync="item.agendaMaterialsName"
|
||||||
|
:disabled="disabled">
|
||||||
|
</UploadFormItem>
|
||||||
|
<InputFormItem label="汇报人单位"
|
||||||
|
:prop="'meetingTopicList.' + index + '.reportingUnit'"
|
||||||
|
:rules="rules.agendaName"
|
||||||
|
v-model="item.reportingUnit"
|
||||||
|
:disabled="disabled">
|
||||||
|
</InputFormItem>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<TextareaFormItem label="议题主要内容"
|
||||||
|
:prop="'meetingTopicList.' + index + '.agendaContent'"
|
||||||
|
:rules="rules.agendaName"
|
||||||
|
v-model="item.agendaContent"
|
||||||
|
:disabled="disabled">
|
||||||
|
</TextareaFormItem>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import InputFormItem from '@/components/hzwlComponents/InputFormItem'
|
||||||
|
import TextareaFormItem from "@/components/hzwlComponents/TextareaFormItem";
|
||||||
|
import UploadFormItem from "@/components/hzwlComponents/UploadFormItem";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Topics",
|
||||||
|
components: {
|
||||||
|
InputFormItem,
|
||||||
|
TextareaFormItem,
|
||||||
|
UploadFormItem
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
item: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
index: {
|
||||||
|
type: Number,
|
||||||
|
required: true
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
type: Array
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: () => false
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,376 @@
|
|||||||
|
<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 class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">人员信息</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" :dict="dict" :disabled="disabled"></Basic>
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">会议分类</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<Classification :form="form" :dict="dict" :disabled="disabled"></Classification>
|
||||||
|
<div v-for="(item, index) in form.meetingTopicList">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">
|
||||||
|
会议议题
|
||||||
|
<el-button type="primary" size="mini" icon="el-icon-plus" @click="addMeetingTopic" :disabled="disabled"
|
||||||
|
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"></el-button>
|
||||||
|
<el-button type="primary" size="mini" icon="el-icon-minus" @click="removeMeetingTopic(index)" :disabled="disabled"
|
||||||
|
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"></el-button>
|
||||||
|
</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled"></Topics>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="block" style="padding-top: 20px;" v-show="active === '2'">
|
||||||
|
<PersonInfo ref="roleForm" :roleForm="roleForm" :roleRules="roleRules" :disabled="disabled"></PersonInfo>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
v-show="!disabled"
|
||||||
|
show-save
|
||||||
|
show-submit
|
||||||
|
:submitLoading="footerLoading"
|
||||||
|
:saveLoading="footerLoading"
|
||||||
|
@save="handleSave"
|
||||||
|
@submit="handleSubmit"
|
||||||
|
>
|
||||||
|
</ProcessFooter>
|
||||||
|
</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 Classification from "./components/Classification";
|
||||||
|
import Topics from "./components/Topics";
|
||||||
|
import PersonInfo from "./components/PersonInfo";
|
||||||
|
|
||||||
|
import { getDicTypeListCode, saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel } from 'api/process'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "hyrk1",
|
||||||
|
components: {
|
||||||
|
ProcessTitle,
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
Basic,
|
||||||
|
Classification,
|
||||||
|
Topics,
|
||||||
|
PersonInfo
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
const form = {
|
||||||
|
meetingName: '',
|
||||||
|
meetingOrganizer: '',
|
||||||
|
meetingTime: '',
|
||||||
|
meetingAddress: '',
|
||||||
|
participants: '',
|
||||||
|
meetingMinutes: '',
|
||||||
|
meetingMinutesName: '',
|
||||||
|
meetingContent: '',
|
||||||
|
firstMeetingType: '',
|
||||||
|
secondMeetingType: '',
|
||||||
|
meetingTopicList: [
|
||||||
|
{
|
||||||
|
agendaName: '',
|
||||||
|
agendaMaterials: '',
|
||||||
|
agendaMaterialsName: '',
|
||||||
|
reporter: '',
|
||||||
|
reportingUnit: '',
|
||||||
|
agendaContent: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
const rules = {
|
||||||
|
meetingName: [
|
||||||
|
{required: true, type: 'string', message: '会议名称不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingOrganizer: [
|
||||||
|
{required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingTime: [
|
||||||
|
{required: true, message: '会议时间不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingAddress: [
|
||||||
|
{required: true, type: 'string', message: '会议地点不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
participants: [
|
||||||
|
{required: true, type: 'string', message: '参会人员不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingContent: [
|
||||||
|
{required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
firstMeetingType: [
|
||||||
|
{required: true, message: '1级会议类别不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
secondMeetingType: [
|
||||||
|
{required: true, message: '2级会议类别不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
agendaName: [
|
||||||
|
{required: true, type: 'string', message: '议题名称不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
reporter: [
|
||||||
|
{required: true, type: 'string', message: '汇报人不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
reportingUnit: [
|
||||||
|
{required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
agendaContent: [
|
||||||
|
{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,
|
||||||
|
jlUserId: '',
|
||||||
|
jlUserName: '',
|
||||||
|
}
|
||||||
|
const roleRules = {
|
||||||
|
applyUserName: [
|
||||||
|
{required: true, message: '流程发起人不能为空', trigger: ['blur', 'change']}
|
||||||
|
],
|
||||||
|
jlUserName: [
|
||||||
|
{required: true, message: '审批人不能为空', trigger: ['blur', 'change']}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
title: '起草',
|
||||||
|
active: '1',
|
||||||
|
disabled: false,
|
||||||
|
footerLoading: false,
|
||||||
|
reloadForm: true,
|
||||||
|
form,
|
||||||
|
rules,
|
||||||
|
roleForm,
|
||||||
|
roleRules,
|
||||||
|
dict: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getDicTypeListCode()
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleTabs(tab) {
|
||||||
|
this.active = tab
|
||||||
|
},
|
||||||
|
addMeetingTopic () {
|
||||||
|
const meetingTopicItem = {
|
||||||
|
agendaName: '',
|
||||||
|
agendaMaterials: '',
|
||||||
|
agendaMaterialsName: '',
|
||||||
|
reporter: '',
|
||||||
|
reportingUnit: '',
|
||||||
|
agendaContent: ''
|
||||||
|
}
|
||||||
|
this.form.meetingTopicList = [...this.form.meetingTopicList, meetingTopicItem]
|
||||||
|
},
|
||||||
|
removeMeetingTopic (index) {
|
||||||
|
let res = []
|
||||||
|
this.form.meetingTopicList.forEach((item, i) => {
|
||||||
|
if (i !== index) {
|
||||||
|
res.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.form.meetingTopicList = [ ...res ]
|
||||||
|
},
|
||||||
|
getData () {
|
||||||
|
const { bpnId, taskIds, prcId, disabled } = this.$route.query
|
||||||
|
// 1. 根据草稿查询流程详情 2.已办、已发、监控:查看流程数据
|
||||||
|
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
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (disabled) {
|
||||||
|
this.disabled = disabled
|
||||||
|
}
|
||||||
|
// 重新起草
|
||||||
|
if (taskIds) {
|
||||||
|
this.title = '重新起草'
|
||||||
|
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
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//保存
|
||||||
|
handleSave() {
|
||||||
|
this.footerLoading = true
|
||||||
|
let _formData = new FormData()
|
||||||
|
_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('prcType', '28')
|
||||||
|
_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: '28',
|
||||||
|
processName: '申请人发起流程',
|
||||||
|
bpnId: res.result
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).finally(e => {
|
||||||
|
this.footerLoading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async submit () {
|
||||||
|
this.footerLoading = true
|
||||||
|
|
||||||
|
const json = Object.assign(this.form, this.roleForm);
|
||||||
|
let completeTaskQuery = {}
|
||||||
|
if (this.$route.query.taskIds) {
|
||||||
|
// 重新起草
|
||||||
|
completeTaskQuery = {
|
||||||
|
taskIds: this.$route.query.taskIds,
|
||||||
|
userId : this.$store.getters.userInfo.userId,
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 起草
|
||||||
|
const startProcessRollBackQuery = {
|
||||||
|
createUser: this.$store.getters.userInfo.userId,
|
||||||
|
createUserName: this.$store.getters.userInfo.userName,
|
||||||
|
type: '28',
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
|
const res = await this.$http._post('lawss/activiti/startProcessRollBack', startProcessRollBackQuery)
|
||||||
|
if(!res.ok) return;
|
||||||
|
|
||||||
|
completeTaskQuery = {
|
||||||
|
taskIds: res.data,
|
||||||
|
userId : this.$store.getters.userInfo.userId,
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', completeTaskQuery)
|
||||||
|
if (!completeTaskRef.success) return;
|
||||||
|
this.$message.success(completeTaskRef.message)
|
||||||
|
|
||||||
|
this.footerLoading = false
|
||||||
|
|
||||||
|
if (this.$route.query.bpnId !== '') {
|
||||||
|
// 删除草稿
|
||||||
|
taskDel({ id: this.$route.query.bpnId })
|
||||||
|
}
|
||||||
|
// 流程提交之后,应该流转至待办任务页面
|
||||||
|
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||||
|
},
|
||||||
|
handleSubmit() {
|
||||||
|
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('请检查基础信息表单是否填写完整')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async getDicTypeListCode () {
|
||||||
|
const res = await getDicTypeListCode()
|
||||||
|
if (res.ok) {
|
||||||
|
this.dict = res.data
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</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>
|
||||||
@@ -0,0 +1,375 @@
|
|||||||
|
<template>
|
||||||
|
<div class="wrapper">
|
||||||
|
<ProcessHeader toggle>
|
||||||
|
<template slot="proName">政策入库流程</template>
|
||||||
|
<template slot="proNode">批准</template>
|
||||||
|
</ProcessHeader>
|
||||||
|
<div class="headerTabs">
|
||||||
|
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
|
||||||
|
<div 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" :dict="dict" :disabled="disabled"></Basic>
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">会议分类</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<Classification :form="form" :dict="dict" :disabled="disabled"></Classification>
|
||||||
|
<div v-for="(item, index) in form.meetingTopicList">
|
||||||
|
<ProcessTitle>
|
||||||
|
<template slot="title">
|
||||||
|
会议议题
|
||||||
|
<el-button type="primary" size="mini" icon="el-icon-plus" @click="addMeetingTopic" :disabled="disabled"
|
||||||
|
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"></el-button>
|
||||||
|
<el-button type="primary" size="mini" icon="el-icon-minus" @click="removeMeetingTopic(index)" :disabled="disabled"
|
||||||
|
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"></el-button>
|
||||||
|
</template>
|
||||||
|
</ProcessTitle>
|
||||||
|
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled"></Topics>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="block" style="padding-top: 20px;" v-show="active === '3'">
|
||||||
|
<ApprovalHistory :data="processData" :loading="processLoading"></ApprovalHistory>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<ProcessFooter
|
||||||
|
show-submit
|
||||||
|
show-over2
|
||||||
|
show-transfer
|
||||||
|
:submitLoading="footerLoading"
|
||||||
|
:saveLoading="footerLoading"
|
||||||
|
@transfer="handleTransfer"
|
||||||
|
@submit="handleApprove"
|
||||||
|
@over2="handleOver"
|
||||||
|
></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 Classification from "./components/Classification";
|
||||||
|
import Topics from "./components/Topics";
|
||||||
|
import PersonInfo from "./components/PersonInfo";
|
||||||
|
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
|
||||||
|
|
||||||
|
import { getDicTypeListCode, inboundLiaisonDetail, changeAssigneeNew, processCreateMeeting } from 'api/process'
|
||||||
|
export default {
|
||||||
|
name: "step2",
|
||||||
|
components: {
|
||||||
|
ProcessTitle,
|
||||||
|
ProcessHeader,
|
||||||
|
ProcessFooter,
|
||||||
|
Basic,
|
||||||
|
Classification,
|
||||||
|
Topics,
|
||||||
|
PersonInfo,
|
||||||
|
ApprovalHistory
|
||||||
|
},
|
||||||
|
data () {
|
||||||
|
const form = {
|
||||||
|
meetingName: '',
|
||||||
|
meetingOrganizer: '',
|
||||||
|
meetingTime: '',
|
||||||
|
meetingAddress: '',
|
||||||
|
participants: '',
|
||||||
|
meetingMinutes: '',
|
||||||
|
meetingMinutesName: '',
|
||||||
|
meetingContent: '',
|
||||||
|
firstMeetingType: '',
|
||||||
|
secondMeetingType: '',
|
||||||
|
meetingTopicList: [
|
||||||
|
{
|
||||||
|
agendaName: '',
|
||||||
|
agendaMaterials: '',
|
||||||
|
agendaMaterialsName: '',
|
||||||
|
reporter: '',
|
||||||
|
reportingUnit: '',
|
||||||
|
agendaContent: ''
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
const rules = {
|
||||||
|
meetingName: [
|
||||||
|
{required: true, type: 'string', message: '会议名称不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingOrganizer: [
|
||||||
|
{required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingTime: [
|
||||||
|
{required: true, message: '会议时间不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingAddress: [
|
||||||
|
{required: true, type: 'string', message: '会议地点不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
participants: [
|
||||||
|
{required: true, type: 'string', message: '参会人员不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
meetingContent: [
|
||||||
|
{required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
firstMeetingType: [
|
||||||
|
{required: true, message: '1级会议类别不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
secondMeetingType: [
|
||||||
|
{required: true, message: '2级会议类别不能为空', trigger: 'change'}
|
||||||
|
],
|
||||||
|
agendaName: [
|
||||||
|
{required: true, type: 'string', message: '议题名称不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
reporter: [
|
||||||
|
{required: true, type: 'string', message: '汇报人不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
reportingUnit: [
|
||||||
|
{required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change'},
|
||||||
|
{type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change'}
|
||||||
|
],
|
||||||
|
agendaContent: [
|
||||||
|
{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,
|
||||||
|
jlUserId: '',
|
||||||
|
jlUserName: '',
|
||||||
|
}
|
||||||
|
const roleRules = {
|
||||||
|
applyUserName: [
|
||||||
|
{required: true, message: '流程发起人不能为空', trigger: ['blur', 'change']}
|
||||||
|
],
|
||||||
|
jlUserName: [
|
||||||
|
{required: true, message: '审批人不能为空', trigger: ['blur', 'change']}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
active: '1',
|
||||||
|
disabled: false,
|
||||||
|
footerLoading: false,
|
||||||
|
reloadForm: true,
|
||||||
|
form,
|
||||||
|
rules,
|
||||||
|
roleForm,
|
||||||
|
roleRules,
|
||||||
|
dict: {},
|
||||||
|
|
||||||
|
// 审批历史
|
||||||
|
processData: [],
|
||||||
|
processLoading: false,
|
||||||
|
|
||||||
|
// 选人抽屉
|
||||||
|
drawerModal: false,
|
||||||
|
drawerTitle: '',
|
||||||
|
nodeList: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getDicTypeListCode()
|
||||||
|
this.getData()
|
||||||
|
this.processTable()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
handleTabs(tab) {
|
||||||
|
this.active = tab
|
||||||
|
},
|
||||||
|
addMeetingTopic () {
|
||||||
|
const meetingTopicItem = {
|
||||||
|
agendaName: '',
|
||||||
|
agendaMaterials: '',
|
||||||
|
agendaMaterialsName: '',
|
||||||
|
reporter: '',
|
||||||
|
reportingUnit: '',
|
||||||
|
agendaContent: ''
|
||||||
|
}
|
||||||
|
this.form.meetingTopicList = [...this.form.meetingTopicList, meetingTopicItem]
|
||||||
|
},
|
||||||
|
removeMeetingTopic (index) {
|
||||||
|
let res = []
|
||||||
|
this.form.meetingTopicList.forEach((item, i) => {
|
||||||
|
if (i !== index) {
|
||||||
|
res.push(item)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
this.form.meetingTopicList = [ ...res ]
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
inboundLiaisonDetail({
|
||||||
|
taskIds: this.taskIds,
|
||||||
|
pId: this.pId
|
||||||
|
}).then(res => {
|
||||||
|
if (res) {
|
||||||
|
this.reloadForm = false
|
||||||
|
const processForm = JSON.parse(res.mesg)
|
||||||
|
this.form = JSON.parse(JSON.stringify(processForm))
|
||||||
|
this.form.commentText = '' // 置空意见
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.reloadForm = true
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch(e => {
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 审批历史
|
||||||
|
processTable () {
|
||||||
|
this.$http._getData('lawss/activiti/get_list_by_instance',{
|
||||||
|
prcNum: this.$route.query.prcNum
|
||||||
|
},{
|
||||||
|
loading: 'processLoading',
|
||||||
|
_this: this
|
||||||
|
}).then(res => {
|
||||||
|
this.$set(this, 'processData', res)
|
||||||
|
})
|
||||||
|
},
|
||||||
|
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)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleOver(){
|
||||||
|
// 驳回
|
||||||
|
this.form.approvalOpinion = 1
|
||||||
|
this.handleSubmit()
|
||||||
|
},
|
||||||
|
handleApprove(){
|
||||||
|
// 通过
|
||||||
|
this.form.approvalOpinion = 0
|
||||||
|
this.handleSubmit()
|
||||||
|
},
|
||||||
|
// 提交
|
||||||
|
handleSubmit() {
|
||||||
|
this.$refs['form'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.footerLoading = true
|
||||||
|
const json = JSON.stringify(this.form);
|
||||||
|
this.$http.post('lawss/activiti/completeTask', {
|
||||||
|
userId:this.$store.getters.userInfo.userId,
|
||||||
|
taskIds: this.$route.query.taskIds,
|
||||||
|
json
|
||||||
|
}, {
|
||||||
|
_this: this
|
||||||
|
}, res => {
|
||||||
|
if (res.success) {
|
||||||
|
if(this.form.approvalOpinion === 1){
|
||||||
|
this.$message.warning("驳回成功")
|
||||||
|
this.footerLoading = false
|
||||||
|
// 流程提交之后,应该流转至待办任务页面
|
||||||
|
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
|
||||||
|
}else{
|
||||||
|
this.processCreate(json)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$message.warning('请检查基础信息表单是否填写完整')
|
||||||
|
}})
|
||||||
|
},
|
||||||
|
// 流程入库
|
||||||
|
processCreate (json) {
|
||||||
|
const _formData = new FormData()
|
||||||
|
_formData.append('infoJson', json)
|
||||||
|
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
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
async getDicTypeListCode () {
|
||||||
|
const res = await getDicTypeListCode()
|
||||||
|
if (res.ok) {
|
||||||
|
this.dict = res.data
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</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>
|
||||||
@@ -14,7 +14,7 @@
|
|||||||
disabled />
|
disabled />
|
||||||
<TimeLineFormItem
|
<TimeLineFormItem
|
||||||
prop="jlUserName"
|
prop="jlUserName"
|
||||||
timestamp="选择政策业务经理"
|
timestamp="批准"
|
||||||
title="政策业务经理"
|
title="政策业务经理"
|
||||||
:id.sync="roleForm.jlUserId"
|
:id.sync="roleForm.jlUserId"
|
||||||
:name.sync="roleForm.jlUserName"
|
:name.sync="roleForm.jlUserName"
|
||||||
|
|||||||
@@ -43,8 +43,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import ProcessHeader from '@/pages/processCenter/pages/components//ProcessHeader'
|
import ProcessHeader from '@/pages/processCenter/pages/components/ProcessHeader'
|
||||||
import ProcessFooter from '@/pages/processCenter/pages/components//ProcessFooter'
|
import ProcessFooter from '@/pages/processCenter/pages/components/ProcessFooter'
|
||||||
|
|
||||||
import Basic from "./components/Basic";
|
import Basic from "./components/Basic";
|
||||||
import EffectiveDate from "./components/EffectiveDate";
|
import EffectiveDate from "./components/EffectiveDate";
|
||||||
@@ -223,7 +223,7 @@ export default {
|
|||||||
}
|
}
|
||||||
const roleRules = {
|
const roleRules = {
|
||||||
prcCreateUserName: [
|
prcCreateUserName: [
|
||||||
{required: true, message: '政策业务经理不能为空', trigger: ['blur', 'change']}
|
{required: true, message: '流程发起人不能为空', trigger: ['blur', 'change']}
|
||||||
],
|
],
|
||||||
jlUserName: [
|
jlUserName: [
|
||||||
{required: true, message: '政策业务经理不能为空', trigger: ['blur', 'change']}
|
{required: true, message: '政策业务经理不能为空', trigger: ['blur', 'change']}
|
||||||
@@ -276,7 +276,7 @@ export default {
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
getData () {
|
getData () {
|
||||||
const {taskInfo, taskIds, prcId, disabledXX } = this.$route.query
|
const { taskIds, prcId, disabledXX } = this.$route.query
|
||||||
|
|
||||||
// 1. 根据草稿查询流程详情 2.已办、已发、监控:查看流程数据
|
// 1. 根据草稿查询流程详情 2.已办、已发、监控:查看流程数据
|
||||||
if(this.$route.query.bpnId){
|
if(this.$route.query.bpnId){
|
||||||
@@ -296,7 +296,7 @@ export default {
|
|||||||
this.disabled = disabledXX
|
this.disabled = disabledXX
|
||||||
}
|
}
|
||||||
// 重新起草
|
// 重新起草
|
||||||
if (taskInfo === '重新发起入库流程') {
|
if (taskIds) {
|
||||||
this.title = '重新起草'
|
this.title = '重新起草'
|
||||||
inboundLiaisonDetail({
|
inboundLiaisonDetail({
|
||||||
taskIds,
|
taskIds,
|
||||||
@@ -363,23 +363,31 @@ export default {
|
|||||||
async submit () {
|
async submit () {
|
||||||
this.footerLoading = true
|
this.footerLoading = true
|
||||||
|
|
||||||
const startProcessRollBackQuery = {
|
|
||||||
createUser: this.$store.getters.userInfo.userId,
|
|
||||||
createUserName: this.$store.getters.userInfo.userName,
|
|
||||||
type: 'laws1',
|
|
||||||
json: JSON.stringify({
|
|
||||||
form: this.form,
|
|
||||||
roleForm: this.roleForm
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const res = await this.$http._post('lawss/activiti/startProcessRollBack', startProcessRollBackQuery)
|
|
||||||
if(!res.ok) return;
|
|
||||||
|
|
||||||
const json = Object.assign(this.form, this.roleForm);
|
const json = Object.assign(this.form, this.roleForm);
|
||||||
const completeTaskQuery = {
|
let completeTaskQuery = {}
|
||||||
taskIds: res.data,
|
if (this.$route.query.taskIds) {
|
||||||
userId : this.$store.getters.userInfo.userId,
|
// 重新起草
|
||||||
json: JSON.stringify(json)
|
completeTaskQuery = {
|
||||||
|
taskIds: this.$route.query.taskIds,
|
||||||
|
userId : this.$store.getters.userInfo.userId,
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// 起草
|
||||||
|
const startProcessRollBackQuery = {
|
||||||
|
createUser: this.$store.getters.userInfo.userId,
|
||||||
|
createUserName: this.$store.getters.userInfo.userName,
|
||||||
|
type: 'laws1',
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
|
const res = await this.$http._post('lawss/activiti/startProcessRollBack', startProcessRollBackQuery)
|
||||||
|
if(!res.ok) return;
|
||||||
|
|
||||||
|
completeTaskQuery = {
|
||||||
|
taskIds: res.data,
|
||||||
|
userId : this.$store.getters.userInfo.userId,
|
||||||
|
json: JSON.stringify(json)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', completeTaskQuery)
|
const completeTaskRef = await this.$http._post('lawss/activiti/completeTask', completeTaskQuery)
|
||||||
if (!completeTaskRef.success) return;
|
if (!completeTaskRef.success) return;
|
||||||
@@ -514,18 +522,18 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
height: calc(~'100% - 103px');
|
height: calc(~'100% - 103px');
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
.tableTitle {
|
//.tableTitle {
|
||||||
margin-bottom: 10px;
|
// margin-bottom: 10px;
|
||||||
height: 30px;
|
// height: 30px;
|
||||||
line-height: 30px;
|
// line-height: 30px;
|
||||||
position: relative;
|
// position: relative;
|
||||||
font-size: 13px;
|
// font-size: 13px;
|
||||||
font-weight: bold;
|
// font-weight: bold;
|
||||||
.tableButton {
|
// .tableButton {
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
right: 0;
|
// right: 0;
|
||||||
top: 0;
|
// top: 0;
|
||||||
}
|
// }
|
||||||
}
|
//}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -391,6 +391,9 @@ export default {
|
|||||||
}else if(prcType === '12'){
|
}else if(prcType === '12'){
|
||||||
//政策课题参会发起流程
|
//政策课题参会发起流程
|
||||||
this.toProcessDetail('zdrzbzORzchgxxmscStep1',row)
|
this.toProcessDetail('zdrzbzORzchgxxmscStep1',row)
|
||||||
|
}else if(prcType === '28'){
|
||||||
|
//内外部会议入库
|
||||||
|
this.toProcessDetail('hyrk1',row)
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.warning('当前流程未全部办理完成,无法查看')
|
this.$message.warning('当前流程未全部办理完成,无法查看')
|
||||||
|
|||||||
@@ -79,21 +79,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="process-name">
|
|
||||||
<el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
|
|
||||||
<div class="card-box" @click="handleCreateProcess('12')">
|
|
||||||
<div class="card-top">
|
|
||||||
<div class="card-top-left">
|
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
|
||||||
</div>
|
|
||||||
<div class="card-top-right">
|
|
||||||
<div class="card-top-right-text">政策征求意见流程</div>
|
|
||||||
<div class="card-top-right-line"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
<div class="process-name">
|
<div class="process-name">
|
||||||
<el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
|
<el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
|
||||||
<div class="card-box" @click="handleCreateProcess('7')">
|
<div class="card-box" @click="handleCreateProcess('7')">
|
||||||
@@ -124,21 +109,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="process-name">
|
|
||||||
<el-card shadow="hover" v-btn-permission="'f01a55435ba41dfe0a4bf99428b9e5c2'">
|
|
||||||
<div class="card-box" @click="handleCreateProcess('13')">
|
|
||||||
<div class="card-top">
|
|
||||||
<div class="card-top-left">
|
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
|
||||||
</div>
|
|
||||||
<div class="card-top-right">
|
|
||||||
<div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
|
|
||||||
<div class="card-top-right-line"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
<div class="process-name">
|
<div class="process-name">
|
||||||
<el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
|
<el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
|
||||||
<div class="card-box" @click="handleCreateProcess('11')">
|
<div class="card-box" @click="handleCreateProcess('11')">
|
||||||
@@ -155,7 +125,22 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="process-name">
|
<div class="process-name">
|
||||||
<el-card shadow="hover" v-btn-permission="''">
|
<el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('8')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">未符合项整改流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
|
||||||
<div class="card-box" @click="handleCreateProcess('laws1')">
|
<div class="card-box" @click="handleCreateProcess('laws1')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
@@ -170,14 +155,44 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
<div class="process-name">
|
<div class="process-name">
|
||||||
<el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
|
<el-card shadow="hover" v-btn-permission="'42c7b2e5011900a6eb0c09c5355f8128'">
|
||||||
<div class="card-box" @click="handleCreateProcess('8')">
|
<div class="card-box" @click="handleCreateProcess('28')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-top-right">
|
<div class="card-top-right">
|
||||||
<div class="card-top-right-text">未符合项整改流程</div>
|
<div class="card-top-right-text">内外部会议入库流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('12')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">政策征求意见流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'f01a55435ba41dfe0a4bf99428b9e5c2'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('13')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
|
||||||
<div class="card-top-right-line"></div>
|
<div class="card-top-right-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -598,6 +613,12 @@ export default {
|
|||||||
name: 'qbzxdlxStep1'
|
name: 'qbzxdlxStep1'
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
|
// 内外部会议入库流程
|
||||||
|
case '28':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'hyrk1'
|
||||||
|
})
|
||||||
|
break
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
checkPermission(permissionIdArray) {
|
checkPermission(permissionIdArray) {
|
||||||
|
|||||||
@@ -2259,6 +2259,30 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
break
|
||||||
|
case '28': {
|
||||||
|
let routeName = ''
|
||||||
|
switch (row.taskInfo) {
|
||||||
|
case '内外部会议入库审批':
|
||||||
|
routeName = 'zcrk2'
|
||||||
|
break
|
||||||
|
case '重新发起内外部会议入库流程':
|
||||||
|
routeName = 'zcrk1'
|
||||||
|
break
|
||||||
|
}
|
||||||
|
this.$router.push({
|
||||||
|
name: routeName,
|
||||||
|
query: {
|
||||||
|
taskIds: row.taskIds,
|
||||||
|
prcId: row.prcId,
|
||||||
|
prcNum: row.prcNum,
|
||||||
|
prcName: row.prcName,
|
||||||
|
prcType: row.prcType
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
break
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
...mapMutations(['setProcess', 'setHandleInfo']),
|
...mapMutations(['setProcess', 'setHandleInfo']),
|
||||||
|
|||||||
@@ -963,6 +963,15 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
|
case '28':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'hyrk1',
|
||||||
|
query: {
|
||||||
|
prcType: '28',
|
||||||
|
processName: '申请人发起流程',
|
||||||
|
bpnId: id
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
...mapMutations(['setProcess', 'setHandleInfo']),
|
...mapMutations(['setProcess', 'setHandleInfo']),
|
||||||
|
|||||||
@@ -1160,6 +1160,24 @@ const routes = [
|
|||||||
title: '政策入库流程'
|
title: '政策入库流程'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/hyrk1',
|
||||||
|
name: 'hyrk1',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/hzwl-hyrk/step1.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '会议入库流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/hyrk2',
|
||||||
|
name: 'hyrk2',
|
||||||
|
component: () => import('@/pages/processCenter/pages/creatProcess/hzwl-hyrk/step2.vue'),
|
||||||
|
meta: {
|
||||||
|
requireAuth: true,
|
||||||
|
title: '会议入库流程'
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/zcrkStep1',
|
path: '/zcrkStep1',
|
||||||
name: 'zcrkStep1',
|
name: 'zcrkStep1',
|
||||||
|
|||||||
Reference in New Issue
Block a user