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-04-30 11:18:41 +08:00
parent 6f34458256
commit 83a5446b3c
13 changed files with 276 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/pqs/qualityInspeection/panorama/components/cityMapB.vue
View File

@@ -4,7 +4,7 @@
<el-card>
<template #header>
<div class="card-header">
<span>暂态事件统计</span>
<span>技术监督</span>
</div>
</template>
<div :style="boxHeight">

2
src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
View File

@@ -230,7 +230,7 @@ defineExpose({ info })
<style lang="scss" scoped>
.boxLeft {
background-color: #fff;
// background-color: #fff;
width: 25%;
padding: 10px 0px 10px 10px;
font-size: 13px;

2
src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
View File

@@ -400,7 +400,7 @@ defineExpose({ info })
<style lang="scss" scoped>
.boxLeft {
background-color: #fff;
// background-color: #fff;
width: 25%;
padding: 10px 0px 10px 10px;
font-size: 13px;

13
src/views/pqs/qualityInspeection/panorama/components/details/stand.vue
View File

@@ -105,7 +105,7 @@ const open = async (row: any) => {
num2: item[3],
num3: item[4],
num4: item[5],
num5: item[5],
num5: item[5]
}
})
})
@@ -139,26 +139,27 @@ const contaminateC = () => {
a5++
}
}
console.log('🚀 ~ getPollutionAlarmData ~ a1 / data.length:', a1 / data.length)
let list = [
{
value: ((a1 / data.length) * 100).toFixed(2),
value: ((a1 / data.length || 0) * 100).toFixed(2),
name: `无污染：${a1}座`
},
{
value: ((a2 / data.length) * 100).toFixed(2),
value: ((a2 / data.length || 0) * 100).toFixed(2),
name: `轻微污染：：${a2}座`
},
{
value: ((a3 / data.length) * 100).toFixed(2),
value: ((a3 / data.length || 0) * 100).toFixed(2),
name: `轻度污染：${a3}座`
},
{
value: ((a4 / data.length) * 100).toFixed(2),
value: ((a4 / data.length || 0) * 100).toFixed(2),
name: `中度污染：${a4}座`
},
{
value: ((a5 / data.length) * 100).toFixed(2),
value: ((a5 / data.length || 0) * 100).toFixed(2),
name: `重度污染：${a5}座`
}
]

8
src/views/pqs/qualityInspeection/panorama/components/mapL.vue
View File

@@ -239,12 +239,12 @@
</div>
</div> -->
</div>
<!-- <img
<img
class="imgL"
:style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
@click="show = !show"
src="@/assets/img/QH.png"
/> -->
/>
<!-- 变电站详情 -->
<stand ref="standRef" />
@@ -409,7 +409,7 @@ defineExpose({ info })
.boxLeft {
background-color: #fff;
width: 100%;
padding: 10px 0px 10px 10px;
padding: 10px 10px 10px 10px;
font-size: 13px;
overflow: hidden;
}
@@ -500,7 +500,7 @@ defineExpose({ info })
width: 25%;
transition: all 0.3s ease;
.boxLeft {
padding: 10px 0px 10px 10px;
padding: 10px 10px 10px 10px;
}
}
:deep(.el-card) {

8
src/views/pqs/qualityInspeection/panorama/components/mapR.vue
View File

@@ -137,12 +137,12 @@
</div>
</div>
</div>
<!-- <img
<img
class="imgR"
:style="show ? 'transform: rotate(180deg);' : 'transform: rotate(0deg);'"
@click="show = !show"
src="@/assets/img/QH.png"
/> -->
/>
<!-- 评估 -->
<Evaluate ref="evaluateRef" />
<!-- 稳态 -->
@@ -379,7 +379,7 @@ defineExpose({ info })
.boxLeft {
background-color: #fff;
width: 100%;
padding: 10px 0px 10px 10px;
padding: 10px 10px 10px 10px;
font-size: 13px;
overflow: hidden;
}
@@ -457,7 +457,7 @@ defineExpose({ info })
width: 25%;
transition: all 0.3s ease;
.boxLeft {
padding: 10px 0px 10px 10px;
padding: 10px 10px 10px 10px;
}
}
</style>

24
src/views/pqs/qualityInspeection/panorama/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="default-main" :style="height">
<div class="box" >
<div class="box">
<DatePicker ref="datePickerRef" style="display: none" />
<el-form :inline="true" :model="form" class="demo-form-inline">
<el-form-item>
@@ -31,7 +31,7 @@
</div>
<!-- 地图 -->
<!-- <Map /> -->
<Map />
<!-- 省级 -->
<div v-show="control == 1">
@@ -50,7 +50,7 @@
<script setup lang="ts">
import { onMounted, reactive, ref, provide } from 'vue'
import Area from '@/components/form/area/index.vue'
// import Map from './components/map.vue'
import Map from './components/map.vue'
import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout'
import { Search, Refresh } from '@element-plus/icons-vue'
@@ -109,14 +109,14 @@ const reset = () => {
info()
}
const info = () => {
// form.value.startTime = datePickerRef.value.timeValue[0]
// form.value.searchBeginTime = datePickerRef.value.timeValue[0]
// form.value.endTime = datePickerRef.value.timeValue[1]
// form.value.searchEndTime = datePickerRef.value.timeValue[1]
form.value.startTime = `2023-01-01`
form.value.searchBeginTime = `2023-01-01`
form.value.endTime = `2024-07-30`
form.value.searchEndTime = `2024-07-30`
form.value.startTime = datePickerRef.value.timeValue[0]
form.value.searchBeginTime = datePickerRef.value.timeValue[0]
form.value.endTime = datePickerRef.value.timeValue[1]
form.value.searchEndTime = datePickerRef.value.timeValue[1]
// form.value.startTime = `2023-01-01`
// form.value.searchBeginTime = `2023-01-01`
// form.value.endTime = `2024-07-30`
// form.value.searchEndTime = `2024-07-30`
form.value.type = datePickerRef.value.interval
if (control.value == 1) {
mapLRef.value.info(form.value)
@@ -147,11 +147,13 @@ onMounted(() => {
.mapL {
position: absolute;
top: 10px;
// z-index: 1;
left: 10px;
}
.mapR {
position: absolute;
top: 10px;
// z-index: 1;
right: 10px;
}
.mapB {