FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-12-03 10:05:16 +08:00
parent 7206a24355
commit a98466dbd5
1 changed files with 354 additions and 486 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/processCenter/pages/newProcess/index.vue
+354 -486
View File
@@ -16,9 +16,9 @@
<div class="card-top-right-line"></div> <div class="card-top-right-line"></div>
</div> </div>
</div> </div>
<!-- <div class="card-bottom">--> <!-- <div class="card-bottom">-->
<!-- 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。--> <!-- 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
@@ -225,382 +225,232 @@
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'fc25b770ad3752cdec52f3bd7b35a6a1'"> <el-col :span="size ? 6 : 8">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('3')"> <div class="card-box" @click="handleCreateProcess('20')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'2d0f99ba961c551b1d8cad8ad5223731'"> <el-col :span="size ? 6 : 8">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('6')"> <div class="card-box" @click="handleCreateProcess('21')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'90c7bae6308595f053c6f6f90167e493'"> <el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('7')"> <div class="card-box" @click="handleCreateProcess('12')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'a151f5e2ee44f8df81e201b8696fca31'"> <el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('8')"> <div class="card-box" @click="handleCreateProcess('13')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'2564bd61852551b99e0fe3d49a89b288'"> <el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('9')"> <div class="card-box" @click="handleCreateProcess('23')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'7751d25f72d0a6515e4110ae41837db8'"> <el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('10')"> <div class="card-box" @click="handleCreateProcess('24')">
<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> </el-col>
<el-col :span="size ? 6 : 8" v-btn-permission="'14f54ef4475d9210b1ee7872ab69eca8'"> <el-col :span="size ? 6 : 8" v-btn-permission="">
<el-card shadow="hover"> <el-card shadow="hover">
<div class="card-box" @click="handleCreateProcess('11')"> <div class="card-box" @click="handleCreateProcess('25')">
<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> </el-col>
<!-- <el-col :span="size ? 6 : 8" v-btn-permission="''">-->
<!-- <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>-->
<!-- </el-col>-->
<!-- <el-col :span="size ? 6 : 8" v-btn-permission="'2e3f4c0aaf77629755533255f1335801'">-->
<!-- <el-card shadow="hover">-->
<!-- <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>-->
<!-- </el-col>-->
<!-- <el-col :span="size ? 6 : 8" v-btn-permission="'d415c764036a02559976b41b9dfe2cf1'">-->
<!-- <el-card shadow="hover">-->
<!-- <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>-->
<!-- </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>-->
<!-- &lt;!&ndash; <div class="card-bottom">&ndash;&gt;-->
<!-- &lt;!&ndash; 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </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>-->
<!-- &lt;!&ndash; <div class="card-bottom">&ndash;&gt;-->
<!-- &lt;!&ndash; 流程简介: 容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- </el-card>-->
<!-- </el-col>-->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'NewProcess', name: 'NewProcess',
data () { data () {
return { return {
type: '', type: '',
size: true 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
}, },
methods: { // 新建流程
getImg (num) { handleCreateProcess (prcType) {
var url = '' this.$store.commit('setDetailMap', this.$route.path)
if (num == 0) { this.$store.commit('setHandleInfo')
url = require('@/assets/images/shangqi/img/process1.png') switch (prcType) {
} else if (num == 1) { case '2':
url = require('@/assets/images/shangqi/img/process2.png') // 标准调研流程
} else if (num == 2) { this.$router.push({
url = require('@/assets/images/shangqi/img/process3.png') name: 'bzdyStep1'
} else if (num == 3) { })
url = require('@/assets/images/shangqi/img/process4.png') break
} else if (num == 4) { case 'laws1':
url = require('@/assets/images/shangqi/img/process5.png') // 政策入库流程
} else if (num == 5) { this.$router.push({
url = require('@/assets/images/shangqi/img/process6.png') name: 'zcrkStep1'
} })
return url break
}, case '1':
// 新建流程 // 标准入库流程
handleCreateProcess (prcType) { this.$router.push({
this.$store.commit('setDetailMap', this.$route.path) name: 'bzrkStep1'
this.$store.commit('setHandleInfo') })
switch (prcType) { break
case '2': case '3':
// 标准调研流程 // 标准征求意见流程
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({ this.$router.push({
name:'bzzqyjStep1' name:'bzzqyjStep1'
}) })
break break
case '4': case '4':
this.$router.push({ this.$router.push({
name: 'bzfyStep1' name: 'bzfyStep1'
}) })
// 标准需求(翻译)申请流程 // 标准需求(翻译)申请流程
break break
case '5': case '5':
this.$router.push({ this.$router.push({
name: 'bzffStep1' name: 'bzffStep1'
}) })
// 标准发放申请流程 // 标准发放申请流程
break break
case '6': case '6':
//标准清单发布流程 //标准清单发布流程
this.$router.push({ this.$router.push({
name:'bzqdfbStep1' name:'bzqdfbStep1'
}) })
break break
case '7': case '7':
//项目评估流程 - 标准 //项目评估流程 - 标准
this.$router.push({ this.$router.push({
name: 'xmpgStep1' name: 'xmpgStep1'
}) })
break break
case '8': case '8':
//未符合项整改流程 //未符合项整改流程
this.$router.push({ this.$router.push({
name:'wfhxzgStep1' name:'wfhxzgStep1'
}) })
break break
case '9': case '9':
// 标准解读流程 // 标准解读流程
this.$router.push({ this.$router.push({
name:'bzjdStep1' name:'bzjdStep1'
}) })
break break
case '10': case '10':
//项目评估流程- 项目 //项目评估流程- 项目
this.$router.push({ this.$router.push({
name: 'xmpg2Step1' name: 'xmpg2Step1'
}) })
break break
case '11': case '11':
// 项目清单确认流程 // 项目清单确认流程
this.$router.push({ this.$router.push({
name:'xmqdqrStep1' name:'xmqdqrStep1'
}) })
break break
case '12': case '12':
// 政策征求意见流程 // 政策征求意见流程
this.$router.push({ this.$router.push({
@@ -613,225 +463,243 @@
name: 'zdrzbzORzchgxxmscStep1' name: 'zdrzbzORzchgxxmscStep1'
}) })
break break
case '17': case '17':
//政策课题入会流程 //政策课题入会流程
this.$router.push({ this.$router.push({
name: 'zcrhStep1' name: 'zcrhStep1'
}) })
break break
case '18': case '18':
//政策课题参会流程 //政策课题参会流程
this.$router.push({ this.$router.push({
name: 'zcchStep1' name: 'zcchStep1'
}) })
break break
case '19': case '19':
//政策课题会后流程 //政策课题会后流程
this.$router.push({ this.$router.push({
name: 'zchhStep1' name: 'zchhStep1'
}) })
break break
case '16': case '16':
//外部署名推荐审批流程 //外部署名推荐审批流程
this.$router.push({ this.$router.push({
name: 'wbsmStep1' name: 'wbsmStep1'
}) })
break break
case '15': case '15':
//加入标准化协会信息提报流程 //加入标准化协会信息提报流程
this.$router.push({ this.$router.push({
name: 'jrbzhxhStep1' name: 'jrbzhxhStep1'
}) })
break break
case '14': case '14':
//参与外部标准制修订信息提报流程 //参与外部标准制修订信息提报流程
this.$router.push({ this.$router.push({
name: 'cywbbzzxdStep1' name: 'cywbbzzxdStep1'
}) })
break break
// 外部标准化协会入会流程 // 外部标准化协会入会流程
case '20': case '20':
this.$router.push({ this.$router.push({
name: 'bzrhStep1' name: 'bzrhStep1'
}) })
break break
// 外部标准化协会参会流程 // 外部标准化协会参会流程
case '21': case '21':
this.$router.push({ this.$router.push({
name: 'bzchStep1' name: 'bzchStep1'
}) })
break break
} // 企标复审流程
}, case '23':
checkPermission(permissionIdArray) { this.$router.push({
return permissionIdArray.some(id => { name: 'qbfsStep1'
return this.$hasPermission(id) })
}) break
// 企标废止流程
case '24':
this.$router.push({
name: 'qbfzStep1'
})
break
// 企标制修订计划管控
case '25':
this.$router.push({
name: 'qbzxdjhgkStep1'
})
break
} }
}, },
watch: { checkPermission(permissionIdArray) {
$route (newVal) { return permissionIdArray.some(id => {
this.type = newVal.params.type return this.$hasPermission(id)
} })
},
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
} }
},
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> </script>
<style lang="less" scoped> <style lang="less" scoped>
#NewProcess{ #NewProcess{
width: 100%; width: 100%;
//height: 100%; //height: 100%;
padding: 15px 15px 0; padding: 15px 15px 0;
background: #ffffff; background: #ffffff;
/deep/.el-card__body { /deep/.el-card__body {
padding: 0; padding: 0;
} }
.el-card { .el-card {
margin: 25px; margin: 25px;
border-radius: 10px; border-radius: 10px;
} }
.card-box { .card-box {
cursor: pointer; cursor: pointer;
.card-top { .card-top {
width: 100%; width: 100%;
background: #2d8cf0; background: #2d8cf0;
height: 100px; height: 100px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.card-top-left { .card-top-left {
img { img {
margin: 10px; margin: 10px;
width: 80px; width: 80px;
height: 80px; height: 80px;
}
} }
.card-top-right { }
.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; width: 250px;
.card-top-right-text { background: #e6e6e6;
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-bottom {
.card-top { width: calc(~'100% - 60px');
.card-top-right { color: #c1c1c1;
.card-top-right-text { margin: 10px 30px;
color: rgb(247, 186, 42); line-height: 20px;
} font-size: 14px;
.card-top-right-line { height: 100px;
background: rgb(247, 186, 42); display: -webkit-box;
} -webkit-box-orient: vertical;
} -webkit-line-clamp: 5;
} overflow: hidden;
.card-bottom {
color: #2d8cf0;
}
}
.process-box{
margin-left: -5px;
margin-right: -5px;
padding-top: 20px;
padding-bottom: 20px;
.process-name{
width: 300px;
padding: 40px 0;
margin-bottom: 10px;
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;
margin-left: 5px;
margin-right: 5px;
}
.process-name:hover {
transform:translateY(-5px);
border: 1px dashed #2d8cf0;
background: #c6e2ff;
color: #2d8cf0;
}
} }
} }
.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{
width: 300px;
padding: 40px 0;
margin-bottom: 10px;
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;
margin-left: 5px;
margin-right: 5px;
}
.process-name:hover {
transform:translateY(-5px);
border: 1px dashed #2d8cf0;
background: #c6e2ff;
color: #2d8cf0;
}
}
}
</style> </style>