相关方人员信息打回
parent
1d31175ca9
commit
257a8d5d23
|
@ -1,6 +1,13 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-dialog v-loading = "loading" :visible.sync="visible" :append-to-body="appendToBody" :before-close="beforeClose" title="审批" width="1200px" destroy-on-close>
|
||||
<el-dialog
|
||||
v-loading="loading"
|
||||
:visible.sync="visible"
|
||||
:append-to-body="appendToBody"
|
||||
:before-close="beforeClose"
|
||||
title="审批"
|
||||
width="1200px"
|
||||
destroy-on-close>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="200px" label-position="right" type="flex">
|
||||
<el-row :gutter="12">
|
||||
<el-col :span="12">
|
||||
|
@ -33,16 +40,86 @@
|
|||
<el-input v-model="form.OPINION" :rows="2" type="textarea" placeholder="填写审批意见"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.STATUS === '0' && showStepFlag" :span="24">
|
||||
<el-form-item v-if="form.STATUS === '0'" prop="BACK_NAME" label="打回至:">
|
||||
<div>{{ form.BACK_NAME }}</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.STATUS === '0' && showStepFlag" :span="24">
|
||||
<el-steps :space="200" :active="+step" finish-status="success">
|
||||
<el-step>
|
||||
<template slot="description">
|
||||
<el-card
|
||||
class="box-card"
|
||||
style="margin-top: 10px"
|
||||
@click.native="backPoint('-1',info.BELONG_TO_CORP_NAME)">
|
||||
<div icon="el-icon-aim"/>
|
||||
<div slot="header" class="clearfix">
|
||||
<span>相关方端</span>
|
||||
</div>
|
||||
<div>
|
||||
企业名称:{{ info.BELONG_TO_CORP_NAME }}
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
</el-step>
|
||||
<el-step v-for="item in list" :key="item.INDEX" :value="item.INDEX">
|
||||
<template slot="description">
|
||||
<el-card
|
||||
class="box-card"
|
||||
style="margin-top: 10px"
|
||||
@click.native="backPoint(item.INDEX, item.APPOINT_USER_NAME)">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>审批节点</span>
|
||||
</div>
|
||||
<div>
|
||||
<el-row>
|
||||
<el-col>
|
||||
审批人:{{ item.APPOINT_USER_NAME }}
|
||||
</el-col>
|
||||
<el-col v-if="item.INDEX !== step">
|
||||
审批人公司:{{ item.APPOINT_CORP_NAME }}
|
||||
</el-col>
|
||||
<el-col>
|
||||
审批人部门:{{ item.APPOINT_DEPARTMENT_NAME }}
|
||||
</el-col>
|
||||
<el-col v-if="item.INDEX !== step">
|
||||
审批状态:{{
|
||||
item.APPOINT_STATUS === '1' ? '同意' : item.APPOINT_STATUS === '0' ? '不同意' : ''
|
||||
}}
|
||||
</el-col>
|
||||
<el-col v-if="item.INDEX !== step">
|
||||
审批时间:{{ item.APPOINT_TIME }}
|
||||
</el-col>
|
||||
<el-col v-if="item.APPOINT_OPINION && item.INDEX !== step">
|
||||
审批意见:{{ item.APPOINT_OPINION }}
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
</el-step>
|
||||
</el-steps>
|
||||
</el-col>
|
||||
<el-col v-if="form.STATUS === '1' && !form.STEP " :span="12">
|
||||
<el-form-item v-if="form.STATUS === '1'" prop="APPOINT_USER_ID" label="指定监管部门审批人:">
|
||||
<el-select v-model="form.user" style="width: 300px" placeholder="请选择" @change="chooseUser">
|
||||
<el-option v-for="item in peopleList" :key="item.USER_ID" :value="JSON.stringify(item)" :label="item.NAME"/>
|
||||
<el-option
|
||||
v-for="item in peopleList"
|
||||
:key="item.USER_ID"
|
||||
:value="JSON.stringify(item)"
|
||||
:label="item.NAME"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.STATUS === '1' && !form.STEP " :span="12">
|
||||
<el-form-item v-if="form.STATUS === '1'" prop="LIMIT_END_TIME" label="指定培训有效截至时间:">
|
||||
<el-date-picker v-model="form.LIMIT_END_TIME" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" style="width:300px "/>
|
||||
<el-date-picker
|
||||
v-model="form.LIMIT_END_TIME"
|
||||
value-format="yyyy-MM-dd"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
style="width:300px "/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col v-if="form.STATUS === '1' && form.TYPE === '2'" :span="12">
|
||||
|
@ -103,7 +180,9 @@ export default {
|
|||
list: [],
|
||||
isShow: true,
|
||||
info: {},
|
||||
TYPE: null
|
||||
TYPE: null,
|
||||
BACK_NAME: '',
|
||||
BACK_STEP: ''
|
||||
},
|
||||
rules: {
|
||||
STATUS: [
|
||||
|
@ -120,6 +199,9 @@ export default {
|
|||
],
|
||||
LIMIT_END_TIME: [
|
||||
{ required: true, message: '请选择指定培训有效截至时间', trigger: 'change' }
|
||||
],
|
||||
BACK_NAME: [
|
||||
{ required: true, message: '请填选择回节点', trigger: 'change' }
|
||||
]
|
||||
},
|
||||
heirloom: {},
|
||||
|
@ -133,7 +215,15 @@ export default {
|
|||
},
|
||||
|
||||
departmentTree: [],
|
||||
peopleList: []
|
||||
peopleList: [],
|
||||
info: {},
|
||||
list: [
|
||||
{
|
||||
INDEX: '-1'
|
||||
}
|
||||
],
|
||||
step: 0,
|
||||
showStepFlag: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
@ -142,6 +232,14 @@ export default {
|
|||
this.visible = true
|
||||
this.heirloom = JSON.stringify(e)
|
||||
this.form.list = JSON.stringify(e)
|
||||
const list = JSON.parse(this.heirloom)
|
||||
if (list.length === 1) {
|
||||
this.info = JSON.parse(this.heirloom)[0]
|
||||
this.form.BACK_NAME = this.info.BELONG_TO_CORP_NAME
|
||||
this.form.BACK_STEP = '-1'
|
||||
this.showStepFlag = true
|
||||
}
|
||||
|
||||
// 确定是不是最后一步,是:ture,否:false
|
||||
this.form.STEP = (e[0].FLOWS_STEP === 2) || (e[0].FLOWS_STEP === 1 && e[0].FLOWS_TYPE === '2')
|
||||
this.form.TYEP = e[0].FLOWS_TYPE
|
||||
|
@ -157,10 +255,15 @@ export default {
|
|||
this.loading = true
|
||||
requestFN('/xgf/user/approveMax', this.form)
|
||||
.then((data) => {
|
||||
this.$message.success('推送成功')
|
||||
this.visible = false
|
||||
this.$emit('refresh', '')
|
||||
this.handleClose()
|
||||
if (data.code === '0') {
|
||||
this.$message.success('推送成功')
|
||||
this.visible = false
|
||||
this.$emit('refresh', '')
|
||||
this.handleClose()
|
||||
} else {
|
||||
this.$message.error(data.errorMessage)
|
||||
}
|
||||
|
||||
this.loading = false
|
||||
})
|
||||
.catch((e) => {
|
||||
|
@ -250,6 +353,7 @@ export default {
|
|||
tm: new Date().getTime()
|
||||
}
|
||||
this.visible = false
|
||||
this.showStepFlag = false
|
||||
},
|
||||
beforeClose() {
|
||||
this.visible = false
|
||||
|
@ -272,6 +376,36 @@ export default {
|
|||
this.form.APPOINT_USER_NAME = ''
|
||||
this.form.OPINION = ''
|
||||
this.form.user = ''
|
||||
if (this.form.STATUS === '0') {
|
||||
this.getInfo()
|
||||
}
|
||||
},
|
||||
getInfo() {
|
||||
const info = JSON.parse(this.heirloom)[0]
|
||||
requestFN(
|
||||
'/xgf/user/getApproveInfo', { XGF_USER_ID: info.XGF_USER_ID }
|
||||
).then((data) => {
|
||||
this.list = data.flow.info
|
||||
this.step = data.flow.STEP
|
||||
if (data.flow.endFlag === '1') {
|
||||
this.title = '审批中'
|
||||
}
|
||||
if (data.flow.endFlag === '2') {
|
||||
this.title = '审批结束'
|
||||
}
|
||||
if (data.flow.endFlag === '-2') {
|
||||
this.title = '审批驳回'
|
||||
}
|
||||
this.visible = true
|
||||
this.loading = false
|
||||
}).catch((e) => {
|
||||
console.log(e)
|
||||
})
|
||||
},
|
||||
backPoint(num, name) {
|
||||
this.form.BACK_STEP = num
|
||||
this.form.BACK_NAME = name
|
||||
this.$forceUpdate()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue