hz/ebiz-ai-knowledge-manage
1
0
Fork 0
mirror of http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git synced 2025-12-16 06:16:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 调整标签样式，增加顶部标签样式
- 优化单选按钮和开关样式
- 统一使用变量 --color-primary
-调整知识库列表项样式，增加首字母显示
This commit is contained in:
陈昱达
2025-04-24 10:22:28 +08:00
parent b880f2c751
commit 4ee2c0c5de
5 changed files with 118 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/assets/sass/renderSass/label.scss
View File

@@ -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;
// }
//}

62
src/assets/sass/renderSass/radio.scss
View File

@@ -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;
}
}
}

32
src/views/knowledge/detail/components/preprocessing.vue
View File

@@ -1,7 +1,7 @@
<template>
<div id="preprocessing-container " class="mt20">
<el-form label-width="170px" :model="form" ref="processForm">
<el-form-item label="数据来源：" required prop="radio">
<el-form label-width="180px" :model="form" ref="processForm">
<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-radio :label="true" size="medium">是</el-radio>
<el-radio :label="false" size="medium">否</el-radio>
</el-radio-group>
<el-switch v-model="form.beMinerU" size="medium">
<!-- <el-radio :label="true" size="medium">是</el-radio>-->
<!-- <el-radio :label="false" size="medium">否</el-radio>-->
</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-radio :label="true" size="medium">是</el-radio>
<el-radio :label="false" size="medium">否</el-radio>
</el-radio-group>
<el-switch v-model="form.beOcr" size="medium">
<!-- <el-radio :label="true" size="medium">是</el-radio>-->
<!-- <el-radio :label="false" size="medium">否</el-radio>-->
</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;
}

2
src/views/knowledge/detail/create.vue
View File

@@ -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>

18
src/views/knowledge/index.vue
View File

@@ -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;
height: 40px;
width: 50px;
//background: #409eff;
text-align: center;
line-height: 50px;
border-radius: 8px;
height: 50px;
font-size: 18px;
overflow: hidden;
font-weight: 600;
color: #fff;
}
}
}