refactor(ui): 优化多个组件的样式和交互

-调整Sidebar组件中图标旋转逻辑
- 修改Home组件中用户角色显示和卡片内容
- 优化echarts组件样式
- 改进日志组件错误信息展示- 更新知识详情组件样式
This commit is contained in:
陈昱达
2025-05-12 18:02:00 +08:00
parent 4a284c0746
commit 52afa9b04b
7 changed files with 23 additions and 12 deletions

View File

@@ -6,7 +6,7 @@
<span class="title">你好{{ userInfo.realName }}</span>
<div class="subtitle">欢迎使用{{ title }}</div>
<div class="role-info">
当前角色{{ userInfo.roleCode || '未指定' }}
当前角色{{ userInfo.roleNames[0] || '未指定' }}
</div>
</div>
<div class="right-container">
@@ -29,9 +29,9 @@
<span class="card-title">智能体</span>
<div class="card-content">智能体管理列表</div>
</div>
<div class="card-item" @click="jumpUrl('/system/user')">
<span class="card-title">用户管理</span>
<div class="card-content">管理员快速入口</div>
<div class="card-item">
<span class="card-title">操作手册</span>
<div class="card-content">智能管理平台使用手册</div>
</div>
</div>
</div>
@@ -224,7 +224,10 @@ export default {
text: '知识库使用情况',
subtext: '拖动或者滑动滚轮可以放大查看',
textStyle: {
fontSize: 15
fontSize: 17,
fontWeight: 600,
color: '#000',
marginLeft: '10px'
}
},
xAxis: {
@@ -286,7 +289,10 @@ export default {
text: '智能体使用情况',
subtext: '拖动或者滑动滚轮可以放大查看',
textStyle: {
fontSize: 15
fontSize: 17,
fontWeight: 600,
color: '#000',
marginLeft: '10px'
}
},
xAxis: {
@@ -535,6 +541,7 @@ export default {
.section-title {
font-size: 17px;
font-weight: bold;
margin-left: 2px;
//background: linear-gradient(135deg, #6a11cb, #2575fc);
//-webkit-background-clip: text; /* 关键:将背景裁剪为文字 */

View File

@@ -11,7 +11,7 @@
style="font-size: 20px;margin:0;cursor: pointer"
@click.native="findMouseEnter"
icon-class="hide"
:class-name="sidebar.opened ? 'rate360' : 'rate180'"
:class-name="sidebar.opened ? 'rate180' : 'rate360'"
></svg-icon>
</div>

View File

@@ -1,5 +1,5 @@
<template>
<div style="border-radius: 8px" class="mv10 p10">
<div style="border-radius: 8px" class="mv10 ">
<div :id="echartsId" style="width: 100%;height: 100%"></div>
</div>
</template>

View File

@@ -187,7 +187,7 @@ export default {
text = 'SUCCESS'
color = 'green'
} else {
text = 'failed'
text = 'FAILED'
color = 'red'
}
return h(

View File

@@ -10,7 +10,11 @@
<template #title>
<div class="flex align-items-">
<div class="flex">
<img :src="knowledgePng_2" alt="" style="width: 25px;" />
<img
:src="descriptions.dataset.knowledgeImage"
alt=""
style="width: 25px;"
/>
<div class="ml10">{{ descriptions.dataset.knowledgeName }}</div>
<el-tag type="info" class="ml10" size="mini">
{{ descriptions.dataset.segmentedMode | filterSegmentedMode }}

View File

@@ -41,7 +41,6 @@
<!-- 弹窗 -->
<el-drawer
title="分段详情"
:wrapperClosable="false"
:visible.sync="dialogVisible"
:modal="false"
append-to-body

View File

@@ -458,7 +458,8 @@ export default {
this.descriptions = {
dataset: {
knowledgeName: this.knowledgeName,
segmentedMode: this.segmentedMode
segmentedMode: this.segmentedMode,
knowledgeImage: this.knowledgeImage
},
...row,
...res.content.content