This commit is contained in:
11528
2022-03-23 14:13:17 +08:00
parent f984304581
commit 482bf0d15c
5 changed files with 2767 additions and 2760 deletions
@@ -1,111 +1,117 @@
<!-- 流程中心 -->
<template>
<div class="processCenter">
<panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
<panel-content>
<transition enter-active-class="" leave-active-class="">
<components :is="active"></components>
</transition>
</panel-content>
</div>
</template>
<script>
import ProcessCenter from './tabComponents/processCenter'
import AlreadyProcess from './tabComponents/alreadyProcess'
import AlreadySend from './tabComponents/alreadySend'
import MonitorProcess from './tabComponents/monitorProcess'
import TaskDraft from './tabComponents/taskDraft'
import NewProcess from './tabComponents/newProcess'
export default {
name: 'index',
data() {
return {
active: 'ProcessCenter',
}
},
computed: {
tabsList() {
const list = [
{
title: '待办流程',
name: 'ProcessCenter'
},
{
title: '已办流程',
name: 'AlreadyProcess'
},
{
title: '已发流程',
name: 'AlreadySend'
},
{
title: '监控流程',
name: 'MonitorProcess',
},
{
title: '草稿',
name: 'TaskDraft'
},
{
title: '新建流程',
name: 'NewProcess'
},
]
return list.filter(item => {
if (item.permission) {
return this.$hasPermission(item.permission)
} else {
return true
}
})
}
},
methods: {
/**
* @description: 边栏收缩
* @author: chenxiaoxi
* @date: 2018-09-18 11:11:46
*/
// tabs 切换事件
showComponent(name) {
if (this.active !== name) {
this.active = name
const location = this.$router.replace({query: {tabsName: name}})
}
// this.$route.query = {tabsName2: name}
// this.$router.push('/processCenter/' + name)
}
},
components: {
ProcessCenter,
AlreadyProcess,
AlreadySend,
MonitorProcess,
TaskDraft,
NewProcess
// SideBar,
// MyProcess
},
watch: {},
mounted() {
if (this.$route.query.tabsName) {
this.active = this.$route.query.tabsName
} else {
this.$router.replace({query: {tabsName: this.active}})
}
this.$store.commit('setDetailMap', '')
}
}
</script>
<style lang="less" scoped>
.processCenter {
position: relative;
height: 100%;
background-color: #fff;
}
</style>
<!-- 流程中心 -->
<template>
<div class="processCenter">
<panel-header :tabs="tabsList" @activated="showComponent" :active="active"></panel-header>
<panel-content>
<transition enter-active-class="" leave-active-class="">
<components :is="active"></components>
</transition>
</panel-content>
</div>
</template>
<script>
import ProcessCenter from './tabComponents/processCenter'
import AlreadyProcess from './tabComponents/alreadyProcess'
import AlreadySend from './tabComponents/alreadySend'
import MonitorProcess from './tabComponents/monitorProcess'
import TaskDraft from './tabComponents/taskDraft'
import NewProcess from './tabComponents/newProcess'
export default {
name: 'index',
data() {
return {
active: 'ProcessCenter',
}
},
computed: {
tabsList() {
const list = [
{
title: '待办流程',
name: 'ProcessCenter',
permission:'4219fdb5e33dbbc84d845af98c947e66'
},
{
title: '已办流程',
name: 'AlreadyProcess',
permission:'4f71b81686079ba2b7e3739d3994e0af'
},
{
title: '已发流程',
name: 'AlreadySend',
permission:'b9abd00768c8ed97be89547c2da3f0eb'
},
{
title: '监控流程',
name: 'MonitorProcess',
permission:'e1eb3e91143c1cf356889e013e698672'
},
{
title: '草稿',
name: 'TaskDraft',
permission:'fa19fb2dc2cf3055a64732dab6c40cb9'
},
{
title: '新建流程',
name: 'NewProcess',
permission:'b53e6722b33a37c0fa2d87a9b06cca40'
},
]
return list.filter(item => {
if (item.permission) {
return this.$hasPermission(item.permission)
} else {
return true
}
})
}
},
methods: {
/**
* @description: 边栏收缩
* @author: chenxiaoxi
* @date: 2018-09-18 11:11:46
*/
// tabs 切换事件
showComponent(name) {
if (this.active !== name) {
this.active = name
const location = this.$router.replace({query: {tabsName: name}})
}
// this.$route.query = {tabsName2: name}
// this.$router.push('/processCenter/' + name)
}
},
components: {
ProcessCenter,
AlreadyProcess,
AlreadySend,
MonitorProcess,
TaskDraft,
NewProcess
// SideBar,
// MyProcess
},
watch: {},
mounted() {
if (this.$route.query.tabsName) {
this.active = this.$route.query.tabsName
} else {
this.$router.replace({query: {tabsName: this.active}})
}
this.$store.commit('setDetailMap', '')
}
}
</script>
<style lang="less" scoped>
.processCenter {
position: relative;
height: 100%;
background-color: #fff;
}
</style>
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
@@ -1,65 +1,65 @@
<!--重点问题项管控-->
<template>
<div id="key-issues">
<div class="non-content">
<el-tabs v-model="keynoteActiveName" @tab-click="handleClick">
<el-tab-pane label="事业部" name="cause">
<business-division></business-division>
</el-tab-pane>
<el-tab-pane label="产品规划部" name="product">
<product-department></product-department>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import businessDivision from "@/pages/regulatoryRepository/nonConfomity/pages/businessDivision";
import productDepartment from "@/pages/regulatoryRepository/nonConfomity/pages/productDepartment";
export default {
name: "keyIssues",
props:['keynoteActiveName'],
components: {
businessDivision,
productDepartment,
},
data() {
return {
activeName:'cause',
}
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
},
};
</script>
<style lang="less" scoped>
#key-issues {
height: 100%;
display: flex;
flex-direction: column;
background-color: #FFFFFF;
.non-content {
height: 100%;
/deep/ .el-tabs {
display: flex;
flex-direction: column;
.el-tabs__content {
flex: 1;
overflow: hidden;
.el-tab-pane {
height: 100%;
}
}
}
}
.el-tabs__nav {
margin-left:20px;
}
}
</style>
<!--重点问题项管控-->
<template>
<div id="key-issues">
<div class="non-content">
<el-tabs v-model="keynoteActiveName" @tab-click="handleClick">
<el-tab-pane label="事业部" name="cause">
<business-division></business-division>
</el-tab-pane>
<el-tab-pane label="产品规划部" name="product">
<product-department></product-department>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<script>
import businessDivision from "@/pages/regulatoryRepository/nonConfomity/pages/businessDivision";
import productDepartment from "@/pages/regulatoryRepository/nonConfomity/pages/productDepartment";
export default {
name: "keyIssues",
props:['keynoteActiveName'],
components: {
businessDivision,
productDepartment,
},
data() {
return {
activeName:'cause',
}
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
}
},
};
</script>
<style lang="less" scoped>
#key-issues {
height: 100%;
display: flex;
flex-direction: column;
background-color: #FFFFFF;
.non-content {
height: 100%;
/deep/ .el-tabs {
display: flex;
flex-direction: column;
.el-tabs__content {
flex: 1;
overflow: hidden;
.el-tab-pane {
height: 100%;
}
}
}
}
.el-tabs__nav {
margin-left:20px;
}
}
</style>
@@ -114,7 +114,6 @@
label="章节名称">
</el-table-column>
<el-table-column
prop="content"
align="center"
label="修改意见内容(包括理由或依据)"
>