[add] 我的待办

src/common/lang/en-us.js

@@ -1,6 +1,7 @@
 module.exports = {
   pageTitle: {
-    home: 'home'
+    home: 'home',
+    myTodo: 'My To Do'
   },
   back: 'back',
   chinese: 'chinese',
@@ -227,5 +228,5 @@ module.exports = {
     file: '附件',
     requestExtensionDate: '申请延期日期',
     extensionDescription: '延期说明'
-  },
+  }
 }

src/common/lang/zh-cn.js

@@ -1,6 +1,7 @@
 module.exports = {
   pageTitle: {
-    home: '首页'
+    home: '首页',
+    myTodo: '我的待办'
   },
   back: '返回',
   chinese: '中',
@@ -234,5 +235,5 @@ module.exports = {
     file: '附件',
     requestExtensionDate: '申请延期日期',
     extensionDescription: '延期说明'
-  },
+  }
 }

src/router/index.js

@@ -27,6 +27,16 @@ const routes = [
       hasBack: false
     }
   },
+  {
+    path: '/myTodo',
+    name: 'myTodo',
+    component: () => import('@/views/myTodo/MyTodo'),
+    meta: {
+      hasNavBar: true,
+      pageTitle: 'myTodo',
+      hasBack: true
+    }
+  },
   { // 流程中节点不支持的页面
     path: '/noMobile',
     name: 'NoMobile',

src/views/Home.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="home">
     首页
+    <br>
     <van-button type="info" @click="logout">退出登录</van-button>
+    <van-button type="info" @click="toMyTodo" style="margin-left: 0.1rem">我的待办</van-button>
+    <br>
     <van-button type="primary" @click="goEnterpriseStandardInitChange">跳转企标计划立项、变更流程审批</van-button>
     <van-button type="primary" @click="goESAnnul">跳转企标废止流程</van-button>
     <van-button type="danger" @click="goESSealSave">跳转企标封存流程</van-button>
@@ -15,6 +18,9 @@ import { mapActions } from 'vuex'
 export default {
   name: 'Home',
   methods: {
+    toMyTodo () {
+      this.$router.push({ path: '/myTodo' })
+    },
     goEnterpriseStandardInitChange () {
       this.$router.push({
         path: '/workCenter/enterpriseStandardInitChange',

src/views/myTodo/MyTodo.vue

@@ -0,0 +1,163 @@
+<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/planApprovalChangeFlow'
+          break
+        // 年度制修订计划（各部门主动上报）
+        case '8':
+          path = '/workCenter/annualRevisionPlanActivelyReport/revisionPlanActivelyReportFlow'
+          break
+        // 年度制修订计划（标准化发起）
+        case '9':
+          path = '/workCenter/annualRevisionPlanStandardizationInit/revisionPlanStandardizationInitFlow'
+          break
+        // 企标制修订流程
+        case '10':
+          path = '/workCenter/enterpriseStandardRevision/enterpriseStandardRevisionFlow'
+          break
+        // 企标更改流程
+        case '11':
+          path = '/workCenter/enterpriseStandardChange/enterpriseStandardChangeFlow'
+          break
+        // 企标复审流程
+        case '12':
+          path = '/workCenter/enterpriseStandardRecheck/enterpriseStandardRecheckFlow'
+          break
+        // 企标废止流程
+        case '13':
+          path = '/workCenter/enterpriseStandardAnnul/enterpriseStandardAnnulFlow'
+          break
+        // 企标封存流程
+        case '14':
+          path = '/workCenter/enterpriseStandardSealSave/enterpriseStandardSealSaveFlow'
+          break
+        // 已封存企标启用流程
+        case '15':
+          path = '/workCenter/enterpriseStandardStartUse/enterpriseStandardStartUseFlow'
+          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>