权限
This commit is contained in:
@@ -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>
|
||||
|
||||
+1379
-1377
File diff suppressed because it is too large
Load Diff
+1206
-1206
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="修改意见内容(包括理由或依据)"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user