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

修改数据中心问题

Browse Source
This commit is contained in:
GGJ
2024-11-08 16:30:12 +08:00
parent a4b6bb111b
commit 7640b53b20
12 changed files with 874 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/pqs/harmonicMonitoring/area/onlinerate/components/charts.vue
View File

@@ -1,55 +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 && tableStore.table.data.type&& tableStore.table.data.type.length!=0"
>
<el-tag
style="
<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 && tableStore.table.data.type && tableStore.table.data.type.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} - 120px)`"
:options="options"
/>
<my-echart v-loading="loading" class="mt10" :style="`height: calc(${tableStore.table.height} - 120px)`"
:options="options" />
</div>
</template>
<script setup lang="ts">
@@ -63,10 +45,6 @@ import * as echarts from 'echarts/core'
const dictData = useDictData()
const options = ref({})
const classificationData = dictData.getBasicData('Statistical_Type', ['Report_Type'])
const voltageleveloption = dictData.getBasicData('Dev_Voltage_Stand')
const terminaloption = dictData.getBasicData('Dev_Manufacturers')
const interfereoption = dictData.getBasicData('Interference_Source')
const TableHeaderRef = ref()
const tableStoreParams: any = ref({})
@@ -288,7 +266,7 @@ const tableStore = new TableStore({
provide('tableStore', tableStore)
onMounted(() => {})
onMounted(() => { })
defineExpose({ getTableStoreParams })
</script>
<style scoped lang="scss"></style>

24
src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue
View File

@@ -183,7 +183,7 @@ const handleClick = (tab: any, e: any) => {
// const datePickerRef = ref()
const tableHeaderRef = ref()
const tableStore = new TableStore({
// publicHeight: 60,
publicHeight: 65,
showPage: false,
url: '/device-boot/terminalOnlineRateData/getOnlineRateData',
method: 'POST',
@@ -254,9 +254,10 @@ const tableStore = new TableStore({
title: '评估',
field: 'valueOver',
align: 'center',
effect:"dark",
render: 'tag',
custom: {
null: 'danger',
null: 'info',
0: 'danger',
1: 'success',
2: 'primary',
@@ -296,10 +297,7 @@ const tableStore = new TableStore({
}, 0)
}
})
const handleSearch = () => {
formData.value.searchBeginTime = datePickerRef.value.timeValue[0]
formData.value.searchEndTime = datePickerRef.value.timeValue[1]
}
tableStore.table.params.deptIndex = ''
tableStore.table.params.statisticalType = []
tableStore.table.params.scale = []
@@ -344,17 +342,5 @@ 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;
}
}
</style>