单个签审待办增加过滤

applications/dee-task-center/src/views/home/compontents/my-task.vue

 <template>
   <div class="home-my-task">
     <div class="task-header">
+      <el-input
+        v-model.trim="searchText"
+        placeholder="任务名称检索"
+        size="mini"
+        clearable
+      >
+        <i slot="prefix" class="el-input__icon el-icon-search" />
+      </el-input>
       <div class="refresh">
         <i class="el-icon-refresh" style="margin-right:10px" title="刷新" @click="refresh" />
         <span @click="jumpList">更多<i class="el-icon-arrow-right" title="更多" /></span>
@@ -40,6 +48,7 @@ export default {
   name: 'MyTask',
   data() {
     return {
+      searchText: '',
       statusColor: {
         '审批中': '#C3A146',
         '签审中': '#C3A146',
@@ -136,7 +145,8 @@ export default {
   computed: {
     resLists() {
       const validAccessList = this.quickAccessList.filter(item => item.taskCount)
-      return [...this.taskList, ...validAccessList]
+      const allLists = [...this.taskList, ...validAccessList]
+      return allLists.filter(list => list.taskType.includes(this.searchText))
     }
   },
   watch: {
@@ -352,9 +362,13 @@ export default {
   // border: 1px solid #D9D9D9;
   position: relative;
   .task-header{
-    // display: flex;
-    height:20px ;
-    // justify-content: flex-start;
+    display: flex;
+    height:32px ;
+    align-items: center;
+    justify-content: flex-end;
+    .el-input{
+      width: 50%;
+    }
     .dee-form2{
       .el-form-item{
         margin-bottom:10px;
@@ -362,10 +376,10 @@ export default {
     }
   }
   .refresh{
-    position: absolute;
-    right: 9px;
-    top: 10px;
-    z-index: 10;
+    // position: absolute;
+    // right: 9px;
+    // top: 10px;
+    // z-index: 10;
     span{
       font-size:12px;
       color: #999999;