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

View File

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

View File

@@ -1,5 +1,5 @@
<template> <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 :id="echartsId" style="width: 100%;height: 100%"></div>
</div> </div>
</template> </template>

View File

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

View File

@@ -10,7 +10,11 @@
<template #title> <template #title>
<div class="flex align-items-"> <div class="flex align-items-">
<div class="flex"> <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> <div class="ml10">{{ descriptions.dataset.knowledgeName }}</div>
<el-tag type="info" class="ml10" size="mini"> <el-tag type="info" class="ml10" size="mini">
{{ descriptions.dataset.segmentedMode | filterSegmentedMode }} {{ descriptions.dataset.segmentedMode | filterSegmentedMode }}

View File

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

View File

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