CN-1594 fix: 知识库、tag

src/Login.vue

@@ -259,155 +259,8 @@ export default {
   }
 }
 </script>
-
 <style>
 .logins {
-  background-image: url('../public/images/bg.png');
+  background-image: url("../public/images/bg.png");
-  display: flex;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-}
-
-:deep .el-input__inner {
-  //background-color: #0B325C !important;
-  border: none;
-  //border-radius: 0px;
-  //border-bottom: 1px solid #295688;
-  font-size: 14px;
-  //line-height: 14px;
-}
-:deep .el-input__inner:hover {
-  border-color: #295688;
-}
-:deep .el-input__inner:focus {
-  border-color: #295688;
-}
-.el-button--primary:hover, .el-button--primary:focus, .el-button--primary:active {
-  background: #21B4ED;
-  border-color: #21B4ED;
-  color: #FFFFFF;
-}
-:deep .el-loading-mask {
-  background-color: transparent;
-}
-:deep input {
-  -webkit-text-fill-color: rgba(231,234,237, .8) !important;
-  transition: background-color 500000000000000000s ease-in-out 0s !important;
-  caret-color: #fff ;
-  font-size: 14px;
-}
-.inside {
-  width: 414px;
-  height: fit-content;/*524*/
-  background: #0B325C;
-  border: 1px solid rgba(103,179,245,0.65);
-  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.38);
-  border-radius: 4px;
-}
-.inside {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-.inside > div {
-  display: block;
-}
-
-.title {
-  margin-top: 65px;
-  margin-bottom: 44px;
-  text-align: center;
-}
-.title > img {
-  height: 135px;
-}
-.login__box {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  .is-disabled {
-    background: #21B4ED;
-    color: #FFFFFF;
-    opacity: 0.6;
-  }
-  .license-error-msg {
-    color:#c73249;
-    display: flex;
-    align-items: flex-start;
-    justify-content: center;
-    height:40px;
-    width: 100%;
-  }
-  .license-file {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    .license__btn {
-      height: 40px;
-      padding-left:10px;
-      padding-right:10px;
-      min-width: 74px;
-      color: white;
-      background-color: #21B4ED;
-      border: none;
-      border-radius: 4px;
-      outline: none;
-      font-size: 14px;
-      cursor: pointer;
-      transition: background-color linear .2s, color linear .1s;
-    }
-  }
-}
-:deep .el-form-item {
-  width: 334px;
-}
-:deep .el-input__prefix {
-  color: #6DBBFF;
-}
-:deep .el-input__prefix i {
-  width: 17px;
-  font-size: 17px;
-}
-.login__box .el-form-item:nth-child(3){
-  margin-bottom: 0px;
-}
-.login--button {
-  background: #21B4ED;
-  border-radius: 4px;
-  border: 0;
-  font-weight: 400;
-  font-size: 16px;
-  color: #FFFFFF;
-  line-height: 22px;
-  width: 334px;
-  height: 52px;
-  margin-top: 25px;
-  margin-bottom:65px;
-}
-.login-btn__license-error {
-  margin-top: 25px;
-  margin-bottom: 10px;
-  height:40px;
-}
-.login--input {
-  :deep .el-input__wrapper {
-    background-color: rgb(11, 50, 92) !important;
-    box-shadow: none !important;
-    //border-bottom: 1px solid rgba(103,179,245,0.65);
-    border-bottom: 1px solid #295688;
-    border-radius: 0;
-    height: 40px;
-    line-height: 40px;
-    font-size: 14px;
-    padding: 1px 4px 2px 5px;
-  }
-
-  :deep .el-input__wrapper.is-focus {
-    box-shadow: none !important;
-  }
 }
 </style>

src/assets/css/components/components/common/login.scss

@@ -13,7 +13,6 @@ $color-input-border: #295688;
   background-color: var(--el-color-black);
   background-size: auto;
   background-repeat: round;
-  //background-image: url("../public/images/bg.png");
 
   .el-input__inner {
     border: none;
@@ -78,6 +77,7 @@ $color-input-border: #295688;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
+        width: 100%;
 
         .license__btn {
           position: relative;

src/assets/css/components/views/charts2/networkOverviewApps.scss

@@ -170,13 +170,7 @@
           display: flex;
           align-items: center;
 
-          .no-records {
+          .business-button {
-            background: #21B4ED;
-            color: #FFFFFF !important;
-            opacity: 0.6;
-            cursor: not-allowed !important;
-          }
-          .header__operation {
             min-width: 72px;
             height: 30px;
             margin-right: 20px;

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

@@ -335,40 +335,11 @@ $color-mousemove-cursor: #D3D0D8;
             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: $color-business !important;
-              padding-left: 7px;
-              padding-right: 7px;
-              color: $color-white;
-              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: $color-white;
-                font-size: 14px !important;
-                margin-right: 5px;
-              }
-            }
-
-            .top-tool-btn--update:hover {
-              background-color: $color-business-hover !important;
-              border-color: $color-business-border-hover !important;
-            }
-
             .card-type {
               display: flex;
               flex-direction: row;
@@ -637,23 +608,6 @@ $color-mousemove-cursor: #D3D0D8;
           & > div {
             //padding: 0 0 0 10px;
           }
-
-          .el-button {
-            color: $color-regular;
-          }
-
-          .el-button--small {
-            padding: 7px 9px !important;
-            min-height: 28px !important;
-
-            &.active i {
-              color: $color-primary;
-            }
-
-            i {
-              font-size: 12px;
-            }
-          }
         }
 
         .top-tools__left {
@@ -1124,6 +1078,18 @@ $color-mousemove-cursor: #D3D0D8;
       }
     }
   }
+
+  .business-button {
+    padding-left: 7px;
+    padding-right: 7px;
+    font-size: 12px;
+    height: 28px;
+
+    i {
+      font-size: 14px !important;
+      margin-right: 5px;
+    }
+  }
 }
 
 .reference-tag__tip {
@@ -1836,34 +1802,6 @@ $color-mousemove-cursor: #D3D0D8;
     border-top: 1px solid $color-border-lighter;
     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: $color-text-primary;
-      background: $color-fill-light;
-      border: 1px solid $color-border-dark;
-      border-radius: 2px;
-    }
-
-    .el-button:nth-child(2) {
-      width: 80px;
-      height: 28px;
-      margin-right: 20px;
-      margin-left: 0 !important;
-      background: $color-business;
-      border: 1px solid $color-business-border-hover;
-      border-radius: 2px;
-    }
   }
 }
 
@@ -1996,43 +1934,6 @@ $color-mousemove-cursor: #D3D0D8;
       flex-direction: row;
       justify-content: center;
       font-size: 14px;
-      font-weight: 400;
-
-      .top-tool-btn--update {
-        background-color: $color-business !important;
-        padding-left: 7px;
-        padding-right: 7px;
-        color: $color-white;
-        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: $color-white;
-          font-size: 14px !important;
-          margin-right: 5px;
-        }
-      }
-
-      .top-tool-btn--update:disabled {
-        cursor: not-allowed;
-        opacity: 0.66;
-
-        i {
-        }
-      }
-
-      .top-tool-btn--update:hover {
-        background-color: $color-business-hover !important;
-        border-color: $color-business-border-hover !important;
-      }
     }
   }
 
@@ -2057,44 +1958,7 @@ $color-mousemove-cursor: #D3D0D8;
       flex-direction: row;
       justify-content: center;
       font-size: 14px;
-      font-weight: 400;
       align-items: center;
-
-      .top-tool-btn--update {
-        background-color: $color-business !important;
-        padding-left: 7px;
-        padding-right: 7px;
-        color: $color-white;
-        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: $color-white;
-          font-size: 14px !important;
-          margin-right: 5px;
-        }
-      }
-
-      .top-tool-btn--update:disabled {
-        cursor: not-allowed;
-        opacity: 0.66;
-
-        i {
-        }
-      }
-
-      .top-tool-btn--update:hover {
-        background-color: $color-business-hover !important;
-        border-color: $color-business-border-hover !important;
-      }
     }
   }
 
@@ -2252,30 +2116,10 @@ $color-mousemove-cursor: #D3D0D8;
       justify-content: flex-end;
       padding-top: 32px;
 
-      .el-button {
+      .business-button {
-        padding: 10px 21px !important;
+        margin-left: 15px;
-        line-height: 12px;
+        height: 30px;
-        font-size: 12px;
+        min-width: 72px;
-        font-weight: 500;
-        min-height: 32px;
-        width: 80px;
-        height: 32px;
-      }
-
-      .el-button:nth-child(1) {
-        margin-right: 20px;
-        color: $color-text-primary;
-        background: $color-fill-light;
-        border: 1px solid $color-border-dark;
-        border-radius: 2px;
-      }
-
-      .el-button:nth-child(2) {
-        color: $color-white;
-        margin-left: 0 !important;
-        background: $color-business;
-        border: 1px solid $color-business-border-hover;
-        border-radius: 2px;
       }
     }
   }
@@ -2286,12 +2130,10 @@ $color-mousemove-cursor: #D3D0D8;
     margin-top: 25px;
 
     .psiphon3-title {
-      font-family: NotoSansSC-Medium;
       font-size: 12px;
       color: $color-text-primary;
       letter-spacing: 0;
       line-height: 14px;
-      font-weight: 500;
     }
 
     .psiphon3-bar {

src/assets/css/components/views/tag/tag.scss

@@ -1,9 +1,9 @@
 .cn-tag {
-  background: #fff;
   margin: 10px;
   height: calc(100% - 20px) !important;
   display: flex;
   flex-direction: row;
+
   .cn-tag-right {
     flex: 1;
     .list-page .main-container {

src/components/table/setting/knowledgeBaseTableForCard.vue

@@ -14,7 +14,7 @@
             <div class="card-desc" :title="data.desc ? $t(data.desc) : '—'">{{ data.desc ? $t(data.desc) : '—' }}</div>
           </div>
           <div class="card-operate__footer">
-            <button v-if="data.showUpdate && hasPermission('editBuiltInKnowledgeBase')" :title="$t('overall.update')" class="top-tool-btn--update"
+            <button v-if="data.showUpdate && hasPermission('editBuiltInKnowledgeBase')" :title="$t('overall.update')" class="business-button"
                     @click="jumpToUpdatePage(data,false)">
               <i class="cn-icon-update-knowledge-base cn-icon"></i>
               <span>{{ $t('overall.update') }}</span>
@@ -75,7 +75,7 @@
             </el-tab-pane>
           </el-tabs>
           <div class="update-operate">
-            <button :title="$t('overall.update')" class="top-tool-btn--update"
+            <button :title="$t('overall.update')" class="business-button"
                     @click="uploadRecord"><!--:disabled="hasUpdatingRecord"-->
               <i class="cn-icon-update-knowledge-base cn-icon"></i>
               <span>{{ $t('overall.update') }}</span>
@@ -87,7 +87,7 @@
             <div class="card-title-name">{{ $t('knowledgeBase.updateRecord') }}</div>
           </div>
           <div class="update-operate">
-            <button :title="$t('overall.update')" class="top-tool-btn--update"
+            <button :title="$t('overall.update')" class="business-button"
                     @click="uploadRecord"><!--   :disabled="hasUpdatingRecord" -->
               <i class="cn-icon-update-knowledge-base cn-icon"></i>
               <span>{{ $t('overall.update') }}</span>
@@ -220,8 +220,8 @@
           </el-form>
         </div>
         <div class="dialog-footer">
-          <el-button @click="cancle">{{ $t('overall.cancel') }}</el-button>
+          <button @click="cancle" class="business-button business-button--light">{{ $t('overall.cancel') }}</button>
-          <el-button type="primary" @click="submitConfirm">{{ $t('tip.confirm') }}</el-button>
+          <button @click="submitConfirm" class="business-button">{{ $t('tip.confirm') }}</button>
         </div>
       </template>
     </el-dialog>
@@ -233,8 +233,8 @@
       <div class="dialog-message">{{ $t('knowledge.updateTips') }}</div>
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="showConfirmDialog = false">{{ $t('overall.cancel') }}</el-button>
+          <button @click="showConfirmDialog = false" class="business-button business-button--light">{{ $t('overall.cancel') }}</button>
-          <el-button type="primary" @click="submit">{{ $t('tip.confirm') }}</el-button>
+          <button @click="submit" class="business-button">{{ $t('tip.confirm') }}</button>
         </span>
       </template>
     </el-dialog>

src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue

@@ -63,7 +63,7 @@
           <div class="header__title">{{$t('overall.add')}}</div>
           <div class="header__operations">
             <button class="business-button business-button--light" @click="cancelApp" test-id="cancel-app">{{$t('overall.cancel')}}</button>
-            <button class="business-button" :class="{'no-records':toSaveApp.length === 0}" @click="save">{{$t('overall.save')}}</button>
+            <button class="business-button" :disabled="toSaveApp.length === 0" @click="save">{{$t('overall.save')}}</button>
           </div>
         </div>
         <div class="add-app__body">

src/views/tag/Tag.vue

@@ -11,24 +11,23 @@
           @search="search"
       >
         <template #top-tool-left>
-          <button id="account-add"  class="top-tool-btn margin-r-10 top-tool-btn--create"
+          <button id="account-add"  class="business-button margin-r-10"
                   @click="add">
             <i class="cn-icon-xinjian cn-icon"></i>
             <span>{{$t('overall.create')}}</span>
           </button>
-          <button id="tag-edit"  class="top-tool-btn margin-r-10" :disabled="disableEdit"
+          <button id="tag-edit"  class="business-button business-button--light margin-r-10" :disabled="disableEdit"
                   @click="editTag">
             <i class="cn-icon-edit cn-icon"></i>
             <span>{{$t('overall.edit')}}</span>
           </button>
-          <button id="tag-delete"  class="top-tool-btn margin-r-10" :disabled="disableDelete"
+          <button id="tag-delete"  class="business-button business-button--light margin-r-10" :disabled="disableDelete"
                   @click="delBatch">
             <i class="cn-icon-delete cn-icon"></i>
             <span>{{$t('overall.delete')}}</span>
           </button>
           <el-select
                   key="intentSelect"
-                  size="small"
                   v-model="intent"
                   :teleported="false"
                   style="width:135px;margin-right:10px;"
@@ -43,7 +42,6 @@
           </el-select>
           <el-select
                   key="categorySelect"
-                  size="small"
                   v-model="category"
                   :teleported="false"
                   style="width:150px;margin-right:10px;"