diff --git a/src/Login.vue b/src/Login.vue
index 7a8a1a99..63943b66 100644
--- a/src/Login.vue
+++ b/src/Login.vue
@@ -82,7 +82,7 @@ export default {
             res.loginSuccessPath = this.$route.query.redirect
             this.loginSuccess(res)
             localStorage.setItem(storageKey.username, this.username)
-            localStorage.setItem(storageKey.userId, res.data.data.user ? res.data.data.user.userId : res.data.data.userId)
+            localStorage.setItem(storageKey.userId, res.data.data.userId)
             localStorage.setItem(storageKey.token, res.data.data.token)
           } else if (res.data.code === 518005) {
             this.$message.error(this.$t('Incorrect username or password'))
diff --git a/src/assets/css/components/views/setting/knowledgeBase.scss b/src/assets/css/components/views/setting/knowledgeBase.scss
index cbaf5dfe..4d15f604 100644
--- a/src/assets/css/components/views/setting/knowledgeBase.scss
+++ b/src/assets/css/components/views/setting/knowledgeBase.scss
@@ -1,6 +1,4 @@
 .knowledge-base {
-  height: 100%;
-  overflow:auto;
   &.list-page {
     height: calc(100% - 52px);
   }
@@ -19,1825 +17,1174 @@
     text-overflow: ellipsis;
   }
 
-  .knowledge-base__top {
+  .top-title {
+    font-size: 24px;
+    color: #353636;
+    font-weight: 900;
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    padding-bottom: 8px;
+    padding-top: 20px;
+    margin-left:20px;
+  }
+  .knowledge-base__content {
     display:flex;
-    justify-content: space-between ;
-    align-items:center;
-    .top-title {
-      font-size: 24px;
-      color: #353636;
-      font-weight: 900;
-      line-height: 24px;
-      display: flex;
-      align-items: center;
-      padding-bottom: 8px;
-      padding-top: 20px;
-      margin-left:20px;
-    }
-    .builtIn-to-user-defined {
+    flex-direction:row;
+    padding:12px 20px 20px 20px;
+    height:calc(100% - 52px);
+    .left-filter {
       margin-right:20px;
-      margin-top: 20px;
-    }
-}
-.top-tool-btn--user_defined_library {
-  background: #F5F8FA;
-  border: 1px solid rgba(222,222,222,1);
-  box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
-  border-radius: 2px;
-  height:28px;
-  padding:8px 10px;
-  font-size: 12px;
-  color: #353636;
-  font-weight: 500;
-  line-height: 28px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  i {
-    color: #575757;
-    font-size:14px !important;
-    margin-right:6px;
-  }
-}
-.top-tool-btn--user_defined_library:hover {
-  border: 1px solid $--border-color-primary;
-  background-color: $--button-gray-hover-background-color;
-  cursor: pointer;
-}
-.knowledge-base-built-in__content {
-  display:flex;
-  flex-direction:row;
-  padding:12px 20px 20px 20px;
-  height:calc(100% - 52px);
-  .list-card {
-    display:flex;
-    flex-direction:column;
-    justify-content: space-between;
-    width: 100%;
-    .card-type-title {
-      font-size: 14px;
-      color: #353636;
-      font-weight: 500;
-
-      display: flex;
-      align-items: center;
-
-      margin-bottom:10px;
-    }
-    .list-mode__card {
-      width: 100%;
-      padding-right: 2px;
-      position:relative;
-
-      .table-no-data{
-        height: 100%;
-        display: flex;
+      width:320px;
+      min-width:320px;
+      height:100%;
+      display:flex;
+      flex-direction:column;
+      background: #FFFFFF;
+      border: 1px solid rgba(226,229,236,1);
+      border-radius: 4px;
+      overflow: auto;
+      .filter-title {
+        height:32px;
+        padding-left:20px;
         align-items: center;
-        justify-content: center;
-        line-height: 60px;
-        color: #909399;
-      }
-      .el-checkbox-group {
         display: flex;
-        flex-wrap: wrap;
-        flex-direction:row;
+        background: #F7F7F7;
+        box-shadow: 0 1px 0 0 rgba(226,229,236,1);
+        border-radius: 4px 4px 0 0;
+        font-size: 14px;
+        color: #353636;
+        font-weight: 500;
+        //font-family: $fontFamily !important;
       }
-      .card-selected{
-        box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
-        border: 1px solid rgba(197,197,197,1) !important;
-      }
-      .card-item {
-        background: #FFFFFF;
-        border: 1px solid rgba(226,229,236,1);
-        border-radius: 4px;
-        margin-bottom:16px;
-        margin-right:16px;
-        height:258px;
-        width:300px;
-        display:flex;
-        flex-direction:column;
-        .card-content {
-          height:calc(100% - 32px);
-          padding:15px;
-          display:flex;
-          flex-direction: column;
-          .card-operate {
-            position:relative;
-            .card-enable {
-              position:absolute;
-              right:0px;
-              top:0px;
-            }
+      .knowledge-filter {
+        display: flex;
+        flex-direction: column;
+        margin-bottom: 0;
+        .filter__header {
+          display: flex;
+          flex: 0 0 32px;
+          align-items: center;
+          padding-left: 20px;
+          color: #666;
+          cursor: pointer;
+          margin-top:15px;
+          span {
+            font-size: 14px;
+            padding-left: 0;
           }
-          .card-icon {
-            margin-top:9px;
-            width:100%;
-            height:50px;
-            color:red;
-            display:flex;
-            justify-content: center;
-            align-items: center;
-            .cn-icon-add-knowledge-base {
-              font-size:50px;
-            }
+          i {
+            font-size: 12px;
+            transition: all linear .1s;
+            transform: rotate(0) translate(0, 2px);
           }
-          .card-title {
-            font-size: 16px;
+          i.arrow-rotate {
+            transform: rotate(90deg) translate(2px, 3px);
+          }
+          .new-knowledge-filter-header-title {
+            //font-family: $fontFamily !important;
+            font-size: 14px;
             color: #353636;
-            font-weight: 700;
-            margin-bottom:15px;
-            margin-top:10px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            .card-title-name {
-              width:100%;
-              overflow: hidden; //超出的文本隐藏
-              text-overflow: ellipsis; //溢出用省略号显示
-              white-space:nowrap;
-              word-break: break-all;
-              text-align: center;
-
-              font-family: NotoSansSC-Bold;
-              font-size: 14px;
-              color: #333333;
-              letter-spacing: 0;
-              font-weight: 700;
-            }
-            .card-title-more {
-              position: relative;
-              color:#575757;
-              .el-checkbox__input.is-checked .el-checkbox__inner {
-                background-color: #38ACD2;
-                border-color: #38ACD2;
-              }
-              .el-checkbox__input.is-checked .el-checkbox__inner::after {
-                left: 5px;
-                top: 2px;
-              }
-              .el-checkbox__inner {
-                border-radius: 50%;
-                width:16px;
-                height:16px;
-                background-color: #DEDEDE;
-                border-color: #DEDEDE;
-                z-index:1;
-              }
-              .el-checkbox__inner::after {
-                left: 5px;
-                top: 2px;
-                transform: rotate(45deg) scaleY(1);
-              }
-              .card-operate {
-                background: #FFFFFF;
-                border: 1px solid rgba(197,197,197,1);
-                box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
-                border-radius: 2px;
-                position: absolute;
-                top: 20px;
-                right: -10px;
-                height: 56px;
-                width: 80px;
-                display:flex;
-                flex-direction: column;
-                padding-top:4px;
-                padding-bottom:4px;
-                font-family: Helvetica;
-                font-size: 12px;
-                font-weight: 400;
-                .card-title-more-delete {
-                  z-index: 1;
-                  line-height: 24px;
-                  height: 24px;
-                  background: #FFFFFF;
-                  padding-left: 9px;
-                  color: #666666;
-                }
-                .card-title-more-delete:hover {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-delete:active {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-edit {
-                  z-index: 1;
-                  line-height: 24px;
-                  height: 24px;
-                  background: #FFFFFF;
-                  padding-left: 9px;
-                  color: #666666;
-                }
-                .card-title-more-edit:hover {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-edit:active {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-              }
-            }
-          }
-          .card-desc {
-            font-size: 12px;
-            color: #717171;
-            line-height: 18px;
-            font-weight: 400;
-            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 {
-          height:40px;
-          display:flex;
-          flex-direction: row;
-          justify-content:center;
-          font-size: 14px;
-          font-weight: 400;
-          align-items: center;
-          padding-left:16px;
-          padding-right:16px;
-          padding-bottom:20px;
-          .top-tool-btn--update {
-            background-color: #38ACD2 !important;
-            padding-left:7px;
-            padding-right:7px;
-            color:#FFFFFF;
-            font-size: 12px;
             font-weight: 500;
-            border: 1px solid rgba(46,136,166,0.85);
-            border-radius: 2px;
-            line-height: 28px;
-            height:28px;
-            cursor: pointer;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            i {
-              color: #FFFFFF;
-              font-size:14px !important;
-              margin-right:5px;
-            }
           }
-          .top-tool-btn--update:hover {
-            background-color: #57B8D9 !important;
-            border-color: #2E88A6 !important;
-          }
-          .card-type {
-            display:flex;
-            flex-direction:row;
-            .card-category {
-              font-size: 12px;
-              line-height: 16px;
-              color: #38ACD2;
-              font-weight: 400;
-              border: 1px solid rgba(56,172,210,1);
-              height:20px;
-              width: fit-content;
-              padding-left:11px;
-              padding-right:11px;
-              box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-              border-radius: 10px;
-              margin-right:4px;
-            }
-            .card-source {
-              height:20px;
-              width: fit-content;
-              padding-left:11px;
-              padding-right:11px;
-              background: rgba(56,172,210,0.10);
-              box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-              border-radius: 10px;
-              font-size: 12px;
-              color: #046ECA;
-              font-weight: 400;
-            }
-          }
-          .card-enable {
+          .new-knowledge-filter-icon {
+            margin-left: 8px;
+            margin-bottom: 2px;
+            font-weight: bold !important;
+            color: #575757;
           }
         }
-      }
-      .card-item:hover{
-        background: rgba(56,172,210,0.04);
-        border: 1px solid rgba(56,172,210,0.48);
-        box-shadow: 0px 1px 4px 0px rgba(56,172,210,0.13);
-        border-radius: 4px;
-      }
-      .card-item__enable {
-        background: #FFFFFF;
-        border: 1px solid rgba(226,229,236,1);
-        box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
-        border-radius: 4px;
-      }
-    }
-  }
-}
-.knowledge-base-user-defined__content {
-  display:flex;
-  flex-direction:row;
-  padding:12px 20px 20px 20px;
-  height:calc(100% - 52px);
-  .left-filter {
-    margin-right:20px;
-    width:320px;
-    min-width:320px;
-    height:100%;
-    display:flex;
-    flex-direction:column;
-    background: #FFFFFF;
-    border: 1px solid rgba(226,229,236,1);
-    border-radius: 4px;
-    overflow: auto;
-    .filter-title {
-      height:32px;
-      padding-left:20px;
-      align-items: center;
-      display: flex;
-      background: #F7F7F7;
-      box-shadow: 0 1px 0 0 rgba(226,229,236,1);
-      border-radius: 4px 4px 0 0;
-      font-size: 14px;
-      color: #353636;
-      font-weight: 500;
-    }
-    .knowledge-filter {
-      display: flex;
-      flex-direction: column;
-      margin-bottom: 0;
-      .filter__header {
-        display: flex;
-        flex: 0 0 32px;
-        align-items: center;
-        padding-left: 20px;
-        color: #666;
-        cursor: pointer;
-        margin-top:15px;
-        span {
-          font-size: 14px;
-          padding-left: 0;
-        }
-        i {
-          font-size: 12px;
-          transition: all linear .1s;
-          transform: rotate(0) translate(0, 2px);
-        }
-        i.arrow-rotate {
-          transform: rotate(90deg) translate(2px, 3px);
-        }
-        .new-knowledge-filter-header-title {
-          font-size: 14px;
-          color: #353636;
-          font-weight: 500;
-        }
-        .new-knowledge-filter-icon {
-          margin-left: 8px;
-          margin-bottom: 2px;
-          font-weight: bold !important;
-          color: #575757;
-        }
-      }
-      .filter__body {
-        padding: 3px 0 0 20px;
-        .el-tree {
-          font-size:14px;
-          color: #353636;
-          font-weight: 400;
-          .el-tree-node {
-            .el-tree-node__content {
-              margin-bottom: 2px;
-              .custom-tree-node {
-                flex: 1;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                padding-right: 20px;
-                font-size: 14px;
-                font-weight: 400;
-                .count-tree-node {
-                  color: #717171;
+        .filter__body {
+          padding: 3px 0 0 20px;
+          .el-tree {
+            font-size:14px;
+            color: #353636;
+            font-weight: 400;
+            .el-tree-node {
+              .el-tree-node__content {
+                margin-bottom: 2px;
+                .custom-tree-node {
+                  flex: 1;
+                  display: flex;
+                  align-items: center;
+                  justify-content: space-between;
+                  padding-right: 20px;
+                  font-size: 14px;
+                  font-weight: 400;
+                  .count-tree-node {
+                    color: #717171;
+                  }
                 }
               }
             }
           }
-        }
-        .el-checkbox-group {
-          display: flex;
-          flex-direction: column;
-        }
-        .el-checkbox {
-          display: flex;
-          align-items: center;
-          padding: 5px 0;
-          margin-right: 5px;
-          .el-checkbox__input {
-            .el-checkbox__inner {
-              background: #F2F7F9;
-              border: 1px solid rgba(0,0,0,0.15);
-              border-radius: 2px;
+          .el-checkbox-group {
+            display: flex;
+            flex-direction: column;
+          }
+          .el-checkbox {
+            display: flex;
+            align-items: center;
+            padding: 5px 0;
+            margin-right: 5px;
+            .el-checkbox__input {
+              .el-checkbox__inner {
+                background: #F2F7F9;
+                border: 1px solid rgba(0,0,0,0.15);
+                border-radius: 2px;
+              }
             }
-          }
-          .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-            border-color: #38ACD2;
-            background: #38ACD2;
-            border-radius: 2px;
-          }
-          .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
-            background: #FFFFFF;
-            border-radius: 1px;
-          }
-          .el-checkbox__input.is-checked {
-            .el-checkbox__inner {
+            .el-checkbox__input.is-indeterminate .el-checkbox__inner {
               border-color: #38ACD2;
               background: #38ACD2;
               border-radius: 2px;
             }
-          }
-          .el-checkbox__input.is-focus {
-            .el-checkbox__inner {
-              border-color: #38ACD2;
+            .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
+              background: #FFFFFF;
+              border-radius: 1px;
+            }
+            .el-checkbox__input.is-checked {
+              .el-checkbox__inner {
+                border-color: #38ACD2;
+                background: #38ACD2;
+                border-radius: 2px;
+              }
+            }
+            .el-checkbox__input.is-focus {
+              .el-checkbox__inner {
+                border-color: #38ACD2;
+              }
             }
-          }
 
-          .el-checkbox__label {
-            width: 100%;
-            padding-right:15px;
-            padding-left:7px;
-          }
-          .filter__checkbox-label {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            font-weight: 400;
-            color: #353636;
-            font-size: 14px;
-            .filter-label {
+            .el-checkbox__label {
+              width: 100%;
+              padding-right:15px;
+              padding-left:7px;
+            }
+            .filter__checkbox-label {
               display: flex;
+              justify-content: space-between;
+              align-items: center;
+              font-weight: 400;
+              //font-family: NotoSansSChineseRegular !important;
+              color: #353636;
+              font-size: 14px;
+              .filter-label {
+                display: flex;
+                //color: #353636;
+              }
+              .filter-count {
+                color: #717171 !important;
+              }
+              .severity-color-block {
+                width: 4px;
+                height: 15px;
+                border-radius: 2px;
+              }
             }
-            .filter-count {
-              color: #717171 !important;
+            &:last-of-type {
+              padding-bottom: 0;
             }
-            .severity-color-block {
-              width: 4px;
-              height: 15px;
-              border-radius: 2px;
-            }
-          }
-          &:last-of-type {
-            padding-bottom: 0;
           }
         }
       }
-    }
 
-    .knowledge-filter:last-child {
-      .filter__header {
-        margin-top:10px !important;
+      .knowledge-filter:last-child {
+        .filter__header {
+          margin-top:10px !important;
+        }
       }
     }
-  }
-  .right-list-card {
-    display:flex;
-    flex-direction:column;
-    justify-content: space-between;
-    width: 100%;
-    height:100%;
-    .top-tools {
-      display: flex;
-      align-items : center;
-      flex-direction:row;
-      justify-content: space-between ;
-      width:100%;
-      margin-bottom:20px;
-      .top-tools__right {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-        &>div {
-          //padding: 0 0 0 10px;
-        }
-        .el-button {
-          color: #575757;
-        }
-        .el-button--mini{
-          padding: 7px 9px !important;
-          min-height: 28px !important;
-          &.active i {
-            color: #046ECA;
-          }
-          i {
-            font-size: 12px;
-          }
-        }
-      }
-      .top-tools__left {
+    .right-list-card {
+      display:flex;
+      flex-direction:column;
+      justify-content: space-between;
+      width: calc(100% - 340px);
+      max-width: calc(100% - 340px);
+      height:100%;
+      .top-tools {
         display: flex;
         align-items : center;
         flex-direction:row;
-        .top-tool-btn {
-          cursor: pointer;
-          height: 28px;
-          width: 28px;
-          border: 1px solid $--border-color-primary;
-          outline: none;
-          border-radius: $--button-border-radius;
-          background-color: $--button-gray-background-color;
-          transition: background-color linear .1s;
-          font-size:12px;
-          font-weight: 500;
-          i {
-            font-size: 14px;
-            color: #575757;
-            margin-right:4px;
-          }
-        }
-        .top-tool-btn:disabled {
-          cursor: not-allowed;
-          opacity: 0.66;
-          i {
-          }
-        }
-        .top-tool-btn:hover:not(.cn-btn-disabled) {
-          border: 1px solid $--border-color-primary;
-          background-color: $--button-gray-hover-background-color;
-        }
-        .top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus {
-          background-color: $--button-gray-active-background-color;
-          border: 1px solid $--border-color-primary;
-          i {
-            color: #575757;
-          }
-        }
-        .top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) {
-          background-color: $--button-gray-hover-background-color;
-          border-color: #FFC4B9;
-          i {
-            color: #F0745A;
-          }
-        }
-        .top-tool-btn--create {
-          background-color: #38ACD2 !important;
-          border-color: #2E88A6 !important;
-          color:#FFFFFF;
-          i {
-            color: #FFFFFF;
-          }
-        }
-        .top-tool-btn--user_defined_library {
-          background: #F5F8FA !important;
-          border: 1px solid rgba(222,222,222,1);
-          box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
-          border-radius: 2px;
-          height:28px;
-          padding:8px 10px;
-          font-size: 12px;
-          color: #353636;
-          font-weight: 500;
-          i {
-            color: #575757;
-            font-size:14px !important;
-            margin-right:6px;
-          }
-        }
-        .top-tool-btn--create:hover {
-          background-color: #57B8D9 !important;
-          border-color: #2E88A6 !important;
-          color:#FFFFFF;
-          i {
-            color: #FFFFFF;
-          }
-        }
-        .top-tool-btn--create:focus {
-          background-color: #31A5CD !important;
-          border-color: #2E88A6 !important;
-          color:#FFFFFF !important;
-          i {
-            color: #FFFFFF !important;
-          }
-        }
-        .top-tool-btn--create:disabled {
-          opacity: 0.66;
-          background-color: #38ACD2 !important;
-          border-color: #2E88A6 !important;
-          color:#FFFFFF;
-          i {
-            color: #FFFFFF;
-          }
-        }
-        .top-tool-search {
-          display:flex;
-          width:242px;
-          .el-input--small{
-            line-height: 27px;
-            .el-input__inner {
-              height: 28px;
-              border-radius: 2px 0 0 2px;
-            }
-          }
-          .top-tool-btn {
-            border-left: none;
-            border-radius: 0 2px 2px 0 !important;
-          }
-          .top-tool-btn--search:hover {
-            border-left: none !important;
-            border-radius: 0 2px 2px 0 !important;
-          }
-          .top-tool-btn--search:focus {
-            border-left: none !important;
-            border-radius: 0 2px 2px 0 !important;
-          }
-        }
-      }
-    }
-    .list-mode__row {
-      width: 100%;
-      height:calc(100% - 102px);
-      margin-bottom:0px;
-      padding-bottom:30px;
-      .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
-        border-color: #38ACD2;
-        background: #38ACD2;
-        border-radius: 2px;
-      }
-      .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-        background-color: #38ACD2;
-        border-color: #38ACD2;
-      }
-      .el-table--border {
-        border: 1px solid rgba(226,229,236,1);
-        border-radius: 4px;
-        border-bottom:none;
-      }
-      .el-table--border th ,.el-table--border td {
-        border-right: none;
-      }
-      .el-table {
-        th {
-          padding-top:6px;
-          padding-bottom:6px;
-          font-size:12px;
-          line-height:12px;
-          color: #353636;
-          font-weight: 500;
-        }
-        td {
-          padding-top:8px;
-          padding-bottom:8px;
-          font-size:12px;
-          line-height:12px;
-          color: #353636;
-          font-weight: 400;
-        }
-        .cell {
-          height: fit-content;
-          max-height:64px;
-          min-height:32px;
-          line-height: 20px;
-          .reference-tag__show {
-            display: flex;
-            flex-direction: row;
-            .reference-tag__group {
-              display: flex;
-              flex-direction: column;
-              .reference-tag {
-                display: inline-block;
-                padding: 0 10px;
-                background-color: #EBF7FA;
-                color: #046ECA;
-                box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-                border-radius: 12px;
-                margin-bottom: 8px;
-                width: fit-content;
-                min-width:fit-content;
-              }
-              .reference-tag:last-of-type {
-                margin-bottom:0px !important;
-                margin-right:6px;
-              }
-            }
-            .reference-more {
-              display:flex;
-              flex-direction:column-reverse;
-            }
-          }
-        }
-      }
-    }
-    .list-mode__card {
-      width: 100%;
-      height:calc(100% - 134px);
-      overflow-y:auto;
-      padding-right: 2px;
-      margin-bottom:30px;
-      .table-no-data{
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 60px;
-        color: #909399;
-      }
-      .el-checkbox-group {
-        display: grid;
-        grid-template-rows: repeat(auto-fill, 218px);
-        grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
-        grid-gap: 30px;
-      }
-      .card-selected{
-        box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
-        border: 1px solid rgba(197,197,197,1) !important;
-      }
-      .card-item {
-        background: #FFFFFF;
-        border: 1px solid rgba(226,229,236,1);
-        border-radius: 4px;
-        height:218px;
-        display:flex;
-        flex-direction:column;
-
-        .card-content {
-          height:calc(100% - 32px);
-          padding:16px;
-          display:flex;
-          flex-direction: column;
-          .card-title {
-            font-size: 16px;
-            color: #353636;
-            font-weight: 700;
-            margin-bottom:6px;
-            display: flex;
-            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;
-              color:#575757;
-              .el-checkbox__input.is-checked .el-checkbox__inner {
-                background-color: #38ACD2;
-                border-color: #38ACD2;
-              }
-              .el-checkbox__input.is-checked .el-checkbox__inner::after {
-                left: 5px;
-                top: 2px;
-              }
-              .el-checkbox__inner {
-                border-radius: 50%;
-                width:16px;
-                height:16px;
-                background-color: #DEDEDE;
-                border-color: #DEDEDE;
-                z-index:1;
-              }
-              .el-checkbox__inner::after {
-                left: 5px;
-                top: 2px;
-                transform: rotate(45deg) scaleY(1);
-              }
-              .card-operate {
-                background: #FFFFFF;
-                border: 1px solid rgba(197,197,197,1);
-                box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
-                border-radius: 2px;
-                position: absolute;
-                top: 20px;
-                right: -10px;
-                height: 56px;
-                width: 80px;
-                display:flex;
-                flex-direction: column;
-                padding-top:4px;
-                padding-bottom:4px;
-                font-family: Helvetica;
-                font-size: 12px;
-                font-weight: 400;
-                .card-title-more-delete {
-                  z-index: 1;
-                  line-height: 24px;
-                  height: 24px;
-                  background: #FFFFFF;
-                  padding-left: 9px;
-                  color: #666666;
-                }
-                .card-title-more-delete:hover {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-delete:active {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-edit {
-                  z-index: 1;
-                  line-height: 24px;
-                  height: 24px;
-                  background: #FFFFFF;
-                  padding-left: 9px;
-                  color: #666666;
-                }
-                .card-title-more-edit:hover {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-                .card-title-more-edit:active {
-                  background: #F7F7F7;
-                  color: #046ECA;
-                }
-              }
-            }
-          }
-          .card-id {
-            font-size: 12px;
-            color: #999999;
-            font-weight: 400;
-            margin-bottom:16px;
-            line-height: 12px;
-          }
-          .card-desc {
-            font-size: 12px;
-            color: #717171;
-            line-height: 18px;
-            font-weight: 400;
-            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 {
-          height:40px;
-          display:flex;
-          flex-direction: row;
-          justify-content:space-between ;
-          font-size: 14px;
-          font-weight: 400;
+        justify-content: space-between ;
+        //height:28px;
+        width:100%;
+        margin-bottom:20px;
+        .top-tools__right {
+          display: flex;
+          justify-content: flex-end;
           align-items: center;
-          padding-left:16px;
-          padding-right:16px;
-          padding-bottom:20px;
-          .card-type {
-            display:flex;
-            flex-direction:row;
-            .card-category {
+          //padding-bottom: 18px;
+
+          &>div {
+            //padding: 0 0 0 10px;
+          }
+          .el-button {
+            color: #575757;
+          }
+          .el-button--mini{
+            padding: 7px 9px !important;
+            min-height: 28px !important;
+            &.active i {
+              color: #046ECA;
+            }
+            i {
               font-size: 12px;
-              line-height: 16px;
-              color: #38ACD2;
-              font-weight: 400;
-              border: 1px solid rgba(56,172,210,1);
-              height:20px;
-              width: fit-content;
-              padding-left:11px;
-              padding-right:11px;
-              box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-              border-radius: 10px;
+            }
+          }
+        }
+        .top-tools__left {
+          display: flex;
+          align-items : center;
+          flex-direction:row;
+          .top-tool-btn {
+            cursor: pointer;
+            height: 28px;
+            width: 28px;
+            border: 1px solid $--border-color-primary;
+            outline: none;
+            border-radius: $--button-border-radius;
+            background-color: $--button-gray-background-color;
+            transition: background-color linear .1s;
+            font-size:12px;
+            font-weight: 500;
+            //font-family: $fontFamily !important;
+            i {
+              font-size: 14px;
+              color: #575757;
               margin-right:4px;
             }
-            .card-source {
-              height:20px;
-              width: fit-content;
-              padding-left:11px;
-              padding-right:11px;
-              background: rgba(56,172,210,0.10);
-              box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-              border-radius: 10px;
-              font-size: 12px;
-              color: #046ECA;
-              font-weight: 400;
+          }
+          .top-tool-btn:disabled {
+            cursor: not-allowed;
+            opacity: 0.66;
+            i {
+
             }
           }
-          .card-enable {
+          .top-tool-btn:hover:not(.cn-btn-disabled) {
+            border: 1px solid $--border-color-primary;
+            background-color: $--button-gray-hover-background-color;
+          }
+          .top-tool-btn:focus:not(.cn-btn-disabled), .top-tool-btn.is-focus {
+            background-color: $--button-gray-active-background-color;
+            border: 1px solid $--border-color-primary;
+            i {
+              color: #575757;
+            }
+          }
+          .top-tool-btn--delete.top-tool-btn:focus:not(.cn-btn-disabled) {
+            background-color: $--button-gray-hover-background-color;
+            border-color: #FFC4B9;
+            i {
+              color: #F0745A;
+            }
+          }
+          .top-tool-btn--create {
+            background-color: #38ACD2 !important;
+            border-color: #2E88A6 !important;
+            color:#FFFFFF;
+            i {
+              color: #FFFFFF;
+            }
+          }
+          .top-tool-btn--create:hover {
+            background-color: #57B8D9 !important;
+            border-color: #2E88A6 !important;
+            color:#FFFFFF;
+            i {
+              color: #FFFFFF;
+            }
+          }
+          .top-tool-btn--create:focus {
+            background-color: #31A5CD !important;
+            border-color: #2E88A6 !important;
+            color:#FFFFFF !important;
+            i {
+              color: #FFFFFF !important;
+            }
+          }
+          .top-tool-btn--create:disabled {
+            opacity: 0.66;
+            background-color: #38ACD2 !important;
+            border-color: #2E88A6 !important;
+            color:#FFFFFF;
+            i {
+              color: #FFFFFF;
+            }
+          }
+          .top-tool-search {
+            display:flex;
+            width:242px;//calc(100% - 256px);
+            .el-input--small{
+              line-height: 27px;
+              .el-input__inner {
+                height: 28px;
+                border-radius: 2px 0 0 2px;
+              }
+            }
+            .top-tool-btn {
+              border-left: none;
+              border-radius: 0 2px 2px 0 !important;
+            }
+            .top-tool-btn--search:hover {
+              border-left: none !important;
+              border-radius: 0 2px 2px 0 !important;
+            }
+            .top-tool-btn--search:focus {
+              border-left: none !important;
+              border-radius: 0 2px 2px 0 !important;
+            }
           }
         }
       }
-      .card-item:hover{
-        box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
+      .list-mode__row {
+        width: 100%;
+        height:calc(100% - 102px);
+        //overflow-y:auto;
+        margin-bottom:0px;
+        padding-bottom:30px;
+        .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
+          border-color: #38ACD2;
+          background: #38ACD2;
+          border-radius: 2px;
+        }
+        .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+          background-color: #38ACD2;
+          border-color: #38ACD2;
+        }
+        .el-table--border {
+          border: 1px solid rgba(226,229,236,1);
+          border-radius: 4px;
+          border-right:none;
+          border-bottom:none;
+        }
+        .el-table--border th ,.el-table--border td {
+          border-right: none;
+        }
+        .el-table {
+          th {
+            padding-top:6px;
+            padding-bottom:6px;
+            font-size:12px;
+            line-height:12px;
+            color: #353636;
+            font-weight: 500;
+          }
+          td {
+            padding-top:8px;
+            padding-bottom:8px;
+            font-size:12px;
+            line-height:12px;
+            color: #353636;
+            font-weight: 400;
+          }
+          .cell {
+            height: 20px;
+            line-height: 20px;
+          }
+
+        }
       }
-      .card-item__enable {
+      .list-mode__card {
+        width: 100%;
+        height:calc(100% - 134px);
+        overflow-y:auto;
+        padding-right: 2px;
+        margin-bottom:30px;
+        .table-no-data{
+          height: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          line-height: 60px;
+          color: #909399;
+        }
+        .el-checkbox-group {
+          display: grid;
+          grid-template-rows: repeat(auto-fill, 218px);
+          grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
+          grid-gap: 30px;
+        }
+        .card-selected{
+          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
+          border: 1px solid rgba(197,197,197,1) !important;
+        }
+        .card-item {
+          background: #FFFFFF;
+          border: 1px solid rgba(226,229,236,1);
+          border-radius: 4px;
+          /*width:282px;
+          margin-bottom:30px;
+          margin-right:30px;*/
+          height:218px;
+          display:flex;
+          flex-direction:column;
+
+          .card-content {
+            height:calc(100% - 32px);
+            padding:16px;
+            display:flex;
+            flex-direction: column;
+            .card-title {
+              //font-family: NotoSansSC-Bold;
+              font-size: 16px;
+              color: #353636;
+              font-weight: 700;
+              margin-bottom:6px;
+              display: flex;
+              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;
+                color:#575757;
+                .el-checkbox__input.is-checked .el-checkbox__inner {
+                  background-color: #38ACD2;
+                  border-color: #38ACD2;
+                }
+                .el-checkbox__input.is-checked .el-checkbox__inner::after {
+                  left: 5px;
+                  top: 2px;
+                }
+                .el-checkbox__inner {
+                  border-radius: 50%;
+                  width:16px;
+                  height:16px;
+                  background-color: #DEDEDE;
+                  border-color: #DEDEDE;
+                  z-index:1;
+                }
+                .el-checkbox__inner::after {
+                  left: 5px;
+                  top: 2px;
+                  transform: rotate(45deg) scaleY(1);
+                }
+                .card-operate {
+                  background: #FFFFFF;
+                  border: 1px solid rgba(197,197,197,1);
+                  box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
+                  border-radius: 2px;
+                  position: absolute;
+                  top: 20px;
+                  right: -10px;
+                  height: 56px;
+                  width: 80px;
+                  display:flex;
+                  flex-direction: column;
+                  padding-top:4px;
+                  padding-bottom:4px;
+                  font-family: Helvetica;
+                  font-size: 12px;
+                  font-weight: 400;
+                  .card-title-more-delete {
+                    z-index: 1;
+                    line-height: 24px;
+                    height: 24px;
+                    background: #FFFFFF;
+                    //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
+                    //border-radius: 2px;
+                    padding-left: 9px;
+                    color: #666666;
+                  }
+                  .card-title-more-delete:hover {
+                    //background: #EBF1F4;
+                    background: #F7F7F7;
+                    color: #046ECA;
+                    //border: 1px solid rgba(0,0,0,0.15);
+                  }
+                  .card-title-more-delete:active {
+                    background: #F7F7F7;
+                    color: #046ECA;
+                    //border: 1px solid rgba(0,0,0,0.15);
+                  }
+                  .card-title-more-edit {
+                    z-index: 1;
+                    line-height: 24px;
+                    height: 24px;
+                    background: #FFFFFF;
+                    //box-shadow: -1px 1px 10px -1px rgba(205,205,205,0.85);
+                    //border-radius: 2px;
+                    padding-left: 9px;
+                    color: #666666;
+                  }
+                  .card-title-more-edit:hover {
+                    background: #F7F7F7;
+                    color: #046ECA;
+                    //border: 1px solid rgba(0,0,0,0.15);
+                  }
+                  .card-title-more-edit:active {
+                    background: #F7F7F7;
+                    color: #046ECA;
+                    //border: 1px solid rgba(0,0,0,0.15);
+                  }
+                }
+              }
+            }
+            .card-id {
+              //font-family: NotoSansSChineseRegular;
+              font-size: 12px;
+              color: #999999;
+              font-weight: 400;
+              margin-bottom:16px;
+              line-height: 12px;
+            }
+            .card-desc {
+              //font-family: NotoSansSChineseRegular;
+              font-size: 12px;
+              color: #717171;
+              line-height: 18px;
+              font-weight: 400;
+              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 {
+            height:40px;
+            //border:1px solid #7E9F54;
+            display:flex;
+            flex-direction: row;
+            justify-content:space-between ;
+            font-size: 14px;
+            font-weight: 400;
+            align-items: center;
+            padding-left:16px;
+            padding-right:16px;
+            padding-bottom:20px;
+            .card-type {
+              display:flex;
+              flex-direction:row;
+              .card-category {
+                font-size: 12px;
+                line-height: 16px;
+                color: #38ACD2;
+                font-weight: 400;
+                border: 1px solid rgba(56,172,210,1);
+                height:20px;
+                width: fit-content;
+                padding-left:11px;
+                padding-right:11px;
+                box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
+                border-radius: 10px;
+                margin-right:4px;
+              }
+              .card-source {
+                height:20px;
+                width: fit-content;
+                padding-left:11px;
+                padding-right:11px;
+                background: rgba(56,172,210,0.10);
+                box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
+                border-radius: 10px;
+                font-size: 12px;
+                color: #046ECA;
+                font-weight: 400;
+              }
+            }
+            .card-enable {
+            }
+          }
+        }
+        .card-item:hover{
+          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
+        }
+        .card-item__enable {
+          background: #FFFFFF;
+          border: 1px solid rgba(226,229,236,1);
+          box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
+          border-radius: 4px;
+        }
+      }
+      .knowledge-pagination {
+        height:56px;
+        width:100%;
         background: #FFFFFF;
-        border: 1px solid rgba(226,229,236,1);
-        box-shadow: 3px 3px 11px 0 rgba(0,0,0,0.1);
-        border-radius: 4px;
+        box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
       }
     }
-    .knowledge-pagination {
-      height:56px;
-      width:100%;
-      background: #FFFFFF;
-      box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.07);
-    }
   }
 }
-}
-.reference-tag__tip {
-display: flex;
-flex-direction: column;
-font-size: 12px;
-color: #575757;
-font-weight: 400;
-min-width:130px;
-max-height:240px;
-overflow-y:auto;
-cursor:pointer;
-.reference-tag {
-  height:24px;
-  min-height:24px;
-  padding-top: 3px;
-}
-}
 .edit-knowledge-base {
-height: 100%;
+  height: 100%;
 
-.edit-knowledge-base__header {
-  padding: 30px 0 30px 20px;
-  font-size: 24px;
-  line-height: 24px;
-  font-weight: 900;
-  color: #353636;
-}
-.edit-knowledge-base__body {
-  display: flex;
-  height: calc(100% - 147px);
-  padding-left: 20px;
-  overflow: auto;
-
-  .enable-form__mt {
-    .el-form {
-      margin-top:6px;
-    }
+  .edit-knowledge-base__header {
+    padding: 30px 0 30px 20px;
+    font-size: 24px;
+    line-height: 24px;
+    font-weight: 900;
+    color: #353636;
   }
+  .edit-knowledge-base__body {
+    display: flex;
+    height: calc(100% - 147px);
+    padding-left: 20px;
+    overflow: auto;
 
-  .el-steps {
-    margin-left: 10px;
-    .el-step {
-      transition: flex-basis ease-in-out .28s;
+    .enable-form__mt {
+      .el-form {
+        margin-top:6px;
+      }
     }
-    .el-step__head {
-      .el-step__line {
-        top: 26px;
-        bottom: 2px;
-        background-color: #38ACD2;
-        border-color: transparent;
-        opacity: 0.66;
-      }
 
-      &.is-finish, &.is-process {
-        .el-step__icon {
-          border-color: #38ACD2;
-          color: white;
-          background: #38ACD2;
-        }
-      }
+    .el-steps {
+      margin-left: 10px;
 
-      &.is-process {
+      .el-step {
+        transition: flex-basis ease-in-out .28s;
+      }
+      .el-step__head {
         .el-step__line {
-          opacity: 1;
+          top: 26px;
+          bottom: 2px;
+          background-color: #38ACD2;
+          border-color: transparent;
+          opacity: 0.66;
         }
-      }
 
-      &.is-wait {
-        .el-step__icon {
-          border-color: #38ACD2;
-          color: #38ACD2;
+        &.is-finish, &.is-process {
+          .el-step__icon {
+            border-color: #38ACD2;
+            color: white;
+            background: #38ACD2;
+          }
         }
-      }
 
-      .el-step__icon-inner {
-        font-size: 16px;
-        font-weight: normal;
+        &.is-process {
+          .el-step__line {
+            opacity: 1;
+          }
+        }
+
+        &.is-wait {
+          .el-step__icon {
+            border-color: #38ACD2;
+            color: #38ACD2;
+          }
+        }
+
+        .el-step__icon-inner {
+          font-size: 16px;
+          font-weight: normal;
+        }
       }
     }
-  }
 
-  .el-collapse {
-    width: 855px;
-    margin-left: 5px;
-    padding-right: 200px;
-    border: none;
+    .el-collapse {
+      width: 855px;
+      margin-left: 5px;
+      padding-right: 200px;
+      border: none;
 
-    .el-collapse-item.upload-collapse {
-      .el-collapse-item__wrap {
-        height: 260px;
-      }
-    }
-    .el-collapse-item {
-      min-height: 58px;
-      position: relative;
-
-      .el-collapse-item__header {
-        height: unset;
-        line-height: unset;
-        border: none;
-        font-size: 16px;
-        color: #333333;
-
-        &.focusing:focus:not(:hover) {
-          color: unset;
-        }
-        .form-sub-title {
-          padding-left: 35px;
+      .el-collapse-item.upload-collapse {
+        .el-collapse-item__wrap {
+          height: 260px;
         }
       }
-      [role|=tab] {
-        display: flex;
-        align-items: flex-start;
-      }
-      .el-collapse-item__arrow {
-        position: absolute;
-        color: #38ACD2;
-        font-weight: bold;
-      }
-      .el-collapse-item__wrap {
-        padding-left: 35px;
-        border: none;
-        overflow: visible;
-      }
-      .el-collapse-item__content {
+      .el-collapse-item {
+        min-height: 58px;
         position: relative;
-        padding-bottom: 20px;
-      }
-      .form-input .el-input__inner{
-        padding-right: 50px !important;
-      }
 
-      .upload-error-tip, .preview-error-tip {
-        color: $--color-danger;
-      }
-      .upload-error-tip {
-        margin-top: -11px;
-      }
-      .el-upload {
-        margin-top: 12px;
+        .el-collapse-item__header {
+          height: unset;
+          line-height: unset;
+          border: none;
+          font-size: 16px;
+          color: #333333;
 
-        .upload-tip {
-          font-size: 12px;
-          color: #999999;
-
-          span {
-            padding-left: 6px;
-            color: #326EC3;
+          &.focusing:focus:not(:hover) {
+            color: unset;
+          }
+          .form-sub-title {
+            padding-left: 35px;
           }
         }
-        .el-upload-dragger {
-          padding-top: 20px;
-          width: 320px;
-          border-radius: 2px;
-          transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-          .cn-icon-upload2 {
-            font-size: 40px;
-            color: #999;
-          }
+        [role|=tab] {
+          display: flex;
+          align-items: flex-start;
+        }
+        .el-collapse-item__arrow {
+          position: absolute;
+          color: #38ACD2;
+          font-weight: bold;
+        }
+        .el-collapse-item__wrap {
+          padding-left: 35px;
+          border: none;
+          overflow: visible;
+        }
+        .el-collapse-item__content {
+          position: relative;
+          padding-bottom: 20px;
+        }
+        .form-input .el-input__inner{
+          padding-right: 50px !important;
         }
 
-      }
-      .el-upload--error .el-upload-dragger {
-        border-color: $--color-danger;
-      }
-      .el-upload-list {
-        .el-upload-list__item {
-          padding: 0 5px;
-          margin-top: unset;
-          height: 36px;
-          line-height: 36px;
-          background: #F5F8FA;
-          border-radius: 2px;
-          color: #353636;
+        .upload-error-tip, .preview-error-tip {
+          color: $--color-danger;
+        }
+        .upload-error-tip {
+          margin-top: -11px;
+        }
+        .el-upload {
+          margin-top: 12px;
 
-          .el-icon-close {
-            top: 11px;
+          .upload-tip {
+            font-size: 12px;
+            color: #999999;
+
+            span {
+              padding-left: 6px;
+              color: #326EC3;
+            }
           }
-          .el-icon-close-tip {
-            top: 11px;
+          .el-upload-dragger {
+            padding-top: 20px;
+            width: 320px;
+            border-radius: 2px;
+            transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+            .cn-icon-upload2 {
+              font-size: 40px;
+              color: #999;
+            }
           }
-          .el-progress.el-progress--line {
-            top: unset;
+
+        }
+        .el-upload--error .el-upload-dragger {
+          border-color: $--color-danger;
+        }
+        .el-upload-list {
+          .el-upload-list__item {
+            padding: 0 5px;
+            margin-top: unset;
+            height: 36px;
+            line-height: 36px;
+            background: #F5F8FA;
+            border-radius: 2px;
+            color: #353636;
+
+            .el-icon-close {
+              top: 11px;
+            }
+            .el-icon-close-tip {
+              top: 11px;
+            }
+            .el-progress.el-progress--line {
+              top: unset;
+            }
           }
         }
       }
     }
-  }
 
-  .el-form {
-    margin-top: 20px;
-    width: 620px;
+    .el-form {
+      margin-top: 20px;
+      width: 620px;
 
-    label {
-      padding-bottom: 6px;
+      label {
+        padding-bottom: 6px;
+        font-size: 14px;
+        color: #333333;
+        line-height: unset;
+      }
+
+      .el-form-item {
+        margin-bottom: 12px;
+      }
+      .el-form-item__content {
+        line-height: unset;
+
+        .el-input__inner {
+          padding-left: 8px;
+          font-size: 14px;
+          color: #353636;
+        }
+        .el-textarea__inner {
+          padding-left: 8px;
+        }
+
+        .form-select__disable {
+          width: 100%;
+
+          .el-input__inner {
+            background-color: #F5F8FA;
+          }
+        }
+        .form-select__enable {
+          width: 100%;
+
+          .el-input__inner {
+            background-color: white !important;
+          }
+        }
+      }
+    }
+    .skeleton-border {
+      position: relative;
+      margin-top: 12px;
+      padding: 15px;
+      border: 1px solid #DCDFE6;
+      border-radius: 2px;
+
+      .skeleton-item-row:not(:nth-of-type(6)) {
+        margin-bottom: 5px;
+      }
+      .el-skeleton__item {
+        background: #F5F8FA;
+      }
+      .skeleton-tip {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        font-size: 14px;
+        color: #353636;
+      }
+    }
+    .imported-tip {
+      margin-top: 8px;
+      margin-bottom: 4px;
       font-size: 14px;
       color: #333333;
-      line-height: unset;
-    }
 
-    .el-form-item {
-      margin-bottom: 12px;
+      .cn-icon {
+        font-size: 16px;
+        color: #38ACD2;
+      }
     }
-    .el-form-item__content {
-      line-height: unset;
+    .imported-table-box {
+      position: relative;
+      height: 394px !important;
+      border: 1px solid #DEDEDE;
+      border-radius: 2px;
+      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 
-      .el-input__inner {
-        padding-left: 8px;
-        font-size: 14px;
+      &.imported-table-box--error {
+        border-color: $--color-danger;
+      }
+      .entity-format-tip {
+        position: absolute;
+        left: 100%;
+        padding-left: 10px;
+        width: 200px;
         color: #353636;
-      }
-      .el-textarea__inner {
-        padding-left: 8px;
-      }
 
-      .form-select__disable {
-        width: 100%;
+        div {
+          display: flex;
+        }
+        span {
+          padding-right: 10px;
 
-        .el-input__inner {
-          background-color: #F5F8FA;
+          color: #909399;
         }
       }
-      .form-select__enable {
+      .imported-table {
+        padding: 0 12px;
         width: 100%;
+        table-layout: fixed;
 
-        .el-input__inner {
-          background-color: white !important;
+        th {
+          text-align: left;
+          font-size: 14px;
+          color: #353636;;
         }
+        td {
+          font-size: 14px;
+          color: #353636;
+        }
+        .imported-data-msg, .imported-data-item, .imported-data-value {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .imported-data-item-edit__input {
+          .el-input {
+            height: 30px;
+          }
+
+          .el-input__inner {
+            width: calc(100% - 50px);
+            height: 24px;
+            line-height: 0;
+            padding: 0 !important;
+            border-radius: 2px;
+          }
+        }
+        .imported-data-msg {
+          width: 200px;
+        }
+
+        .el-icon-close {
+          color: #666;
+          font-weight: bold;
+          cursor: pointer;
+
+          &:hover {
+            color: #111;
+          }
+        }
+        .el-icon-success {
+          color: #749F4D;
+        }
+        .el-icon-error {
+          color: #E26154;
+        }
+
+        .imported-data-btn {
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+
+          .imported-data-left-btn {
+            font-size: 14px;
+            margin: 0 7px;
+            color: #666;
+            cursor: pointer;
+          }
+
+          .imported-data-back {
+            color: #666;
+            cursor: pointer;
+          }
+
+          .imported-data-save {
+            color: #38ACD2;
+            cursor: pointer;
+          }
+        }
+      }
+
+      .imported-pagination.pagination {
+        position: absolute;
+        width: 100%;
+        height: 42px;
+        bottom: 42px !important;
+        margin-top: 4px;
+        padding-top: 10px;
+        border-top: 1px solid #eee;
+
+        border-top: 0 !important;
+        border-bottom: 1px solid #eee;
+        margin-bottom: 0;
+        padding-bottom: 0;
+
+        .btn-prev, .btn-next, .number {
+          margin: 0 2px;
+        }
+
+        .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
+          border: none;
+          font-size: 12px;
+        }
+        .el-pagination .el-pager li {
+          color: #353636;
+        }
+        .el-pagination .el-pager li.active {
+          background-color: #38ACD2;
+          color: white;
+        }
+      }
+
+      .el-form {
+        margin-top: 0 !important;
+      }
+
+      .el-input {
+        height: 24px;
+      }
+
+      .el-form-item__content {
+        margin-top: -16px;
+        margin-bottom: -17px;
+      }
+
+      .el-form-item__error {
+        display: none;
       }
     }
   }
-  .skeleton-border {
-    position: relative;
-    margin-top: 12px;
-    padding: 15px;
-    border: 1px solid #DCDFE6;
-    border-radius: 2px;
+  .edit-knowledge-base__footer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 60px;
+    margin-top: 3px;
+    box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10);
 
-    .skeleton-item-row:not(:nth-of-type(6)) {
-      margin-bottom: 5px;
-    }
-    .el-skeleton__item {
-      background: #F5F8FA;
-    }
-    .skeleton-tip {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
+    .footer__btn {
+      margin: 0 10px;
+      height: 30px;
+      min-width: 74px;
+      padding: 0 15px;
+      color: white;
+      background-color: #699DC9;
+      border: none;
+      border-radius: 4px;
+      outline: none;
       font-size: 14px;
-      color: #353636;
+      cursor: pointer;
+      transition: background-color linear .2s, color linear .1s;
     }
-  }
-  .imported-tip {
-    margin-top: 8px;
-    margin-bottom: 4px;
-    font-size: 14px;
-    color: #333333;
-
-    .cn-icon {
-      font-size: 16px;
+    .footer__btn:hover:not(.footer__btn--disabled) {
+      background-color: lighten(#699DC9, 10%);
+    }
+    .footer__btn--light {
+      background-color: #F5F6F7;
+      border: 1px solid $--border-color-primary;
+      color: #333;
+    }
+    .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
+      background-color: white;
+      border-color: lighten(#38ACD2, 40%);
       color: #38ACD2;
     }
-  }
-  .imported-table-box {
-    position: relative;
-    height: 394px !important;
-    border: 1px solid #DEDEDE;
-    border-radius: 2px;
-    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-
-    &.imported-table-box--error {
-      border-color: $--color-danger;
-    }
-    .entity-format-tip {
-      position: absolute;
-      left: 100%;
-      padding-left: 10px;
-      width: 200px;
-      color: #353636;
-
-      div {
-        display: flex;
-      }
-      span {
-        padding-right: 10px;
-
-        color: #909399;
-      }
-    }
-    .imported-table {
-      padding: 0 12px;
-      width: 100%;
-      table-layout: fixed;
-
-      th {
-        text-align: left;
-        font-size: 14px;
-        color: #353636;;
-      }
-      td {
-        font-size: 14px;
-        color: #353636;
-      }
-      .imported-data-msg, .imported-data-item, .imported-data-value {
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .imported-data-item-edit__input {
-        .el-input {
-          height: 30px;
-        }
-
-        .el-input__inner {
-          width: calc(100% - 50px);
-          height: 24px;
-          line-height: 0;
-          padding: 0 !important;
-          border-radius: 2px;
-        }
-      }
-      .imported-data-msg {
-        width: 200px;
-      }
-
-      .el-icon-close {
-        color: #666;
-        font-weight: bold;
-        cursor: pointer;
-
-        &:hover {
-          color: #111;
-        }
-      }
-      .el-icon-success {
-        color: #749F4D;
-      }
-      .el-icon-error {
-        color: #E26154;
-      }
-
-      .imported-data-btn {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-
-        .imported-data-left-btn {
-          font-size: 14px;
-          margin: 0 7px;
-          color: #666;
-          cursor: pointer;
-        }
-
-        .imported-data-back {
-          color: #666;
-          cursor: pointer;
-        }
-
-        .imported-data-save {
-          color: #38ACD2;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .imported-pagination.pagination {
-      position: absolute;
-      width: 100%;
-      height: 42px;
-      bottom: 42px !important;
-      margin-top: 4px;
-      padding-top: 10px;
-      border-top: 1px solid #eee;
-
-      border-top: 0 !important;
-      border-bottom: 1px solid #eee;
-      margin-bottom: 0;
-      padding-bottom: 0;
-
-      .btn-prev, .btn-next, .number {
-        margin: 0 2px;
-      }
-
-      .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev {
-        border: none;
-        font-size: 12px;
-      }
-      .el-pagination .el-pager li {
-        color: #353636;
-      }
-      .el-pagination .el-pager li.active {
-        background-color: #38ACD2;
-        color: white;
-      }
-    }
-
-    .el-form {
-      margin-top: 0 !important;
-    }
-
-    .el-input {
-      height: 24px;
-    }
-
-    .el-form-item__content {
-      margin-top: -16px;
-      margin-bottom: -17px;
-    }
-
-    .el-form-item__error {
-      display: none;
+    .footer__btn--disabled {
+      opacity: .6;
+      cursor: default;
     }
   }
 }
-.edit-knowledge-base__footer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 60px;
-  margin-top: 3px;
-  box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.10);
-
-  .footer__btn {
-    margin: 0 10px;
-    height: 30px;
-    min-width: 74px;
-    padding: 0 15px;
-    color: white;
-    background-color: #699DC9;
-    border: none;
-    border-radius: 4px;
-    outline: none;
-    font-size: 14px;
-    cursor: pointer;
-    transition: background-color linear .2s, color linear .1s;
-  }
-  .footer__btn:hover:not(.footer__btn--disabled) {
-    background-color: lighten(#699DC9, 10%);
-  }
-  .footer__btn--light {
-    background-color: #F5F6F7;
-    border: 1px solid $--border-color-primary;
-    color: #333;
-  }
-  .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
-    background-color: white;
-    border-color: lighten(#38ACD2, 40%);
-    color: #38ACD2;
-  }
-  .footer__btn--disabled {
-    opacity: .6;
-    cursor: default;
-  }
-}
-}
 .addTagBtn {
-position: absolute;
-bottom: 9px;
-height:24px !important;
-min-height: 24px !important;
-font-size: 12px;
-color: #353636;
-font-weight: 500;
-width: 598px;
-margin-left: 10px;
-background: rgb(245, 248, 250);
-border: 1px #DEDEDE solid;
-padding: 0 !important;
-box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
-border-radius: 2px;
-font-family:NotoSansHans-Medium !important;
-
-.add-tag-btn {
-  color: #575757 !important;
-  font-size: 9px !important;
-  margin: 0 8px 2px 8px;
-}
-
-&:hover {
-   i {
-     color: #699DC9 !important;
-   }
-}
-
-span {
+  position: absolute;
+  bottom: 9px;
+  height:24px !important;
+  min-height: 24px !important;
+  font-size: 12px;
+  color: #353636;
+  font-weight: 500;
+  width: 598px;
+  margin-left: 10px;
+  background: rgb(245, 248, 250);
+  border: 1px #DEDEDE solid;
+  padding: 0 !important;
+  box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
+  border-radius: 2px;
   font-family:NotoSansHans-Medium !important;
-}
+
+  .add-tag-btn {
+    color: #575757 !important;
+    font-size: 9px !important;
+    margin: 0 8px 2px 8px;
+  }
+
+  &:hover {
+     i {
+       color: #699DC9 !important;
+     }
+   }
+
+  span {
+    font-family:NotoSansHans-Medium !important;
+  }
 }
 .del-model-hint {
-display:flex;
-flex-direction: column;
-padding-bottom:0px !important;
-width:480px !important;
-height:300px !important;
-.el-dialog__header{
-  display: flex;
-  flex-direction: row;
-  border-bottom:1px solid #eee;
-  height:42px;
-  min-height:42px;
-  background: #F7F7F7;
-  box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
-  padding-left:20px;
-  padding-top:14px;
-  padding-bottom:14px;
-  .el-dialog__headerbtn {
-    display: flex !important;
-    flex-direction: row-reverse;
-    justify-content: center;
-    align-items: center;
-    font-size: 10px;
-    line-height: 10px;
-    padding-right: 5px !important;
-    i {
-      width:10px;
-      height:10px;
-    }
-  }
-  .el-dialog__title {
-    font-size: 14px !important;
-    color: #353636;
-    letter-spacing: 0;
-    font-weight: 400;
-  }
-}
-.el-dialog__body {
-  height:206px;
-  min-height:206px;
-  font-size: 14px;
-  color: #353636;
-  letter-spacing: 0;
-  line-height: 22px;
-  font-weight: 400;
-  padding-top:8px;
-  padding-right:20px;
-  padding-left:20px;
-  .dialog-message {
-    padding-left:0px !important;
-    padding-right:0px !important;
-  }
-  .dialog-table {
-    margin-top:10px;
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color: #38ACD2;
-    border-color: #38ACD2;
-  }
-  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color: #38ACD2;
-    border-color: #38ACD2;
-  }
-}
-.el-dialog__footer {
-  height:52px;
-  min-height:52px;
-  border-top:1px solid #eee;
-  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
-  padding:11px 0 12px!important;
-  .el-button {
-    padding:8px 21px !important;
-    line-height: 12px;
-    font-size: 12px;
-    font-weight: 500;
-    min-height: 28px;
-  }
-  .el-button:nth-child(1) {
-    margin-right:20px;
-    width:80px;
-    height:28px;
-    color: #353636;
-    background: #F5F6F7;
-    border: 1px solid rgba(215,215,215,1);
-    border-radius: 2px;
-  }
-  .el-button:nth-child(2) {
-    width:80px;
-    height:28px;
-    margin-right:20px;
-    margin-left:0px !important;
-    background-color:#2d8cf0;
-    border-color:#2d8cf0;
-  }
-}
-}
-.update-knowledge-tip {
-display:flex;
-flex-direction: column;
-padding-bottom:0px !important;
-width:480px !important;
-.el-dialog__header{
-  display: flex;
-  flex-direction: row;
-  border-bottom:1px solid #eee;
-  height:42px;
-  min-height:42px;
-  background: #F7F7F7;
-  box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
-  padding-left:20px;
-  padding-top:14px;
-  padding-bottom:14px;
-  .el-dialog__headerbtn {
-    display: flex !important;
-    flex-direction: row-reverse;
-    justify-content: center;
-    align-items: center;
-    font-size: 10px;
-    line-height: 10px;
-    padding-right: 5px !important;
-    i {
-      width:10px;
-      height:10px;
-    }
-  }
-  .el-dialog__title {
-    font-size: 14px !important;
-    color: #353636;
-    letter-spacing: 0;
-    font-weight: 400;
-  }
-}
-.el-dialog__body {
-  height:96px;
-  min-height:96px;
-  font-size: 14px;
-  color: #353636;
-  letter-spacing: 0;
-  line-height: 22px;
-  font-weight: 400;
-  padding-top:8px;
-  padding-right:20px;
-  padding-left:20px;
-  .dialog-message {
-    padding-left:0px !important;
-    padding-right:0px !important;
-  }
-}
-.el-dialog__footer {
-  height:52px;
-  min-height:52px;
-  border-top:1px solid #eee;
-  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
-  padding:11px 0 12px!important;
-  .el-button {
-    padding:8px 21px !important;
-    line-height: 12px;
-    font-size: 12px;
-    font-weight: 500;
-    min-height: 28px;
-  }
-  .el-button:nth-child(1) {
-    margin-right:20px;
-    width:80px;
-    height:28px;
-    color: #353636;
-    background: #F5F6F7;
-    border: 1px solid rgba(215,215,215,1);
-    border-radius: 2px;
-  }
-  .el-button:nth-child(2) {
-    width:80px;
-    height:28px;
-    margin-right:20px;
-    margin-left:0px !important;
-    background: #38ACD2;
-    border: 1px solid rgba(46,136,166,1);
-    border-radius: 2px;
-  }
-}
-}
-.center-dialog {
-display: flex;
-align-items: center;
-justify-content: center;
-}
-.update-knowledge {
-display:flex;
-flex-direction: column;
-padding-bottom:0px !important;
-width:1080px !important;
-height:fit-content;
-margin:15vh auto !important;
-top:0;
-left:0;
-.knowledge-update__top {
-  display: flex;
-  flex-direction: row;
-  margin-bottom:22px;
-  .update-left__icon {
-    margin-top:3px;
-    width:107px;
-    height:60px;
-    color:red;
-    display:flex;
-    justify-content: center;
-    align-items: center;
-    .cn-icon-add-knowledge-base {
-      font-size:60px;
-    }
-  }
-  .update-right {
+  display:flex;
+  flex-direction: column;
+  padding-bottom:0px !important;
+  width:480px !important;
+  height:300px !important;
+  .el-dialog__header{
     display: flex;
-    flex-direction: column;
-    width:893px;
-    .knowledge-enable {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      margin-bottom:7px;
-      .update-title {
-        font-size: 16px;
-        color: #333333;
-        letter-spacing: 0;
-        font-weight: 500;
-        height:24px;
-        font-family: NotoSansSC-Medium;
+    flex-direction: row;
+    border-bottom:1px solid #eee;
+    height:42px;
+    min-height:42px;
+    background: #F7F7F7;
+    box-shadow: 0 1px 0 0 rgba(53,54,54,0.08);
+    padding-left:20px;
+    padding-top:14px;
+    padding-bottom:14px;
+    .el-dialog__headerbtn {
+      display: flex !important;
+      flex-direction: row-reverse;
+      justify-content: center;
+      align-items: center;
+      font-size: 10px;
+      line-height: 10px;
+      padding-right: 5px !important;
+      i {
+        width:10px;
+        height:10px;
       }
     }
-    .knowledge-desc {
-      font-family: Roboto-Regular;
-      font-size: 14px;
-      color: #717171;
+    .el-dialog__title {
+      font-size: 14px !important;
+      color: #353636;
       letter-spacing: 0;
-      line-height: 16px;
       font-weight: 400;
     }
   }
-}
-.knowledge-update {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items:flex-end;
-  margin-bottom:12px;
-  .update-title {
-    line-height: 14px;
-    font-family: NotoSansSC-Bold;
+  .el-dialog__body {
+    height:206px;
+    min-height:206px;
     font-size: 14px;
     color: #353636;
-    font-weight: 700;
-  }
-  .update-operate {
-    height:28px;
-    display:flex;
-    flex-direction: row;
-    justify-content:center;
-    font-size: 14px;
-    font-weight: 400;
-    align-items: center;
-    .top-tool-btn--update {
-      background-color: #38ACD2 !important;
-      padding-left:7px;
-      padding-right:7px;
-      color:#FFFFFF;
-      font-size: 12px;
-      font-weight: 500;
-      border: 1px solid rgba(46,136,166,0.85);
-      border-radius: 2px;
-      line-height: 28px;
-      height:28px;
-      cursor: pointer;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      i {
-        color: #FFFFFF;
-        font-size:14px !important;
-        margin-right:5px;
-      }
-    }
-    .top-tool-btn--update:hover {
-      background-color: #57B8D9 !important;
-      border-color: #2E88A6 !important;
-    }
-  }
-}
-.el-dialog__header{
-  display: flex;
-  flex-direction: row;
-  height:32px;
-  min-height:32px;
-  padding-left:20px;
-  padding-top:20px;
-  padding-bottom:0px;
-  .el-dialog__headerbtn {
-    display: flex !important;
-    flex-direction: row-reverse;
-    justify-content: center;
-    align-items: center;
-    line-height: 12px;
-    i {
-      font-size:12px;
-      color:#999999;
-    }
-  }
-  .el-dialog__title {
-    font-size: 14px !important;
-    color: #353636;
     letter-spacing: 0;
+    line-height: 22px;
     font-weight: 400;
-  }
-}
-.el-dialog__body {
-  font-size: 14px;
-  color: #353636;
-  letter-spacing: 0;
-  line-height: 22px;
-  font-weight: 400;
-  padding-top:0px;
-  padding-right:30px;
-  padding-left:30px;
-  .dialog-message {
-    padding-left:0px !important;
-    padding-right:0px !important;
-  }
-  .update-dialog__table {
-    border-bottom: none;
-    border-radius: 0.28571rem;
-
-    .el-table--border th, .el-table--border td {
-      border-right: none;
+    padding-top:8px;
+    padding-right:20px;
+    padding-left:20px;
+    .dialog-message {
+      padding-left:0px !important;
+      padding-right:0px !important;
+    }
+    .dialog-table {
+      margin-top:10px;
+    }
+    .el-checkbox__input.is-checked .el-checkbox__inner {
+      background-color: #38ACD2;
+      border-color: #38ACD2;
+    }
+    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+      background-color: #38ACD2;
+      border-color: #38ACD2;
     }
   }
-  .update-knowledge-form {
-    .el-upload {
-      width:100%;
-    }
-    .form-input {
-      .el-input__inner{
-        padding-right: 50px !important;
-        font-size: 14px;
-      }
-    }
-    .uploadBtn {
-      background: #F5F8FA;
-      border: 1px solid rgba(222,222,222,1);
-      box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.02);
-      border-radius: 2px;
-      width:100%;
-      height:28px;
-      min-height:28px !important;
-      color: #575757;
-      padding-top:0px;
-      padding-bottom:0px;
-      i {
-       font-size:12px;
-      }
-    }
-    .el-form-item__label {
-      font-family: NotoSansHans-Medium;
-      font-size: 14px;
-      color: #333333;
-      font-weight: 500;
-      padding-bottom:12px;
-      line-height:14px;
-    }
-    .el-form-item__content {
-      line-height:normal;
-    }
-    .el-form-item {
-      margin-bottom:20px;
-    }
-    .knowledge-remark {
-      margin-bottom:0px !important;
-    }
-  }
-  .dialog-footer {
-    display:flex;
-    justify-content: flex-end;
-    padding-top:32px;
+  .el-dialog__footer {
+    height:52px;
+    min-height:52px;
+    border-top:1px solid #eee;
+    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.07);
+    padding:11px 0 12px!important;
     .el-button {
-      padding:10px 21px !important;
+      padding:8px 21px !important;
       line-height: 12px;
+      //font-family: NotoSansHans-Medium !important;
       font-size: 12px;
       font-weight: 500;
-      min-height: 32px;
-      width:80px;
-      height:32px;
+      min-height: 28px;
     }
     .el-button:nth-child(1) {
       margin-right:20px;
+      width:80px;
+      height:28px;
       color: #353636;
       background: #F5F6F7;
       border: 1px solid rgba(215,215,215,1);
       border-radius: 2px;
     }
     .el-button:nth-child(2) {
-      color: #FFFFFF;
+      width:80px;
+      height:28px;
+      margin-right:20px;
       margin-left:0px !important;
-      background: #38ACD2;
-      border: 1px solid rgba(46,136,166,1);
-      border-radius: 2px;
+      background-color:#2d8cf0;
+      border-color:#2d8cf0;
     }
   }
 }
-}
diff --git a/src/components/table/setting/KnowledgeBaseTableForRow.vue b/src/components/table/setting/KnowledgeBaseTableForRow.vue
index 1ce118fb..0716bcc0 100644
--- a/src/components/table/setting/KnowledgeBaseTableForRow.vue
+++ b/src/components/table/setting/KnowledgeBaseTableForRow.vue
@@ -18,7 +18,7 @@
           width="55">
       </el-table-column>
       <el-table-column
-          v-for="(item, index) in tableTitle"
+          v-for="(item, index) in customTableTitles"
           :key="`col-${index}`"
           :fixed="item.fixed"
           :label="item.label"
@@ -52,29 +52,6 @@
           <template v-else-if="item.prop === 'source'">
             <span class="type-tag">{{tagSourceText(scope.row[item.prop])}}</span>
           </template>
-          <template v-else-if="item.prop === 'reference'" >
-            <templage v-if="scope.row[item.prop] && scope.row[item.prop].length > 2" >
-              <el-popover placement="right-end" trigger="hover" :show-arrow="false" offset="0" ref="referenceMoreInfo"
-                          hide-after="0" >
-                <template #reference>
-                  <div class="reference-tag__show">
-                    <div class="reference-tag__group">
-                      <span class="reference-tag" v-for="(refer, index) in scope.row[item.prop].slice(0,2)" >{{refer}}</span>
-                    </div>
-                    <div class="reference-more">+{{scope.row[item.prop].length - 2}} more</div>
-                  </div>
-                </template>
-                <div class="reference-tag__tip">
-                  <span class="reference-tag" v-for="(refer, index) in scope.row[item.prop].slice(2)" >{{refer}}</span>
-                </div>
-              </el-popover>
-            </templage>
-            <template v-else>
-              <template v-for="(refer, index) in scope.row[item.prop]">
-                <div class="type-tag">{{refer}}</div>
-              </template>
-            </template>
-          </template>
           <template v-else-if="item.prop === 'opTime' || item.prop === 'ctime'">
             <template v-if="scope.row[item.prop]">
               {{dateFormatByAppearance(scope.row[item.prop])}}
@@ -94,6 +71,17 @@
           <template v-else-if="item.prop === 'description'">
             <span class="list-desc" :title="scope.row[item.prop]">{{scope.row[item.prop]}}</span>
           </template>
+          <template v-else-if="item.prop === 'status'">
+            <el-switch class="card-enable"
+                       v-model="scope.row.status"
+                       active-color="#38ACD2"
+                       inactive-color="#C0CEDB"
+                       :active-value="1"
+                       :inactive-value="0"
+                       @change="changeStatus($event,scope.row.knowledgeId)"
+            >
+            </el-switch>
+          </template>
           <span v-else>{{scope.row[item.prop] || '-'}}</span>
         </template>
       </el-table-column>
@@ -124,24 +112,23 @@ export default {
           label: 'ID',
           prop: 'knowledgeId',
           show: true,
-          width: 100,
+          width: 60,
           sortable: 'custom'
         }, {
-          label: this.$t('overall.name'),
+          label: this.$t('config.roles.name'),
           prop: 'name',
           minWidth: 100,
-          width: 150,
           show: true,
           sortable: 'custom'
         }, {
-          label: this.$t('overall.type'),
-          prop: 'source',
-          width: 130,
+          label: this.$t('overall.category'),
+          prop: 'category',
+          width: 100,
           show: true
         }, {
-          label: this.$t('knowledge.reference'),
-          prop: 'reference',
-          width: 180,
+          label: this.$t('overall.source'),
+          prop: 'source',
+          width: 130,
           show: true
         }, {
           label: this.$t('overall.remark'),
@@ -149,7 +136,6 @@ export default {
           minWidth: 150,
           show: true
         },
-        /*
         {
           label: this.$t('overall.createdBy'),
           prop: 'opUser',
@@ -165,34 +151,22 @@ export default {
           label: this.$t('overall.updatedBy'),
           prop: 'uuser',
           show: false
-        }, */
+        },
         {
           label: this.$t('overall.updateTime'),
           prop: 'opTime',
           show: true,
-          width: 150,
           sortable: 'custom'
+        },
+        {
+          label: this.$t('knowledge.status'),
+          prop: 'status',
+          show: true,
+          minWidth: 40
         }
       ]
     }
   },
-  watch: {
-    tableData: {
-      handler (n) {
-        if (this.tableData && this.tableData.length > 0) {
-          this.tableData.forEach(item => {
-            item.reference = []
-
-            if (item.refRule && item.refRule.length > 0) {
-              item.refRule.forEach(ref => {
-                item.reference.push(ref.name)
-              })
-            }
-          })
-        }
-      }
-    }
-  },
   computed: {
     tagCategoryText () {
       return function (type) {
diff --git a/src/components/table/setting/knowledgeBaseTableForCard.vue b/src/components/table/setting/knowledgeBaseTableForCard.vue
index e9ce1a61..71e5ec06 100644
--- a/src/components/table/setting/knowledgeBaseTableForCard.vue
+++ b/src/components/table/setting/knowledgeBaseTableForCard.vue
@@ -1,183 +1,47 @@
 <template>
-  <template v-if="!isNoData">
-    <div class="card-type-title" v-if="aiTaggingList.length > 0">{{$t('knowledgeBase.intelligenceLearning')}}</div>
-    <el-checkbox-group v-model="checkList" >
-      <div @click="isSelectedStatus && data.isBuiltIn !== 1 && clickCard(data,$event)"  @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" v-for="data in aiTaggingList" :key="data.knowledgeId" class="card-item"  :class="data.isSelected ? 'card-selected' : ''">
-        <div class="card-content">
-          <div class="card-operate">
-            <el-switch v-model="data.status"
-                       class="card-enable"
-                       active-color="#38ACD2"
-                       inactive-color="#C0CEDB"
-                       :active-value="1"
-                       :inactive-value="0"
-                       @change="changeStatus($event,data.knowledgeId)"
-            >
-            </el-switch>
-          </div>
-          <div class="card-icon">
-            <i class="cn-icon-add-knowledge-base cn-icon" ></i>
-          </div>
-          <div class="card-title">
-            <div class="card-title-name" :title="data.name">{{data.name}}</div>
-          </div>
-          <div class="card-desc" :title="data.description">{{data.description?data.description:'—'}}</div>
-        </div>
-        <div class="card-operate__footer">
-          <button v-if="data.showUpdate"
-                  :title="$t('overall.update')" class="top-tool-btn--update"
-                  @click="jumpToUpdatePage(data,true)">
-            <i class="cn-icon-update-knowledge-base cn-icon"></i>
-            <span>{{$t('overall.update')}}</span>
-          </button>
-        </div>
-      </div>
-    </el-checkbox-group>
-    <div class="card-type-title" style="margin-top:4px;"  v-if="websketchList.length > 0">{{$t('knowledgeBase.websketchIntegration')}}</div>
-    <el-checkbox-group v-model="checkList" >
-      <div @click="isSelectedStatus && data.isBuiltIn !== 1 && clickCard(data,$event)"  @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" v-for="data in websketchList" :key="data.knowledgeId" class="card-item"  :class="data.isSelected ? 'card-selected' : ''">
-        <div class="card-content">
-          <div class="card-icon">
-            <i class="cn-icon-add-knowledge-base cn-icon" ></i>
-          </div>
-          <div class="card-title">
-            <div class="card-title-name" :title="data.name">{{data.name}}</div>
-          </div>
-          <div class="card-desc" :title="data.description">{{data.description?data.description:'—'}}</div>
-        </div>
-        <div class="card-operate__footer">
-          <button v-if="data.showUpdate" :title="$t('overall.update')" class="top-tool-btn--update"
-                  @click="jumpToUpdatePage(data,false)">
-            <i class="cn-icon-update-knowledge-base cn-icon"></i>
-            <span>{{$t('overall.update')}}</span>
-          </button>
-        </div>
-      </div>
-    </el-checkbox-group>
-  </template>
+  <el-checkbox-group v-model="checkList" v-if="!isNoData">
+    <div @click="isSelectedStatus && data.isBuiltIn !== 1 && clickCard(data,$event)"  @mouseenter="mouseenter(data)" @mouseleave="mouseleave(data)" v-for="data in tableData" :key="data.knowledgeId" class="card-item"  :class="data.isSelected ? 'card-selected' : ''">
+      <div class="card-content">
+        <div class="card-title">
+          <div class="card-title-name" :title="data.name">{{data.name}}</div>
+          <div class="card-title-more">
+            <span v-show="!isSelectedStatus && data.showMore && data.isBuiltIn !== 1"><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.knowledgeId)" >{{$t('overall.edit')}}</div>
+              <div class="card-title-more-delete" @click="del(data)" >{{$t('overall.delete')}}</div>
+            </div>
+            <el-checkbox @click.stop="" :disabled="data.isBuiltIn === 1" @change="(val) => {checkboxStatusChange(val,data)}" style="position: absolute;right: -12px;" v-if="isSelectedStatus" :key="data.knowledgeId" :label="data"><br></el-checkbox>
 
+          </div>
+        </div>
+        <div class="card-id">ID:{{data.knowledgeId}}</div>
+        <div class="card-desc" :title="data.description">{{data.description?data.description:'—'}}</div>
+      </div>
+      <div class="card-operate__footer">
+        <div class="card-type">
+          <div class="card-category">{{tagCategoryText(data.category)}}</div>
+          <div class="card-source">{{tagSourceText(data.source)}}</div>
+        </div>
+        <el-switch class="card-enable"
+                   v-model="data.status"
+                   active-color="#38ACD2"
+                   inactive-color="#C0CEDB"
+                   :active-value="1"
+                   :inactive-value="0"
+                   @change="changeStatus($event,data.knowledgeId)"
+        >
+        </el-switch>
+      </div>
+    </div>
+  </el-checkbox-group>
   <div class="table-no-data" v-else="isNoData">
     <div class="table-no-data__title">{{ $t('npm.noData') }}</div>
   </div>
-
-  <div class="center-dialog">
-    <el-dialog v-model="showUpdateDialog"
-               custom-class="update-knowledge"
-               :before-close="handleClose">
-      <div class="knowledge-update__top" >
-        <div class="update-left__icon">
-          <i class="cn-icon-add-knowledge-base cn-icon" ></i>
-        </div>
-        <div class="update-right">
-          <div class="knowledge-enable">
-            <div class="update-title">
-              <div class="card-title-name" :title="updateKnowledge.name">{{updateKnowledge.name}}</div>
-            </div>
-            <el-switch v-model="updateKnowledge.status"
-                       v-if="showEnable"
-                       active-color="#38ACD2"
-                       inactive-color="#C0CEDB"
-                       :active-value="1"
-                       :inactive-value="0"
-                       @change="changeStatus($event,updateKnowledge.knowledgeId)"
-            >
-            </el-switch>
-          </div>
-          <div class="knowledge-desc" :title="updateKnowledge.description">{{updateKnowledge.description?updateKnowledge.description:'—'}}</div>
-        </div>
-      </div>
-      <template v-if="!showAddUpdateDialog">
-        <div class="knowledge-update" >
-          <div class="update-title">
-            <div class="card-title-name">update record</div>
-          </div>
-          <div class="update-operate">
-            <button :title="$t('overall.update')" class="top-tool-btn--update"
-                    @click="uploadRecord()">
-              <i class="cn-icon-update-knowledge-base cn-icon"></i>
-              <span>{{$t('overall.update')}}</span>
-            </button>
-          </div>
-        </div>
-        <el-table ref="updateDataTable"
-                  border
-                  :data="updateHistoryList"
-                  @selection-change="secondSelectionChange"
-                  max-height="653px"
-                  width="100%"
-                  class="update-dialog__table"
-                  cell-style="padding:6px 0px;font-size: 12px;color: #353636;font-weight: 400;line-height: 20px;border-right:none;"
-                  header-cell-style="padding:8px 0px;font-size: 12px;color: #353636;font-weight: 500;border-right:none;">
-          <el-table-column property="opTime" label="Update time" width="150" ></el-table-column>
-          <el-table-column property="opUser" label="Operating user" width="150" ></el-table-column>
-          <el-table-column property="version" label="Version information" width="150"  ></el-table-column>
-          <el-table-column property="description" label="Description"></el-table-column>
-        </el-table>
-      </template>
-      <template v-if="showAddUpdateDialog">
-        <div class="update-knowledge-form"  >
-          <el-form :model="updateObject" label-position="top" ref="form" :rules="rules">
-            <!--name-->
-            <el-form-item :label="$t('overall.name')" prop="name">
-              <el-input class="form-input" maxlength="64" placeholder="" disabled show-word-limit
-                        size="mini" type="text" v-model="updateObject.name" @blur="tagNameBlur"></el-input>
-            </el-form-item>
-            <el-form-item :label="$t('knowledge.upload')" prop="file">
-              <el-upload :action="`${baseUrl}${apiVersion}/knowledgeBase/items/batch`"
-                         :headers="uploadHeaders"
-                         :multiple="false"
-                         :file-list="fileList"
-                         :data="uploadParams"
-                         :on-change="fileChange"
-                         :on-success="uploadSuccess"
-                         :before-upload="beforeUpload"
-                         :on-progress="onUpload"
-                         :on-error="uploadError"
-                         :class="uploadErrorTip ? 'el-upload--error' : ''"
-                         :accept="fileTypeLimit"
-                         ref="knowledgeUpload"
-                         id="knowledgeUpload"
-              >
-                <el-button type="primary" class="uploadBtn"><i class="cn-icon cn-icon-a-1"></i></el-button>
-              </el-upload>
-            </el-form-item>
-
-            <el-form-item :label="$t('knowledge.version')" prop="version">
-              <el-input class="form-input" maxlength="64" placeholder="" disabled show-word-limit
-                        size="mini" type="text" v-model="updateObject.version" @blur="tagNameBlur"></el-input>
-            </el-form-item>
-            <el-form-item :label="$t('overall.remark')" prop="description" class="knowledge-remark">
-              <el-input  maxlength="255" show-word-limit :rows="4" size='mini' type="textarea" resize='none'
-                         v-model="updateObject.description" id="role-box-input-remark"/>
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="dialog-footer">
-          <el-button @click="showAddUpdateDialog = false">{{ $t('overall.cancel') }}</el-button>
-          <el-button type="primary" @click="submitConfirm">{{ $t('tip.confirm') }}</el-button>
-        </div>
-      </template>
-    </el-dialog>
-    <el-dialog v-model="showConfirmDialog"
-               :title="$t('overall.tips')"
-               custom-class="update-knowledge-tip"
-               :before-close="handleConfirmClose">
-      <div class="dialog-message">{{$t('knowledge.updateTips')}}</div>
-      <template #footer>
-        <span class="dialog-footer">
-          <el-button @click="showConfirmDialog = false">{{ $t('overall.cancel') }}</el-button>
-          <el-button type="primary" @click="submit">{{ $t('tip.confirm') }}</el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </div>
 </template>
 
 <script>
 import table from '@/mixins/table'
-import { knowledgeCategoryValue, storageKey } from '@/utils/constants'
-import { ref } from 'vue'
-import { updateKnowledgeUrl } from '@/utils/api'
+import { knowledgeBaseCategory, knowledgeBaseSource } from '@/utils/constants'
 export default {
   name: 'knowledgeBaseTableForCard',
   mixins: [table],
@@ -193,78 +57,10 @@ export default {
   data () {
     return {
       tableTitle: [],
-      checkList: [],
-      aiTaggingList: [],
-      websketchList: [],
-      showUpdateDialog: false,
-      showConfirmDialog: false,
-      showAddUpdateDialog: false,
-      updateKnowledge: {},
-      showEnable: false,
-      updateHistoryList: [],
-      updateObject: {},
-      updateKnowledgeUrl: updateKnowledgeUrl
-    }
-  },
-  setup () {
-    // 没上传过文件的提示
-    const uploadErrorTip = ref('')
-    return {
-      baseUrl: BASE_CONFIG.baseUrl,
-      apiVersion: BASE_CONFIG.apiVersion,
-      uploadHeaders: {
-        'Cn-Authorization': localStorage.getItem(storageKey.token)
-      },
-      uploadErrorTip,
-      fileTypeLimit: '.csv',
-      fileList: ref([])
+      checkList: []
     }
   },
   methods: {
-    fileChange (files, fileList) {
-      this.fileList = fileList.slice(-1)
-    },
-    uploadError () {
-      this.$message.error(this.$t('tip.uploadFailed', { msg: 'error' }))
-    },
-    uploadSuccess (response) {
-      const uploadFile = this.fileList ? this.fileList[0] : null
-      let fileName = uploadFile ? uploadFile.name : ''
-      fileName = fileName.substring(0, fileName.indexOf('.'))
-      this.updateObject.version = fileName.length >= 8 ? fileName.substring(fileName.length - 8) : fileName
-      this.uploaded = response.code === 200
-      if (response.code === 200) {
-
-      } else {
-        this.$message.error(this.$t('tip.uploadFailed', { msg: response.message }))
-      }
-    },
-    beforeUpload (file) {
-
-    },
-    onUpload () {
-
-    },
-    updateKnowledgeBase () {
-      axios.post(this.updateKnowledgeUrl + '?knowledgeIds=' + ids).then(response => {
-        if (response.data.code === 200) {
-          this.$message({ duration: 2000, type: 'success', message: this.$t('tip.success') })
-          // 重新查询历史记录
-        } else {
-          this.$message.error(response.data.message)
-        }
-      }).finally(() => {
-
-      })
-    },
-    submitConfirm () {
-      this.showConfirmDialog = true
-    },
-    submit () {
-      // this.updateKnowledgeBase()//更新列表数据
-      this.showConfirmDialog = false
-      this.showAddUpdateDialog = false
-    },
     clickCard (data, event) {
       if (data.isSelected) { // 原来为选中，当前点击后未选中
         const index = this.checkList.indexOf(data)
@@ -285,29 +81,11 @@ export default {
       data.isSelected = val
       this.$emit('checkboxStatusChange', val, data)
     },
-    handleClose () {
-      this.showUpdateDialog = false
-      this.showAddUpdateDialog = false
+    showSelect () {
+      // this.isSelectedStatus = true
     },
-    handleConfirmClose () {
-      this.showConfirmDialog = false
-    },
-    handleUpdateClose () {
-      this.showAddUpdateDialog = false
-    },
-    showUpdate () {
-      this.showUpdateDialog = true
-      this.showAddUpdateDialog = false
-    },
-    jumpToUpdatePage (data, showEnable) {
-      this.updateKnowledge = data
-      this.showEnable = showEnable
-      this.showUpdate()
-    },
-    uploadRecord () {
-      this.showAddUpdateDialog = true
-      this.updateObject.name = this.updateKnowledge.name
-      this.updateObject.version = ''
+    hideSelect () {
+      // this.isSelectedStatus = false
     },
     clearSelect () {
       this.$nextTick(() => {
@@ -319,17 +97,32 @@ export default {
         }
       })
     },
+    mouseenterMore (card) {
+      this.tableData.forEach(t => {
+        if (t.knowledgeId === card.knowledgeId) {
+          t.moreOptions = true
+        }
+      })
+    },
+    mouseleaveMore (card) {
+      this.tableData.forEach(t => {
+        if (t.knowledgeId === card.knowledgeId) {
+          t.moreOptions = false
+        }
+      })
+    },
     mouseenter (card) {
       this.tableData.forEach(t => {
         if (t.knowledgeId === card.knowledgeId) {
-          t.showUpdate = true
+          t.showMore = true
         }
       })
     },
     mouseleave (card) {
       this.tableData.forEach(t => {
         if (t.knowledgeId === card.knowledgeId) {
-          t.showUpdate = false
+          t.showMore = false
+          t.moreOptions = false
         }
       })
     },
@@ -338,74 +131,38 @@ export default {
     },
     edit (id) {
       const pageNo = this.$router.currentRoute.value.query.pageNo
-      const dataType = this.$router.currentRoute.value.query.dataType
+      const listMode = this.$router.currentRoute.value.query.listMode
       this.$router.push({
         path: '/knowledgeBase/edit',
         query: {
           t: +new Date(),
           pageNoForTable: pageNo || 1,
           id: id,
-          dataType: dataType
+          listMode: listMode
         }
       })
     }
   },
-  watch: {
-    tableData: {
-      handler (n) {
-        if (this.tableData && this.tableData.length > 0) {
-          this.aiTaggingList = []
-          this.websketchList = []
-          this.tableData.forEach(item => {
-            item.showUpdate = false
-            if (item.category === knowledgeCategoryValue.aiTagging) {
-              this.aiTaggingList.push(item)
-            } else if (item.category === knowledgeCategoryValue.webSketch) {
-              this.websketchList.push(item)
-            }
-          })
-        }
-      }
-    },
-    showAddUpdateDialog: {
-      handler (n) {
-        if (!n) {
-          this.fileList = []
-        }
-      }
-    }
-  },
   mounted () {
-    this.aiTaggingList = []
-    this.websketchList = []
     this.tableData.forEach(item => {
-      item.showUpdate = false
-      if (item.category === knowledgeCategoryValue.aiTagging) {
-        this.aiTaggingList.push(item)
-      } else if (item.category === knowledgeCategoryValue.webSketch) {
-        this.websketchList.push(item)
-      }
+      item.showMore = false
+      item.moreOptions = false
     })
-
-    const update = {
-      opTime: '2023-07-26 16:27:55',
-      opUser: 'admin',
-      version: 'v2.8',
-      description: ' It can\'t be identified by the payload signature.'
-    }
-    this.updateHistoryList.push(update)
-    this.updateHistoryList.push(update)
-    this.updateHistoryList.push(update)
-    this.updateHistoryList.push(update)
-    this.updateHistoryList.push(update)
   },
   computed: {
-    uploadParams () {
-      return {
-        knowledgeId: this.updateKnowledge.knowledgeId,
-        action: 'update'
+    tagCategoryText () {
+      return function (type) {
+        const t = knowledgeBaseCategory.find(t => t.value === type)
+        return t ? t.name : ''
+      }
+    },
+    tagSourceText () {
+      return function (type) {
+        const t = knowledgeBaseSource.find(t => t.value === type)
+        return t ? t.name : ''
       }
     }
+
   }
 }
 </script>
diff --git a/src/mixins/data-list.js b/src/mixins/data-list.js
index 5ca28ec4..941349b5 100644
--- a/src/mixins/data-list.js
+++ b/src/mixins/data-list.js
@@ -107,10 +107,10 @@ export default {
       } else if (isClearType) {
         this.searchLabel.type = ''// 换新接口需要修改的属性名称
       }
-      this.searchLabel = { ...this.searchLabel, ...this.pageObj }
       if (params) {
         this.searchLabel = { ...this.searchLabel, ...params }
       }
+      this.searchLabel = { ...this.searchLabel, ...this.pageObj }
       this.isNoData = false
       this.toggleLoading(true)
       delete this.searchLabel.total
@@ -442,7 +442,7 @@ export default {
       }
     }
     this.tools.customTableTitle = localStorageTableTitle
-    if (localStorageTableTitle && this.$refs.dataTable && this.$refs.dataTable.tableTitle && (localStorageTableTitle.length > this.$refs.dataTable.tableTitle.length)) {
+    if (localStorageTableTitle && (localStorageTableTitle.length > this.$refs.dataTable.tableTitle.length)) {
       const arr = localStorageTableTitle.splice(this.$refs.dataTable.tableTitle.length, localStorageTableTitle.length)
       this.tools.customTableTitle = this.tools.customTableTitle.concat(arr)
     }
diff --git a/src/mixins/table.js b/src/mixins/table.js
index 25062555..706a36d5 100644
--- a/src/mixins/table.js
+++ b/src/mixins/table.js
@@ -1,4 +1,4 @@
-import { chartTableOrderOptionsMapping, storageKey,knowledgeCategoryValue } from '@/utils/constants'
+import { chartTableOrderOptionsMapping, storageKey } from '@/utils/constants'
 import { getWidthByLanguage } from '@/utils/tools'
 import { put, patch } from '@/utils/http'
 import { api } from '@/utils/api'
@@ -40,6 +40,13 @@ export default {
           }
         }, 200)
       }
+    },
+    tableData: {
+      handler (n) {
+        if (this.tableData && this.tableData.length > 0) {
+          // this.isInit = false
+        }
+      }
     }
   },
   data () {
diff --git a/src/router/index.js b/src/router/index.js
index 77c2b1cd..9a170143 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -48,15 +48,11 @@ const routes = [
         component: () => import('@/views/setting/KnowledgeBase')
       },
       {
-        path: '/knowledgeBase/userDefinedLibrary',
-        component: () => import('@/views/setting/KnowledgeBase')
-      },
-      {
-        path: '/knowledgeBase/userDefinedLibrary/create',
+        path: '/knowledgeBase/create',
         component: () => import('@/views/setting/KnowledgeBaseForm')
       },
       {
-        path: '/knowledgeBase/userDefinedLibrary/edit',
+        path: '/knowledgeBase/edit',
         component: () => import('@/views/setting/KnowledgeBaseForm')
       },
       {
diff --git a/src/utils/api.js b/src/utils/api.js
index 47b97279..583e99ec 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -40,7 +40,6 @@ export const api = {
   knowledgeBaseList: BASE_CONFIG.apiVersion + '/knowledgeBase/list',
   knowledgeBaseEnable: BASE_CONFIG.apiVersion + '/knowledgeBase/status',
   knowledgeBaseStatistics: BASE_CONFIG.apiVersion + '/knowledgeBase/statistics',
-  updateKnowledgeUrl: BASE_CONFIG.apiVersion + '/knowledgeBase/audit/log',
 
   // 报告相关
   reportJob: '/report/job',
diff --git a/src/views/setting/KnowledgeBase.vue b/src/views/setting/KnowledgeBase.vue
index 05fede44..aba3a871 100644
--- a/src/views/setting/KnowledgeBase.vue
+++ b/src/views/setting/KnowledgeBase.vue
@@ -1,39 +1,15 @@
 <template>
-  <div class="knowledge-base">
-    <div class="knowledge-base__top">
-      <div class="top-title">
-        {{$t('overall.knowledgeBase')}}
-      </div>
-      <div class="builtIn-to-user-defined" v-if="dataType === 'builtInList'">
-        <button :title="$t('knowledgeBase.userDefinedLibrary')" class="top-tool-btn--user_defined_library"
-                @click="changeToUserDefinedList">
-          <i class="cn-icon-add-knowledge-base cn-icon" ></i>
-          <span>{{$t('knowledgeBase.userDefinedLibrary')}}</span>
-        </button>
-      </div>
+  <div style="height: 100%;overflow:auto;" class="knowledge-base">
+    <div class="top-title">
+      {{$t('overall.knowledgeBase')}}
     </div>
-
-    <!-- 内置库列表 -->
-    <div class="knowledge-base-built-in__content" v-if="dataType === 'builtInList'">
-      <div class="list-card" >
-        <div class="list-mode__card" >
-          <loading :loading="loading"></loading>
-          <knowledge-base-table-for-card
-                  ref="dataTableCard"
-                  :api="url"
-                  :isNoData="isNoData"
-                  :table-data="tableData"
-                  :is-selected-status="isSelectedStatus"
-                  @delete="toDelete"
-                  @checkboxStatusChange="checkboxStatusChange"
-                  @reload="getBuiltInData"
-                  @toggleLoading="toggleLoading"
-          ></knowledge-base-table-for-card>
-        </div>
+    <div class="knowledge-base__content" >
+      <div class="left-filter" style="">
+          <knowledge-filter ref="knowledgeFilter"
+                            :keyWord="keyWord"
+                  @reload="reload"
+                  @clearList="clearList"></knowledge-filter>
       </div>
-    </div>
-    <!-- 用户自定义列表 -->
-    <div class="knowledge-base-user-defined__content" v-else-if="dataType === 'userDefinedList'">
       <div class="right-list-card" >
         <div class="top-tools" >
           <div class="top-tools__left">
@@ -43,7 +19,13 @@
               <i class="cn-icon-xinjian cn-icon"></i>
               <span>{{$t('overall.create')}}</span>
             </button>
-            <button id="knowledge-base-edit" :title="$t('knowledgeBase.editKnowledgeBase')" class="top-tool-btn margin-r-10"  :disabled="disableEdit"
+            <button v-if="listMode === 'block'" id="knowledge-base-select" :title="$t('knowledgeBase.select')" class="top-tool-btn margin-r-10"
+                    style="width:72px;"
+                    @click="toSelect">
+              <i class="cn-icon-select cn-icon" ></i>
+              <span>{{$t('overall.select')}}</span>
+            </button>
+            <button v-if="listMode === 'list'" id="knowledge-base-edit" :title="$t('knowledgeBase.editKnowledgeBase')" class="top-tool-btn margin-r-10"  :disabled="disableEdit"
                     style="width:72px;"
                     @click="editSelectRecord">
               <i class="cn-icon-edit cn-icon" ></i>
@@ -55,33 +37,62 @@
               <i class="cn-icon-delete cn-icon"></i>
               <span>{{$t('overall.delete')}}</span>
             </button>
-            <div class="top-tool-search margin-l-10" >
+            <div class="top-tool-search margin-l-10" style="">
               <el-input v-model="keyWord"  size="small" @keyup.enter="onSearch"></el-input>
               <button class="top-tool-btn  top-tool-btn--search" style="border-radius: 0 2px 2px 0 !important;" @click="onSearch">
                 <i class="el-icon-search"></i>
               </button>
             </div>
           </div>
+          <div class="top-tools__right" >
+            <el-button-group size="mini">
+              <el-button size="mini" @click="modeChange('list')" :class="{'active': listMode === 'list'}"><i class="cn-icon cn-icon-list"></i></el-button>
+              <el-button size="mini" @click="modeChange('block')" :class="{'active': listMode === 'block'}"><i class="cn-icon cn-icon-blocks"></i></el-button>
+            </el-button-group>
+          </div>
         </div>
-        <div class="list-mode__row" style="position:relative;">
-          <loading :loading="loading"></loading>
-          <knowledge-base-table-for-row
-                  ref="dataTable"
-                  height="100%"
-                  :api="url"
-                  :isNoData="isNoData"
-                  :custom-table-title="tools.customTableTitle"
-                  :table-data="tableData"
-                  :is-selected-status="isSelectedStatus"
-                  @delete="toDelete"
-                  @selectionChange="selectionChange"
-                  @edit="edit"
-                  @orderBy="tableDataSort"
-                  @reload="reloadRowList"
-                  @toggleLoading="toggleLoading"
-          ></knowledge-base-table-for-row>
-        </div>
-        <div class="knowledge-pagination" >
+        <!-- 列表式 -->
+        <template v-if="listMode === 'list'">
+          <div class="list-mode__row" style="position:relative;">
+            <loading :loading="loading"></loading>
+            <knowledge-base-table-for-row
+                    ref="dataTable"
+                    height="100%"
+                    :api="url"
+                    :isNoData="isNoData"
+                    :custom-table-title="tools.customTableTitle"
+                    :table-data="tableData"
+                    :is-selected-status="isSelectedStatus"
+                    :all-count="18"
+                    @delete="toDelete"
+                    @selectionChange="selectionChange"
+                    @edit="edit"
+                    @orderBy="tableDataSort"
+                    @reload="reloadRowList"
+                    @toggleLoading="toggleLoading"
+            ></knowledge-base-table-for-row>
+          </div>
+        </template>
+        <!-- 卡片式 -->
+        <template v-else-if="listMode === 'block'">
+          <div class="list-mode__card" style="position:relative;">
+            <loading :loading="loading"></loading>
+            <knowledge-base-table-for-card
+                    ref="dataTableCard"
+                    :api="url"
+                    :isNoData="isNoData"
+                    :custom-table-title="tools.customTableTitle"
+                    :table-data="tableData"
+                    :is-selected-status="isSelectedStatus"
+                    :all-count="18"
+                    @delete="toDelete"
+                    @checkboxStatusChange="checkboxStatusChange"
+                    @reload="reloadRowList"
+                    @toggleLoading="toggleLoading"
+            ></knowledge-base-table-for-card>
+          </div>
+        </template>
+        <div class="knowledge-pagination" style="">
           <pagination ref="pagination" :page-obj="pageObj" :table-id="tableId" @pageNo='pageNo' @pageSize='pageSize'></pagination>
         </div>
       </div>
@@ -100,18 +111,20 @@
               height="156px"
               width="100%"
               class="dialog-table"
+              :row-style="rowStyle"
               cell-style="padding:4px 0px;font-size: 12px;color: #353636;font-weight: 400;"
-              header-cell-style="padding:4px 0px;background: #F5F8FA;font-size: 12px;color: #353636;font-weight: 500;">
+              header-cell-style="padding:4px 0px;background: #F5F8FA;font-size: 12px;color: #353636;font-weight: 500;"
+              :header-row-style="tableHeaderRowStyle">
       <el-table-column
               :resizable="false"
               align="center"
               type="selection"
               width="50">
       </el-table-column>
-      <el-table-column property="knowledgeId" label="ID" width="150"></el-table-column>
+      <el-table-column property="knowledgeId" label="ID" width="50"></el-table-column>
       <el-table-column property="name" label="Name"></el-table-column>
-    <!--  <el-table-column property="category" label="Category" width="100" :formatter = "categoryFormat"></el-table-column>
-      <el-table-column property="source" label="Source" width="110" :formatter = "sourceFormat"></el-table-column> -->
+      <el-table-column property="category" label="Category" width="100" :formatter = "categoryFormat"></el-table-column>
+      <el-table-column property="source" label="Source" width="110" :formatter = "sourceFormat"></el-table-column>
     </el-table>
     <template #footer>
         <span class="dialog-footer">
@@ -126,16 +139,17 @@ import dataListMixin from '@/mixins/data-list'
 import KnowledgeBaseTableForCard from '@/components/table/setting/knowledgeBaseTableForCard'
 import KnowledgeBaseTableForRow from '@/components/table/setting/KnowledgeBaseTableForRow'
 import { api } from '@/utils/api'
-import { get } from '@/utils/http'
 import { urlParamsHandler, overwriteUrl } from '@/utils/tools'
-import { knowledgeBaseCategory, knowledgeBaseSource, knowledgeCategoryValue } from '@/utils/constants'
+import { knowledgeBaseCategory, knowledgeBaseSource } from '@/utils/constants'
 import axios from 'axios'
+import KnowledgeFilter from '@/views/setting/KnowledgeFilter'
 
 export default {
   name: 'knowledgeBase',
   components: {
     KnowledgeBaseTableForCard,
-    KnowledgeBaseTableForRow
+    KnowledgeBaseTableForRow,
+    KnowledgeFilter
   },
   mixins: [dataListMixin],
   data () {
@@ -151,7 +165,7 @@ export default {
       showConfirmDialog: false,
       delItemList: [],
       secondBatchDeleteObjs: [],
-      dataType: 'builtInList' // userDefinedList|builtInList
+      listMode: 'list' // 列表的模式，list|block
     }
   },
   watch: {
@@ -162,15 +176,13 @@ export default {
         ...this.filterParams,
         name: this.keyWord
       }
-      if (this.dataType === 'userDefinedList') {
-        params.category = knowledgeCategoryValue.userDefined
-      }
       this.clearList()
       this.search(params)
+      this.$refs.knowledgeFilter.reloadFilter(this.checkedCategoryIds, this.checkedStatusIds)
     },
     reloadRowList () {
-      this.searchLabel.category = knowledgeCategoryValue.userDefined
       this.getTableData()
+      this.$refs.knowledgeFilter.reloadFilter()
     },
     categoryFormat (row, column) {
       const category = row.category
@@ -245,22 +257,11 @@ export default {
           ids.push(item.knowledgeId)
         })
       }
-      let hasReference = false
-      let referenceKnowledge = null
-      this.batchDeleteObjs.forEach(item => {
-        if (item.reference && item.reference.length > 0) {
-          hasReference = true
-          referenceKnowledge = item
-        }
-      })
-
       if (ids.length === 0) {
         this.$alert(this.$t('tip.pleaseSelect'), {
           confirmButtonText: this.$t('tip.yes'),
           type: 'warning'
         }).catch(() => {})
-      } else if (hasReference) {
-        this.$message.error(this.$t('knowledgeBase.deleteReferenceObjects', { name: referenceKnowledge.name }))
       } else {
         this.toggleLoading(true)
         axios.delete(this.url + '?knowledgeIds=' + ids).then(response => {
@@ -270,11 +271,11 @@ export default {
             this.secondBatchDeleteObjs.forEach((item) => {
               this.$refs.delDataTable.toggleRowSelection(item, false)
             })
+            this.$refs.knowledgeFilter.reloadFilter()
             this.secondBatchDeleteObjs = []
             this.batchDeleteObjs = []
-            // delete this.searchLabel.category
+            delete this.searchLabel.category
             delete this.searchLabel.source
-            this.searchLabel.category = knowledgeCategoryValue.userDefined
             this.getTableData()
           } else {
             this.$message.error(response.data.message)
@@ -291,6 +292,14 @@ export default {
         })
       }
     },
+    tableHeaderRowStyle ({ row, rowIndex }) {
+      // if (rowIndex === 0) {
+      // return 'font-weight: 500;font-size: 14px;'
+      // }
+    },
+    rowStyle ({ row, rowIndex }) {
+      // return 'height:32px !important;'//font-size: 14px;color: #666666;font-weight: 400;
+    },
     submit () {
       this.delBatchKnowledge()
       this.showConfirmDialog = false
@@ -349,16 +358,6 @@ export default {
         this.jumpToEditPage(this.batchDeleteObjs[0].knowledgeId)
       }
     },
-    changeToUserDefinedList () {
-      this.dataType = 'userDefinedList'
-      this.$router.push({
-        path: '/knowledgeBase/userDefinedLibrary',
-        query: {
-          t: +new Date(),
-          dataType: 'userDefinedList'
-        }
-      })
-    },
     toDelete (data) {
       if (data && data.knowledgeId) {
         this.secondBatchDeleteObjs = []
@@ -373,12 +372,12 @@ export default {
       this.isSelectedStatus = false
       this.batchDeleteObjs = []
       this.secondBatchDeleteObjs = []
-      this.dataType = mode
+      this.listMode = mode
       if (this.$refs.dataTableCard) {
         this.$refs.dataTableCard.clearSelect()
       }
       const { query } = this.$route
-      const newUrl = urlParamsHandler(window.location.href, query, { dataType: mode })
+      const newUrl = urlParamsHandler(window.location.href, query, { listMode: mode })
       overwriteUrl(newUrl)
     },
     del (row) {
@@ -392,9 +391,8 @@ export default {
           if (response.data.code === 200) {
             this.delFlag = true
             this.$message({ duration: 2000, type: 'success', message: this.$t('tip.deleteSuccess') })
-            // delete this.searchLabel.category
+            delete this.searchLabel.category
             delete this.searchLabel.source
-            this.searchLabel.category = knowledgeCategoryValue.userDefined
             this.getTableData()
           } else {
             this.$message.error(response.data.message)
@@ -414,64 +412,29 @@ export default {
     jumpToEditPage (id) {
       const pageNo = this.$router.currentRoute.value.query.pageNo
       this.$router.push({
-        path: '/knowledgeBase/userDefinedLibrary/edit',
+        path: '/knowledgeBase/edit',
         query: {
           t: +new Date(),
           pageNoForTable: pageNo || 1,
           id: id,
-          dataType: this.dataType
+          listMode: this.listMode
         }
       })
     },
     jumpToCreatePage () {
       this.$router.push({
-        path: '/knowledgeBase/userDefinedLibrary/create',
+        path: '/knowledgeBase/create',
         query: {
           t: +new Date(),
-          dataType: this.dataType
+          listMode: this.listMode
         }
       })
-    },
-    getBuiltInData () {
-      this.isNoData = false
-      this.toggleLoading(true)
-      const params = {
-        category: knowledgeCategoryValue.aiTagging + ',' + knowledgeCategoryValue.webSketch,
-        pageSize: -1
-      }
-      get(this.listUrl, params).then(response => {
-        if (response.code === 200) {
-          this.tableData = response.data.list
-          if (!this.tableData || this.tableData.length === 0) {
-            this.isNoData = true
-          } else {
-            this.isNoData = false
-          }
-        } else {
-          console.error(response)
-          this.isNoData = true
-          if (response.message) {
-            this.$message.error(response.message)
-          } else {
-            this.$message.error(this.$t('tip.somethingWentWrong'))
-          }
-        }
-      }).catch(() => {
-        this.isNoData = true
-      }).finally(() => {
-        this.toggleLoading(false)
-      })
     }
   },
   mounted () {
-    const curMode = this.$router.currentRoute.value.query.dataType
-    this.dataType = curMode || 'builtInList'
+    const curMode = this.$router.currentRoute.value.query.listMode
+    this.listMode = curMode || 'list'
     this.filterParams = {}
-    if (this.dataType === 'builtInList') {
-      this.getBuiltInData()
-    } else if (this.dataType === 'userDefinedList') {
-      this.searchLabel.category = knowledgeCategoryValue.userDefined
-    }
   },
   computed: {
   }
diff --git a/src/views/setting/KnowledgeBaseForm.vue b/src/views/setting/KnowledgeBaseForm.vue
index 519f2ba9..2f669f92 100644
--- a/src/views/setting/KnowledgeBaseForm.vue
+++ b/src/views/setting/KnowledgeBaseForm.vue
@@ -136,7 +136,7 @@
                       <span v-else>{{ d.tagValue }}</span>
                     </td>
                     <td class="imported-data-msg" :title="d.msg">
-                      <i :class="d.isValid === 1 ? 'el-icon-success' : (d.isValid === 0 ? 'el-icon-error' : '')"></i>&nbsp;&nbsp;{{(d.isValid === 1 && (d.msg==='' || !d.msg) )? $t('overall.success'): d.msg }}
+                      <i :class="d.isValid === 1 ? 'el-icon-success' : (d.isValid === 0 ? 'el-icon-error' : '')"></i>&nbsp;&nbsp;{{(d.isValid === 1 && (d.msg==='' || !d.msg) )? 'success': d.msg }}
                     </td>
                     <!--返回和保存按钮:修改记录-->
                     <td v-if="backEditFlag && !addEditFlag && editIndex === i" class="imported-data-btn">
@@ -214,7 +214,7 @@
 import { useRoute } from 'vue-router'
 import { nextTick, reactive, ref } from 'vue'
 import _ from 'lodash'
-import { knowledgeBaseType, storageKey, unitTypes, knowledgeSourceValue, itemListHeight, knowledgeCategoryValue } from '@/utils/constants'
+import { knowledgeBaseType, storageKey, unitTypes, knowledgeSourceValue, itemListHeight } from '@/utils/constants'
 import Pagination from '@/components/common/Pagination'
 import ChartNoData from '@/views/charts/charts/ChartNoData'
 import axios from 'axios'
@@ -490,7 +490,7 @@ export default {
       isPreviewChange: false,
       isClick: false,
       pageNoForTable: 1,
-      dataType: 'builtInList',
+      listMode: 'list',
       status: 1,
       oldItemIds: [],
       oldTagItem: {}
@@ -545,15 +545,6 @@ export default {
         this.importedType = this.editObject.source
         const originalImportedData = _.cloneDeep(response.data.data)
         this.importedDataNoData = originalImportedData.length === 0
-        if (originalImportedData.length > 0) {
-          originalImportedData.forEach(data => {
-            if (data.isValid === 1) {
-              data.msg = this.$t('overall.success')
-            } else if (data.isValid === 0) {
-              data.msg = this.$t('validate.wrongFormat')
-            }
-          })
-        }
         this.originalImportInfo = {
           total: originalImportedData.length,
           succeeded: originalImportedData.filter(d => d.isValid === 1).length,
@@ -774,21 +765,21 @@ export default {
           customClass: 'del-model'
         }).then(() => {
           this.$router.push({
-            path: '/knowledgeBase/userDefinedLibrary',
+            path: '/knowledgeBase',
             query: {
               pageNo: self.pageNoForTable ? Number(self.pageNoForTable) : 1,
               t: +new Date(),
-              dataType: this.dataType
+              listMode: this.listMode
             }
           })
         }).catch(() => {})
       } else {
         this.$router.push({
-          path: '/knowledgeBase/userDefinedLibrary',
+          path: '/knowledgeBase',
           query: {
             pageNo: self.pageNoForTable ? Number(self.pageNoForTable) : 1,
             t: +new Date(),
-            dataType: this.dataType
+            listMode: this.listMode
           }
         })
       }
@@ -825,7 +816,7 @@ export default {
                     const userId = localStorage.getItem(storageKey.userId)
                     const postData = {
                       name: this.editObject.name,
-                      category: knowledgeCategoryValue.userDefined,
+                      category: 'user_defined',
                       source: this.editObject.source,
                       description: this.editObject.description,
                       status: this.editObject.status,
@@ -849,11 +840,11 @@ export default {
                             message: this.$t('tip.saveSuccess')
                           })
                           this.$router.push({
-                            path: '/knowledgeBase/userDefinedLibrary',
+                            path: '/knowledgeBase',
                             query: {
                               pageNo: self.pageNoForTable ? Number(self.pageNoForTable) : 1,
                               t: +new Date(),
-                              dataType: this.dataType
+                              listMode: this.listMode
                             }
                           })
                         } else {
@@ -878,11 +869,11 @@ export default {
                             message: this.$t('tip.saveSuccess')
                           })
                           this.$router.push({
-                            path: '/knowledgeBase/userDefinedLibrary',
+                            path: '/knowledgeBase',
                             query: {
                               pageNo: self.pageNoForTable ? Number(self.pageNoForTable) : 1,
                               t: +new Date(),
-                              dataType: this.dataType
+                              listMode: this.listMode
                             }
                           })
                         } else {
@@ -1104,7 +1095,7 @@ export default {
         if (valid) {
           this.editTagErrorTip = ''
           this.showImportedData[index].isValid = 1
-          this.showImportedData[index].msg = this.$t('overall.success')
+          this.showImportedData[index].msg = 'success'
         } else {
           this.showImportedData[index].isValid = 0
         }
@@ -1160,9 +1151,9 @@ export default {
   },
   mounted () {
     const pageNo = this.$router.currentRoute.value.query.pageNoForTable
-    const dataType = this.$router.currentRoute.value.query.dataType
+    const listMode = this.$router.currentRoute.value.query.listMode
     this.pageNoForTable = pageNo || 1
-    this.dataType = dataType || 'builtInList'
+    this.listMode = listMode || 'list'
     const div = document.getElementsByClassName('el-upload-dragger')[0]
     const self = this
     div.addEventListener('click', function (event) {
@@ -1201,11 +1192,11 @@ export default {
         console.error(e)
         this.$message.error(this.errorMsgHandler(e))
         this.$router.push({
-          path: '/knowledgeBase/userDefinedLibrary',
+          path: '/knowledgeBase',
           query: {
             pageNo: self.pageNoForTable ? Number(self.pageNoForTable) : 1,
             t: +new Date(),
-            dataType: this.dataType
+            listMode: this.listMode
           }
         })
       })