布局待办中心

jero-web/src/views/toDoCenter/projectRegulationTasks/index.vue

@@ -76,30 +76,53 @@
         </a-row>
       </a-form>
     </div>
-    <div class="table-operator">
+    <div class="table-operator" style="margin-bottom: 8px">
       <div @click="taskConfirmationHandlingClick"
            class="operator-text">
         <a-icon type="apartment"/>
         {{$t('taskConfirmationHandling')}}
       </div>
     </div>
+    <a-tabs v-model="tabActive" @change="callback">
+      <a-tab-pane :key="$t('toDoProcess')" :tab="$t('toDoProcess')">
+        <dealtWith v-if="tabActive == $t('toDoProcess')" ref="dealtWithRef"/>
+      </a-tab-pane>
+      <a-tab-pane :key="$t('processDone')" :tab="$t('processDone')">
+        <doneList v-if="tabActive == $t('processDone')" ref="doneListRef"/>
+      </a-tab-pane>
+      <a-tab-pane :key="$t('sentProcess')" :tab="$t('sentProcess')">
+        <SentList v-if="tabActive == $t('sentProcess')" ref="SentListRef"/>
+      </a-tab-pane>
+    </a-tabs>
   </a-card>
 </template>
 
 <script>
   import { getAction, postAction, deleteAction } from '@/api/manage'
+  import dealtWith from './components/dealtWith'
+  import doneList from './components/doneList'
+  import SentList from './components/SentList'
 
   export default {
     name: 'index',
+    components: {
+      dealtWith,
+      doneList,
+      SentList
+    },
     data() {
       return {
         queryParam: {},
         toggleSearchStatus: false,
         taskTypeList: [],
-        taskStatusList: []
+        taskStatusList: [],
+        tabActive: this.$t('toDoProcess')
       }
     },
     methods: {
+      callback(value) {
+        this.tabActive = value
+      },
       handleToggleSearch() {
         this.toggleSearchStatus = !this.toggleSearchStatus
       },
@@ -110,7 +133,9 @@
 
       },
       taskConfirmationHandlingClick() {
-
+        this.$router.push({
+          path: '/toDoTaskConfirmation'
+        })
       }
     }
   }