From eda9dc70c29c4c9b60f7d1b6bc4f88f7c49a1e1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=BD=A6=E6=B3=BD?= <liuyanze@syxysoft.com>
Date: Wed, 8 Feb 2023 15:38:28 +0800
Subject: [PATCH] =?UTF-8?q?bug-=E7=9F=A5=E8=AF=86=E5=88=86=E4=BA=ABTag?=
 =?UTF-8?q?=E5=A4=84=E5=A2=9E=E5=8A=A0=E5=B1=95=E5=BC=80=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/problemKnowledgeBaseList.vue   | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseList.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseList.vue
index 89a408080..4486e7def 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseList.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseList.vue
@@ -3,7 +3,7 @@
     <div class="search-detail-wrap">
       <div class="box-content-left">
         <div class="classification">{{$t('classification')}}:</div>
-        <template v-for="tag in tagList">
+        <template v-for='tag in tagList.slice(0,4)' v-if='!toggleSearchStatus'>
           <a-checkable-tag
             :key="tag.id"
             :title="tag.problemLabel"
@@ -13,6 +13,24 @@
             {{ tag.problemLabel }}
           </a-checkable-tag>
         </template>
+        <template v-for='tag in tagList' v-if='toggleSearchStatus'>
+          <a-checkable-tag
+            :key="tag.id"
+            :title="tag.problemLabel"
+            :checked="selectedTags.indexOf(tag.id) > -1"
+            @change="checked => handleChange(tag.id, checked)"
+          >
+            {{ tag.problemLabel }}
+          </a-checkable-tag>
+        </template>
+        <div style='display: inline-block;margin-bottom: 7px;'>
+        <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+          <a @click="handleToggleSearch">
+            {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+            <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+          </a>
+      </span>
+      </div>
       </div>
       <div class="box-content-content">
         <div class="box-content-content-index"
@@ -207,6 +225,7 @@
         total: 0,
         selectedTags: [],
         loading: false,
+        toggleSearchStatus: false,
         queryBase: {},
         pageSize: 10,
         queryForm: {},
@@ -444,6 +463,9 @@
           this.$refs.problemKnowledgeBaseListViewRef.getData(JSON.parse(JSON.stringify(val)))
         })
       },
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      }
     }
   }
 </script>