需求变更整改
This commit is contained in:
@@ -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]
|
||||
|
||||
Reference in New Issue
Block a user