外部标准化协会入会流程

This commit is contained in:
shenyanpei
2021-10-29 14:13:09 +08:00
parent d4b7ae43a0
commit 453ae18ff9
9 changed files with 999 additions and 301 deletions
@@ -70,7 +70,7 @@
size="mini"
class="common-button-primary"
@click="handleSave"
:loading="submitLoading"
:loading="saveLoading"
v-if="showSave">
<i class="iconfont">&#xe608;</i>
保存
@@ -80,7 +80,7 @@
size="small"
class="common-button-danger"
@click="beforeBack"
:loading="submitLoading"
:loading="isSubmitBack"
v-if="showBack">
<i class="iconfont" style="font-size: 12px;">&#xe615;</i>
{{ backBTNText }}</el-button>
@@ -239,7 +239,7 @@ export default {
type: Boolean,
default: false
},
// 保存按钮loading
// 退回按钮loading
isSubmitBack: {
type: Boolean,
default: false
@@ -15,7 +15,7 @@
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="content_form">
<el-form ref="rh_pageData" :model="rh_pageData" :rules="rh_rules" label-width="auto">
<el-form ref="rh_pageData" :model="rh_pageData" :rules="rh_rules" label-width="150px">
<el-row>
<el-col :span="8">
<el-form-item label="协会名称:">
@@ -156,7 +156,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="任期:">
<el-input v-model="rh_pageData.comityMake.makeTime" ></el-input>
<el-input v-model="rh_pageData.comityMake.makeTime"></el-input>
</el-form-item>
</el-col>
</el-row>
@@ -196,35 +196,35 @@
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_name"
prop="tel_name"
align="center"
label="联络人">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_name"></el-input>
<el-input v-model="scope.row.tel_name"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_unit"
prop="tel_unit"
align="center"
label="单位">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_unit"></el-input>
<el-input v-model="scope.row.tel_unit"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_phone"
prop="tel_phone"
align="center"
label="电话">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_phone"></el-input>
<el-input v-model="scope.row.tel_phone"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_mail"
prop="tel_mail"
align="center"
label="邮箱">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_mail"></el-input>
<el-input v-model="scope.row.tel_mail"/>
</template>
</el-table-column>
</el-table>
@@ -252,7 +252,7 @@
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="指派人员" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<h4>技术委员会分委会主任/技术主管部门负责人</h4>
@@ -264,85 +264,85 @@
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="填写信息" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="dockUserName1" style="margin-bottom: 0">
<h4>责任工程师</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dutyUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dutyUserName" :disabled="true" placeholder="责任工程师">
<el-input v-model="roleForm.dutyUser1" style="display: none;"></el-input>
<el-input v-model="roleForm.dutyUserName1" :disabled="true" placeholder="责任工程师">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.uploadUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="partUserId" style="margin-bottom: 0">
<h4>参会人员所在部门负责人</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.uploadUser" style="display: none;"></el-input>
<el-input v-model="roleForm.uploadUserName" :disabled="true" placeholder="参会人员所在部门负责人">
<el-input v-model="roleForm.partUserId" style="display: none;"></el-input>
<el-input v-model="roleForm.partUser" :disabled="true" placeholder="参会人员所在部门负责人">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="汇总修订" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="startUserName" style="margin-bottom: 0">
<h4>标准法规部人员</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择标准法规部人员" @click.native="choiceZRR('dockUser', '选择标准法规部人员', roleForm.dockUser)">
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择标准法规部人员" @click.native="choiceZRR('dockUser', '选择标准法规部人员', roleForm.dockUser)">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="审批" placement="top" :color="roleForm.leaderUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="leaderUser" style="margin-bottom: 0">
<h4>标准法规部主管领导</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择标准法规部主管领导" @click.native="choiceZRR('dockUser', '选择标准法规部主管领导', roleForm.dockUser)">
<el-input v-model="roleForm.leaderUserId" style="display: none;"></el-input>
<el-input v-model="roleForm.leaderUser" placeholder="选择标准法规部主管领导" @click.native="choiceZRROne('leaderUser', '选择标准法规部主管领导', roleForm.leaderUser)">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="会签" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="会签" placement="top" :color="roleForm.feeUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="feeUser" style="margin-bottom: 0">
<h4>费用管理部门</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择费用管理部门" @click.native="choiceZRR('dockUser', '选择费用管理部门', roleForm.dockUser)">
<el-input v-model="roleForm.feeUserId" style="display: none;"></el-input>
<el-input v-model="roleForm.feeUser" placeholder="选择费用管理部门" @click.native="choiceZRR('feeUser', '选择费用管理部门', roleForm.feeUser)">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="审定" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="审定" placement="top" :color="roleForm.engineerUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="engineerUser" style="margin-bottom: 0">
<h4>技术委员会常务副主任/总院院长</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择人员" @click.native="choiceZRR('dockUser', '选择人员', roleForm.dockUser)">
<el-input v-model="roleForm.engineerUserId" style="display: none;"></el-input>
<el-input v-model="roleForm.engineerUser" placeholder="选择人员" @click.native="choiceZRROne('engineerUser', '选择人员', roleForm.engineerUser)">
</el-input>
</div>
</el-form-item>
</el-card>
</el-timeline-item>
<el-timeline-item timestamp="批准" placement="top" :color="roleForm.dockUser ? '#66b1ff' : ''">
<el-timeline-item timestamp="批准" placement="top" :color="roleForm.startUser ? '#66b1ff' : ''">
<el-card>
<el-form-item prop="dockUserName" style="margin-bottom: 0">
<el-form-item prop="totalLeader" style="margin-bottom: 0">
<h4>总院技术委员会主任</h4>
<div style="margin-top: 10px;width: 300px;">
<el-input v-model="roleForm.dockUser" style="display: none;"></el-input>
<el-input v-model="roleForm.dockUserName" :disabled="true" placeholder="选择总院技术委员会主任" @click.native="choiceZRR('dockUser', '选择总院技术委员会主任', roleForm.dockUser)">
<el-input v-model="roleForm.startUser" style="display: none;"></el-input>
<el-input v-model="roleForm.startUserName" :disabled="true" placeholder="选择总院技术委员会主任" @click.native="choiceZRROne('startUser', '选择总院技术委员会主任', roleForm.startUser)">
</el-input>
</div>
</el-form-item>
@@ -363,6 +363,12 @@
</ProcessFooter>
<Role-tree
check-box
is-title="选择人员信息"
:is-visible.sync="roleShowflagOne"
:nodeList="nodeListOne"
@checkedRole="drawerCheckOne"
/>
<Role-tree
is-title="选择人员信息"
:is-visible.sync="roleShowflag"
:nodeList="nodeList"
@@ -375,7 +381,8 @@
import ProcessHeader from '../../components/ProcessHeader'
import ProcessFooter from '../../components/ProcessFooter'
import ProcessTitle from '../../components/ProcessTitle'
import { startProcess, saveTaskFirst,completeTask } from '@/api/process.js'
import {startProcess, saveTaskFirst, completeTask, queryTaskFirst} from '@/api/process.js'
export default {
components: {
ProcessHeader,
@@ -393,7 +400,7 @@ export default {
comityRole: '',
comityState: '',
comityKind: '',
infoSources: '',
infoSources: [],
comityMake: {
makeQualification: '',
makeRole: '',
@@ -402,26 +409,26 @@ export default {
makeTime: '',
},
workPath: '',
comityTel:[],
comityTel: [],
},
comityNameOptions: [
{ value: '0' ,label: '国内法规入库流程'},
{ value: '1' ,label: '标准法规技术评估流程'},
{value: '0', label: '国内法规入库流程'},
{value: '1', label: '标准法规技术评估流程'},
],
comityRoleOptions: [
{ value: '0' ,label: '委员'},
{ value: '1' ,label: '观察委员'},
{ value: '2' ,label: '通讯委员'},
{ value: '3' ,label: '成员'}
{value: '0', label: '委员'},
{value: '1', label: '观察委员'},
{value: '2', label: '通讯委员'},
{value: '3', label: '成员'}
],
comityStateOptions: [
{ value: '0' ,label: '常设机构'},
{ value: '1' ,label: '临时机构'}
{value: '0', label: '常设机构'},
{value: '1', label: '临时机构'}
],
comityKindOptions: [
{ value: '0' ,label: '新增'},
{ value: '1' ,label: '换届'},
{ value: '2' ,label: '委员改选'}
{value: '0', label: '新增'},
{value: '1', label: '换届'},
{value: '2', label: '委员改选'}
],
/** 上传相关 */
acceptShow: false,
@@ -439,26 +446,51 @@ export default {
startUserName: this.$store.getters.userInfo.userName,
startUser: this.$store.getters.userInfo.userId,
dockUserName: '',
dockUser: ''
dockUser: '',
leaderUser: '',
leaderUserId: '',
feeUser: '',
feeUserId: '',
engineerUser: '',
engineerUserId: '',
},
rh_rules: {},
roleFormRules: {
dockUserName: [{ required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
dockUserName: [{required: true, message: "请选择标准法规工程师", trigger: ['blur', 'change']}]
},
roleShowflag: false,
roleShowflagOne: false,
nodeList: [],
nodeListOne: [],
isSubmit: false,
saveLoading: false,
}
},
mounted() {
this.bpnId = this.$route.query.bpnId
if (this.bpnId !== undefined) {
this.getData()
}
},
methods: {
// 右上标签页面切换
handleTabs(name) {
this.active = name
},
getData() {
queryTaskFirst({
bpnId: this.$route.query.bpnId
}).then(res => {
let mes = JSON.parse(res.mes)
this.rh_pageData = mes.rh_pageData
this.roleForm = mes.roleForm
});
},
//上传按钮
uploadFile (val) {
uploadFile(val) {
},
// 文件上传限制条件
handleBeforeUpload(file) {
@@ -489,8 +521,8 @@ export default {
handleBeforeRemove(file, fileList) {
this.fileData = fileList
this.fileTextList.forEach((item, index) => {
if (item.name === file.name || item.id === file.id ) {
this.fileTextList.splice(index,1)
if (item.name === file.name || item.id === file.id) {
this.fileTextList.splice(index, 1)
}
})
},
@@ -509,7 +541,7 @@ export default {
name: res.data.standName
})
}
this.fileListData.fileText = this.newDataList
this.rh_pageData.infoSources = this.newDataList
this.$message({
showClose: true,
message: res.message,
@@ -563,31 +595,86 @@ export default {
},
// 流程阶段负责人选择
choiceZRR (type, title, id) {
choiceZRR(type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.type = type
this.drawerTitle = title
this.roleShowflag = true
},
drawerCheck (data) {
drawerCheck(data) {
var idList = ''
var nameList = ''
data.forEach(item => {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id;
nameList += item.name;
});
console.log(this.type)
if (this.type === 'feeUser') {
this.roleForm.feeUser = nameList
this.roleForm.feeUserId = idList
} else {
this.roleForm.dockUser = idList
this.roleForm.dockUserName = nameList
this.rh_pageData.comityInRole = nameList
this.rh_pageData.comityInRoleId = idList
}
this.roleShowflag = false
},
// 流程阶段人选择
choiceZRROne(type, title, id) {
this.nodeListOne = []
this.nodeListOne.push(id)
this.type = type
this.drawerTitleOne = title
this.roleShowflagOne = true
},
drawerCheckOne(data) {
this.unqualidiedData.forEach(item => {
item.engineer = data[0].name
item.engineerId = data[0].id
})
this.roleForm.dockUser = data[0].id
this.roleForm.dockUserName = data[0].name
this.roleShowflag = false
if (this.type === 'leaderUser') {
this.roleForm.leaderUser = data[0].name
this.roleForm.leaderUserId = data[0].id
} else {
this.roleForm.engineerUser = data[0].name
this.roleForm.engineerUserId = data[0].id
}
this.roleShowflagOne = false
},
// 保存按钮
handleSave(){},
handleSave() {
this.saveLoading = true
let _formData = new FormData()
_formData.append('id', this.bpnId || '')
_formData.append('createUser', this.$store.getters.userInfo.userId)
_formData.append('createUserName', this.$store.getters.userInfo.userName)
_formData.append('prcType', '20')
_formData.append('json', JSON.stringify({
roleForm: this.roleForm,
rh_pageData: this.rh_pageData
}))
saveTaskFirst(_formData).then(res => {
this.saveLoading = false
this.$message.success('保存成功')
this.bpnId = res.result
}).catch(e => {
this.saveLoading = false
})
},
// 提交按钮
handleSubmit() {
let json = {
prcCreateUser: this.$store.getters.userInfo.userId,
prcCreateUserName: this.$store.getters.userInfo.userName,
roleList: this.roleForm,
rh_pageData: this.rh_pageData,
directorList: this.roleForm.dockUser,
directorList: this.rh_pageData.comityInRoleId,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
@@ -595,16 +682,16 @@ export default {
if (valid) {
this.isSubmit = true
const paramsInfo = {
type: '11'
type: '20'
}
startProcess(paramsInfo).then(res=>{
startProcess(paramsInfo).then(res => {
this.taskID = res.data
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskID)
completeTask(params).then(res => {
if(res.success === true) {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
@@ -613,7 +700,8 @@ export default {
})
}
})
} })
}
})
}
}
}
@@ -621,15 +709,18 @@ export default {
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrhStep1 {
position: relative;
height: 100%;
/deep/.el-drawer__container {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.headerTabs {
height: 52px;
display: flex;
@@ -637,6 +728,7 @@ export default {
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
@@ -644,21 +736,25 @@ export default {
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content-center {
padding: 10px 0px 10px 10px;
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
@@ -666,6 +762,7 @@ export default {
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
@@ -673,36 +770,46 @@ export default {
}
}
}
.content_form {
border: 1px solid #DCDFE6;
padding-top: 15px;
.el-divider--horizontal {
margin-top: 0px;
}
/deep/.el-table__body-wrapper {
height: auto!important;
/deep/ .el-table__body-wrapper {
height: auto !important;
}
/deep/.el-textarea__inner {
/deep/ .el-textarea__inner {
font-family: inherit;
}
.make_form {
border: 1px solid #DCDFE6;
padding: 10px;
/deep/.el-form-item__label-wrap {
margin-left: 0!important;
/deep/ .el-form-item__label-wrap {
margin-left: 0 !important;
}
/deep/.el-form-item__content {
margin-left: 40px!important;
/deep/ .el-form-item__content {
margin-left: 40px !important;
}
.el-input {
padding-bottom: 10px;
width: 85%;
}
}
.comityTel_btn {
text-align: right;
}
/deep/.el-table th {
/deep/ .el-table th {
padding: 0px;
}
}
@@ -2,7 +2,7 @@
<div class="bzrhStep2">
<ProcessHeader toggle>
<template slot="proName">外部标准化协会入会流程</template>
<template slot="proNode">发起流程</template>
<template slot="proNode">选择人员确认</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -14,7 +14,7 @@
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="content_form">
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
<el-form ref="rh_pageData" :model="rh_pageData" label-width="150px" :rules="rh_rules">
<el-row>
<el-col :span="8">
<el-form-item label="文件编号:" prop="comityFileNum">
@@ -87,27 +87,11 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_name"
align="center"
label="联络人">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_unit"
align="center"
label="单位">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_phone"
align="center"
label="电话">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_mail"
align="center"
label="邮箱">
</el-table-column>
<el-table-column type="selection" width="55"/>
<el-table-column prop="tel_name" align="center" label="联络人"/>
<el-table-column prop="tel_unit" align="center" label="单位"/>
<el-table-column prop="tel_phone" align="center" label="电话"/>
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
</el-table>
</el-form-item>
<ProcessTitle>
@@ -115,16 +99,28 @@
</ProcessTitle>
<el-form-item label="入会人员:">
<el-input
clearable
:disabled="true"
style="width: 30%"
placeholder="请选择入会人员"
v-model="rh_pageData.comityInRole"
@click.native="inRoleChice">
v-model="rh_pageData.comityOpRole"
>
</el-input>
</el-form-item>
</el-form>
</div>
</div>
<el-collapse accordion>
<el-collapse-item title="回执说明">
<div style="margin: 10px 0;">
<el-input
type="textarea"
:rows="3"
resize="none"
placeholder="请输入意见"
v-model="commentText">
</el-input>
</div>
</el-collapse-item>
</el-collapse>
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list">
@@ -194,23 +190,15 @@
</div>
</div>
<ProcessFooter
show-save
show-submit
show-back
backBTNTexts="不涉及"
:isSubmitBack="isBack"
:submitLoading="isSubmit"
:saveLoading="saveLoading"
@back="handleSubmitNo"
@save="handleSave"
@submit="handleSubmit"
>
</ProcessFooter>
<Role-tree
is-title="选择人员信息"
:is-visible.sync="roleShowflag"
:nodeList="nodeList"
@checkedRole="drawerCheck"
/>
</div>
</template>
@@ -221,10 +209,11 @@ import ProcessTitle from "../../components/ProcessTitle";
import {
completeTask,
inboundLiaisonDetail,
startProcess,
saveinboundTask,
saveTaskForPub,
changeAssigneeNew
} from "@/api/process.js"
export default {
components: {
ProcessHeader,
@@ -253,15 +242,18 @@ export default {
},
workPath: '',
comityTel: [],
comityInRole: '',
comityOpRole: '',
comityInRoleId: '',
},
roleForm: {},
commentText: '',
roleShowflag: false,
nodeList: [],
detailData: [],
loading: false,
isSubmit: false,
isBack: false,
saveLoading: false,
taskIds: this.$route.query.taskIds,
@@ -302,9 +294,11 @@ export default {
this.getFormFieldList(processForm)
})
},
getFormFieldList (item) {
getFormFieldList(item) {
this.$nextTick(() => {
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
this.rh_pageData.comityOpRole = this.$store.getters.userInfo.userName
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
// this.rh_pageData.comityFileNum = this.fileTextList
})
},
@@ -312,36 +306,57 @@ export default {
handleTabs(name) {
this.active = name
},
// 流程阶段负责人选择
inRoleChice (type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.type = type
this.drawerTitle = title
this.roleShowflag = true
},
drawerCheck (data) {
var idList = ''
var nameList = ''
data.forEach(item => {
if (nameList.length > 0) {
nameList += ','
idList += ','
}
idList += item.id;
nameList += item.name;
});
this.rh_pageData.comityInRole = nameList
this.rh_pageData.comityInRoleId = idList
this.roleShowflag = false
},
// 退回按钮
handleSubmitNo() {},
// 保存按钮
handleSave() {
handleSubmitNo() {
let json = {
roleList: this.roleForm,
memberId: this.$store.getters.userInfo.userId,
passFlag: '0',
commentText: this.commentText,
rh_pageData: this.rh_pageData,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isBack = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('退回成功')
this.$router.push("/processCenter");
}
this.isBack = false
});
}
})
},
// 提交按钮
handleSubmit() {
let json = {
roleList: this.roleForm,
memberId: this.$store.getters.userInfo.userId,
passFlag: '1',
commentText: this.commentText,
rh_pageData: this.rh_pageData,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isSubmit = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
});
}
})
}
}
}
@@ -349,15 +364,18 @@ export default {
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrhStep2 {
position: relative;
height: 100%;
/deep/.el-drawer__container {
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.headerTabs {
height: 52px;
display: flex;
@@ -365,6 +383,7 @@ export default {
position: absolute;
top: 0;
right: 10px;
.headerTabsItem {
border: 1px solid #c1c1c1;
padding: 0 5px;
@@ -372,21 +391,25 @@ export default {
line-height: 30px;
cursor: pointer;
}
.active {
border: 1px solid #E6A23C;
color: #fff;
background: #E6A23C;
}
}
.content-center {
padding: 10px 0px 10px 10px;
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
@@ -394,6 +417,7 @@ export default {
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
@@ -401,12 +425,15 @@ export default {
}
}
}
.content_form {
padding: 15px;
.comityTel_btn {
text-align: right;
}
/deep/.el-table th {
/deep/ .el-table th {
padding: 0px;
}
}
@@ -2,7 +2,7 @@
<div class="bzrhStep3">
<ProcessHeader toggle>
<template slot="proName">外部标准化协会入会流程</template>
<template slot="proNode">发起流程</template>
<template slot="proNode">入选代表填写信息</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -84,27 +84,11 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_name"
align="center"
label="联络人">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_unit"
align="center"
label="单位">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_phone"
align="center"
label="电话">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_mail"
align="center"
label="邮箱">
</el-table-column>
<el-table-column type="selection" width="55"/>
<el-table-column prop="tel_name" align="center" label="联络人"/>
<el-table-column prop="tel_unit" align="center" label="单位"/>
<el-table-column prop="tel_phone" align="center" label="电话"/>
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
</el-table>
</el-form-item>
<ProcessTitle>
@@ -116,6 +100,7 @@
<el-input
style="width: 100%"
placeholder="请填写"
:disabled="true"
v-model="rh_pageData.fillPeople"
/>
</el-form-item>
@@ -175,6 +160,7 @@
style="width: 100%"
placeholder="请填写"
v-model="rh_pageData.fillLeader"
@click.native="choiceZRR"
/>
</el-form-item>
</el-col>
@@ -282,6 +268,12 @@
import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import {
completeTask,
inboundLiaisonDetail,
saveinboundTask,
saveTaskForPub,
} from "@/api/process.js"
export default {
components: {
@@ -317,8 +309,11 @@ export default {
fillTel: '',
fillMail: '',
fillLeader: '',
fillLeaderId: '',
fillFile: '',
},
roleForm: {},
unqualidiedData: [],
roleShowflag: false,
nodeList: [],
detailData: [],
@@ -368,6 +363,8 @@ export default {
getFormFieldList (item) {
this.$nextTick(() => {
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
this.rh_pageData.fillPeople = this.$store.getters.userInfo.userName
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
// this.rh_pageData.comityFileNum = this.fileTextList
})
},
@@ -375,11 +372,65 @@ export default {
handleTabs(name) {
this.active = name
},
choiceZRR(type, title, id) {
this.nodeList = []
this.nodeList.push(id)
this.type = type
this.drawerTitle = title
this.roleShowflag = true
},
drawerCheck (data) {
this.unqualidiedData.forEach(item => {
item.engineer = data[0].name
item.engineerId = data[0].id
})
this.rh_pageData.fillLeaderId = data[0].id
this.rh_pageData.fillLeader = data[0].name
this.roleShowflag = false
},
// 保存按钮
handleSave() {
this.saveLoading = true
let _formData = new FormData()
_formData.append('taskIds', this.taskIds)
_formData.append('json', JSON.stringify({
roleList: this.roleForm,
selfUser: this.$store.getters.userInfo.userId,
charge: this.rh_pageData.fillLeaderId,
rh_pageData: this.rh_pageData,
}))
saveTaskForPub(_formData).then(res => {
this.saveLoading = false
this.$message.success('保存成功')
this.bpnId = res.result
}).catch(e => {
this.saveLoading = false
})
},
// 提交按钮
handleSubmit() {
let json = {
roleList: this.roleForm,
selfUser: this.$store.getters.userInfo.userId,
charge: this.rh_pageData.fillLeaderId,
rh_pageData: this.rh_pageData,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isSubmit = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
});
}
})
}
}
}
@@ -2,7 +2,7 @@
<div class="bzrhStep4">
<ProcessHeader toggle>
<template slot="proName">外部标准化协会入会流程</template>
<template slot="proNode">发起流程</template>
<template slot="proNode">责任负责人审批</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -87,27 +87,11 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_name"
align="center"
label="联络人">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_unit"
align="center"
label="单位">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_phone"
align="center"
label="电话">
</el-table-column>
<el-table-column
v-model="rh_pageData.comityTel.tel_mail"
align="center"
label="邮箱">
</el-table-column>
<el-table-column type="selection" width="55"/>
<el-table-column prop="tel_name" align="center" label="联络人"/>
<el-table-column prop="tel_unit" align="center" label="单位"/>
<el-table-column prop="tel_phone" align="center" label="电话"/>
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
</el-table>
</el-form-item>
<el-form-item label="入会人员:">
@@ -119,41 +103,13 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column
v-model="rh_pageData.myPartRole.fillPeople"
align="center"
label="参与人">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillUnit"
align="center"
label="单位">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillDept"
align="center"
label="部门">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillPost"
align="center"
label="身份">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillTel"
align="center"
label="电话">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillMail"
align="center"
label="邮箱">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillFile"
align="center"
label="资料">
</el-table-column>
<el-table-column prop="fillPeople" align="center" label="参与人"/>
<el-table-column prop="fillUnit" align="center" label="单位"/>
<el-table-column prop="fillDept" align="center" label="部门"/>
<el-table-column prop="fillPost" align="center" label="身份"/>
<el-table-column prop="fillTel" align="center" label="电话"/>
<el-table-column prop="fillMail" align="center" label="邮箱"/>
<el-table-column prop="fillFile" align="center" label="资料"/>
</el-table>
</el-form-item>
</el-form>
@@ -245,7 +201,7 @@
show-back
backBTNTexts="驳回"
:submitLoading="isSubmit"
:saveLoading="saveLoading"
:isSubmitBack="isBack"
@back="handleSubmitNo"
@submit="handleSubmit"
>
@@ -290,6 +246,7 @@ export default {
makeDuties: '',
makeTime: '',
},
prcCreateUser: {},
workPath: '',
comityTel: [],
fillPeople: '',
@@ -302,13 +259,18 @@ export default {
fillFile: '',
myPartRole: [],
},
roleForm: {},
selfUser: '',
detailData: [],
loading: false,
textarea: '',
isSubmit: false,
isBack: false,
saveLoading: false,
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
}
},
computed: {
@@ -349,11 +311,76 @@ export default {
this.getFormFieldList(processForm)
})
},
getFormFieldList (item) {
this.$nextTick(() => {
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
this.rh_pageData.myPartRole = [{
fillPeople: this.rh_pageData.fillPeople,
fillUnit: this.rh_pageData.fillUnit,
fillDept: this.rh_pageData.fillDept,
fillPost: this.rh_pageData.fillPost,
fillTel: this.rh_pageData.fillTel,
fillMail: this.rh_pageData.fillMail,
fillFile: this.rh_pageData.fillFile,
}]
this.selfUser = JSON.parse(JSON.stringify(item)).selfUser
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
// this.rh_pageData.comityFileNum = this.fileTextList
})
},
// 退回按钮
handleSubmitNo() {},
handleSubmitNo() {
let json = {
member: this.selfUser,
passFlag: '0',
engineerSum: this.roleForm.startUser,
commentText: this.textarea,
rh_pageData: this.rh_pageData,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isBack = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('退回成功')
this.$router.push("/processCenter");
}
this.isBack = false
});
}
})
},
// 提交按钮
handleSubmit() {
let json = {
member: this.selfUser,
passFlag: '1',
engineerSum: this.roleForm.startUser,
roleList: this.roleForm,
commentText: this.textarea,
rh_pageData: this.rh_pageData,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isSubmit = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
});
}
})
}
}
}
@@ -2,7 +2,7 @@
<div class="bzrhStep5">
<ProcessHeader toggle>
<template slot="proName">外部标准化协会入会流程</template>
<template slot="proNode">发起流程</template>
<template slot="proNode">汇总修订</template>
</ProcessHeader>
<div class="headerTabs">
<div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -87,37 +87,37 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="selection" width="55"/>
<el-table-column
prop="rh_pageData.comityTel.tel_name"
prop="tel_name"
align="center"
label="联络人">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_name"></el-input>
<el-input v-model="scope.row.tel_name"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_unit"
prop="tel_unit"
align="center"
label="单位">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_unit"></el-input>
<el-input v-model="scope.row.tel_unit"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_phone"
prop="tel_phone"
align="center"
label="电话">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_phone"></el-input>
<el-input v-model="scope.row.tel_phone"/>
</template>
</el-table-column>
<el-table-column
prop="rh_pageData.comityTel.tel_mail"
prop="tel_mail"
align="center"
label="邮箱">
<template slot-scope="scope">
<el-input v-model="scope.row.tel_mail"></el-input>
<el-input v-model="scope.row.tel_mail"/>
</template>
</el-table-column>
</el-table>
@@ -141,42 +141,14 @@
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillPeople"
align="center"
label="参与人">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillUnit"
align="center"
label="单位">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillDept"
align="center"
label="部门">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillPost"
align="center"
label="身份">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillTel"
align="center"
label="电话">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillMail"
align="center"
label="邮箱">
</el-table-column>
<el-table-column
v-model="rh_pageData.myPartRole.fillFile"
align="center"
label="资料">
</el-table-column>
<el-table-column type="selection" width="55"/>
<el-table-column prop="fillPeople" align="center" label="参与人"/>
<el-table-column prop="fillUnit" align="center" label="单位"/>
<el-table-column prop="fillDept" align="center" label="部门"/>
<el-table-column prop="fillPost" align="center" label="身份"/>
<el-table-column prop="fillTel" align="center" label="电话"/>
<el-table-column prop="fillMail" align="center" label="邮箱"/>
<el-table-column prop="fillFile" align="center" label="资料"/>
</el-table>
</el-form-item>
</el-form>
@@ -312,12 +284,16 @@ export default {
myPartRole: [],
},
roleForm: {},
detailData: [],
loading: false,
textarea: '',
isSubmit: false,
saveLoading: false,
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
}
},
computed: {
@@ -358,7 +334,13 @@ export default {
this.getFormFieldList(processForm)
})
},
getFormFieldList (item) {
this.$nextTick(() => {
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
// this.rh_pageData.comityFileNum = this.fileTextList
})
},
/** 批量删除 */
del_paryForm() {
if (this.deleteDataList.length < 1) {
@@ -390,14 +372,32 @@ export default {
selectedDelete(val) {
this.deleteDataList = val
},
// 退回按钮
handleSubmitNo() {},
// 保存按钮
handleSave() {
},
// 提交按钮
handleSubmit() {
let json = {
leader: this.roleForm.leaderUserId,
rh_pageData: this.rh_pageData,
roleList: this.roleForm,
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isSubmit = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
});
}
})
}
}
}
@@ -466,6 +466,9 @@ export default {
/deep/.el-table th {
padding: 0px;
}
/deep/.el-table__body-wrapper {
height: auto!important;
}
.myPart_btn {
text-align: right;
}
@@ -0,0 +1,473 @@
<template>
<div class="bzrhStep6">
<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" v-show="active === '1'">
<div style="flex: auto; overflow: auto;">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="content_form">
<el-form ref="rh_pageData" :model="rh_pageData" label-width="auto" :rules="rh_rules">
<el-row>
<el-col :span="8">
<el-form-item label="文件编号:" prop="comityFileNum">
{{ rh_pageData.comityFileNum || '-' }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="文件名称:" prop="comityFileName">
{{ rh_pageData.comityFileName || '-' }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="协会名称:">
{{ rh_pageData.comityName || '-' }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="协会状态:" prop="comityState">
{{ rh_pageData.comityState || '-' }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="入会性质:" prop="comityKind">
{{ rh_pageData.comityKind || '-' }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="资质:">
{{ rh_pageData.comityMake.makeQualification || '-' }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="成员:">
{{ rh_pageData.comityMake.makeRole || '' }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="费用估计:">
{{ rh_pageData.comityMake.makeCost || '-' }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="职责:">
{{ rh_pageData.comityMake.makeDuties || '-' }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="任期:">
{{ rh_pageData.comityMake.makeTime || '-' }}
</el-form-item>
</el-col>
</el-row>
<el-form-item label="工作方向:" prop="workPath">
<el-input v-model="rh_pageData.workPath" type="textarea" style="width: 50%;height: auto"></el-input>
</el-form-item>
<el-form-item label="协会外部联系方式:">
<el-table
:data="rh_pageData.comityTel"
border
ref="entryTable"
height="49%"
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="tel_name" align="center" label="联络人"/>
<el-table-column prop="tel_unit" align="center" label="单位"/>
<el-table-column prop="tel_phone" align="center" label="电话"/>
<el-table-column prop="tel_mail" align="center" label="邮箱"/>
</el-table>
</el-form-item>
<el-form-item label="我司参与人员:">
<div class="myPart_btn">
<el-button
type="danger"
size="small"
icon="el-icon-delete"
@click="del_paryForm">
批量删除
</el-button>
</div>
<el-table
:data="rh_pageData.myPartRole"
border
ref="entryTable"
@selection-change="selectedDelete"
height="49%"
style="width: 100%"
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '20px'}">
<el-table-column type="selection" width="55"/>
<el-table-column prop="fillPeople" align="center" label="参与人"/>
<el-table-column prop="fillUnit" align="center" label="单位"/>
<el-table-column prop="fillDept" align="center" label="部门"/>
<el-table-column prop="fillPost" align="center" label="身份"/>
<el-table-column prop="fillTel" align="center" label="电话"/>
<el-table-column prop="fillMail" align="center" label="邮箱"/>
<el-table-column prop="fillFile" align="center" label="资料"/>
</el-table>
</el-form-item>
</el-form>
</div>
</div>
</div>
<div class="content" v-show="active === '3'">
<div class="flow-list">
<el-table
height="100%"
ref="selection"
:data="detailData"
tooltip-effect="dark"
style="width: 100%"
border
row-key="id"
:no-data-text="listNoDataText"
:header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
>
<el-table-column
type="selection"
width="55"
align="center">
</el-table-column>
<el-table-column
prop="name"
label="任务步骤"
align="center"
>
</el-table-column>
<el-table-column
prop="assignee"
label="任务受理人"
align="center"
>
</el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
sortable="custom"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.createTime ? $moment(scope.row.createTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="endTime"
label="完成时间"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? $moment(scope.row.endTime).format("YYYY-MM-DD") : "" }}</span>
</template>
</el-table-column>
<el-table-column
prop="comment"
label="流程信息"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.commentText }}</span>
</template>
</el-table-column>
<el-table-column
prop="completeFlag"
label="状态"
align="center">
<template slot-scope="scope">
<span>{{ scope.row.endTime ? "已完成" : "未完成" }}</span>
</template>
</el-table-column>
</el-table>
<loading :loading="loading">流程列表加载中</loading>
</div>
</div>
<ProcessFooter
show-submit
show-back
:isSubmitBack="isBack"
:submitLoading="isSubmit"
@back="handleSubmitNo"
@submit="handleSubmit"
>
</ProcessFooter>
</div>
</template>
<script>
import ProcessHeader from "../../components/ProcessHeader";
import ProcessFooter from "../../components/ProcessFooter";
import ProcessTitle from "../../components/ProcessTitle";
import {
completeTask,
inboundLiaisonDetail,
saveinboundTask,
saveTaskForPub,
changeAssigneeNew
} from "@/api/process.js"
export default {
components: {
ProcessHeader,
ProcessFooter,
ProcessTitle
},
name: "bzrhStep6",
data() {
return {
active: '1', // 默认显示
rh_rules: {},
rh_pageData: {
comityFileNum: '',
comityFileName: '',
comityName: '',
comityRole: '',
comityState: '',
comityKind: '',
InfoSources: '',
comityMake: {
makeQualification: '',
makeRole: '',
makeCost: '',
makeDuties: '',
makeTime: '',
},
workPath: '',
comityTel: [],
fillPeople: '',
fillUnit: '',
fillDept: '',
fillPost: '',
fillTel: '',
fillMail: '',
fillLeader: '',
fillFile: '',
myPartRole: [],
},
detailData: [],
loading: false,
roleForm: {},
textarea: '',
isSubmit: false,
isBack: false,
saveLoading: false,
taskInfo: this.$route.query.taskInfo,
taskIds: this.$route.query.taskIds,
pId: this.$route.query.prcId,
}
},
computed: {
listNoDataText() {
return this.processType === 1 ? "暂无待办流程" : "暂无已办流程";
}
},
created() {
this.processTable()
this.getData()
},
methods: {
// 右上标签页面切换
handleTabs(name) {
this.active = name
},
processTable() {
this.$http.get("lawss/activiti/get_list_by_instance", {
prcNum: this.$route.query.prcNum,
sortWord: this.shunxu ? this.paixu : "",
shunxu: this.shunxu
}, {
loading: "loading",
_this: this
}, res => {
this.detailData = res
}, e => {
})
},
getData() {
const params = {
taskIds: this.taskIds,
pId: this.pId,
}
inboundLiaisonDetail(params).then(res => {
const processForm = JSON.parse(res.mesg)
this.getFormFieldList(processForm)
})
},
getFormFieldList(item) {
this.$nextTick(() => {
this.rh_pageData = JSON.parse(JSON.stringify(item)).rh_pageData
this.roleForm = JSON.parse(JSON.stringify(item)).roleList
// this.rh_pageData.comityFileNum = this.fileTextList
})
},
/** 批量删除 */
del_paryForm() {
if (this.deleteDataList.length < 1) {
this.$message.warning("请选择一条数据进行删除");
} else {
this.$confirm("您确认删除这些数据?", "提示", {
confirmButtonText: "确认",
confirmButtonClass: "common-button-primary",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
let exits = [];
this.deleteDataList.map(item => {
let index;
index = this.rh_pageData.myPartRole.findIndex(items => {
return items.id === item;
});
if (index > -1) {
this.rh_pageData.myPartRole.splice(index, 1);
}
exits.push(item);
});
this.deleteDataList = [];
}).catch(() => {
});
}
},
selectedDelete(val) {
this.deleteDataList = val
},
// 退回按钮
handleSubmitNo() {
},
// 提交按钮
handleSubmit() {
let json = {
rh_pageData: this.rh_pageData,
roleList: this.roleForm
}
if (this.taskInfo === '标准法规部主管领导审核') {
json.passFlag = '1',
json.manageDepartmentList = this.roleForm.feeUserId
} else if (this.taskInfo === '费用管理部门会签') {
json.passFlag = '1',
json.manageDepartment = this.$store.getters.userInfo.userId
json.president = this.roleForm.engineerUserId
} else if (this.taskInfo === '技术委员会常务副主任/总院院长审定') {
json.passFlag = '1',
json.engineerSumDone = this.roleForm.startUser
} else {
json = json
}
this.$refs['rh_pageData'].validate((valid) => {
if (valid) {
this.isSubmit = true
const params = new FormData();
params.set('json', JSON.stringify(json))
params.set('userId', this.$store.getters.userInfo.userId)
params.set('taskId', this.taskIds)
completeTask(params).then(res => {
if (res.success === true) {
this.$message.success('提交成功')
this.$router.push("/processCenter");
}
this.isSubmit = false
});
}
})
}
}
}
</script>
<style lang="less" scoped>
@import '~@/assets/styles/style';
.bzrhStep6 {
position: relative;
height: 100%;
/deep/ .el-drawer__container {
.prc-content-border {
border: none;
padding: 0 20px 0;
}
}
.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-center {
padding: 10px 0px 10px 10px;
}
.content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(~'100% - 103px');
overflow: auto;
.tableTitle {
margin-bottom: 10px;
height: 30px;
line-height: 30px;
position: relative;
font-size: 13px;
font-weight: bold;
.tableButton {
position: absolute;
right: 0;
top: 0;
}
}
}
.content_form {
padding: 15px;
.comityTel_btn {
text-align: right;
}
/deep/ .el-table th {
padding: 0px;
}
.myPart_btn {
text-align: right;
}
}
}
</style>
@@ -919,7 +919,7 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '') {
} else if (row.taskInfo === '入会代表填写入会信息表') {
this.$router.push({
name: 'bzrhStep3',
query:{
@@ -930,7 +930,7 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '') {
} else if (row.taskInfo === '入会人员所在部门负责人审核') {
this.$router.push({
name: 'bzrhStep4',
query:{
@@ -941,7 +941,7 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '') {
} else if (row.taskInfo === '标准法规工程师汇总修订') {
this.$router.push({
name: 'bzrhStep5',
query:{
@@ -952,13 +952,11 @@ export default {
prcType: row.prcType
}
})
}
break
case '17':
if (row.taskInfo === '法规认证部副部长审核') {
}else if (row.taskInfo === '标准法规部主管领导审核') {
this.$router.push({
name: 'zcrhStep2',
query: {
name: 'bzrhStep6',
query:{
taskInfo: row.taskInfo,
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
@@ -966,10 +964,11 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '法规认证部副总监批准') {
} else if (row.taskInfo === '费用管理部门会签') {
this.$router.push({
name: 'zcrhStep3',
query: {
name: 'bzrhStep6',
query:{
taskInfo: row.taskInfo,
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
@@ -977,10 +976,11 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '公司副总批准') {
} else if (row.taskInfo === '技术委员会常务副主任/总院院长审定') {
this.$router.push({
name: 'zcrhStep4',
query: {
name: 'bzrhStep6',
query:{
taskInfo: row.taskInfo,
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
@@ -988,10 +988,11 @@ export default {
prcType: row.prcType
}
})
} else if (row.taskInfo === '修订入会信息') {
} else if ('标准法规工程师汇总修订'){
this.$router.push({
name: 'zcrhStep1-1',
query: {
name: 'bzrhStep6',
query:{
taskInfo: row.taskInfo,
taskIds: row.taskIds,
prcId: row.prcId,
prcNum: row.prcNum,
+9
View File
@@ -1205,6 +1205,15 @@ const routes = [
title: '外部标准化协会入会流程(修订)'
}
},
{
path: '/bzrhStep6',
name: 'bzrhStep6',
component: () => import('@/pages/processCenter/pages/creatProcess/bzhHd-rh/step6.vue'),
meta: {
requireAuth: true,
title: '外部标准化协会入会流程(审批)'
}
},
// 外部标准化协会参会流程
{