修改 有用功率趋势分析页面

This commit is contained in:
GGJ
2025-04-09 10:41:56 +08:00
parent 3d5c73b268
commit 57360ea3a7
7 changed files with 99 additions and 45 deletions

View File

@@ -304,7 +304,7 @@ const echart = () => {
{
name: '告警占比',
type: 'bar',
barWidth: 12,
barWidth: 13,
data: [
((monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100) == 0
? ''

View File

@@ -19,34 +19,13 @@ const height = mainHeight(300, 1.5)
const options = ref({})
const info = () => {
let dataSource = [
{ value: '90', name: '张家口' },
{ value: '80', name: '廊坊' },
{ value: '70', name: '秦皇岛' },
{ value: '60', name: '唐山' },
{ value: '50', name: '承德' },
{ value: '90', name: '张家口' },
{ value: '80', name: '廊坊' },
{ value: '70', name: '秦皇岛' },
{ value: '60', name: '唐山' },
{ value: '50', name: '承德' }
]
options.value = {
xAxis: {
type: 'value',
data:[10,100,200,300,400,500,600,700,800,900,1000],
axisLabel: {
show: true,
textStyle: {
color: '#FFF'
}
},
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: true
},
},
grid: {
top: '10'
},
@@ -62,8 +41,27 @@ const info = () => {
},
splitLine: {
show: false
}
},
xAxis: {
type: 'value',
data: [1, 2, 3, 4],
axisLabel: {
show: true,
textStyle: {
color: '#FFF'
},
formatter: function (value) {}
},
splitLine: {
show: false
},
axisTick: {
show: false
},
axisLine: {
show: true
}
},
dataZoom: null,
series: [
@@ -80,7 +78,48 @@ const info = () => {
: '#CC0000'
}
},
markLine: {
silent: false,
symbol: 'circle',
data: [
{
name: '',
yAxis: 100,
lineStyle: {
color: '#009900'
},
label: {
show: true,
formatter: '优质',
color: '#009900'
}
},
{
name: '',
yAxis: 90,
lineStyle: {
color: '#77DA63'
},
label: {
show: true,
color: '#77DA63',
formatter: '良好'
}
},
{
name: '',
yAxis: 60,
lineStyle: {
color: '#FFCC00'
},
label: {
show: true,
color: '#FFCC00',
formatter: '合格'
}
}
]
},
data: dataSource.map(item => item.value)
}
]
@@ -118,8 +157,8 @@ onMounted(() => {
opacity: 1 !important;
color: #ffffff;
background: var(--el-color-primary);
.el-radio-button__inner{
.el-radio-button__inner {
opacity: 1 !important;
border-left: 1px solid #00fff4 !important;
}

View File

@@ -159,13 +159,13 @@
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="最近一周终端评价趋势"
title="终端运行评价详情"
>
<div class="title">
<span class="iconfont icon-a-qushi1"></span>
最近一周终端评价趋势
终端运行评价详情
</div>
<week />
<terminalOperation />
</BorderBox13>
</div>
</transition>
@@ -190,13 +190,14 @@
:color="[color[0], color[0]]"
class="box"
:backgroundColor="`${color[0]}24`"
title="终端运行评价详情"
title="最近一周终端评价趋势"
>
<div class="title">
<span class="iconfont icon-yunhangxiangqing"></span>
终端运行评价详情
最近一周终端评价趋势
</div>
<terminalOperation />
<week />
</BorderBox13>
</div>
</div>
@@ -237,6 +238,9 @@ import week from './components/week.vue'
import terminalDetails from './components/terminalDetails.vue'
import statistics from './components/statistics.vue'
import run from './components/run.vue'
defineOptions({
name: 'runManage/runEvaluate'
})
const config = useConfig()
const color = config.layout.elementUiPrimary
const dictData = useDictData()