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

修改itic点击波形图

Browse Source
This commit is contained in:
guanj
2026-03-26 14:53:34 +08:00
parent 93ee7e4034
commit fafc5f82c4
28 changed files with 24966 additions and 24719 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18800
public/plugin/offline/api2.0.js
View File

File diff suppressed because it is too large Load Diff

20628
public/plugin/offline/api3.0.js
View File

File diff suppressed because it is too large Load Diff

2
public/plugin/offline/modules/style_fkofpc.js
View File

File diff suppressed because one or more lines are too long

171
src/assets/map/上海.json
View File

File diff suppressed because one or more lines are too long

1498
src/components/echarts/gaoji.js Normal file
View File

File diff suppressed because it is too large Load Diff

3248
src/components/echarts/rmsboxi.vue
View File

File diff suppressed because it is too large Load Diff

2456
src/components/echarts/shushiboxi.vue
View File

File diff suppressed because it is too large Load Diff

1514
src/components/echarts/waveForm.vue
View File

File diff suppressed because it is too large Load Diff

1
src/utils/request.ts
View File

@@ -152,6 +152,7 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
return Axios(response.config)
})
.catch(err => {
window.location.reload()
adminInfo.removeToken()
router.push({ name: 'login' })
return Promise.reject(err)

2
src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue
View File

@@ -844,7 +844,7 @@ onMounted(() => {
}
.btnBox {
display: flex;
justify-content: end;
justify-content: flex-end;
}
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {

326
src/views/pqs/bearingCapacity/userManagement/equipment.vue
View File

@@ -1,163 +1,163 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="设备">
<div class="formBox mb10"><el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button></div>
<vxe-table v-bind="defaultAttribute" v-loading="loading" height="500px" ref="xTable" :data="userData">
<vxe-column field="devName" title="设备名称"></vxe-column>
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
<vxe-column field="protocolCapacity" title="设备容量(MVA)"></vxe-column>
<vxe-column title="操作" width="120px">
<template #default="{ row }">
<el-button type="primary" size="small" link @click="revise(row)">修改</el-button>
<el-popconfirm @confirm="deleteD(row)" title="确认删除设备?">
<template #reference>
<el-button type="danger" size="small" link>删除</el-button>
</template>
</el-popconfirm>
</template>
</vxe-column>
</vxe-table>
</el-dialog>
<el-dialog draggable v-model="addShow" width="400px" :title="title" :before-close="handleClose">
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
<el-form-item label="设备名称" prop="devName">
<el-input
v-model.trim="form.devName"
placeholder="请输入设备名称"
maxlength="32"
show-word-limit
clearable
/>
</el-form-item>
<el-form-item label="电压等级" prop="devScale">
<el-select v-model="form.devScale" clearable placeholder="请选择电压等级">
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="设备容量(MVA)" prop="protocolCapacity">
<el-input-number
v-model="form.protocolCapacity"
style="width: 100%"
:min="0"
:max="10000000"
placeholder="请选择设备容量"
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="submitForm">确定</el-button>
</div>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { queyDeviceList, addDev, updateDev, removeDev } from '@/api/advance-boot/bearingCapacity'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import { useDictData } from '@/stores/dictData'
import { ElMessage } from 'element-plus'
const dictData = useDictData()
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
const dialogVisible = ref(false)
const addShow = ref(false)
const loading = ref(false)
const userData = ref([])
const rowList = ref([])
const title = ref('')
const formRef = ref()
const form: any = ref({
devName: '',
devScale: '',
protocolCapacity: 0,
userId: ''
})
const rules = {
devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
devScale: [{ required: true, message: '请输入设备名称', trigger: 'change' }],
protocolCapacity: [{ required: true, message: '请输入设备名称', trigger: 'blur' }]
}
const open = (row: any) => {
dialogVisible.value = true
loading.value = true
rowList.value = row
queyDeviceList({
userId: row.userId
}).then(res => {
loading.value = false
userData.value = res.data
})
}
// 新增
const add = () => {
addShow.value = true
title.value = '新增设备'
}
// 过滤数据
const formatter = (row: any) => {
if (row.column.field == 'devScale') {
return levelList.filter(item => item.id == row.cellValue)[0].name
} else {
return row.cellValue
}
}
// 修改
const revise = (row: any) => {
form.value = JSON.parse(JSON.stringify(row))
title.value = '修改设备'
addShow.value = true
}
// 关闭弹框
const handleClose = () => {
addShow.value = false
form.value = {
devName: '',
devScale: '',
protocolCapacity: 0,
userId: ''
}
formRef.value.resetFields()
}
// 新增设备
const submitForm = async () => {
await formRef.value.validate(valid => {
if (valid) {
if (title.value == '新增设备') {
form.value.userId = rowList.value.userId
addDev(form.value).then(res => {
ElMessage.success('新增成功!')
open(rowList.value)
handleClose()
})
} else {
updateDev(form.value).then(res => {
ElMessage.success('修改成功!')
open(rowList.value)
handleClose()
})
}
}
})
}
// 删除设备
const deleteD = row => {
removeDev({ devIds: row.devId }).then(res => {
ElMessage.success('删除设备成功!')
open(rowList.value)
})
}
defineExpose({ open })
</script>
<style lang="scss" scoped>
.formBox{
display: flex;
justify-content: end;
}
</style>
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" title="设备">
<div class="formBox mb10"><el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button></div>
<vxe-table v-bind="defaultAttribute" v-loading="loading" height="500px" ref="xTable" :data="userData">
<vxe-column field="devName" title="设备名称"></vxe-column>
<vxe-column field="devScale" title="电压等级" :formatter="formatter"></vxe-column>
<vxe-column field="protocolCapacity" title="设备容量(MVA)"></vxe-column>
<vxe-column title="操作" width="120px">
<template #default="{ row }">
<el-button type="primary" size="small" link @click="revise(row)">修改</el-button>
<el-popconfirm @confirm="deleteD(row)" title="确认删除设备?">
<template #reference>
<el-button type="danger" size="small" link>删除</el-button>
</template>
</el-popconfirm>
</template>
</vxe-column>
</vxe-table>
</el-dialog>
<el-dialog draggable v-model="addShow" width="400px" :title="title" :before-close="handleClose">
<el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
<el-form-item label="设备名称" prop="devName">
<el-input
v-model.trim="form.devName"
placeholder="请输入设备名称"
maxlength="32"
show-word-limit
clearable
/>
</el-form-item>
<el-form-item label="电压等级" prop="devScale">
<el-select v-model="form.devScale" clearable placeholder="请选择电压等级">
<el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="设备容量(MVA)" prop="protocolCapacity">
<el-input-number
v-model="form.protocolCapacity"
style="width: 100%"
:min="0"
:max="10000000"
placeholder="请选择设备容量"
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="submitForm">确定</el-button>
</div>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { queyDeviceList, addDev, updateDev, removeDev } from '@/api/advance-boot/bearingCapacity'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import { useDictData } from '@/stores/dictData'
import { ElMessage } from 'element-plus'
const dictData = useDictData()
const levelList = dictData.getBasicData('Dev_Voltage_Stand')
const dialogVisible = ref(false)
const addShow = ref(false)
const loading = ref(false)
const userData = ref([])
const rowList = ref([])
const title = ref('')
const formRef = ref()
const form: any = ref({
devName: '',
devScale: '',
protocolCapacity: 0,
userId: ''
})
const rules = {
devName: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
devScale: [{ required: true, message: '请输入设备名称', trigger: 'change' }],
protocolCapacity: [{ required: true, message: '请输入设备名称', trigger: 'blur' }]
}
const open = (row: any) => {
dialogVisible.value = true
loading.value = true
rowList.value = row
queyDeviceList({
userId: row.userId
}).then(res => {
loading.value = false
userData.value = res.data
})
}
// 新增
const add = () => {
addShow.value = true
title.value = '新增设备'
}
// 过滤数据
const formatter = (row: any) => {
if (row.column.field == 'devScale') {
return levelList.filter(item => item.id == row.cellValue)[0].name
} else {
return row.cellValue
}
}
// 修改
const revise = (row: any) => {
form.value = JSON.parse(JSON.stringify(row))
title.value = '修改设备'
addShow.value = true
}
// 关闭弹框
const handleClose = () => {
addShow.value = false
form.value = {
devName: '',
devScale: '',
protocolCapacity: 0,
userId: ''
}
formRef.value.resetFields()
}
// 新增设备
const submitForm = async () => {
await formRef.value.validate(valid => {
if (valid) {
if (title.value == '新增设备') {
form.value.userId = rowList.value.userId
addDev(form.value).then(res => {
ElMessage.success('新增成功!')
open(rowList.value)
handleClose()
})
} else {
updateDev(form.value).then(res => {
ElMessage.success('修改成功!')
open(rowList.value)
handleClose()
})
}
}
})
}
// 删除设备
const deleteD = row => {
removeDev({ devIds: row.devId }).then(res => {
ElMessage.success('删除设备成功!')
open(rowList.value)
})
}
defineExpose({ open })
</script>
<style lang="scss" scoped>
.formBox{
display: flex;
justify-content: flex-end;
}
</style>

59
src/views/pqs/business/terminal/FrontManagement/index.vue
View File

@@ -40,7 +40,14 @@
></Table>
</div>
<div class="pd10" style="width: 400px" v-loading="loading">
<el-input v-model="filterText" placeholder="请输入内容" clearable maxlength="32" show-word-limit @input="change">
<el-input
v-model="filterText"
placeholder="请输入内容"
clearable
maxlength="32"
show-word-limit
@input="change"
>
<template #prefix>
<Icon name="el-icon-Search" style="font-size: 16px" />
</template>
@@ -139,7 +146,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="最大终端数:" prop="nodeDevNum" class="top" >
<el-form-item label="最大终端数:" prop="nodeDevNum" class="top">
<el-input
v-model.trim.number="formData.nodeDevNum"
onkeyup="value = value.replace(/[^0-9]/g,'')"
@@ -273,7 +280,7 @@ const tableStore = new TableStore({
method: 'POST',
column: [
{ title: '名称', field: 'name' },
{ title: 'IP', field: 'ip' ,width:'120px' },
{ title: 'IP', field: 'ip', width: '120px' },
{
title: '等级',
field: 'nodeGrade',
@@ -317,7 +324,8 @@ const tableStore = new TableStore({
{ title: '描述', field: 'remark' },
{
title: '操作',fixed: 'right',
title: '操作',
fixed: 'right',
align: 'center',
width: '180',
render: 'buttons',
@@ -376,8 +384,8 @@ const tableStore = new TableStore({
},
click: row => {
if (hasDevices.value) {
ElMessage.warning('此前置机绑定了设备，无法删除！');
return;
ElMessage.warning('此前置机绑定了设备，无法删除！')
return
}
delNode(row.id).then(res => {
@@ -386,7 +394,7 @@ const tableStore = new TableStore({
})
}
},
{
{
name: 'edit',
title: '分配终端',
type: 'primary',
@@ -399,10 +407,10 @@ const tableStore = new TableStore({
title: '确定分配终端吗？'
},
click: row => {
if (!hasDevices.value) {
ElMessage.warning('此前置机下无设备，无法分配终端！');
return;
}
// if (!hasDevices.value) {
// ElMessage.warning('此前置机下无设备，无法分配终端！')
// return
// }
allotTerminal({
nodeId: row.id
}).then(res => {
@@ -410,7 +418,7 @@ const tableStore = new TableStore({
tableStore.index()
})
}
},
}
]
}
],
@@ -448,26 +456,25 @@ const currentChangeEvent = () => {
// 检查返回的数据是否存在且不为空
if (res.data && res.data.processDeviceList) {
// 检查是否有设备绑定
const hasAnyDevices = res.data.processDeviceList.some(item =>
item.deviceInfoList && item.deviceInfoList.length > 0
);
hasDevices.value = hasAnyDevices;
const hasAnyDevices = res.data.processDeviceList.some(
item => item.deviceInfoList && item.deviceInfoList.length > 0
)
hasDevices.value = hasAnyDevices
dataSource.value = res.data.processDeviceList.filter(item => {
item.name = item.processNo + '';
return true; // 保持原有的过滤逻辑
});
item.name = item.processNo + ''
return true // 保持原有的过滤逻辑
})
} else {
dataSource.value = []
hasDevices.value = false;
hasDevices.value = false
}
loading.value = false
})
.catch(() => {
// 添加错误处理，确保 loading 状态也能关闭
dataSource.value = []
hasDevices.value = false;
hasDevices.value = false
loading.value = false
})
@@ -476,7 +483,7 @@ const currentChangeEvent = () => {
// 重启进程
const restart = (data: any) => {
// console.log('🚀 ~ restart ~ data:', data)
// console.log('🚀 ~ restart ~ data:', data)
askRestartProcess({
deviceRebootType: null,
nodeId: nodeId.value,
@@ -518,7 +525,7 @@ const filterNode = (value: string, data: any, node: any) => {
// 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配，则返回该节点以及其下的所有子节点；如果参数是子节点，则返回该节点的父节点。name是中文字符，enName是英文字符.
const chooseNode = (value: string, data: any, node: any) => {
if (data.name.indexOf(value) !== -1) {
if ((data.subName + data.name).indexOf(value) !== -1) {
return true
}
const level = node.level
@@ -629,7 +636,7 @@ const addMenu = () => {}
:deep(.default) {
display: flex;
.row--current {
// background-color: var(--el-color-primary-light-8) !important;
// background-color: var(--el-color-primary-light-8) !important;
}
}
.custom-tree-node {

4
src/views/pqs/business/terminal/deviceter/index.vue
View File

@@ -1740,8 +1740,8 @@ const optionarr = ref([
])
/**母线类型 */
const busBarType = ref([
{ name: '实际母线', value: 0 },
{ name: '虚拟母线', value: 1 }
{ name: '实际母线', value: 1 },
{ name: '虚拟母线', value: 0 }
])
const bigList: any = ref([])
const smallList: any = ref([])

2
src/views/pqs/harmonicMonitoring/detailed/division/components/compute.vue
View File

@@ -613,7 +613,7 @@ onMounted(() => {
.harmonicButton {
height: 42px;
display: flex;
justify-content: end;
justify-content: flex-end;
align-items: center;
}
:deep(.el-tabs__content) {

2
src/views/pqs/harmonicMonitoring/detailed/division/components/detail.vue
View File

@@ -158,7 +158,7 @@ onMounted(() => {
<style lang="scss" scoped>
.title {
display: flex;
justify-content: end;
justify-content: flex-end;
align-items: center;
padding: 10px;
font-size: 16px;

2
src/views/pqs/runManage/assessment/components/assess/index.vue
View File

@@ -363,7 +363,7 @@ defineExpose({
.actionButtons {
display: flex;
justify-content: end;
justify-content: flex-end;
}
.loading-container {

2
src/views/pqs/runManage/assessment/components/uese/form.vue
View File

@@ -454,7 +454,7 @@ onMounted(() => {
<style lang="scss" scoped>
.actionButtons {
display: flex;
justify-content: end;
justify-content: flex-end;
}
:deep(.el-collapse-item__header) {
// font-family: AlimamaDongFangDaKai;

462
src/views/pqs/runManage/runEvaluate/components/region.vue
View File

@@ -1,231 +1,231 @@
<template>
<div :style="height" style="overflow-y: auto" class="pd10">
<!-- <MyEChart :options="options" /> -->
<div v-for="(item, index) in List">
<div class="box" @mouseenter="item.flag = false" @mouseleave="item.flag = true">
<div class="div">{{ item.name }} <span>({{ item.count }}台)</span></div>
<!-- <el-progress style="flex: 1" :percentage="(item.count / total).toFixed(2) * 100">
<span>{{ item.count }}台</span>
</el-progress> -->
<el-progress style="flex: 1" :percentage="item.score" :color="ratingColor(item.score)">
<span v-if="item.flag" :style="`color:${ratingColor(item.score)}`">
{{ ratingName(item.score) }}
</span>
<span v-else :style="`color:${ratingColor(item.score)}`">{{ item.score }}分</span>
</el-progress>
</div>
<el-divider />
</div>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import MyEChart from '@/components/echarts/MyEchart.vue'
import { mainHeight } from '@/utils/layout'
import { areaTerminalStatistic } from '@/api/device-boot/runEvaluate'
const height = mainHeight(220, 1.5)
const props = defineProps({
params: {
type: Object,
default: () => {}
}
})
const List: any = ref([])
const total: any = ref(0)
const options = ref({})
const format = percentage => percentage + '分'
const info = () => {
areaTerminalStatistic(props.params).then(res => {
total.value = res.data.reduce((sum, item) => sum + Number(item.count), 0)
List.value = res.data
List.value.forEach(item => {
item.flag = true
})
})
// let dataSource = [
// { value: '90', name: '张家口' },
// { value: '80', name: '廊坊' },
// { value: '70', name: '秦皇岛' },
// { value: '60', name: '唐山' },
// { value: '50', name: '承德' }
// ]
// options.value = {
// grid: {
// top: '10'
// },
// toolbox: {
// show: false
// },
// options: {
// yAxis: {
// type: 'category',
// data: dataSource.map(item => item.name),
// // axisLabel: {
// // color: '#fff'
// // },
// splitLine: {
// show: false
// }
// },
// xAxis: {
// type: 'value',
// data: [1, 2, 3, 4],
// axisLabel: {
// show: true
// // textStyle: {
// // color: '#FFF'
// // },
// // formatter: function (value) {
// // }
// },
// splitLine: {
// show: false
// },
// axisTick: {
// show: false
// },
// axisLine: {
// show: true
// }
// },
// dataZoom: null,
// series: [
// {
// type: 'bar',
// itemStyle: {
// color: function (params) {
// return params.value >= 90
// ? '#00b07d'
// : params.value >= 80
// ? '#2b7fd3'
// : params.value >= 70
// ? '#ffcc33'
// : '#c00'
// }
// },
// markLine: {
// silent: false,
// symbol: 'circle',
// data: [
// {
// name: '',
// yAxis: 100,
// lineStyle: {
// color: '#2E8B57'
// },
// label: {
// show: true,
// formatter: '优质',
// color: '#2E8B57'
// }
// },
// {
// name: '',
// yAxis: 90,
// lineStyle: {
// color: '#77DA63'
// },
// label: {
// show: true,
// color: '#77DA63',
// formatter: '良好'
// }
// },
// {
// name: '',
// yAxis: 60,
// lineStyle: {
// color: '#DAA520'
// },
// label: {
// show: true,
// color: '#DAA520',
// formatter: '合格'
// }
// }
// ]
// },
// data: dataSource.map(item => item.value)
// }
// ]
// }
// }
}
const ratingColor = (num: number) => {
if (num >= 90) {
return '#00b07d'
} else if (num >= 80) {
return '#2b7fd3'
} else if (num >= 70) {
return '#ff8c00'
} else {
return '#c00'
}
}
const ratingName = (num: number) => {
if (num >= 90) {
return '优秀'
} else if (num >= 80) {
return '良好'
} else if (num >= 70) {
return '一般'
} else {
return '较差'
}
}
onMounted(() => {
// info()
})
defineExpose({
info
})
</script>
<style lang="scss" scoped>
.btnsBox {
display: flex;
justify-content: end;
}
::v-deep .el-radio-button__inner {
padding: 8px 18px;
background: var(--el-color-primary);
border: 1px solid #00fff4;
border-radius: 0;
font-weight: normal;
color: #ffffff;
text-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
opacity: 0.52;
}
::v-deep .el-radio-button:last-child .el-radio-button__inner {
border-radius: 0;
}
::v-deep .el-radio-button:first-child .el-radio-button__inner {
border-radius: 0;
border-left: 1px solid #00fff4;
}
::v-deep .is-active {
border: 1px solid #00fff4;
opacity: 1 !important;
color: #ffffff;
background: var(--el-color-primary);
.el-radio-button__inner {
opacity: 1 !important;
border-left: 1px solid #00fff4 !important;
}
}
.box {
cursor: pointer;
// display: flex;
.div {
// width: 100px;
font-size: 16px;
span{
font-size: 14px;
}
}
}
:deep(.el-divider--horizontal) {
margin: 5px 0;
}
</style>
<template>
<div :style="height" style="overflow-y: auto" class="pd10">
<!-- <MyEChart :options="options" /> -->
<div v-for="(item, index) in List">
<div class="box" @mouseenter="item.flag = false" @mouseleave="item.flag = true">
<div class="div">{{ item.name }} <span>({{ item.count }}台)</span></div>
<!-- <el-progress style="flex: 1" :percentage="(item.count / total).toFixed(2) * 100">
<span>{{ item.count }}台</span>
</el-progress> -->
<el-progress style="flex: 1" :percentage="item.score" :color="ratingColor(item.score)">
<span v-if="item.flag" :style="`color:${ratingColor(item.score)}`">
{{ ratingName(item.score) }}
</span>
<span v-else :style="`color:${ratingColor(item.score)}`">{{ item.score }}分</span>
</el-progress>
</div>
<el-divider />
</div>
</div>
</template>
<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue'
import MyEChart from '@/components/echarts/MyEchart.vue'
import { mainHeight } from '@/utils/layout'
import { areaTerminalStatistic } from '@/api/device-boot/runEvaluate'
const height = mainHeight(220, 1.5)
const props = defineProps({
params: {
type: Object,
default: () => {}
}
})
const List: any = ref([])
const total: any = ref(0)
const options = ref({})
const format = percentage => percentage + '分'
const info = () => {
areaTerminalStatistic(props.params).then(res => {
total.value = res.data.reduce((sum, item) => sum + Number(item.count), 0)
List.value = res.data
List.value.forEach(item => {
item.flag = true
})
})
// let dataSource = [
// { value: '90', name: '张家口' },
// { value: '80', name: '廊坊' },
// { value: '70', name: '秦皇岛' },
// { value: '60', name: '唐山' },
// { value: '50', name: '承德' }
// ]
// options.value = {
// grid: {
// top: '10'
// },
// toolbox: {
// show: false
// },
// options: {
// yAxis: {
// type: 'category',
// data: dataSource.map(item => item.name),
// // axisLabel: {
// // color: '#fff'
// // },
// splitLine: {
// show: false
// }
// },
// xAxis: {
// type: 'value',
// data: [1, 2, 3, 4],
// axisLabel: {
// show: true
// // textStyle: {
// // color: '#FFF'
// // },
// // formatter: function (value) {
// // }
// },
// splitLine: {
// show: false
// },
// axisTick: {
// show: false
// },
// axisLine: {
// show: true
// }
// },
// dataZoom: null,
// series: [
// {
// type: 'bar',
// itemStyle: {
// color: function (params) {
// return params.value >= 90
// ? '#00b07d'
// : params.value >= 80
// ? '#2b7fd3'
// : params.value >= 70
// ? '#ffcc33'
// : '#c00'
// }
// },
// markLine: {
// silent: false,
// symbol: 'circle',
// data: [
// {
// name: '',
// yAxis: 100,
// lineStyle: {
// color: '#2E8B57'
// },
// label: {
// show: true,
// formatter: '优质',
// color: '#2E8B57'
// }
// },
// {
// name: '',
// yAxis: 90,
// lineStyle: {
// color: '#77DA63'
// },
// label: {
// show: true,
// color: '#77DA63',
// formatter: '良好'
// }
// },
// {
// name: '',
// yAxis: 60,
// lineStyle: {
// color: '#DAA520'
// },
// label: {
// show: true,
// color: '#DAA520',
// formatter: '合格'
// }
// }
// ]
// },
// data: dataSource.map(item => item.value)
// }
// ]
// }
// }
}
const ratingColor = (num: number) => {
if (num >= 90) {
return '#00b07d'
} else if (num >= 80) {
return '#2b7fd3'
} else if (num >= 70) {
return '#ff8c00'
} else {
return '#c00'
}
}
const ratingName = (num: number) => {
if (num >= 90) {
return '优秀'
} else if (num >= 80) {
return '良好'
} else if (num >= 70) {
return '一般'
} else {
return '较差'
}
}
onMounted(() => {
// info()
})
defineExpose({
info
})
</script>
<style lang="scss" scoped>
.btnsBox {
display: flex;
justify-content: flex-end;
}
::v-deep .el-radio-button__inner {
padding: 8px 18px;
background: var(--el-color-primary);
border: 1px solid #00fff4;
border-radius: 0;
font-weight: normal;
color: #ffffff;
text-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
opacity: 0.52;
}
::v-deep .el-radio-button:last-child .el-radio-button__inner {
border-radius: 0;
}
::v-deep .el-radio-button:first-child .el-radio-button__inner {
border-radius: 0;
border-left: 1px solid #00fff4;
}
::v-deep .is-active {
border: 1px solid #00fff4;
opacity: 1 !important;
color: #ffffff;
background: var(--el-color-primary);
.el-radio-button__inner {
opacity: 1 !important;
border-left: 1px solid #00fff4 !important;
}
}
.box {
cursor: pointer;
// display: flex;
.div {
// width: 100px;
font-size: 16px;
span{
font-size: 14px;
}
}
}
:deep(.el-divider--horizontal) {
margin: 5px 0;
}
</style>

2
src/views/pqs/supervise/electricalEnergy/components1/form/abnormal.vue
View File

@@ -235,7 +235,7 @@ defineExpose({ open })
}
.form {
// display: flex;
// justify-content: end;
// justify-content: flex-end;
// position: relative;
// .form_but {

40
src/views/pqs/voltageSags/Region/components/Compatibility.vue
View File

@@ -1,23 +1,37 @@
<template>
<div class="flex">
<span style="width: 100px; margin-top: 3px">电压等级:</span>
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
style="margin-right: 28px">
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
style="margin-right: 28px"
>
全选
</el-checkbox>
<el-checkbox-group v-model="checkedVoltage" @change="handleCheckedVoltageChange"
style="height: 72px; overflow-y: auto; flex: 1">
<el-checkbox-group
v-model="checkedVoltage"
@change="handleCheckedVoltageChange"
style="height: 72px; overflow-y: auto; flex: 1"
>
<el-checkbox v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
</el-checkbox-group>
</div>
<div class="flex">
<span style="width: 100px; margin-top: 3px">干扰源类型:</span>
<el-checkbox :indeterminate="isIndeterminate1" v-model="checkAll1" @change="handleCheckAllChange1"
style="margin-right: 28px">
<el-checkbox
:indeterminate="isIndeterminate1"
v-model="checkAll1"
@change="handleCheckAllChange1"
style="margin-right: 28px"
>
全选
</el-checkbox>
<el-checkbox-group v-model="checkedSource" @change="handleCheckedSourceChange"
style="height: 72px; overflow-y: auto; flex: 1">
<el-checkbox-group
v-model="checkedSource"
@change="handleCheckedSourceChange"
style="height: 72px; overflow-y: auto; flex: 1"
>
<el-checkbox v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
</el-checkbox-group>
</div>
@@ -28,7 +42,7 @@
<el-radio label="F47">F47</el-radio>
</el-radio-group>
</div>
<my-echart class="bars_w" :options="echartList" />
<my-echart class="bars_w" :options="echartList" @echartClick="echartClick" />
<vxe-table class="dw" :data="TableData" height="50px" v-bind="defaultAttribute">
<vxe-column field="name" title="名称" width="100px"></vxe-column>
@@ -43,7 +57,7 @@ import MyEchart from '@/components/echarts/MyEchart.vue'
import { mainHeight } from '@/utils/layout'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import { ref, reactive } from 'vue'
import { Bottom } from '@element-plus/icons-vue/dist/types'
const emit = defineEmits(['viewWave'])
const dictData = useDictData()
const isIndeterminate = ref(false)
const isIndeterminate1 = ref(false)
@@ -340,7 +354,7 @@ const gongfunction = () => {
var index = datalist.value[i].lineId
var eventId = datalist.value[i].eventId
var lineName = datalist.value[i].lineName
point = [xx, yy, time, company, substation, index, eventId, lineName]
point = [xx, yy, time, company, substation, index, eventId, lineName, datalist.value[i]]
if (xx <= 0.003) {
var line = 0
@@ -468,6 +482,10 @@ const gongfunction = () => {
}
}
}
const echartClick = (params: any) => {
emit('viewWave', params.value[8])
}
defineExpose({ checkedVoltage, checkedSource, info })
const layout = mainHeight(320) as any

223
src/views/pqs/voltageSags/Region/statistics/index.vue
View File

@@ -1,98 +1,125 @@
<template>
<div class="default-main">
<TableHeader date-picker area>
<template v-slot:select></template>
</TableHeader>
<el-tabs v-model="activeName" type="border-card" @tab-change="handleClick" v-loading="tableStore.table.loading">
<el-tab-pane label="暂降原因及类型统计" name="1">
<TypeStatistics ref="Statistics" />
</el-tab-pane>
<el-tab-pane label="电压容忍度曲线兼容性统计" name="2">
<Compatibility ref="compatibility" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<!-- "area": "",
"city": "",
"protocolCapacity": 0,
"province": "",
"region": "",
"userName": "",
"userType": "",
"voltage": "" -->
<script setup lang="ts">
import TableHeader from '@/components/table/header/index.vue'
import { useDictData } from '@/stores/dictData'
import TableStore from '@/utils/tableStore'
import { onMounted, reactive, ref, provide } from 'vue'
import TypeStatistics from '../components/TypeStatistics.vue'
import Compatibility from '../components/Compatibility.vue'
import { mainHeight } from '@/utils/layout'
defineOptions({
name: 'Region/overview'
})
const activeName = ref('1')
const Statistics = ref()
const compatibility = ref()
const dictData = useDictData()
const tableStore = new TableStore({
url: '/event-boot/areaAnalysis/getEventReason',
method: 'POST',
column: [],
beforeSearchFun: () => {
if (activeName.value == '1') {
tableStore.table.params.scale = null
tableStore.table.params.loadType = null
} else {
tableStore.table.params.scale = compatibility.value.checkedVoltage
tableStore.table.params.loadType = compatibility.value.checkedSource
}
},
loadCallback: () => {
if (activeName.value == '1') {
Statistics.value.info(tableStore.table.data)
} else {
compatibility.value.info(tableStore.table.data.voltageToleranceCurveDataList)
}
}
})
provide('tableStore', tableStore)
tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
tableStore.table.params.monitorFlag = 2
tableStore.table.params.powerFlag = 2
tableStore.table.params.serverName = 'event-boot'
onMounted(() => {
tableStore.index()
})
const handleClick = async (e: any) => {
if (e == '1') {
// tableStore.table.params.scale = null
// tableStore.table.params.loadType = null
tableStore.url = '/event-boot/areaAnalysis/getEventReason'
} else {
// tableStore.table.params.scale = compatibility.value.checkedVoltage
// tableStore.table.params.loadType = compatibility.value.checkedSource
tableStore.url = '/event-boot/areaAnalysis/getVoltageToleranceCurve'
}
await tableStore.onTableAction('search', {})
}
const layout = mainHeight(123) as any
</script>
<style lang="scss" scoped>
.bars_w {
width: 100%;
height: 500px;
}
:deep(.el-tabs__content) {
height: v-bind('layout.height');
overflow-y: auto;
}
</style>
<template>
<div class="default-main">
<div v-show="view">
<TableHeader date-picker area>
<template v-slot:select></template>
</TableHeader>
<el-tabs
v-model="activeName"
type="border-card"
@tab-change="handleClick"
v-loading="tableStore.table.loading"
>
<el-tab-pane label="暂降原因及类型统计" name="1">
<TypeStatistics ref="Statistics" />
</el-tab-pane>
<el-tab-pane label="电压容忍度曲线兼容性统计" name="2">
<Compatibility ref="compatibility" @viewWave="viewWave" />
</el-tab-pane>
</el-tabs>
</div>
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
<waveForm ref="waveFormRef" senior :boxoList="boxoList" :wp="wp" @backbxlb="backbxlb" />
</div>
</div>
</template>
<!-- "area": "",
"city": "",
"protocolCapacity": 0,
"province": "",
"region": "",
"userName": "",
"userType": "",
"voltage": "" -->
<script setup lang="ts">
import TableHeader from '@/components/table/header/index.vue'
import waveForm from '@/components/echarts/waveForm.vue'
import { useDictData } from '@/stores/dictData'
import TableStore from '@/utils/tableStore'
import { onMounted, reactive, ref, provide } from 'vue'
import TypeStatistics from '../components/TypeStatistics.vue'
import Compatibility from '../components/Compatibility.vue'
import { mainHeight } from '@/utils/layout'
defineOptions({
name: 'Region/overview'
})
const pageHeight = mainHeight(20)
const activeName = ref('1')
const Statistics = ref()
const compatibility = ref()
const dictData = useDictData()
const view = ref(true)
const view2 = ref(false)
const boxoList = ref({})
const wp = ref({})
const tableStore = new TableStore({
url: '/event-boot/areaAnalysis/getEventReason',
method: 'POST',
column: [],
beforeSearchFun: () => {
if (activeName.value == '1') {
tableStore.table.params.scale = null
tableStore.table.params.loadType = null
} else {
tableStore.table.params.scale = compatibility.value.checkedVoltage
tableStore.table.params.loadType = compatibility.value.checkedSource
}
},
loadCallback: () => {
if (activeName.value == '1') {
Statistics.value.info(tableStore.table.data)
} else {
compatibility.value.info(tableStore.table.data.voltageToleranceCurveDataList)
}
}
})
provide('tableStore', tableStore)
tableStore.table.params.statisticalType = dictData.getBasicData('Statistical_Type', ['Load_Type'])[3]
tableStore.table.params.monitorFlag = 2
tableStore.table.params.powerFlag = 2
tableStore.table.params.serverName = 'event-boot'
onMounted(() => {
tableStore.index()
})
const handleClick = async (e: any) => {
if (e == '1') {
// tableStore.table.params.scale = null
// tableStore.table.params.loadType = null
tableStore.url = '/event-boot/areaAnalysis/getEventReason'
} else {
// tableStore.table.params.scale = compatibility.value.checkedVoltage
// tableStore.table.params.loadType = compatibility.value.checkedSource
tableStore.url = '/event-boot/areaAnalysis/getVoltageToleranceCurve'
}
await tableStore.onTableAction('search', {})
}
const layout = mainHeight(123) as any
const backbxlb = () => {
view.value = true
view2.value = false
}
const waveFormRef = ref()
// 查看波形
const viewWave = (row: any) => {
view.value = false
setTimeout(() => {
waveFormRef.value.open({ ...row, startTime: row.time,
featureAmplitude:row.eventValue,
duration:row.persistTime
})
}, 100)
}
</script>
<style lang="scss" scoped>
.bars_w {
width: 100%;
height: 500px;
}
:deep(.el-tabs__content) {
height: v-bind('layout.height');
overflow-y: auto;
}
</style>

14
src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/ITICquxianfenxi/index.vue
View File

@@ -15,7 +15,7 @@
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
</el-descriptions>
<div style="flex: 1" class="mt10">
<my-echart :options="options" />
<my-echart :options="options" @echartClick="echartClick" />
</div>
</div>
</template>
@@ -52,7 +52,7 @@ const init = () => {
data.gs = res.data.voltageToleranceCurveDataList.length
data.krr = gongData.pointI.length
data.bkrr = gongData.pointIun.length
options.value = {
// backgroundColor: "#f9f9f9", //地图背景色深蓝
title: {
@@ -107,7 +107,7 @@ const init = () => {
name: '%'
}
],
color: ['#FF8C00', '#00BFFF', 'green', 'red'],
color: ['#FF8C00', '#00BFFF', 'green', 'red'],
options: {
dataZoom: null,
series: [
@@ -186,7 +186,7 @@ function gongfunction(arr: any) {
let time = arr[i].time
let eventId = arr[i].eventId
// let index =arr[i].eventDetailIndex;
point = [xx, yy, time, eventId]
point = [xx, yy, time, eventId, arr[i]]
if (xx <= 0.003) {
let line = 0
@@ -324,9 +324,13 @@ function gongfunction(arr: any) {
pointFun
}
}
const emit = defineEmits(['viewWave'])
const echartClick = (params: any) => {
emit('viewWave', params.value[4])
}
onMounted(() => {
datePickerRef.value.setTheDate(1)
datePickerRef.value.setTheDate(1)
init()
})
</script>

19
src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/SEMIF47fenxi/index.vue
View File

@@ -15,7 +15,7 @@
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
</el-descriptions>
<div style="flex: 1" class="mt10">
<my-echart :options="options" />
<my-echart :options="options" @echartClick="echartClick" />
</div>
</div>
</template>
@@ -52,7 +52,7 @@ const init = () => {
data.gs = res.data.voltageToleranceCurveDataList.length
data.krr = gongData.pointF.length
data.bkrr = gongData.pointFun.length
options.value = {
// backgroundColor: "#f9f9f9", //地图背景色深蓝
title: {
@@ -172,7 +172,7 @@ function gongfunction(arr: any) {
let time = arr[i].time
let eventId = arr[i].eventId
// let index =arr[i].eventDetailIndex;
point = [xx, yy, time, eventId]
point = [xx, yy, time, eventId, arr[i]]
if (xx <= 0.003) {
let line = 0
@@ -205,8 +205,6 @@ function gongfunction(arr: any) {
})
}
} else if (xx <= 0.5) {
if (yy > 120 || yy < 70) {
unstandI++
pointIun.push({
@@ -251,14 +249,12 @@ function gongfunction(arr: any) {
}
if (xx < 0.05) {
standF++
pointF.push({
value: point,
itemStyle: { normal: { color: 'green' } }
})
} else if (xx < 0.2) {
if (yy > 50) {
standF++
pointF.push({
@@ -274,7 +270,6 @@ function gongfunction(arr: any) {
}
} else if (xx < 0.5) {
if (yy > 70) {
standF++
pointF.push({
value: point,
@@ -289,7 +284,6 @@ function gongfunction(arr: any) {
}
} else {
if (yy > 80) {
standF++
pointF.push({
value: point,
@@ -316,9 +310,12 @@ function gongfunction(arr: any) {
pointFun
}
}
const emit = defineEmits(['viewWave'])
const echartClick = (params: any) => {
emit('viewWave', params.value[4])
}
onMounted(() => {
datePickerRef.value.setTheDate(1)
datePickerRef.value.setTheDate(1)
init()
})
</script>

8
src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<el-tabs v-model="activeName" type="border-card" class="event-statistics" tab-position="left" :style="height">
<el-tab-pane lazy label="ITIC曲线分析" name="1">
<ITICquxianfenxi />
<ITICquxianfenxi @viewWave="viewWave"/>
</el-tab-pane>
<el-tab-pane lazy label="SEMI F47 分析" name="2">
<SEMIF47fenxi />
<SEMIF47fenxi @viewWave="viewWave"/>
</el-tab-pane>
<el-tab-pane lazy label="电压暂降表及密度" name="3">
<Dianyazanjiangbiaojimidu />
@@ -35,12 +35,16 @@ const props = defineProps({
default: 0
}
})
const emit = defineEmits(['viewWave'])
const activeName = ref('1')
const height = ref(mainHeight(84 + props.externalHeight))
// onMounted(() => {
// height.value = mainHeight(84 + props.externalHeight)
// console.log("🚀 ~ 84 + props.externalHeight:", 84 + props.externalHeight)
// })
const viewWave=(row:any)=>{
emit('viewWave',row)
}
</script>
<style lang="scss">
.event-statistics {

76
src/views/pqs/voltageSags/monitoringPoint/online/index.vue
View File

@@ -1,34 +1,39 @@
<template>
<div class="default-main" style="position: relative">
<el-tabs v-model="activeName" type="border-card" class="demo-tabs">
<el-tab-pane label="导航" name="1" :style="height" lazy>
<Navigation @changeTab="changeTab" ref="navigationRef" />
</el-tab-pane>
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
<EventStatistics />
</el-tab-pane>
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
<EventStudy />
</el-tab-pane>
<el-tab-pane label="运行情况" name="4" lazy :style="height" v-if="!isReload">
<RunningCondition />
</el-tab-pane>
<el-tab-pane label="暂态报告" name="5" lazy v-if="VITE_FLAG">
<TransientReport />
</el-tab-pane>
</el-tabs>
<div class="monitoring-point">当前位置：{{ monitoringPoint.state.lineName }}</div>
<div v-show="view">
<el-tabs v-model="activeName" type="border-card" class="demo-tabs">
<el-tab-pane label="导航" name="1" :style="height" lazy>
<Navigation @changeTab="changeTab" ref="navigationRef" />
</el-tab-pane>
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
<EventStatistics @viewWave="viewWave" />
</el-tab-pane>
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
<EventStudy />
</el-tab-pane>
<el-tab-pane label="运行情况" name="4" lazy :style="height" v-if="!isReload">
<RunningCondition />
</el-tab-pane>
<el-tab-pane label="暂态报告" name="5" lazy v-if="VITE_FLAG">
<TransientReport />
</el-tab-pane>
</el-tabs>
<div class="monitoring-point">当前位置：{{ monitoringPoint.state.lineName }}</div>
</div>
<div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
<waveForm ref="waveFormRef" senior :boxoList="boxoList" :wp="wp" @backbxlb="backbxlb" />
</div>
</div>
</template>
<script setup lang="ts">
import { defineOptions, nextTick, ref, watch } from 'vue'
import { nextTick, ref, watch } from 'vue'
import Navigation from './navigation/index.vue'
import EventStatistics from './eventStatistics/index.vue'
import EventStudy from './eventStudy/index.vue'
import RunningCondition from './runningCondition/index.vue'
import TransientReport from './transientReport/index.vue'
import { mainHeight } from '@/utils/layout'
import waveForm from '@/components/echarts/waveForm.vue'
import router from '@/router'
import { useMonitoringPoint } from '@/stores/monitoringPoint'
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
@@ -37,14 +42,17 @@ defineOptions({
})
const isReload = ref(false)
const navigationRef = ref()
const pageHeight = mainHeight(20)
const monitoringPoint = useMonitoringPoint()
const height = mainHeight(82)
const activeName = ref('1')
const view = ref(true)
const view2 = ref(false)
const boxoList = ref({})
const wp = ref({})
watch(
() => router.currentRoute.value.query.lineId,
(newLineId, oldLineId) => {
if (!newLineId) return
// 在这里处理 lineId 的变化
console.log('newLineId')
@@ -62,7 +70,6 @@ watch(
watch(
() => monitoringPoint.state.lineId,
() => {
// 刷新页面
isReload.value = true
nextTick(() => {
@@ -70,8 +77,27 @@ watch(
})
}
)
const changeTab = (e: string,) => {
const backbxlb = () => {
view.value = true
view2.value = false
}
const waveFormRef = ref()
// 查看波形
const viewWave = (row: any) => {
view.value = false
setTimeout(() => {
console.log(123, monitoringPoint.state)
waveFormRef.value.open({
...row,
lineName: monitoringPoint.state.lineName.split('>').pop(),
startTime: row.time,
featureAmplitude: row.eventValue / 100,
duration: row.persistTime
})
}, 100)
}
const changeTab = (e: string) => {
activeName.value = e
}
</script>

9
src/views/pqs/voltageSags/monitoringPoint/online/navigation/map.vue
View File

@@ -242,19 +242,19 @@ const handler = async ({ BMap, map }: any) => {
siteList.value = list
center.value.lng = list[0]?.lng || 0
center.value.lat = list[0]?.lat + 0.01 || 0
center.value.lat = list[0]?.lat
watch(
() => monitoringPoint.state.lineId,
(newLineId, oldLineId) => {
let value = areaLineInfo.value.find((item: any) => item.lineId == newLineId)
if (value == undefined) return
center.value.lng = value.lng
center.value.lat = value.lat + 0.01
center.value.lat = value.lat
infoWindowPoint.value = value
infoWindowPoint.value.show = true
monitoringPoint.setValue(
'lineName',
value.manufacturer + '>' + value.gdName + '>' + value.subName + '>' + value.lineName
@@ -274,7 +274,6 @@ const syncCenterAndZoom = (e: any) => {
const markerClick = (e: any) => {
//console.log("🚀 ~ markerClick ~ e:", e)
infoWindowPoint.value = e
monitoringPoint.setValue('lineId', e.lineId)
infoWindowPoint.value.show = true
}
const changeTab = (e: string) => {

111
src/views/pqs/voltageSags/overview/index.vue
View File

@@ -91,63 +91,58 @@
@click="markerClick(path)"
></bm-marker>
</BmlMarkerClusterer>
<BmlMarkerClusterer maxZoom="12">
<bm-marker :position="infoWindowPoint" :icon="{ url: '1', size: { width: 0, height: 0 } }">
<bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
<el-descriptions
:title="infoWindowPoint.lineName"
:column="1"
v-if="infoWindowPoint.lineId"
>
<el-descriptions-item label="供电公司">
{{ infoWindowPoint.gdName }}
</el-descriptions-item>
<el-descriptions-item label="变电站(场站)">
{{ infoWindowPoint.subName }}
</el-descriptions-item>
<el-descriptions-item label="母线">
{{ infoWindowPoint.voltageName }}
</el-descriptions-item>
<el-descriptions-item label="网络参数">
{{ infoWindowPoint.ip }}
</el-descriptions-item>
<el-descriptions-item label="PT变比">
{{ infoWindowPoint.pt1 }}/{{ infoWindowPoint.pt2 }}
</el-descriptions-item>
<el-descriptions-item label="CT变比">
{{ infoWindowPoint.ct1 }}/{{ infoWindowPoint.ct2 }}
</el-descriptions-item>
<el-descriptions-item label="生产厂家">
{{ infoWindowPoint.manufacturer }}
</el-descriptions-item>
<el-descriptions-item label="终端状态">
{{
infoWindowPoint.runFlag == 0
? '投运'
: infoWindowPoint.runFlag == 1
? '检修'
: '停运'
}}
</el-descriptions-item>
<el-descriptions-item label="通讯状态">
{{ infoWindowPoint.comFlag == 0 ? '中断' : '正常' }}
</el-descriptions-item>
<el-descriptions-item>
<!-- <el-button type="primary" size="small" @click="lookPoint">查看监测点</el-button> -->
<el-button type="primary" size="small" @click="lookEvent">
暂态事件({{ infoWindowPoint.noDealCount }})
</el-button>
</el-descriptions-item>
</el-descriptions>
<el-descriptions
:title="infoWindowPoint.subName"
:column="1"
v-else-if="infoWindowPoint.subId"
style="padding-top: 10px"
></el-descriptions>
</bm-info-window>
</bm-marker>
</BmlMarkerClusterer>
<bm-marker :position="infoWindowPoint" :icon="{ url: '1', size: { width: 0, height: 0 } }">
<bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
<el-descriptions :title="infoWindowPoint.lineName" :column="1" v-if="infoWindowPoint.lineId">
<el-descriptions-item label="供电公司">
{{ infoWindowPoint.gdName }}
</el-descriptions-item>
<el-descriptions-item label="变电站(场站)">
{{ infoWindowPoint.subName }}
</el-descriptions-item>
<el-descriptions-item label="母线">
{{ infoWindowPoint.voltageName }}
</el-descriptions-item>
<el-descriptions-item label="网络参数">
{{ infoWindowPoint.ip }}
</el-descriptions-item>
<el-descriptions-item label="PT变比">
{{ infoWindowPoint.pt1 }}/{{ infoWindowPoint.pt2 }}
</el-descriptions-item>
<el-descriptions-item label="CT变比">
{{ infoWindowPoint.ct1 }}/{{ infoWindowPoint.ct2 }}
</el-descriptions-item>
<el-descriptions-item label="生产厂家">
{{ infoWindowPoint.manufacturer }}
</el-descriptions-item>
<el-descriptions-item label="终端状态">
{{
infoWindowPoint.runFlag == 0
? '投运'
: infoWindowPoint.runFlag == 1
? '检修'
: '停运'
}}
</el-descriptions-item>
<el-descriptions-item label="通讯状态">
{{ infoWindowPoint.comFlag == 0 ? '中断' : '正常' }}
</el-descriptions-item>
<el-descriptions-item>
<!-- <el-button type="primary" size="small" @click="lookPoint">查看监测点</el-button> -->
<el-button type="primary" size="small" @click="lookEvent">
暂态事件({{ infoWindowPoint.noDealCount }})
</el-button>
</el-descriptions-item>
</el-descriptions>
<el-descriptions
:title="infoWindowPoint.subName"
:column="1"
v-else-if="infoWindowPoint.subId"
style="padding-top: 10px"
></el-descriptions>
</bm-info-window>
</bm-marker>
</baidu-map>
</div>
<div style="width: 600px; height: 100%">
@@ -302,7 +297,7 @@ const pointChange = (val: string) => {
let data = areaLineInfo.value.find((item: any) => item.lineId == val)
center.value.lng = data.lng
center.value.lat = data.lat + 0.04
center.value.lat = data.lat
infoWindowPoint.value = data
infoWindowPoint.value.show = true
zoom.value = 13

4
src/views/system/strategyManage/index.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="strategy-manage pd10" :style="height">
<div class="strategy-manage pd10" :style="height" style="overflow-y: auto;">
<!-- 折叠面板 -->
<el-collapse v-model="activeNames" >
@@ -194,7 +194,7 @@ import { ElMessageBox } from 'element-plus'
// 页面缓存
defineOptions({
name: 'system-boot/sysConfig/timer'
name: 'system-boot/strategyManage'
})
const height = mainHeight(20)