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