164 lines
4.5 KiB
Vue
164 lines
4.5 KiB
Vue
<template>
|
||
<div class="todo-page">
|
||
<p class="todo-page-title">待办任务<van-badge :content="listCount" style="margin-left: 0.1rem;" /></p>
|
||
|
||
<van-list
|
||
v-model="loading"
|
||
:finished="listFinished"
|
||
:finished-text="listData.length > 0 ? '没有更多了' : '暂无数据'"
|
||
@load="onLoadMore"
|
||
:immediate-check="false">
|
||
<van-cell v-for="item in listData" :key="item.id" is-link style="margin-bottom: 0.2rem;" @click="toProcessPage(item)">
|
||
|
||
<template #right-icon>
|
||
<van-icon name="arrow" style="display: flex; align-items: center"/>
|
||
</template>
|
||
|
||
<div class="todo-list-item">
|
||
<div class="todo-list-item-title">{{ item.prcType_dictText }}</div>
|
||
<div>{{ item.prcName }}</div>
|
||
<div>（流程编号:{{ item.id}}）</div>
|
||
<div class="todo-list-item-footer">
|
||
<div>发起人:{{ item.createUserId_dictText }}</div>
|
||
<div>{{ item.receivedTaskTime }}</div>
|
||
</div>
|
||
</div>
|
||
</van-cell>
|
||
</van-list>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import ListMixin from '@/mixins/ListMixin'
|
||
|
||
export default {
|
||
name: 'MyTodo',
|
||
mixins: [ListMixin],
|
||
data () {
|
||
return {
|
||
url: {
|
||
list: '/workCenter/getTodoList'
|
||
}
|
||
}
|
||
},
|
||
created () {
|
||
this.getListData()
|
||
},
|
||
methods: {
|
||
// 跳转流程页面
|
||
toProcessPage (record) {
|
||
let path = ''
|
||
// 跳转到对应流程页面
|
||
switch (record.prcType + '') {
|
||
// 标准法规入库/变更流程
|
||
case '1':
|
||
path = '/workCenter/StandardEntryOrChangeProcess'
|
||
break
|
||
// 标准征求意见流程
|
||
case '2':
|
||
path = '/workCenter/StandardConsultationProcess'
|
||
break
|
||
// 法规采购流程
|
||
case '6':
|
||
path = '/workCenter/StandardProcurementProcess'
|
||
break
|
||
// 企标立项、变更计划
|
||
case '7':
|
||
path = '/workCenter/enterpriseStandardInitChange'
|
||
break
|
||
// 年度制修订计划（各部门主动上报）
|
||
case '8':
|
||
path = '/workCenter/annualRevisionPlanActivelyReport'
|
||
break
|
||
// 年度制修订计划（标准化发起）
|
||
case '9':
|
||
path = '/workCenter/annualRevisionPlanStandardizationInit'
|
||
break
|
||
// 企标制修订流程
|
||
case '10':
|
||
path = '/workCenter/enterpriseStandardRevision/enterpriseStandardRevisionFlow'
|
||
break
|
||
// 企标更改流程
|
||
case '11':
|
||
path = '/workCenter/enterpriseStandardChange/enterpriseStandardChangeFlow'
|
||
break
|
||
// 企标复审流程
|
||
case '12':
|
||
path = '/workCenter/enterpriseStandardRecheck'
|
||
break
|
||
// 企标废止流程
|
||
case '13':
|
||
path = '/workCenter/enterpriseStandardAnnul'
|
||
break
|
||
// 企标封存流程
|
||
case '14':
|
||
path = '/workCenter/enterpriseStandardSealSave'
|
||
break
|
||
// 已封存企标启用流程
|
||
case '15':
|
||
path = '/workCenter/enterpriseStandardStartUse'
|
||
break
|
||
// 企标稽查计划
|
||
case '16':
|
||
path = '/workCenter/EnterpriseStandardInspectionPlan'
|
||
break
|
||
// 企标稽查流程
|
||
case '17':
|
||
path = '/workCenter/EnterpriseStandardInspectionProcess'
|
||
break
|
||
// 稽查延期申请流程
|
||
case '18':
|
||
path = '/workCenter/InspectionExtensionRequestProcess'
|
||
break
|
||
// 企标稽查整改
|
||
case '19':
|
||
path = '/workCenter/EnterpriseStandardInspectionRectification'
|
||
break
|
||
// 权限申请流程
|
||
case '20':
|
||
path = '/workCenter/PermissionApplicationProcess'
|
||
break
|
||
}
|
||
this.$router.push({
|
||
path: path,
|
||
query: {
|
||
projectId: record.projectId,
|
||
taskName: record.taskName,
|
||
taskId: record.taskId, // 任务id
|
||
processInstanceId: record.processInstanceId, // 流程实例id，必须传人员信息右侧表格查询需要用
|
||
nodeId: record.nodeId // 节点的id
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.todo-page {
|
||
&-title {
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 0.34rem;
|
||
font-weight: 600;
|
||
line-height: 0.4rem;
|
||
margin: 0.3rem 0.32rem 0.24rem;
|
||
}
|
||
}
|
||
.todo-list-title {
|
||
|
||
}
|
||
.todo-list-item {
|
||
&-title {
|
||
margin-bottom: 0.1rem;
|
||
font-weight: 600;
|
||
}
|
||
&-footer {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
</style>
|