From 66760a2a574e3eb3c0a15d7cd6d5784e726a3b55 Mon Sep 17 00:00:00 2001
From: hyx <hanyuxia@iie.ac.cn>
Date: Fri, 28 Apr 2023 14:49:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:CN-971=201.=E5=8D=A1=E7=89=87=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E9=99=90=E5=AE=9A=E4=B8=80=E8=A1=8C=EF=BC=8C=E8=B6=85?=
 =?UTF-8?q?=E9=95=BF=E5=81=9A=E5=A4=84=E7=90=86=EF=BC=9B=E6=8F=8F=E8=BF=B0?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E9=95=BF=E5=BA=A6=E9=99=90=E5=AE=9A=E5=88=B0?=
 =?UTF-8?q?=E4=B8=8D=E9=81=AE=E4=BD=8Ftype=E5=92=8Cenabled=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E7=95=9910px=E4=BB=A5=E4=B8=8A=E9=97=B4?=
 =?UTF-8?q?=E9=9A=99=EF=BC=9B=202.=E5=8F=96=E6=B6=88select=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E6=97=B6=EF=BC=8C=E5=BA=94=E6=B8=85=E7=A9=BA=E5=B7=B2?=
 =?UTF-8?q?=E9=80=89=E6=95=B0=E7=BB=84=EF=BC=9B=203.=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E5=9B=BE=E4=B8=8A=EF=BC=8C=E9=BC=A0=E6=A0=87=E6=BB=91=E8=BF=87?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E6=97=B6=EF=BC=8C=E5=8D=A1=E7=89=87=E8=BE=B9?=
 =?UTF-8?q?=E6=A1=86=E5=BA=94=E6=9C=89=E9=98=B4=E5=BD=B1=EF=BC=9B=204.sele?=
 =?UTF-8?q?ct=E7=8A=B6=E6=80=81=E4=B8=8B=EF=BC=8C=E6=95=B4=E4=B8=AA?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=BB=BB=E6=84=8F=E5=8C=BA=E5=9F=9F=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E9=83=BD=E5=8F=AF=E4=BB=A5=E9=80=89=E4=B8=AD=EF=BC=8C?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E5=90=8E=E8=BE=B9=E6=A1=86=E8=89=B2=E6=94=B9?=
 =?UTF-8?q?=E5=8F=98=EF=BC=8C=E4=B8=94=E9=BC=A0=E6=A0=87=E7=A7=BB=E5=BC=80?=
 =?UTF-8?q?=E5=90=8E=E8=BE=B9=E6=A1=86=E9=98=B4=E5=BD=B1=E4=B8=8D=E6=B6=88?=
 =?UTF-8?q?=E5=A4=B1=EF=BC=9B=205.All=E7=AD=9B=E9=80=89=E6=A1=86=E4=B8=8E?=
 =?UTF-8?q?=E4=B8=8B=E6=96=B9=E7=9A=84=E9=97=B4=E9=9A=99=E5=A4=AA=E5=B0=8F?=
 =?UTF-8?q?=EF=BC=8C=E5=B0=86=E9=97=B4=E9=9A=99=E5=92=8C=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=EF=BC=9B=206.=E5=8F=AA=E6=9C=892=E8=A1=8C?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E5=8D=A1=E7=89=87=E8=A1=8C=E8=B7=9D=E8=A2=AB?=
 =?UTF-8?q?=E6=8B=89=E5=BC=80=E8=BF=87=E5=A4=A7=EF=BC=8C=E5=BA=94=E8=AF=A5?=
 =?UTF-8?q?=E4=B8=8D=E6=8B=89=E5=BC=80=EF=BC=9B=207.=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E5=BC=B9=E6=A1=86=E5=BA=94=E7=AB=96=E5=90=91=E5=B1=85=E4=B8=AD?=
 =?UTF-8?q?=EF=BC=9B=208.=E5=A4=9A=E9=80=89=E4=B9=8B=E5=90=8E=EF=BC=8C?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=90=9C=E7=B4=A2=EF=BC=8C=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E4=B8=8A=E7=9A=84=E9=80=89=E6=8B=A9=E7=8A=B6=E6=80=81=E8=A2=AB?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=EF=BC=8C=E4=BD=86=E7=82=B9=E5=87=BB=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E6=8C=89=E9=92=AE=E4=BE=9D=E6=97=A7=E5=9C=A8=E5=BE=85?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=88=97=E8=A1=A8=E9=87=8C=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/setting/knowledgeBase.scss          | 40 +++++++++----------
 .../table/setting/KnowledgeBaseTable.vue      | 39 ++++++++++++++----
 src/views/setting/KnowledgeBase.vue           | 13 ++++++
 src/views/setting/KnowledgeFilter.vue         |  2 +-
 4 files changed, 65 insertions(+), 29 deletions(-)

diff --git a/src/assets/css/components/views/setting/knowledgeBase.scss b/src/assets/css/components/views/setting/knowledgeBase.scss
index 073e53f5..bc17bff1 100644
--- a/src/assets/css/components/views/setting/knowledgeBase.scss
+++ b/src/assets/css/components/views/setting/knowledgeBase.scss
@@ -171,7 +171,6 @@
         align-items : center;
         flex-direction:row;
         height:28px;
-        //border:solid 1px red;
         width:100%;
         .top-tool-btn {
           cursor: pointer;
@@ -281,6 +280,9 @@
         width:100%;
         height:calc(100% - 152px);
         overflow-y:auto;
+        .card-selected{
+          box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1);
+        }
         .card-item {
           background: #FFFFFF;
           border: 1px solid rgba(226,229,236,1);
@@ -307,7 +309,11 @@
               flex-direction: row;
               justify-content: space-between;
               .card-title-name {
-
+                width:210px;
+                overflow: hidden; //超出的文本隐藏
+                text-overflow: ellipsis; //溢出用省略号显示
+                white-space:nowrap;
+                word-break: break-all;
               }
               .card-title-more {
                 position: relative;
@@ -331,23 +337,6 @@
                   left: 5px;
                   top: 2px;
                   transform: rotate(45deg) scaleY(1);
-
-                  /*
-
-                  box-sizing: content-box;
-                  content: "";
-                  border: 10px solid red;
-                  border-left: 0;
-                  border-top: 0;
-                  height: 0.5rem;
-
-
-                  width: 0.21429rem;
-                  transform: rotate(
-                                  45deg
-                  ) scaleY(0);
-                  transition: transform .15s ease-in .05s;
-                  transform-origin: center;*/
                 }
                 .card-operate {
                   background: #FFFFFF;
@@ -409,7 +398,6 @@
                   }
                 }
               }
-
             }
             .card-id {
               //font-family: NotoSansSChineseRegular;
@@ -424,7 +412,14 @@
               color: #717171;
               line-height: 18px;
               font-weight: 400;
-              margin-bottom:12px;
+              margin-bottom:0px;
+              max-height:88px;
+
+              overflow: hidden;
+              display: -webkit-box;
+              -webkit-line-clamp: 5;
+              line-clamp: 5;
+              -webkit-box-orient: vertical;
             }
           }
           .card-operate__footer {
@@ -455,6 +450,9 @@
             }
           }
         }
+        .card-item:hover{
+          box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.1);
+        }
         .card-item__enable {
           background: #FFFFFF;
           border: 1px solid rgba(226,229,236,1);
diff --git a/src/components/table/setting/KnowledgeBaseTable.vue b/src/components/table/setting/KnowledgeBaseTable.vue
index d1410d5a..d67d72f4 100644
--- a/src/components/table/setting/KnowledgeBaseTable.vue
+++ b/src/components/table/setting/KnowledgeBaseTable.vue
@@ -1,23 +1,21 @@
 <template>
-  <el-checkbox-group v-model="checkList" @change="" style="display:flex;flex-flow:row wrap;">
-    <div @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" v-for="data in tableData" :key="data.id" class="card-item" style="">
+  <el-checkbox-group v-model="checkList" @change="" style="display:flex;flex-flow:row wrap;align-content: flex-start;">
+    <div @click="isSelectedStatus && clickCard(data,$event)"  @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" v-for="data in tableData" :key="data.id" class="card-item"  :class="data.isSelected ? 'card-selected' : ''">
       <div class="card-content">
         <div class="card-title">
-          <div class="card-title-name">
-            {{data.tagName}}
-          </div>
+          <div class="card-title-name" :title="data.tagName">{{data.tagName}}</div>
           <div class="card-title-more">
             <span v-show="!isSelectedStatus && data.showMore"><i class="cn-icon cn-icon-more-dark" @mouseenter="mouseenterMore(data)" test-id="mouseenter-dark"></i></span>
             <div class="card-operate" v-show="!isSelectedStatus && data.moreOptions" @mouseleave="mouseleaveMore(data)">
               <div class="card-title-more-edit" @click="edit(data.id)" >{{$t('overall.edit')}}</div>
               <div class="card-title-more-delete" @click="del(data)" >{{$t('overall.delete')}}</div>
             </div>
-            <el-checkbox @change="(val) => {checkboxStatusChange(val,data)}" style="position: absolute;right: -12px;" v-if="isSelectedStatus" :key="data.id" :label="data"><br></el-checkbox>
+            <el-checkbox @click.stop="" @change="(val) => {checkboxStatusChange(val,data)}" style="position: absolute;right: -12px;" v-if="isSelectedStatus" :key="data.id" :label="data"><br></el-checkbox>
 
           </div>
         </div>
         <div class="card-id">ID:{{data.id}}</div>
-        <div class="card-desc">{{data.remark?data.remark:'—'}}</div>
+        <div class="card-desc" :title="data.remark">{{data.remark?data.remark:'—'}}</div>
       </div>
       <div class="card-operate__footer">
         <div class="card-type">{{data.tagType}}</div>
@@ -62,7 +60,24 @@ export default {
     }
   },
   methods: {
+    clickCard (data, event) {
+      if (data.isSelected) { // 原来为选中，当前点击后未选中
+        const index = this.checkList.indexOf(data)
+        if (index > -1) {
+          this.checkList.splice(index, 1)
+        }
+      } else {
+        const index = this.checkList.indexOf(data)
+        if (index === -1) {
+          this.checkList.push(data)
+        }
+      }
+      const val = !data.isSelected
+      data.isSelected = val
+      this.$emit('checkboxStatusChange', val, data)
+    },
     checkboxStatusChange (val, data) {
+      data.isSelected = val
       this.$emit('checkboxStatusChange', val, data)
     },
     showSelect () {
@@ -71,6 +86,16 @@ export default {
     hideSelect () {
       // this.isSelectedStatus = false
     },
+    clearSelect () {
+      this.$nextTick(() => {
+        this.checkList = []
+        if (this.tableData && this.tableData.length > 0) {
+          this.tableData.forEach(data => {
+            data.isSelected = false
+          })
+        }
+      })
+    },
     mouseenterMore (card) {
       this.tableData.forEach(t => {
         if (t.id === card.id) {
diff --git a/src/views/setting/KnowledgeBase.vue b/src/views/setting/KnowledgeBase.vue
index e08636a4..80295a83 100644
--- a/src/views/setting/KnowledgeBase.vue
+++ b/src/views/setting/KnowledgeBase.vue
@@ -124,6 +124,7 @@ export default {
       const params = {
         q: this.keyWord
       }
+      this.clearList()
       this.search(params)
     },
     handleClose () {
@@ -224,7 +225,11 @@ export default {
       this.pageObj.total = 0
     },
     toSelect () {
+      this.$refs.dataTable.clearSelect()
       this.isSelectedStatus = !this.isSelectedStatus
+      this.disableDelete = true
+      this.batchDeleteObjs = []
+      this.secondBatchDeleteObjs = []
     },
     editSelectRecord () {
       if (this.batchDeleteObjs.length === 0) {
@@ -378,4 +383,12 @@ export default {
       }
     }
   }
+  .el-dialog {
+    display: flex;
+    flex-direction: column; // 水平分布
+    margin: 0 !important;
+    position: absolute;
+    top: calc(50% - 150px);
+    left: calc(50% - 240px);
+  }
 </style>
diff --git a/src/views/setting/KnowledgeFilter.vue b/src/views/setting/KnowledgeFilter.vue
index b7543621..12a9f663 100644
--- a/src/views/setting/KnowledgeFilter.vue
+++ b/src/views/setting/KnowledgeFilter.vue
@@ -11,7 +11,7 @@
         </div>
         <el-collapse-transition>
           <div class="filter__body" v-show="!filter.collapse">
-            <el-checkbox label="all" v-if="index === 0" key="all" @change="handleCheckedAllChange" v-model="checkAll" :indeterminate="isIndeterminateModel">
+            <el-checkbox style="padding-bottom: 5px;" label="all" v-if="index === 0" key="all" @change="handleCheckedAllChange" v-model="checkAll" :indeterminate="isIndeterminateModel">
               <div class="filter__checkbox-label">
                 <div class="filter-label" style="">
                   <span>All</span>