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> <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>
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> <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="修改意见内容(包括理由或依据)"
> >