diff --git a/jero-web/src/views/projectManagement/components/TaskList.vue b/jero-web/src/views/projectManagement/components/TaskList.vue
index 47eb73f9d..82c544d38 100644
--- a/jero-web/src/views/projectManagement/components/TaskList.vue
+++ b/jero-web/src/views/projectManagement/components/TaskList.vue
@@ -34,6 +34,7 @@
                                  :triggerChange="false" :dictCode="'certification_progress'"/>
             </div>
           </a-col>
+          <template v-if="toggleSearchStatus">
           <a-col :md="6" :sm="8">
             <div class="box-title-text">
               <div class="title-text" :title="$t('CurrentStatus')">
@@ -66,10 +67,15 @@
               </a-select>
             </div>
           </a-col>
+          </template>
           <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
                <a-col :md="6" :sm="24">
                   <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
                   <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
+                  <a @click="handleToggleSearch" style="margin-left: 8px">
+                              {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+                              <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+                  </a>
                </a-col>
             </span>
         </a-row>
@@ -241,6 +247,7 @@
     props: ['isDisplayNum', 'areaOfResponsibility'],
     data() {
       return {
+        toggleSearchStatus: false,
         columns: [
           {
             title: this.$t('number'),
@@ -383,6 +390,9 @@
     },
     methods: {
       ...mapGetters(['userInfo']),
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
       searchQuery() {
         this.getList()
       },