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 = () => { const loadData = () => {
let nodeKey = '' let nodeKey = ''
tree.value = [ // tree.value = [
{ // {
id: '5699e5916a18a6381e1ac92da5bd2628', // id: '5699e5916a18a6381e1ac92da5bd2628',
name: '国家电网公司', // name: '国家电网公司',
pid: '0', // pid: '0',
sort: 201, // sort: 201,
code: '123456789', // code: '123456789',
specialType: null, // specialType: null,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 0, // type: 0,
remark: '国家电网公司', // remark: '国家电网公司',
children: [ // children: [
{ // {
id: '0d52f9f6e43ec0ee83013cd32da93f66', // id: '0d52f9f6e43ec0ee83013cd32da93f66',
name: '国网河北电力有限公司', // name: '国网河北电力有限公司',
pid: '5699e5916a18a6381e1ac92da5bd2628', // pid: '5699e5916a18a6381e1ac92da5bd2628',
sort: 200, // sort: 200,
code: '13B9B47F1E483324E05338297A0A0595', // code: '13B9B47F1E483324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130000000000', // area: '130000000000',
areaName: '河北', // areaName: '河北',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网河北省电力公司', // remark: '国网河北省电力公司',
children: [ // children: [
{ // {
id: '3c9e6eea884a3ab5c891122f13715e4b', // id: '3c9e6eea884a3ab5c891122f13715e4b',
name: '国网石家庄供电公司', // name: '国网石家庄供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 0, // sort: 0,
code: '13B9B47F1F223324E05338297A0A0595', // code: '13B9B47F1F223324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130100000000', // area: '130100000000',
areaName: '石家庄', // areaName: '石家庄',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网石家庄供电公司', // remark: '国网石家庄供电公司',
children: [ // children: [
{ // {
id: '8590eba00eb6ab38ef2d06805602e0ce', // id: '8590eba00eb6ab38ef2d06805602e0ce',
name: '国网石家庄供电公司本部', // name: '国网石家庄供电公司本部',
pid: '3c9e6eea884a3ab5c891122f13715e4b', // pid: '3c9e6eea884a3ab5c891122f13715e4b',
sort: 80, // sort: 80,
code: '13B9B47F1F773324E05338297A0A0595', // code: '13B9B47F1F773324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: '17439407bfee299b7e38f2e54a8f6d28', // id: '17439407bfee299b7e38f2e54a8f6d28',
name: '国网沧州供电公司', // name: '国网沧州供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 1, // sort: 1,
code: '13B9B47F2C183324E05338297A0A0595', // code: '13B9B47F2C183324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130900000000', // area: '130900000000',
areaName: '沧州', // areaName: '沧州',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网沧州供电公司', // remark: '国网沧州供电公司',
children: [ // children: [
{ // {
id: 'c8efb47ecb20fbf342eba4665f45f2f6', // id: 'c8efb47ecb20fbf342eba4665f45f2f6',
name: '国网沧州供电公司本部', // name: '国网沧州供电公司本部',
pid: '17439407bfee299b7e38f2e54a8f6d28', // pid: '17439407bfee299b7e38f2e54a8f6d28',
sort: 34, // sort: 34,
code: '13B9B47F2C803324E05338297A0A0595', // code: '13B9B47F2C803324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: '15737b8ed8cb70602163c41918bde12d', // id: '15737b8ed8cb70602163c41918bde12d',
name: '国网邢台供电公司', // name: '国网邢台供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 2, // sort: 2,
code: '13B9B47F25A73324E05338297A0A0595', // code: '13B9B47F25A73324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130500000000', // area: '130500000000',
areaName: '邢台', // areaName: '邢台',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网邢台供电公司', // remark: '国网邢台供电公司',
children: [ // children: [
{ // {
id: '694288d464a23da82e42727f3d8fd432', // id: '694288d464a23da82e42727f3d8fd432',
name: '国网邢台供电公司本部', // name: '国网邢台供电公司本部',
pid: '15737b8ed8cb70602163c41918bde12d', // pid: '15737b8ed8cb70602163c41918bde12d',
sort: 7, // sort: 7,
code: '13B9B47F27F63324E05338297A0A0595', // code: '13B9B47F27F63324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: '193980db73494188de052479c4e37d46', // id: '193980db73494188de052479c4e37d46',
name: '国网保定供电公司', // name: '国网保定供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 3, // sort: 3,
code: '13B9B47F2EEB3324E05338297A0A0595', // code: '13B9B47F2EEB3324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130600000000', // area: '130600000000',
areaName: '保定', // areaName: '保定',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网保定供电公司', // remark: '国网保定供电公司',
children: [ // children: [
{ // {
id: '2d1904c1187f751e4387e3351839dc6d', // id: '2d1904c1187f751e4387e3351839dc6d',
name: '国网保定供电公司本部', // name: '国网保定供电公司本部',
pid: '193980db73494188de052479c4e37d46', // pid: '193980db73494188de052479c4e37d46',
sort: 42, // sort: 42,
code: '13B9B47F2F173324E05338297A0A0595', // code: '13B9B47F2F173324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: '2adc64baf2308725c4e91105b3186b21', // id: '2adc64baf2308725c4e91105b3186b21',
name: '国网衡水供电公司', // name: '国网衡水供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 4, // sort: 4,
code: '13B9B47F23B83324E05338297A0A0595', // code: '13B9B47F23B83324E05338297A0A0595',
specialType: null, // specialType: null,
area: '131100000000', // area: '131100000000',
areaName: '衡水', // areaName: '衡水',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网衡水供电公司', // remark: '国网衡水供电公司',
children: [ // children: [
{ // {
id: 'd3d4b1c41c6115ec9aff0362f5c41930', // id: 'd3d4b1c41c6115ec9aff0362f5c41930',
name: '国网衡水供电公司本部', // name: '国网衡水供电公司本部',
pid: '2adc64baf2308725c4e91105b3186b21', // pid: '2adc64baf2308725c4e91105b3186b21',
sort: 65, // sort: 65,
code: '13B9B47F251C3324E05338297A0A0595', // code: '13B9B47F251C3324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: 'dda5d903c9ad44979d3d50e9c83cf564', // id: 'dda5d903c9ad44979d3d50e9c83cf564',
name: '国网邯郸供电公司', // name: '国网邯郸供电公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 5, // sort: 5,
code: '13B9B47F28CA3324E05338297A0A0595', // code: '13B9B47F28CA3324E05338297A0A0595',
specialType: null, // specialType: null,
area: '130400000000', // area: '130400000000',
areaName: '邯郸', // areaName: '邯郸',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '国网邯郸供电公司', // remark: '国网邯郸供电公司',
children: [ // children: [
{ // {
id: '33e1b89c5963a73f355713f85ad3b3c4', // id: '33e1b89c5963a73f355713f85ad3b3c4',
name: '国网邯郸供电公司本部', // name: '国网邯郸供电公司本部',
pid: 'dda5d903c9ad44979d3d50e9c83cf564', // pid: 'dda5d903c9ad44979d3d50e9c83cf564',
sort: 97, // sort: 97,
code: '13B9B47F2BAE3324E05338297A0A0595', // code: '13B9B47F2BAE3324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '0', // area: '0',
areaName: '中国', // areaName: '中国',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
}, // },
{ // {
id: 'a3069759b0b6072c99cf9a7af6c162e9', // id: 'a3069759b0b6072c99cf9a7af6c162e9',
name: '国网河北超高压公司', // name: '国网河北超高压公司',
pid: '0d52f9f6e43ec0ee83013cd32da93f66', // pid: '0d52f9f6e43ec0ee83013cd32da93f66',
sort: 9, // sort: 9,
code: '13B9B47F1E4F3324E05338297A0A0595', // code: '13B9B47F1E4F3324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '130000000000', // area: '130000000000',
areaName: '河北', // areaName: '河北',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '河北超高压公司', // remark: '河北超高压公司',
children: [ // children: [
{ // {
id: 'd3de780cba5813b0c089a6fe1ecdae25', // id: 'd3de780cba5813b0c089a6fe1ecdae25',
name: '国网河北超高压公司本部', // name: '国网河北超高压公司本部',
pid: 'a3069759b0b6072c99cf9a7af6c162e9', // pid: 'a3069759b0b6072c99cf9a7af6c162e9',
sort: 0, // sort: 0,
code: '13B9B47F1E813324E05338297A0A0595', // code: '13B9B47F1E813324E05338297A0A0595',
specialType: 1, // specialType: 1,
area: '130000000000', // area: '130000000000',
areaName: '河北', // areaName: '河北',
state: 1, // state: 1,
type: 1, // type: 1,
remark: '', // remark: '',
children: [] // children: []
} // }
] // ]
} // }
] // ]
} // }
] // ]
} // }
] // ]
// existMonitorDeptTree().then(res => { // existMonitorDeptTree().then(res => {
// console.log(res) // console.log(res)
// // nodeKey = res.data[0].children[0].children[0].children[0].children[0].children[0].id // // 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); background-color: var(--el-color-primary);
opacity: 0.6; 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> <el-card>
<template #header> <template #header>
<div class="card-header"> <div class="card-header">
<span>暂态事件统计</span> <span>技术监督</span>
</div> </div>
</template> </template>
<div :style="boxHeight"> <div :style="boxHeight">

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

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

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

@@ -400,7 +400,7 @@ defineExpose({ info })
<style lang="scss" scoped> <style lang="scss" scoped>
.boxLeft { .boxLeft {
background-color: #fff; // background-color: #fff;
width: 25%; width: 25%;
padding: 10px 0px 10px 10px; padding: 10px 0px 10px 10px;
font-size: 13px; 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], num2: item[3],
num3: item[4], num3: item[4],
num4: item[5], num4: item[5],
num5: item[5], num5: item[5]
} }
}) })
}) })
@@ -139,26 +139,27 @@ const contaminateC = () => {
a5++ a5++
} }
} }
console.log('🚀 ~ getPollutionAlarmData ~ a1 / data.length:', a1 / data.length)
let list = [ let list = [
{ {
value: ((a1 / data.length) * 100).toFixed(2), value: ((a1 / data.length || 0) * 100).toFixed(2),
name: `无污染：${a1}座` name: `无污染：${a1}座`
}, },
{ {
value: ((a2 / data.length) * 100).toFixed(2), value: ((a2 / data.length || 0) * 100).toFixed(2),
name: `轻微污染：：${a2}座` name: `轻微污染：：${a2}座`
}, },
{ {
value: ((a3 / data.length) * 100).toFixed(2), value: ((a3 / data.length || 0) * 100).toFixed(2),
name: `轻度污染：${a3}座` name: `轻度污染：${a3}座`
}, },
{ {
value: ((a4 / data.length) * 100).toFixed(2), value: ((a4 / data.length || 0) * 100).toFixed(2),
name: `中度污染：${a4}座` name: `中度污染：${a4}座`
}, },
{ {
value: ((a5 / data.length) * 100).toFixed(2), value: ((a5 / data.length || 0) * 100).toFixed(2),
name: `重度污染：${a5}座` name: `重度污染：${a5}座`
} }
] ]

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

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

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

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

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

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

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

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

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 { mainHeight } from '@/utils/layout'
import { ref, reactive } from 'vue' import { ref, reactive } from 'vue'
const height = mainHeight(80).height const height = mainHeight(80).height
const dataList = ref([{}]) const dataList = ref([])
const stateChange = (val: number, id: number) => {} const stateChange = (val: number, id: number) => {}
const tactics = (row: any, id: number) => { const tactics = (row: any, id: number) => {

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

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

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

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