Web/admin-sjzx
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

测试问题整改

Browse Source
This commit is contained in:
GGJ
2024-11-07 15:23:04 +08:00
parent 6e9dd840db
commit a4b6bb111b
26 changed files with 33153 additions and 4358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/views/pqs/harmonicMonitoring/area/getIntegrityData/components/charts.vue
View File

@@ -1,54 +1,37 @@
<template>
<div
class="charts"
style="position: relative; width: 100%"
:style="`height: calc(${tableStore.table.height} - 75px)`"
v-loading="loading"
>
<div
style="position: absolute; right: 60px; top: 5px; font-weight: bold"
v-if="!loading && tableStore.table.data.length != 0"
>
<el-tag
style="
<div class="charts" style="position: relative; width: 100%" v-loading="loading">
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold"
v-if="!loading && tableStore.table.data.length != 0">
<el-tag style="
background: #cc0000;
width: 30px;
height: 15px;
border: 1px solid #cc0000;
float: left;
margin-top: 2px;
"
></el-tag>
"></el-tag>
<span style="color: #cc0000; font-weight: 400; float: left">&nbsp&nbsp在线率<60% &nbsp&nbsp</span>
<el-tag
size="mini"
style="
<el-tag size="mini" style="
background: #ffcc33;
width: 30px;
height: 15px;
border: 1px solid #ffcc33;
float: left;
margin-top: 2px;
"
></el-tag>
<span style="color: #ffcc33; font-weight: 400; float: left">&nbsp&nbsp60%≤在线率<90% &nbsp&nbsp</span>
<el-tag
style="
"></el-tag>
<span style="color: #ffcc33; font-weight: 400; float: left">&nbsp&nbsp60%≤在线率<90% &nbsp&nbsp</span>
<el-tag style="
background: #339966;
width: 30px;
height: 15px;
border: 1px solid #339966;
float: left;
margin-top: 2px;
"
></el-tag>
<span style="color: #339966; font-weight: 400; float: left">&nbsp&nbsp在线率≥90%</span>
"></el-tag>
<span style="color: #339966; font-weight: 400; float: left">&nbsp&nbsp在线率≥90%</span>
</div>
<my-echart
class="mt10"
:style="`margin-top:50px;height: calc(${tableStore.table.height} - 120px)`"
:options="options"
/>
<my-echart class="mt10" :style="`margin-top:50px;height: calc(${tableStore.table.height} - 135px)`"
:options="options" />
</div>
</template>
<script setup lang="ts">
@@ -126,19 +109,7 @@ const tableStore = new TableStore({
legend: {
show: false
},
toolbox: {
show: true,
feature: {
saveAsImage: {
// bottom: '10px',
show: true,
title: '保存'
// yAxisIndex: 'none'
}
},
right: 0,
top: 0
},
tooltip: {
backgroundColor: '#fff',
textStyle: {
@@ -152,22 +123,14 @@ const tableStore = new TableStore({
// legendColorList[i]
// }"></p>
tips += `<div style="min-width:80px;display:flex;justify-content:space-between;align-items:center">
<span style="margin-left:5px;dislpay:block;min-width:80px;color:#000">${
params[i].seriesName
}</span> ${
params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
} </div>`
<span style="margin-left:5px;dislpay:block;min-width:80px;color:#000">${params[i].seriesName
}</span> ${params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
} </div>`
}
return tips
}
},
grid: {
top: '50px', // 等价于 y: '16%'
left: '10px',
right: '10px',
bottom: '40px',
containLabel: true
},
calculable: true,
xAxis: {
name: titleX,
@@ -348,7 +311,7 @@ const tableStore = new TableStore({
provide('tableStore', tableStore)
onMounted(() => {})
onMounted(() => { })
defineExpose({ getTableStoreParams })
</script>
<style scoped lang="scss"></style>