调整新建流程页面
This commit is contained in:
宋伟佳
@@ -208,23 +208,30 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '我的工作',
|
title: '工作中心',
|
||||||
path: '/processCenter',
|
path: '/processCenter',
|
||||||
'icon-class': 'el-icon-s-platform',
|
'icon-class': 'el-icon-s-platform',
|
||||||
menuId: '3fadf',
|
menuId: '3fadf',
|
||||||
children: [
|
isChildren: true // 判断没有子菜单
|
||||||
{
|
|
||||||
title: '流程中心',
|
|
||||||
path: '/processCenter',
|
|
||||||
menuId: '7455dc97eac2933341e18be659f07e89'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '新建流程',
|
|
||||||
path: '/createProcessNew',
|
|
||||||
menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
|
// {
|
||||||
|
// title: '我的工作',
|
||||||
|
// path: '/processCenter',
|
||||||
|
// 'icon-class': 'el-icon-s-platform',
|
||||||
|
// menuId: '3fadf',
|
||||||
|
// children: [
|
||||||
|
// {
|
||||||
|
// title: '流程中心',
|
||||||
|
// path: '/processCenter',
|
||||||
|
// menuId: '7455dc97eac2933341e18be659f07e89'
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: '新建流程',
|
||||||
|
// path: '/createProcessNew',
|
||||||
|
// menuId: 'b53e6722b33a37c0fa2d87a9b06cca40'
|
||||||
|
// }
|
||||||
|
// ]
|
||||||
|
// },
|
||||||
{
|
{
|
||||||
title: '本地工具',
|
title: '本地工具',
|
||||||
path: '/localTool',
|
path: '/localTool',
|
||||||
|
|||||||
@@ -17,6 +17,6 @@ export default {
|
|||||||
height: calc(~'100% - 30px');
|
height: calc(~'100% - 30px');
|
||||||
position: relative;
|
position: relative;
|
||||||
background: @subContainerContentColor;
|
background: @subContainerContentColor;
|
||||||
overflow: hidden;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ 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'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'index',
|
name: 'index',
|
||||||
@@ -47,7 +48,11 @@ export default {
|
|||||||
{
|
{
|
||||||
title: '草稿',
|
title: '草稿',
|
||||||
name: 'TaskDraft'
|
name: 'TaskDraft'
|
||||||
}
|
},
|
||||||
|
{
|
||||||
|
title: '新建流程',
|
||||||
|
name: 'NewProcess'
|
||||||
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
return list.filter(item => {
|
return list.filter(item => {
|
||||||
@@ -80,7 +85,8 @@ export default {
|
|||||||
AlreadyProcess,
|
AlreadyProcess,
|
||||||
AlreadySend,
|
AlreadySend,
|
||||||
MonitorProcess,
|
MonitorProcess,
|
||||||
TaskDraft
|
TaskDraft,
|
||||||
|
NewProcess
|
||||||
// SideBar,
|
// SideBar,
|
||||||
// MyProcess
|
// MyProcess
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,740 @@
|
|||||||
|
<!--新建流程页面-->
|
||||||
|
<template>
|
||||||
|
<div id="NewProcess">
|
||||||
|
<div v-if="bzfggllc">
|
||||||
|
<el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
|
||||||
|
<div class="process-box">
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('1')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准入库流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('2')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准调研流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('3')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准征求意见流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('6')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准清单发布/更新流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('9')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准解读流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'344c9c97b581400718451e8b8a319382'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('12')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">政策征求意见流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('7')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">标准合规评估流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('10')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">项目合规评估流程-项目</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'a5694521151720f41a8b22d550bf435a'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('13')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">重点认证标准/政策合规性项目审查流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('11')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">项目清单确认流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'9c8cc1b74b1caa16f34a47895b489833'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('laws1')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">政策入库流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('8')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">未符合项整改流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
|
||||||
|
<div class="process-box">
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="''">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('buss1')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">企标制修订-技术标准</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="''">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('buss2')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">企标制修订-产品标准</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'5af5073695c2e1d12ca3d5a6afae67b5'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('23')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">企标复审流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'5104360fd3822e73b45e65d2337cf143'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('24')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">企标废止流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'afa3d1aee5fd8027b18675621afdeff6'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('25')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">企标制修订计划管控</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<el-divider content-position="left"><h2>标准化活动相关流程</h2></el-divider>
|
||||||
|
<div class="process-box">
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'b196ef0253cebd1adfc3a8432a28e377'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('17')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">政策课题入会流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'2f2752bc8a37b87d6eaadae3fcfe61c4'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('18')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">政策课题参会流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'7845345e5fa2b0a93eb0e021bd3486f1'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('20')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">外部标准化协会入会流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'321e497259b08734941a308960da2bae'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('21')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">外部标准化协会参会流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'8f65a365dd67634e29925098162ee8d5'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('16')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">外部署名推荐审批流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'0efd0f4b7a15fd1b687cc0ac36e9e7d9'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('14')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">参与外部标准制修订信息提报流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
<div class="process-name">
|
||||||
|
<el-card shadow="hover" v-btn-permission="'e5217a4776525b1ba63511b730a2e02d'">
|
||||||
|
<div class="card-box" @click="handleCreateProcess('15')">
|
||||||
|
<div class="card-top">
|
||||||
|
<div class="card-top-left">
|
||||||
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
|
</div>
|
||||||
|
<div class="card-top-right">
|
||||||
|
<div class="card-top-right-text">加入标准化协会信息提报流程</div>
|
||||||
|
<div class="card-top-right-line"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'NewProcess',
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
type: '',
|
||||||
|
size: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getImg (num) {
|
||||||
|
var url = ''
|
||||||
|
if (num == 0) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process1.png')
|
||||||
|
} else if (num == 1) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process2.png')
|
||||||
|
} else if (num == 2) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process3.png')
|
||||||
|
} else if (num == 3) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process4.png')
|
||||||
|
} else if (num == 4) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process5.png')
|
||||||
|
} else if (num == 5) {
|
||||||
|
url = require('@/assets/images/shangqi/img/process6.png')
|
||||||
|
}
|
||||||
|
return url
|
||||||
|
},
|
||||||
|
// 新建流程
|
||||||
|
handleCreateProcess (prcType) {
|
||||||
|
this.$store.commit('setDetailMap', this.$route.path)
|
||||||
|
this.$store.commit('setHandleInfo')
|
||||||
|
switch (prcType) {
|
||||||
|
case 'buss1':
|
||||||
|
// 企标制修订-技术标准
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bussLibrary1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case 'buss2':
|
||||||
|
// 企标制修订-产品标准
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bussLibraryProduct1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '2':
|
||||||
|
// 标准调研流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzdyStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case 'laws1':
|
||||||
|
// 政策入库流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zcrkStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '1':
|
||||||
|
// 标准入库流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzrkStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '3':
|
||||||
|
// 标准征求意见流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'bzzqyjStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '4':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzfyStep1'
|
||||||
|
})
|
||||||
|
// 标准需求(翻译)申请流程
|
||||||
|
break
|
||||||
|
case '5':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzffStep1'
|
||||||
|
})
|
||||||
|
// 标准发放申请流程
|
||||||
|
break
|
||||||
|
case '6':
|
||||||
|
//标准清单发布流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'bzqdfbStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '7':
|
||||||
|
//项目评估流程 - 标准
|
||||||
|
this.$router.push({
|
||||||
|
name: 'xmpgStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '8':
|
||||||
|
//未符合项整改流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'wfhxzgStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '9':
|
||||||
|
// 标准解读流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'bzjdStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '10':
|
||||||
|
//项目评估流程- 项目
|
||||||
|
this.$router.push({
|
||||||
|
name: 'xmpg2Step1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '11':
|
||||||
|
// 项目清单确认流程
|
||||||
|
this.$router.push({
|
||||||
|
name:'xmqdqrStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '12':
|
||||||
|
// 政策征求意见流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zczqyjStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '13':
|
||||||
|
// 重点认证标准/政策合规性项目审查流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zdrzbzORzchgxxmscStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '17':
|
||||||
|
//政策课题入会流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zcrhStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '18':
|
||||||
|
//政策课题参会流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zcchStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '19':
|
||||||
|
//政策课题会后流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'zchhStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '16':
|
||||||
|
//外部署名推荐审批流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'wbsmStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '15':
|
||||||
|
//加入标准化协会信息提报流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'jrbzhxhStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
case '14':
|
||||||
|
//参与外部标准制修订信息提报流程
|
||||||
|
this.$router.push({
|
||||||
|
name: 'cywbbzzxdStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
// 外部标准化协会入会流程
|
||||||
|
case '20':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzrhStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
// 外部标准化协会参会流程
|
||||||
|
case '21':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'bzchStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
// 企标复审流程
|
||||||
|
case '23':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'qbfsStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
// 企标废止流程
|
||||||
|
case '24':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'qbfzStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
// 企标制修订计划管控
|
||||||
|
case '25':
|
||||||
|
this.$router.push({
|
||||||
|
name: 'qbzxdjhgkStep1'
|
||||||
|
})
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checkPermission(permissionIdArray) {
|
||||||
|
return permissionIdArray.some(id => {
|
||||||
|
return this.$hasPermission(id)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
$route (newVal) {
|
||||||
|
this.type = newVal.params.type
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
/**
|
||||||
|
* 标准法规管理流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
bzfggllc() {
|
||||||
|
const idArray = ['2564bd61852551b99e0fe3d49a89b288', '2d0f99ba961c551b1d8cad8ad5223731', '7751d25f72d0a6515e4110ae41837db8', '90c7bae6308595f053c6f6f90167e493', '9adff72ab464793564c5d1de20b45620', 'a151f5e2ee44f8df81e201b8696fca31', 'f4eeb9ed48eac5686a456a5582508d9c', 'fc25b770ad3752cdec52f3bd7b35a6a1']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 政策管理流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
zcgllc() {
|
||||||
|
const idArray = ['GFG2G4NGWBXQ5GMS33KU', '3PJAEEHWU6NYDB6MNZ6V']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 企标管理流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
qbgllc() {
|
||||||
|
const idArray = ['L9AVMSGJPTD8T5SEGK6W', 'JCZTCC97UPRNGFJFC5HJ', 'ZZUF89DR92R8WEZYSHN5', '2PNXPCPW5CAWJHDYFHRY', 'K4KS87V6KFSA35VZFPC3']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 标准采购翻译申请流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
bzcgfysqlc() {
|
||||||
|
const idArray = ['C2C8BENY5MRSZGP7W5RK', 'WR9C2TYTHD8TTRVJ5LH4']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 工作组会议管理流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
gzzhygllc() {
|
||||||
|
const idArray = ['7FM6KNU2DCDY7G46RD2E']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 标准法规清单管理流程
|
||||||
|
* @returns {boolean}
|
||||||
|
*/
|
||||||
|
bzfgqdgllc() {
|
||||||
|
const idArray = ['4TR77UXU6RYHZPFHZND9']
|
||||||
|
return this.checkPermission(idArray)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted () {
|
||||||
|
let width = document.body.clientWidth
|
||||||
|
if (width > 1900) {
|
||||||
|
this.size = true
|
||||||
|
} else {
|
||||||
|
this.size = false
|
||||||
|
}
|
||||||
|
this.type = this.$route.params.type
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
#NewProcess{
|
||||||
|
width: 100%;
|
||||||
|
//height: 100%;
|
||||||
|
padding: 15px 15px 0;
|
||||||
|
background: #ffffff;
|
||||||
|
/deep/.el-card__body {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.el-card {
|
||||||
|
margin: 25px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.card-box {
|
||||||
|
cursor: pointer;
|
||||||
|
.card-top {
|
||||||
|
width: 100%;
|
||||||
|
background: #2d8cf0;
|
||||||
|
height: 100px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
.card-top-left {
|
||||||
|
img {
|
||||||
|
margin: 30px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-top-right {
|
||||||
|
width: 250px;
|
||||||
|
.card-top-right-text {
|
||||||
|
margin: 40px 0 5px 0;
|
||||||
|
color: #e6e6e6;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.card-top-right-line {
|
||||||
|
height: 3px;
|
||||||
|
width: 250px;
|
||||||
|
background: #e6e6e6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-bottom {
|
||||||
|
width: calc(~'100% - 60px');
|
||||||
|
color: #c1c1c1;
|
||||||
|
margin: 10px 30px;
|
||||||
|
line-height: 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
height: 100px;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 5;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-box:hover {
|
||||||
|
.card-top {
|
||||||
|
.card-top-right {
|
||||||
|
.card-top-right-text {
|
||||||
|
color: rgb(247, 186, 42);
|
||||||
|
}
|
||||||
|
.card-top-right-line {
|
||||||
|
background: rgb(247, 186, 42);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.card-bottom {
|
||||||
|
color: #2d8cf0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.process-box{
|
||||||
|
margin-left: -5px;
|
||||||
|
margin-right: -5px;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
.process-name{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
text-align: center;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
//.process-name:hover {
|
||||||
|
// transform:translateY(-5px);
|
||||||
|
// border: 1px dashed #2d8cf0;
|
||||||
|
// background: #c6e2ff;
|
||||||
|
// color: #2d8cf0;
|
||||||
|
//}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user