需求变更整改

This commit is contained in:
guanj
2025-07-15 16:31:06 +08:00
parent 96518a4c9d
commit aa323c0d9c
50 changed files with 582 additions and 263 deletions

View File

@@ -4,7 +4,7 @@
<div class="container">
<div class="tabs-container">
<!-- 左侧标签头 -->
<div class="tab-list" :style="titleHeight" style="overflow-y: auto">
<div class="tab-list" :style="titleHeight" style="overflow-y: auto" v-loading="loadingLeft">
<button
v-for="(item, index) in list"
:key="index"
@@ -71,6 +71,7 @@ import { yMethod } from '@/utils/echartMethod'
import { k } from 'vite/dist/node/types.d-aGj9QkWt'
const list: any = ref([])
const loading = ref(false)
const loadingLeft = ref(false)
const height = ref(mainHeight(290))
const titleHeight = ref(mainHeight(302))
const echartHeight = ref(mainHeight(342))
@@ -129,7 +130,7 @@ const setData = (data: any) => {
}
],
itemStyle: {
color: '#FFB74D' // 图例标记颜色与数据标记一致
color: '#ccc' // 图例标记颜色与数据标记一致
}
},
toolbox: {
@@ -229,8 +230,8 @@ const setData = (data: any) => {
name: k.stateDesc,
coord: [k.time, k.stateDesc == '离线' ? 0.03 : k.stateDesc == '运行' ? 1 : 0.5],
itemStyle: {
color: '#FFB74D', // 亮黄色填充
borderColor: '#FFB74D', // 边框颜色
color: k.stateDesc == '离线' ? "#f56c6c" : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c', //'#FFB74D', // 亮黄色填充
borderColor: k.stateDesc == '离线' ? "#f56c6c" : k.stateDesc == '运行' ? '#67c23a' : '#e6a23c',//'#FFB74D', // 边框颜色
borderWidth: 1 // 边框宽度
}
}))
@@ -269,7 +270,7 @@ const setData = (data: any) => {
min: loadMin,
max: loadMax
},
color: ['#FFCC00', '#009900', '#CC0000'],
color: ['#DAA520', '#2E8B57', '#A52a2a'],
options: {
series: [
{
@@ -333,7 +334,7 @@ const setData = (data: any) => {
min: modOuMin,
max: modOuMax
},
color: ['#FFCC00', '#009900', '#CC0000'],
color: ['#DAA520', '#2E8B57', '#A52a2a'],
options: {
series: [
{
@@ -373,7 +374,7 @@ const setData = (data: any) => {
echarts.connect('group')
}
const getModule = async (id: string) => {
loading.value = true
loadingLeft.value = true
await getModuleState({ id: id }).then(res => {
res.data.forEach((item: any) => {
list.value.forEach((k: any) => {
@@ -385,7 +386,7 @@ const getModule = async (id: string) => {
ElMessage.success('刷新成功')
})
loading.value = false
loadingLeft.value = false
}
const changeTab = (e: any) => {
echartList.value = list.value[e]