commit
This commit is contained in:
宋伟佳
@@ -2,148 +2,130 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="NewProcess">
|
<div id="NewProcess">
|
||||||
<div v-if="bzfggllc">
|
<div v-if="bzfggllc">
|
||||||
<el-divider content-position="left"><h2>标准法规管理流程</h2></el-divider>
|
<el-divider content-position="left"><h2>标准法规政策相关流程</h2></el-divider>
|
||||||
<div class="process-box">
|
<div class="process-box">
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover" v-btn-permission="'9adff72ab464793564c5d1de20b45620'">
|
||||||
<div class="card-box" @click="handleCreateProcess('1')">
|
<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">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-top-right">
|
<div class="card-top-right">
|
||||||
<div class="card-top-right-text">标准入库流程</div>
|
<div class="card-top-right-text">标准解读流程</div>
|
||||||
<div class="card-top-right-line"></div>
|
<div class="card-top-right-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="card-bottom">-->
|
|
||||||
<!-- 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'f4eeb9ed48eac5686a456a5582508d9c'">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover" v-btn-permission="''">
|
||||||
<div class="card-box" @click="handleCreateProcess('2')">
|
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="''">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<div class="card-box" @click="handleCreateProcess('11')">
|
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-top-right">
|
<div class="card-top-right">
|
||||||
<div class="card-top-right-text">项目清单确认流程</div>
|
<div class="card-top-right-text">政策征求意见流程</div>
|
||||||
<div class="card-top-right-line"></div>
|
<div class="card-top-right-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="''">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<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="'90c7bae6308595f053c6f6f90167e493'">
|
||||||
|
<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="''">
|
||||||
<div class="card-box" @click="handleCreateProcess('laws1')">
|
<div class="card-box" @click="handleCreateProcess('laws1')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
@@ -156,150 +138,29 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'">
|
||||||
<div class="card-box" @click="handleCreateProcess('17')">
|
<div class="card-box" @click="handleCreateProcess('8')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
<img :src="getImg(Math.floor(Math.random() * 6))">
|
||||||
</div>
|
</div>
|
||||||
<div class="card-top-right">
|
<div class="card-top-right">
|
||||||
<div class="card-top-right-text">政策课题入会流程</div>
|
<div class="card-top-right-text">未符合项整改流程</div>
|
||||||
<div class="card-top-right-line"></div>
|
<div class="card-top-right-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">
|
</div>
|
||||||
<el-card shadow="hover">
|
</div>
|
||||||
<div class="card-box" @click="handleCreateProcess('18')">
|
<div>
|
||||||
<div class="card-top">
|
<el-divider content-position="left"><h2>企业标准相关流程</h2></el-divider>
|
||||||
<div class="card-top-left">
|
<div class="process-box">
|
||||||
<img :src="getImg(Math.floor(Math.random() * 6))">
|
<div class="process-name">
|
||||||
</div>
|
<el-card shadow="hover" v-btn-permission="''">
|
||||||
<div class="card-top-right">
|
|
||||||
<div class="card-top-right-text">政策课题参会流程</div>
|
|
||||||
<div class="card-top-right-line"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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 class="card-bottom">-->
|
|
||||||
<!-- 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<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 class="card-bottom">-->
|
|
||||||
<!-- 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<div class="card-box" @click="handleCreateProcess('buss1')">
|
<div class="card-box" @click="handleCreateProcess('buss1')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
<div class="card-top-left">
|
<div class="card-top-left">
|
||||||
@@ -312,8 +173,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div class="card-box" @click="handleCreateProcess('23')">
|
<div class="card-box" @click="handleCreateProcess('23')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
@@ -327,8 +188,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div class="card-box" @click="handleCreateProcess('24')">
|
<div class="card-box" @click="handleCreateProcess('24')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
@@ -342,8 +203,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="size ? 6 : 8" v-btn-permission="">
|
<div class="process-name">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<div class="card-box" @click="handleCreateProcess('25')">
|
<div class="card-box" @click="handleCreateProcess('25')">
|
||||||
<div class="card-top">
|
<div class="card-top">
|
||||||
@@ -357,10 +218,152 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</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="'2e3f4c0aaf77629755533255f1335801'">
|
||||||
|
<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="'d415c764036a02559976b41b9dfe2cf1'">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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 class="process-name">
|
||||||
|
<el-card shadow="hover">
|
||||||
|
<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>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
@@ -700,26 +703,16 @@ export default {
|
|||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
.process-name{
|
.process-name{
|
||||||
width: 300px;
|
|
||||||
padding: 40px 0;
|
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px dashed #ddd;
|
|
||||||
border-radius: 5px;
|
|
||||||
background: #fdfdfd;
|
|
||||||
font-size: 18px;
|
|
||||||
font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial, sans-serif;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
.process-name:hover {
|
|
||||||
transform:translateY(-5px);
|
|
||||||
border: 1px dashed #2d8cf0;
|
|
||||||
background: #c6e2ff;
|
|
||||||
color: #2d8cf0;
|
|
||||||
}
|
}
|
||||||
|
//.process-name:hover {
|
||||||
|
// transform:translateY(-5px);
|
||||||
|
// border: 1px dashed #2d8cf0;
|
||||||
|
// background: #c6e2ff;
|
||||||
|
// color: #2d8cf0;
|
||||||
|
//}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user