style(intelligent-agent): 优化日志总览页面样式

-为 echarts 组件添加背景色和圆角样式
-调整 logs 组件和 overview组件的样式
- 修正 overview 组件的文件名拼写错误
- 在 index.vue 中移除 tabs-body 的 padding 样式
This commit is contained in:
陈昱达
2025-05-06 14:41:09 +08:00
parent c479fc20e6
commit 168df36665
4 changed files with 6 additions and 6 deletions

View File

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

View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="p10">
<el-form ref="form" label-position="top" inline>
<el-form-item label="时间" prop="time">
<el-select size="medium" v-model="form.time"></el-select>

View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="p10">
<el-select v-model="times" style="width: 200px" size="medium">
<el-option
v-for="item in options"
@@ -14,7 +14,7 @@
<REcharts
v-for="item in list"
:options="item.options"
style="width: 50%;height: 300px"
style="width: calc(50% - 10px);height: 300px"
></REcharts>
</div>
</div>

View File

@@ -21,7 +21,7 @@
</template>
<script>
import logs from '@/views/intelligent-agent/children/Logs&overview/components/logs.vue'
import overview from '@/views/intelligent-agent/children/Logs&overview/components/overveiw.vue'
import overview from '@/views/intelligent-agent/children/Logs&overview/components/overview.vue'
import * as echarts from 'echarts'
export default {
name: 'index',
@@ -89,6 +89,6 @@ export default {
}
}
.tabs-body {
padding: 15px 0;
//padding: 15px 0;
}
</style>