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-09 02:46:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(layout): 优化页面布局和样式

Browse Source 
- 在 renderUi.scss 中添加全局背景色
-调整 utils.scss 中的样式，包括字体大小、颜色等- 重构 knowledge/index.vue 中的页面布局，将搜索框移至独立位置
This commit is contained in:
陈昱达
2025-04-22 18:59:45 +08:00
parent 5637496340
commit 0089228157
3 changed files with 64 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,52 +1,50 @@
<template>
<div id="index-container" class="container index-container">
<el-card shadow="hover">
<div slot="header" class="clearfix">
<h3>知识库列表</h3>
<p class="mt10 fs14" style="line-height: 20px">
易商数智知识库平台，旨在为用户提供更便捷、更灵敏、更全面的知识存储和操作平台，用户可以通过创建不同的知识库，完成对系统内知识的细分和储备。
</p>
<p class="mt10 fs14" style="line-height: 20px">同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。</p>
<el-button type="text" disabled class="mt10">操作文档</el-button>
</div>
<el-row>
<el-col :span="8">
<el-input placeholder="输入知识库名称" clearable v-model="nameLike">
<el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
</el-input>
</el-col>
</el-row>
<div class="card-body">
<el-row>
<el-col :span="8">
<el-input placeholder="输入知识库名称" clearable v-model="nameLike">
<el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
</el-input>
</el-col>
</el-row>
<div slot="header" class="clearfix">
<h3>知识库列表</h3>
<p class="mt10 fs14" style="line-height: 20px">
易商数智知识库平台，旨在为用户提供更便捷、更灵敏、更全面的知识存储和操作平台，用户可以通过创建不同的知识库，完成对系统内知识的细分和储备。
</p>
<p class="mt10 fs14" style="line-height: 20px">同时也可以通过修改和删除操作，对系统内知识体系进行修正和优化。</p>
<el-button type="text" disabled class="mt10">操作文档</el-button>
</div>
<div class="ledge-list mt20">
<el-card shadow="hover" class="item dashed">
<div @click="createdKnowLedge()">
新增知识库
<div class="card-body">
<div class="ledge-list mt20">
<el-card shadow="hover" class="item dashed">
<div @click="createdKnowLedge()">
新增知识库
</div>
</el-card>
<el-card v-for="(item, index) in datasetList" class="item datasetList" shadow="hover" :key="index">
<div class="dataset-header">
<div class="folder-content">
<svg-icon iconClass="folder" className="folder"></svg-icon>
</div>
</el-card>
<el-card v-for="(item, index) in datasetList" class="item datasetList" shadow="hover" :key="index">
<div class="dataset-header">
<div class="folder-content">
<svg-icon iconClass="folder" className="folder"></svg-icon>
</div>
<el-tag size="small" type="primary" effect="plain" class="dataset-type">
{{ item.segmentedMode | filterSegmentedMode }}
</el-tag>
</div>
<div class="dataset-body">
<h4 class="dataset-title">{{ item.name }}</h4>
<p class="dataset-desc">{{ item.description }}</p>
</div>
<div class="dataset-footer">
<el-button type="text" @click="knowLedgeDetail(item)">查看详情</el-button>
<el-button type="text" @click="createdKnowLedge(item)">修改</el-button>
<el-button type="text" class="danger" @click="deleteKnowLedge(item)">删除</el-button>
</div>
</el-card>
</div>
<el-tag size="small" type="primary" effect="plain" class="dataset-type">
{{ item.segmentedMode | filterSegmentedMode }}
</el-tag>
</div>
<div class="dataset-body">
<h4 class="dataset-title">{{ item.name }}</h4>
<p class="dataset-desc">{{ item.description }}</p>
</div>
<div class="dataset-footer">
<el-button type="text" @click="knowLedgeDetail(item)">查看详情</el-button>
<el-button type="text" @click="createdKnowLedge(item)">修改</el-button>
<el-button type="text" class="danger" @click="deleteKnowLedge(item)">删除</el-button>
</div>
</el-card>
</div>
</el-card>
</div>
</div>
</template>
<script>