CN-1016 知识库支持卡片和table切换

src/assets/css/components/views/setting/knowledgeBase.scss

@@ -11,6 +11,12 @@
     border-radius: 12px;
   }
 
+  .list-desc{
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   .top-title {
     font-size: 24px;
     color: #353636;
@@ -163,15 +169,44 @@
       display:flex;
       flex-direction:column;
       justify-content: space-between;
-      width: calc(100% - 50px);
-      max-width: calc(100% - 50px);
+      width: calc(100% - 340px);
+      max-width: calc(100% - 340px);
       height:100%;
       .top-tools {
         display: flex;
         align-items : center;
         flex-direction:row;
-        height:28px;
+        justify-content: space-between ;
+        //height:28px;
         width:100%;
+        margin-bottom:20px;
+        .top-tools__right {
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          //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;
+            }
+          }
+        }
+        .top-tools__left {
+          display: flex;
+          align-items : center;
+          flex-direction:row;
           .top-tool-btn {
             cursor: pointer;
             height: 28px;
@@ -272,17 +307,58 @@
             }
           }
         }
-      .cards {
-        /*display: flex;
-        flex-flow:row wrap;
-        margin-bottom:38px;
-        margin-top: 30px;
-        */
+      }
+      .list-mode__row {
         width: 100%;
-        height:calc(100% - 152px);
+        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 {
+          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;
+          }
+
+        }
+      }
+      .list-mode__card {
+        width: 100%;
+        height:calc(100% - 134px);
         overflow-y:auto;
         padding-right: 2px;
-
+        margin-bottom:30px;
         .el-checkbox-group {
           display: grid;
           grid-template-rows: repeat(auto-fill, 218px);