Web/admin-sjzx
5
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>

31
src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue
View File

@@ -131,6 +131,9 @@ import TableHeader from '@/components/table/header/index.vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import charts from './components/charts.vue'
defineOptions({
name: 'harmonic-boot/harmonic/getIntegrityData'
})
const tableRef = ref()
const chartsRef = ref()
const dictData = useDictData()
@@ -183,7 +186,7 @@ const handleClick = (tab: any, e: any) => {
// const datePickerRef = ref()
const tableHeaderRef = ref()
const tableStore = new TableStore({
// publicHeight: 60,
publicHeight: 60,
showPage: false,
url: '/device-boot/LineIntegrityData/getLineIntegrityData',
method: 'POST',
@@ -352,17 +355,17 @@ watch(
)
</script>
<style lang="scss" scoped>
.online {
width: 100%;
height: 100%;
.online_header {
width: 100%;
max-height: 140px;
padding: 10px;
box-sizing: border-box;
}
.online_main {
padding: 0 10px;
}
}
// .online {
// width: 100%;
// height: 100%;
// .online_header {
// width: 100%;
// max-height: 140px;
// padding: 10px;
// box-sizing: border-box;
// }
// .online_main {
// padding: 0 10px;
// }
// }
</style>

24
src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/components/charts.vue
View File

@@ -2,7 +2,7 @@
<my-echart
v-loading="loading"
class="mt10"
:style="`height: calc(${tableStore.table.height} - 75px)`"
:style="`height: calc(${tableStore.table.height} - 135px)`"
:options="options"
/>
</template>
@@ -65,19 +65,7 @@ const tableStore = new TableStore({
title: {
text: title
},
toolbox: {
show: true,
feature: {
saveAsImage: {
// bottom: '10px',
show: true,
title: '保存'
// yAxisIndex: 'none'
}
},
right: 10,
top: 0
},
tooltip: {
formatter: function (params: any) {
var tips = ''
@@ -94,13 +82,7 @@ const tableStore = new TableStore({
return tips
}
},
grid: {
top: '50px', // 等价于 y: '16%'
left: '10px',
right: '10px',
bottom: '80px',
containLabel: true
},
xAxis: {
name: titleX,
data: tableStore.table.data.type

31
src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue
View File

@@ -131,6 +131,9 @@ import TableHeader from '@/components/table/header/index.vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import charts from './components/charts.vue'
defineOptions({
name: 'harmonic-boot/area/harmonicDistortionRate'
})
const tableRef = ref()
const onlineChartsRef = ref()
const dictData = useDictData()
@@ -185,7 +188,7 @@ const handleClick = (tab: any, e: any) => {
// const datePickerRef = ref()
const tableHeaderRef = ref()
const tableStore = new TableStore({
// publicHeight: 60,
publicHeight: 60,
showPage: false,
url: '/harmonic-boot/tHDistortion/getTHDistortionData',
method: 'POST',
@@ -303,17 +306,17 @@ watch(
)
</script>
<style lang="scss" scoped>
.online {
width: 100%;
height: 100%;
.online_header {
width: 100%;
max-height: 140px;
padding: 10px;
box-sizing: border-box;
}
.online_main {
padding: 0 10px;
}
}
// .online {
// width: 100%;
// height: 100%;
// .online_header {
// width: 100%;
// max-height: 140px;
// padding: 10px;
// box-sizing: border-box;
// }
// .online_main {
// padding: 0 10px;
// }
// }
</style>

87
src/views/pqs/harmonicMonitoring/area/terminalonlinerate/components/charts.vue
View File

@@ -1,52 +1,37 @@
<template>
<div
class="charts"
style="position: relative; width: 100%"
:style="`height: calc(${tableStore.table.height} - 75px)`"
>
<div class="charts" style="position: relative; width: 100%">
<div style="position: absolute; right: 60px; top: 5px; font-weight: bold" v-if="!loading && tableStore.table.data.length != 0">
<el-tag
style="
<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
v-loading="loading"
class="mt10"
:style="`height: calc(${tableStore.table.height} - 100px)`"
:options="options"
/>
<my-echart v-loading="loading" :style="`height: calc(${tableStore.table.height} - 125px)`" :options="options" />
</div>
</template>
<script setup lang="ts">
@@ -153,11 +138,9 @@ 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
}
@@ -178,58 +161,32 @@ const tableStore = new TableStore({
{
type: 'value',
name: '台',
nameTextStyle: {
color: '#000',
verticalAlign: 'top', //标题位置
padding: [-22, 0, 10, 0]
},
// max:50,
// interval: 2,
splitLine: {
show: true
show: false
},
axisLabel: {
textStyle: {
color: '#000'
}
},
axisLine: {
show: true,
symbol: ['none', 'arrow'],
symbolOffset: 25, //箭头距离x轴末端距离
lineStyle: {
// shadowOffsetY: -25,
color: '#000',
shadowColor: '#000' //设置阴影的颜色
}
}
},
{
type: 'value',
name: '%',
nameTextStyle: {
color: '#000',
verticalAlign: 'top', //标题位置
padding: [-22, 0, 10, 0]
},
max: 100,
// nameTextStyle: {
// color: "#000"
// },
position: 'right',
offset: 0,
axisLine: {
show: true,
// symbol: ["none", "arrow"],
symbolOffset: 20, //箭头距离x轴末端距离
lineStyle: {
shadowOffsetY: -20,
color: '#000',
shadowColor: '#000' //设置阴影的颜色
}
},
splitLine: {
show: true
show: false
},
axisLabel: {
show: true,
@@ -452,7 +409,7 @@ const tableStore = new TableStore({
provide('tableStore', tableStore)
onMounted(() => {})
onMounted(() => { })
defineExpose({ getTableStoreParams })
</script>
<style scoped lang="scss"></style>

20
src/views/pqs/harmonicMonitoring/area/terminalonlinerate/index.vue
View File

@@ -199,6 +199,9 @@ import TableHeader from '@/components/table/header/index.vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import charts from './components/charts.vue'
defineOptions({
name: 'harmonic-boot/area/terminalonlinerate'
})
const tableRef = ref()
const chartsRef = ref()
const dictData = useDictData()
@@ -251,10 +254,11 @@ const handleClick = (tab: any, e: any) => {
// const datePickerRef = ref()
const tableHeaderRef = ref()
const tableStore = new TableStore({
// publicHeight: 60,
publicHeight: 100,
showPage: false,
url: '/harmonic-boot/terminal/getTerminalData',
method: 'POST',
column: [
{
title: formData.value.statisticalType.name,
@@ -399,19 +403,7 @@ watch(
)
</script>
<style lang="scss" scoped>
.online {
width: 100%;
height: 100%;
.online_header {
width: 100%;
max-height: 140px;
padding: 10px;
box-sizing: border-box;
}
.online_main {
padding: 0 10px;
}
}
.table_legend {
width: 100%;
height: 40px;