90 lines
2.7 KiB
Vue
90 lines
2.7 KiB
Vue
<template>
|
|
<div>
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane v-if="controlNode('RXXTU4A5YN')" label="待办流程" name="first">
|
|
<gencyProcess v-if="activeName == 'first'" :form="form"></gencyProcess>
|
|
</el-tab-pane>
|
|
<el-tab-pane v-if="controlNode('RXXTU4A5YN')" label="已办流程" name="second">
|
|
<finishProcess v-if="activeName=='second'" :form="form"></finishProcess>
|
|
</el-tab-pane>
|
|
<el-tab-pane v-if="controlNode('RXXTU4A5YN')" label="已发流程" name="third">
|
|
<sentProcess v-if="activeName=='third'" :form="form"></sentProcess>
|
|
</el-tab-pane>
|
|
<el-tab-pane v-if="controlNode('NXQ54Q9QP4')" label="监控流程" name="fourth">
|
|
<monitorProcesses v-if="activeName=='fourth'" :form="form"></monitorProcesses>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="草稿箱" name="five">
|
|
<task-draft v-if="activeName=='five'" :form="form"></task-draft>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import gencyProcess from './gencyProcess.vue'
|
|
import finishProcess from './finishProcess.vue'
|
|
import monitorProcesses from './monitorProcesses.vue'
|
|
import sentProcess from './sentProcess.vue'
|
|
import taskDraft from './taskDraft'
|
|
export default {
|
|
name: 'tabs',
|
|
components:{
|
|
gencyProcess,
|
|
finishProcess,
|
|
monitorProcesses,
|
|
sentProcess,
|
|
taskDraft
|
|
},
|
|
data() {
|
|
return {
|
|
activeName: 'first',
|
|
firstData:[],
|
|
secondData:[],
|
|
thirdData:[],
|
|
fourthData:[],
|
|
form:[]
|
|
};
|
|
},
|
|
watch: {
|
|
|
|
},
|
|
created () {
|
|
},
|
|
mounted () {
|
|
this.$bus.$on('getSearchItem',(data)=>{
|
|
this.form = JSON.parse(JSON.stringify(data))
|
|
console.log(this.form,"hhh")
|
|
})
|
|
let name=this.controlNode('RXXTU4A5YN')?'first':'five'
|
|
this.$store.commit('setActiveTabIndex',this.activeName)
|
|
this.activeName=this.$store.getters.activeTab ?this.$store.getters.activeTab:name
|
|
},
|
|
methods: {
|
|
controlNode(node) {
|
|
const permissionId = this.$store.getters.btnPerssion.map(item=>{
|
|
return item.id
|
|
})
|
|
|
|
let result = permissionId.includes(node)
|
|
return result
|
|
},
|
|
handleClick(tab, event) {
|
|
this.$store.commit('setActiveTabIndex',this.activeName)
|
|
this.$emit('clearForm',this.activeName)
|
|
}
|
|
},
|
|
beforeDestroy(){
|
|
console.log("我不监听了")
|
|
this.$bus.$off('getSearchItem')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
::v-deep .el-tabs__header {
|
|
padding: 0;
|
|
position: relative;
|
|
margin: 0 14px 15px;
|
|
}
|
|
</style>
|