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

470
src/components/tree/pqs/policyTree.vue
View File

@@ -46,241 +46,241 @@ const treeRef = ref()
const loadData = () => {
let nodeKey = ''
tree.value = [
{
id: '5699e5916a18a6381e1ac92da5bd2628',
name: '国家电网公司',
pid: '0',
sort: 201,
code: '123456789',
specialType: null,
area: '0',
areaName: '中国',
state: 1,
type: 0,
remark: '国家电网公司',
children: [
{
id: '0d52f9f6e43ec0ee83013cd32da93f66',
name: '国网河北电力有限公司',
pid: '5699e5916a18a6381e1ac92da5bd2628',
sort: 200,
code: '13B9B47F1E483324E05338297A0A0595',
specialType: null,
area: '130000000000',
areaName: '河北',
state: 1,
type: 1,
remark: '国网河北省电力公司',
children: [
{
id: '3c9e6eea884a3ab5c891122f13715e4b',
name: '国网石家庄供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 0,
code: '13B9B47F1F223324E05338297A0A0595',
specialType: null,
area: '130100000000',
areaName: '石家庄',
state: 1,
type: 1,
remark: '国网石家庄供电公司',
children: [
{
id: '8590eba00eb6ab38ef2d06805602e0ce',
name: '国网石家庄供电公司本部',
pid: '3c9e6eea884a3ab5c891122f13715e4b',
sort: 80,
code: '13B9B47F1F773324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: '17439407bfee299b7e38f2e54a8f6d28',
name: '国网沧州供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 1,
code: '13B9B47F2C183324E05338297A0A0595',
specialType: null,
area: '130900000000',
areaName: '沧州',
state: 1,
type: 1,
remark: '国网沧州供电公司',
children: [
{
id: 'c8efb47ecb20fbf342eba4665f45f2f6',
name: '国网沧州供电公司本部',
pid: '17439407bfee299b7e38f2e54a8f6d28',
sort: 34,
code: '13B9B47F2C803324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: '15737b8ed8cb70602163c41918bde12d',
name: '国网邢台供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 2,
code: '13B9B47F25A73324E05338297A0A0595',
specialType: null,
area: '130500000000',
areaName: '邢台',
state: 1,
type: 1,
remark: '国网邢台供电公司',
children: [
{
id: '694288d464a23da82e42727f3d8fd432',
name: '国网邢台供电公司本部',
pid: '15737b8ed8cb70602163c41918bde12d',
sort: 7,
code: '13B9B47F27F63324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: '193980db73494188de052479c4e37d46',
name: '国网保定供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 3,
code: '13B9B47F2EEB3324E05338297A0A0595',
specialType: null,
area: '130600000000',
areaName: '保定',
state: 1,
type: 1,
remark: '国网保定供电公司',
children: [
{
id: '2d1904c1187f751e4387e3351839dc6d',
name: '国网保定供电公司本部',
pid: '193980db73494188de052479c4e37d46',
sort: 42,
code: '13B9B47F2F173324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: '2adc64baf2308725c4e91105b3186b21',
name: '国网衡水供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 4,
code: '13B9B47F23B83324E05338297A0A0595',
specialType: null,
area: '131100000000',
areaName: '衡水',
state: 1,
type: 1,
remark: '国网衡水供电公司',
children: [
{
id: 'd3d4b1c41c6115ec9aff0362f5c41930',
name: '国网衡水供电公司本部',
pid: '2adc64baf2308725c4e91105b3186b21',
sort: 65,
code: '13B9B47F251C3324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: 'dda5d903c9ad44979d3d50e9c83cf564',
name: '国网邯郸供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 5,
code: '13B9B47F28CA3324E05338297A0A0595',
specialType: null,
area: '130400000000',
areaName: '邯郸',
state: 1,
type: 1,
remark: '国网邯郸供电公司',
children: [
{
id: '33e1b89c5963a73f355713f85ad3b3c4',
name: '国网邯郸供电公司本部',
pid: 'dda5d903c9ad44979d3d50e9c83cf564',
sort: 97,
code: '13B9B47F2BAE3324E05338297A0A0595',
specialType: 1,
area: '0',
areaName: '中国',
state: 1,
type: 1,
remark: '',
children: []
}
]
},
{
id: 'a3069759b0b6072c99cf9a7af6c162e9',
name: '国网河北超高压公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 9,
code: '13B9B47F1E4F3324E05338297A0A0595',
specialType: 1,
area: '130000000000',
areaName: '河北',
state: 1,
type: 1,
remark: '河北超高压公司',
children: [
{
id: 'd3de780cba5813b0c089a6fe1ecdae25',
name: '国网河北超高压公司本部',
pid: 'a3069759b0b6072c99cf9a7af6c162e9',
sort: 0,
code: '13B9B47F1E813324E05338297A0A0595',
specialType: 1,
area: '130000000000',
areaName: '河北',
state: 1,
type: 1,
remark: '',
children: []
}
]
}
]
}
]
}
]
// tree.value = [
// {
// id: '5699e5916a18a6381e1ac92da5bd2628',
// name: '国家电网公司',
// pid: '0',
// sort: 201,
// code: '123456789',
// specialType: null,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 0,
// remark: '国家电网公司',
// children: [
// {
// id: '0d52f9f6e43ec0ee83013cd32da93f66',
// name: '国网河北电力有限公司',
// pid: '5699e5916a18a6381e1ac92da5bd2628',
// sort: 200,
// code: '13B9B47F1E483324E05338297A0A0595',
// specialType: null,
// area: '130000000000',
// areaName: '河北',
// state: 1,
// type: 1,
// remark: '国网河北省电力公司',
// children: [
// {
// id: '3c9e6eea884a3ab5c891122f13715e4b',
// name: '国网石家庄供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 0,
// code: '13B9B47F1F223324E05338297A0A0595',
// specialType: null,
// area: '130100000000',
// areaName: '石家庄',
// state: 1,
// type: 1,
// remark: '国网石家庄供电公司',
// children: [
// {
// id: '8590eba00eb6ab38ef2d06805602e0ce',
// name: '国网石家庄供电公司本部',
// pid: '3c9e6eea884a3ab5c891122f13715e4b',
// sort: 80,
// code: '13B9B47F1F773324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: '17439407bfee299b7e38f2e54a8f6d28',
// name: '国网沧州供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 1,
// code: '13B9B47F2C183324E05338297A0A0595',
// specialType: null,
// area: '130900000000',
// areaName: '沧州',
// state: 1,
// type: 1,
// remark: '国网沧州供电公司',
// children: [
// {
// id: 'c8efb47ecb20fbf342eba4665f45f2f6',
// name: '国网沧州供电公司本部',
// pid: '17439407bfee299b7e38f2e54a8f6d28',
// sort: 34,
// code: '13B9B47F2C803324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: '15737b8ed8cb70602163c41918bde12d',
// name: '国网邢台供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 2,
// code: '13B9B47F25A73324E05338297A0A0595',
// specialType: null,
// area: '130500000000',
// areaName: '邢台',
// state: 1,
// type: 1,
// remark: '国网邢台供电公司',
// children: [
// {
// id: '694288d464a23da82e42727f3d8fd432',
// name: '国网邢台供电公司本部',
// pid: '15737b8ed8cb70602163c41918bde12d',
// sort: 7,
// code: '13B9B47F27F63324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: '193980db73494188de052479c4e37d46',
// name: '国网保定供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 3,
// code: '13B9B47F2EEB3324E05338297A0A0595',
// specialType: null,
// area: '130600000000',
// areaName: '保定',
// state: 1,
// type: 1,
// remark: '国网保定供电公司',
// children: [
// {
// id: '2d1904c1187f751e4387e3351839dc6d',
// name: '国网保定供电公司本部',
// pid: '193980db73494188de052479c4e37d46',
// sort: 42,
// code: '13B9B47F2F173324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: '2adc64baf2308725c4e91105b3186b21',
// name: '国网衡水供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 4,
// code: '13B9B47F23B83324E05338297A0A0595',
// specialType: null,
// area: '131100000000',
// areaName: '衡水',
// state: 1,
// type: 1,
// remark: '国网衡水供电公司',
// children: [
// {
// id: 'd3d4b1c41c6115ec9aff0362f5c41930',
// name: '国网衡水供电公司本部',
// pid: '2adc64baf2308725c4e91105b3186b21',
// sort: 65,
// code: '13B9B47F251C3324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: 'dda5d903c9ad44979d3d50e9c83cf564',
// name: '国网邯郸供电公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 5,
// code: '13B9B47F28CA3324E05338297A0A0595',
// specialType: null,
// area: '130400000000',
// areaName: '邯郸',
// state: 1,
// type: 1,
// remark: '国网邯郸供电公司',
// children: [
// {
// id: '33e1b89c5963a73f355713f85ad3b3c4',
// name: '国网邯郸供电公司本部',
// pid: 'dda5d903c9ad44979d3d50e9c83cf564',
// sort: 97,
// code: '13B9B47F2BAE3324E05338297A0A0595',
// specialType: 1,
// area: '0',
// areaName: '中国',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// },
// {
// id: 'a3069759b0b6072c99cf9a7af6c162e9',
// name: '国网河北超高压公司',
// pid: '0d52f9f6e43ec0ee83013cd32da93f66',
// sort: 9,
// code: '13B9B47F1E4F3324E05338297A0A0595',
// specialType: 1,
// area: '130000000000',
// areaName: '河北',
// state: 1,
// type: 1,
// remark: '河北超高压公司',
// children: [
// {
// id: 'd3de780cba5813b0c089a6fe1ecdae25',
// name: '国网河北超高压公司本部',
// pid: 'a3069759b0b6072c99cf9a7af6c162e9',
// sort: 0,
// code: '13B9B47F1E813324E05338297A0A0595',
// specialType: 1,
// area: '130000000000',
// areaName: '河北',
// state: 1,
// type: 1,
// remark: '',
// children: []
// }
// ]
// }
// ]
// }
// ]
// }
// ]
// existMonitorDeptTree().then(res => {
// console.log(res)
// // nodeKey = res.data[0].children[0].children[0].children[0].children[0].children[0].id

4
src/styles/element.scss
View File

@@ -192,3 +192,7 @@
background-color: var(--el-color-primary);
opacity: 0.6;
}
.sgmap-ctrl-bottom-left{
display: none !important;
}

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 {

6
src/views/pqs/supervise/interfere/components/report.vue
View File

@@ -77,11 +77,7 @@ const tableStore = new TableStore({
],
loadCallback: () => {
tableStore.table.data = [
{
state: 2
}
]
tableStore.table.data = []
}
})

2
src/views/pqs/supervise/technology/components/earlyWarning.vue
View File

@@ -51,7 +51,7 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
import { mainHeight } from '@/utils/layout'
import { ref, reactive } from 'vue'
const height = mainHeight(80).height
const dataList = ref([{}])
const dataList = ref([])
const stateChange = (val: number, id: number) => {}
const tactics = (row: any, id: number) => {

10
src/views/pqs/supervise/technology/components/overview.vue
View File

@@ -13,8 +13,8 @@
</template>
</TableHeader>
<div class="box">
<MyEChart style='flex: 1.2;' :options="options1" />
<MyEChart style='flex: 2;' :options="options2" />
<MyEChart style="flex: 1.2" :options="options1" />
<MyEChart style="flex: 2" :options="options2" />
</div>
<Table ref="tableRef" />
</div>
@@ -82,11 +82,7 @@ const tableStore = new TableStore({
],
loadCallback: () => {
tableStore.table.data = [
{
state: 2
}
]
tableStore.table.data = []
}
})

6
src/views/pqs/supervise/technology/components/technology.vue
View File

@@ -167,11 +167,7 @@ const tableStore = new TableStore({
],
loadCallback: () => {
tableStore.table.data = [
{
state: 2
}
]
tableStore.table.data = []
}
})