style(knowledge): 优化知识库相关页面样式

- 调整标签样式，增加顶部标签样式
- 优化单选按钮和开关样式
- 统一使用变量 --color-primary
-调整知识库列表项样式，增加首字母显示

src/assets/sass/renderSass/label.scss

@@ -2,11 +2,31 @@
   & .el-form-item__label {
     padding: 0;
     font-family: PingFangSC, PingFang SC;
-    font-weight: 500;
+    font-weight: 700;
     font-size: 13px;
     color: $--color-primary-label;
     //line-height: 18px;
     text-align: left;
     font-style: normal;
   }
+  & .el-form-item__content {
+    margin-left: unset !important;
+  }
 }
+
+//.top-label {
+//  & .el-form-item__label {
+//    float: none;
+//    display: inline-block;
+//    padding: 0;
+//    font-family: PingFangSC, PingFang SC;
+//    font-weight: 500;
+//    font-size: 13px;
+//    color: #70778d;
+//    text-align: left;
+//    font-style: normal;
+//  }
+//  & .el-form-item__content {
+//    margin-left: unset !important;
+//  }
+//}

src/assets/sass/renderSass/radio.scss

@@ -12,6 +12,7 @@
     }
     .el-radio__inner {
       background: #fff;
+      border-color: $--color-primary;
       &:after {
         background: $--color-primary;
         width: 7px;
@@ -21,3 +22,64 @@
     }
   }
 }
+.el-switch {
+  & .el-switch__core {
+    border-radius: 5px;
+    &:after {
+      border-radius: 4px;
+    }
+  }
+  &.is-checked {
+    & .el-switch__core {
+      background-color: $--color-primary;
+      border-color: $--color-primary;
+      border-radius: 5px;
+      &:after {
+        border-radius: 4px;
+      }
+    }
+  }
+}
+.el-radio-button__orig-radio {
+  & + .el-radio-button__inner {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 600;
+    font-size: 13px;
+    text-align: left;
+    font-style: normal;
+    background: #f8f8f8;
+    border-radius: 5px;
+    border: none;
+    box-shadow: unset;
+    &:hover {
+      color: $--color-primary;
+    }
+  }
+
+  &:checked {
+    & + .el-radio-button__inner {
+      background: #fff;
+      border-radius: 8px;
+      border: unset;
+      box-shadow: unset;
+      color: $--color-primary;
+    }
+  }
+}
+
+.el-radio-button {
+  background: #f8f8f8;
+  padding: 5px;
+  &:first-child {
+    border-radius: 8px 0 0 8px;
+    & .el-radio-button__inner {
+      border: none;
+    }
+  }
+  &:last-child {
+    border-radius: 0 8px 8px 0;
+    & .el-radio-button__inner {
+      border: none;
+    }
+  }
+}

src/views/knowledge/detail/components/preprocessing.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="preprocessing-container " class="mt20">
-    <el-form label-width="170px" :model="form" ref="processForm">
+    <el-form label-width="180px" :model="form" ref="processForm">
-      <el-form-item label="数据来源：" required prop="radio">
+      <el-form-item label="数据来源：" required prop="radio" position="top" class="el-form--label-top">
         <el-radio-group v-model="form.radio" size="medium" @change="getFileType">
           <el-radio-button label="1" size="medium">使用本地文件</el-radio-button>
           <el-radio-button label="2" size="medium">使用通用知识文件模板</el-radio-button>
@@ -12,7 +12,7 @@
         </div>
       </el-form-item>
       <!-- 文件上传-->
-      <el-form-item label="" required prop="file">
+      <el-form-item label="" required prop="file" label-width="0" class="el-form--label-top">
         <div
           @click="createFiled"
           @dragover.prevent="handleDragOver"
@@ -51,10 +51,10 @@
             </el-tooltip>
             ：
           </template>
-          <el-radio-group v-model="form.beMinerU" size="medium">
+          <el-switch v-model="form.beMinerU" size="medium">
-            <el-radio :label="true" size="medium">是</el-radio>
+            <!--            <el-radio :label="true" size="medium">是</el-radio>-->
-            <el-radio :label="false" size="medium">否</el-radio>
+            <!--            <el-radio :label="false" size="medium">否</el-radio>-->
-          </el-radio-group>
+          </el-switch>
         </el-form-item>
 
         <el-form-item label="是否ocr协助处理：" v-if="form.beMinerU" required prop="beOcr">
@@ -65,10 +65,10 @@
             </el-tooltip>
             ：
           </template>
-          <el-radio-group v-model="form.beOcr" size="medium">
+          <el-switch v-model="form.beOcr" size="medium">
-            <el-radio :label="true" size="medium">是</el-radio>
+            <!--            <el-radio :label="true" size="medium">是</el-radio>-->
-            <el-radio :label="false" size="medium">否</el-radio>
+            <!--            <el-radio :label="false" size="medium">否</el-radio>-->
-          </el-radio-group>
+          </el-switch>
         </el-form-item>
       </div>
     </el-form>
@@ -230,22 +230,26 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+@import '@/assets/sass/renderSass/theme.scss';
+.inline {
+}
+
 .upload-demo {
   //dashed 间隔大一点
   border-radius: 6px;
   border-style: dashed;
-  border-width: 2px;
+  border-width: 1px;
   border-color: #d9d9d9;
   height: 330px;
   width: 50%;
   text-align: center;
 
   &:hover {
-    border-color: #409eff;
+    border-color: var(--color-primary);
   }
 
   &.drag-over {
-    border-color: #409eff;
+    border-color: var(--color-primary);
     background-color: #ecf5ff;
   }
 

src/views/knowledge/detail/create.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container create-container">
+  <div class="render-container create-container">
     <el-card shadow="hover">
       <div slot="header" class="clearfix">
         <h3>创建知识库</h3>

src/views/knowledge/index.vue

@@ -29,6 +29,12 @@
         <el-card v-for="(item, index) in datasetList" class="item datasetList" shadow="hover" :key="index" @click.native.stop="knowLedgeDetail(item)">
           <div class="dataset-header">
             <div class="folder-content">
+              <!--              <div class="folder">-->
+              <!--                &lt;!&ndash;                字符串第一个&ndash;&gt;-->
+
+              <!--                {{ item.name[0] }}-->
+              <!--              </div>-->
+
               <img :src="konwledgePng_1" alt="" class="folder" />
               <!--              <svg-icon iconClass="folder" className="folder"></svg-icon>-->
             </div>
@@ -212,8 +218,16 @@ export default {
     border-radius: 8px;
     //padding: 10px;
     & .folder {
-      width: 40px;
+      width: 50px;
-      height: 40px;
+      //background: #409eff;
+      text-align: center;
+      line-height: 50px;
+      border-radius: 8px;
+      height: 50px;
+      font-size: 18px;
+      overflow: hidden;
+      font-weight: 600;
+      color: #fff;
     }
   }
 }