diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
index 1837c9e10..c7f6de84b 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/listAddModel.vue
@@ -21,6 +21,7 @@
                          v-model="queryParam.serial_number"></a-input>
               </div>
             </a-col>
+            <template v-if="toggleSearchStatus">
             <a-col :md="12" :sm="8">
               <div class="box-title-text">
                 <div class="title-text" :title="$t('title')">
@@ -41,6 +42,7 @@
                                    :triggerChange="false" :dictCode="'state'"/>
               </div>
             </a-col>
+            </template>
             <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
                <a-col :md="12" :sm="24">
                   <globalAdvancedQuery ref="globalAdvancedQueryRef"
@@ -48,6 +50,10 @@
                                        :fieldList="fieldList"/>
                   <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>
@@ -96,6 +102,7 @@
     props: ['url'],
     data() {
       return {
+        toggleSearchStatus: false,
         visible: false,
         queryParam: {},
         confirmLoading: false,
@@ -148,6 +155,9 @@
 
     },
     methods: {
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
       addModel(value) {
         this.pageNo = 1
         this.visible = true
@@ -290,7 +300,7 @@
   }
 
   .title-text {
-    width: 33px;
+    width: 110px;
     color: #000F16;
     display: inline-block;
     font-weight: 500;
diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseRelease.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseRelease.vue
index b65366ba9..ad1d489e9 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseRelease.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseRelease.vue
@@ -252,7 +252,7 @@
 </script>
 
 <style scoped lang="less">
-  @import '~@assets/less/common.less';
+  @import'~@assets/less/common.less';
 
   .doc-detail {
     background: #fff;