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> <template>
<div> <div style="background: #f0f4fa;border-radius: 8px" class="mv10 p10">
<div :id="echartsId" style="width: 100%;height: 100%"></div> <div :id="echartsId" style="width: 100%;height: 100%"></div>
</div> </div>
</template> </template>

View File

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

View File

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

View File

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