新增阿克苏 echart地图json

This commit is contained in:
guanj
2025-10-14 15:00:13 +08:00
parent 1bde44902f
commit 1496b64c76
54 changed files with 182654 additions and 174008 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -164,6 +164,10 @@ const GetEchar = async (name: string) => {
}
}
myCharts.value.setOption(option)
setTimeout(() => {
// 刷新地图
myCharts.value.setOption(option)
}, 0)
window.addEventListener('resize', resizeHandler)
const flag1 = ref(true)
// 点击事件

View File

@@ -33,6 +33,7 @@ body,
::-webkit-scrollbar-thumb {
background-color: var(--el-color-primary);
border-radius: 5px;
cursor: pointer !important;
}
/* 修改横向滚动条轨道 */
@@ -43,6 +44,7 @@ body,
/* 修改横向滚动条拇指thumb */
::-webkit-scrollbar-thumb:horizontal {
background-color: var(--el-color-primary);
cursor: pointer !important;
border-radius: 5px;
}

File diff suppressed because one or more lines are too long

View File

@@ -31,6 +31,7 @@ body,
::-webkit-scrollbar-thumb {
background-color: var(--el-color-primary);
border-radius: 5px;
cursor: pointer !important;
}
/* 修改横向滚动条轨道 */
::-webkit-scrollbar:horizontal {
@@ -39,6 +40,7 @@ body,
/* 修改横向滚动条拇指thumb */
::-webkit-scrollbar-thumb:horizontal {
background-color: var(--el-color-primary);
cursor: pointer !important;
border-radius: 5px;
}
// 阿里 iconfont Symbol引用css

View File

@@ -121,12 +121,14 @@
border-radius: var(--el-border-radius-base);
box-shadow: none;
-webkit-box-shadow: none;
cursor: pointer !important;
}
.el-overlay-dialog:hover::-webkit-scrollbar-thumb:hover,
.el-tabs__content:hover::-webkit-scrollbar-thumb:hover,
.ba-scroll-style:hover::-webkit-scrollbar-thumb:hover {
background: #c8c9cc;
cursor: pointer !important;
}
/* dialog滚动条-e */

View File

@@ -1 +1 @@
*{--el-card-padding:10px}.el-input .el-input__inner{height:30px;line-height:calc(var(--el-input-height, 40px) - 4px)}.datetime-picker{height:32px;padding-top:0;padding-bottom:0}.el-divider__text.is-center{transform:translateX(-50%) translateY(-62%)}.el-divider__text{font-size:16px;font-weight:600}.el-menu{user-select:none}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background-color:var(--el-menu-hover-color) !important;color:var(--el-menu-active-color) !important}.el-menu .el-menu-item:hover .icon,.el-menu .el-sub-menu__title:hover .icon{color:var(--el-menu-active-color) !important}.atooltip{margin-top:0px !important;padding:0 !important}.el-dialog{padding:0px !important}.el-dialog .el-dialog__footer{padding:15px;box-shadow:var(--el-box-shadow);width:100%;bottom:0}.el-dialog__body{max-height:60vh;overflow-y:auto;padding:10px}.el-dialog__header{background:var(--el-color-primary);padding:15px;margin-right:0px}.el-dialog__header .el-dialog__headerbtn{top:5px}.el-dialog__header .el-dialog__headerbtn .el-icon{color:var(--el-color-white)}.el-dialog__header .el-dialog__headerbtn:hover .el-icon{color:#ccc}.el-dialog__header .el-dialog__title{color:var(--el-color-white)}.el-table{--el-table-border-color:var(--ba-border-color)}.el-card{border:none}.el-card__header{border-bottom:1px solid var(--el-border-color-extra-light)}.el-textarea__inner{padding:5px 11px}.el-overlay-dialog,.el-tabs__content,.ba-scroll-style{scrollbar-width:none}.el-overlay-dialog::-webkit-scrollbar,.el-tabs__content::-webkit-scrollbar,.ba-scroll-style::-webkit-scrollbar{width:5px;height:5px}.el-overlay-dialog::-webkit-scrollbar-thumb,.el-tabs__content::-webkit-scrollbar-thumb,.ba-scroll-style::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:var(--el-border-radius-base);box-shadow:none;-webkit-box-shadow:none}.el-overlay-dialog:hover::-webkit-scrollbar-thumb:hover,.el-tabs__content:hover::-webkit-scrollbar-thumb:hover,.ba-scroll-style:hover::-webkit-scrollbar-thumb:hover{background:#c8c9cc}.ba-input-item-radio{margin-bottom:10px}.ba-input-item-radio .el-radio-group .el-radio{margin-bottom:8px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:var(--el-color-primary);color:var(--el-color-white)}.el-tabs__header{margin-bottom:0}.el-form--inline .el-form-item{margin-bottom:10px}.el-tabs--border-card>.el-tabs__content{padding:10px}.el-page-header__header{line-height:32px}.el-page-header__header .el-page-header__content{font-size:14px;font-weight:700}.el-select{min-width:200px}.el-tabs__content{height:calc(100% - 40px)}.el-tabs__content .el-tab-pane{height:100%}.el-button--primary:focus{color:var(--el-color-white);outline:0}.el-button--primary:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:0}.el-button.is-plain:focus{color:var(--el-button-text-color);border-color:var(--el-button-border-color)}.el-button.is-plain:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-button.is-link:focus{color:var(--el-button-text-color)}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button--primary.is-link:hover,.el-button--primary.is-plain:hover,.el-button--primary.is-text:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9) !important}.el-divider--horizontal{margin:15px 0}.el-step__title{cursor:pointer}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-color-primary);opacity:0.6}.sgmap-ctrl-bottom-left{display:none !important}.el-drawer__header{margin-bottom:0 !important}.el-pagination__sizes .el-select{min-width:128px}.el-card__header{padding:10px}.el-card__header span{font-size:16px;font-weight:600}.el-select__input-wrapper{width:11px}.el-drawer__header{background:var(--el-color-primary);padding:18px;margin-right:0px}.el-drawer__header .el-drawer__close-btn{top:5px}.el-drawer__header .el-drawer__close-btn .el-icon{color:var(--el-color-white)}.el-drawer__header .el-drawer__close-btn:hover .el-icon{color:#ccc}.el-drawer__header .el-drawer__title{color:var(--el-color-white);font-size:18px}.el-drawer__body{padding:10px}
*{--el-card-padding:10px}.el-input .el-input__inner{height:30px;line-height:calc(var(--el-input-height, 40px) - 4px)}.datetime-picker{height:32px;padding-top:0;padding-bottom:0}.el-divider__text.is-center{transform:translateX(-50%) translateY(-62%)}.el-divider__text{font-size:16px;font-weight:600}.el-menu{user-select:none}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background-color:var(--el-menu-hover-color) !important;color:var(--el-menu-active-color) !important}.el-menu .el-menu-item:hover .icon,.el-menu .el-sub-menu__title:hover .icon{color:var(--el-menu-active-color) !important}.atooltip{margin-top:0px !important;padding:0 !important}.el-dialog{padding:0px !important}.el-dialog .el-dialog__footer{padding:15px;box-shadow:var(--el-box-shadow);width:100%;bottom:0}.el-dialog__body{max-height:60vh;overflow-y:auto;padding:10px}.el-dialog__header{background:var(--el-color-primary);padding:15px;margin-right:0px}.el-dialog__header .el-dialog__headerbtn{top:5px}.el-dialog__header .el-dialog__headerbtn .el-icon{color:var(--el-color-white)}.el-dialog__header .el-dialog__headerbtn:hover .el-icon{color:#ccc}.el-dialog__header .el-dialog__title{color:var(--el-color-white)}.el-table{--el-table-border-color:var(--ba-border-color)}.el-card{border:none}.el-card__header{border-bottom:1px solid var(--el-border-color-extra-light)}.el-textarea__inner{padding:5px 11px}.el-overlay-dialog,.el-tabs__content,.ba-scroll-style{scrollbar-width:none}.el-overlay-dialog::-webkit-scrollbar,.el-tabs__content::-webkit-scrollbar,.ba-scroll-style::-webkit-scrollbar{width:5px;height:5px}.el-overlay-dialog::-webkit-scrollbar-thumb,.el-tabs__content::-webkit-scrollbar-thumb,.ba-scroll-style::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:var(--el-border-radius-base);box-shadow:none;-webkit-box-shadow:none;cursor:pointer !important}.el-overlay-dialog:hover::-webkit-scrollbar-thumb:hover,.el-tabs__content:hover::-webkit-scrollbar-thumb:hover,.ba-scroll-style:hover::-webkit-scrollbar-thumb:hover{background:#c8c9cc;cursor:pointer !important}.ba-input-item-radio{margin-bottom:10px}.ba-input-item-radio .el-radio-group .el-radio{margin-bottom:8px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:var(--el-color-primary);color:var(--el-color-white)}.el-tabs__header{margin-bottom:0}.el-form--inline .el-form-item{margin-bottom:10px}.el-tabs--border-card>.el-tabs__content{padding:10px}.el-page-header__header{line-height:32px}.el-page-header__header .el-page-header__content{font-size:14px;font-weight:700}.el-select{min-width:200px}.el-tabs__content{height:calc(100% - 40px)}.el-tabs__content .el-tab-pane{height:100%}.el-button--primary:focus{color:var(--el-color-white);outline:0}.el-button--primary:hover{color:var(--el-color-white);border-color:var(--el-color-primary-light-3);background-color:var(--el-color-primary-light-3);outline:0}.el-button.is-plain:focus{color:var(--el-button-text-color);border-color:var(--el-button-border-color)}.el-button.is-plain:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-button.is-link:focus{color:var(--el-button-text-color)}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button--primary.is-link:hover,.el-button--primary.is-plain:hover,.el-button--primary.is-text:hover{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9) !important}.el-divider--horizontal{margin:15px 0}.el-step__title{cursor:pointer}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-color-primary);opacity:0.6}.sgmap-ctrl-bottom-left{display:none !important}.el-drawer__header{margin-bottom:0 !important}.el-pagination__sizes .el-select{min-width:128px}.el-card__header{padding:10px}.el-card__header span{font-size:16px;font-weight:600}.el-select__input-wrapper{width:11px}.el-drawer__header{background:var(--el-color-primary);padding:18px;margin-right:0px}.el-drawer__header .el-drawer__close-btn{top:5px}.el-drawer__header .el-drawer__close-btn .el-icon{color:var(--el-color-white)}.el-drawer__header .el-drawer__close-btn:hover .el-icon{color:#ccc}.el-drawer__header .el-drawer__title{color:var(--el-color-white);font-size:18px}.el-drawer__body{padding:10px}

View File

@@ -110,11 +110,13 @@
border-radius: var(--el-border-radius-base);
box-shadow: none;
-webkit-box-shadow: none;
cursor: pointer !important;
}
&:hover {
&::-webkit-scrollbar-thumb:hover {
background: #c8c9cc;
cursor: pointer !important;
}
}
}

View File

@@ -74,26 +74,26 @@ const tableStore = new TableStore({
{ field: 'cityCompany', title: '地区公司', minWidth: "100px", },
{ field: 'plantName', title: '变电站名称', minWidth: "180px", },
{ field: 'plantVoltageLevel', title: '电压等级', minWidth: "100px", },
{ field: 'onlineMonitorCounts', title: '在线监测点数量(个)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "150px", },
{ field: 'alertMonitorCounts', title: '告警监测点数量(个)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "150px", },
{ field: 'alertCounts', title: '告警次数', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'alertAlarmFrequency', title: '告警频次(次/点)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "150px", },
{ field: 'onlineMonitorCounts', title: '在线监测点数量(个)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "90px", },
{ field: 'alertMonitorCounts', title: '告警监测点数量(个)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "90px", },
{ field: 'alertCounts', title: '告警次数', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'alertAlarmFrequency', title: '告警频次(次/点)', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "90px", },
{
title: '各项稳态指标告警频次(次/点)', children: [
{ field: 'frequencyDeviation', title: '频率偏差', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'voltageDeviation', title: '电压偏差', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'harmonicVoltage', title: '谐波电压', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'harmonicCurrent', title: '谐波电流', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'threePhaseVoltageUnbalance', title: '三相电压不平衡度', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "180px", },
{ field: 'flicker', title: '闪变', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'negative', title: '负序电流', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'interHarmonic', title: '间谐波电压', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'frequencyDeviation', title: '频率偏差', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'voltageDeviation', title: '电压偏差', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'harmonicVoltage', title: '谐波电压', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'harmonicCurrent', title: '谐波电流', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'threePhaseVoltageUnbalance', title: '三相电压不平衡度', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "130px", },
{ field: 'flicker', title: '闪变', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'negative', title: '负序电流', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'interHarmonic', title: '间谐波电压', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
]
}, {
title: '各项暂态指标告警频次(次/点)', children: [
{ field: 'shortInterruption', title: '短时中断', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'voltageDip', title: '电压暂降', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'voltageSwell', title: '电压暂升', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "100px", },
{ field: 'shortInterruption', title: '短时中断', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'voltageDip', title: '电压暂降', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
{ field: 'voltageSwell', title: '电压暂升', formatter: (row: any) => { return row.cellValue == -1 ? '/' : row.cellValue }, minWidth: "80px", },
]
},

View File

@@ -65,48 +65,48 @@ const tableStore = new TableStore({
{ field: 'provinceCompany', title: '地级区', minWidth: "150px", },
{ field: 'cityCompany', title: '供电公司', minWidth: "150px", },
{ field: 'subName', title: '变电站', minWidth: "150px", },
{ field: 'lineScale', title: '电压等级', minWidth: "150px", },
{ field: 'lineScale', title: '电压等级', minWidth: "120px", },
{ field: 'lineName', title: '监测点名称', minWidth: "150px", },
{ field: 'loadType', title: '干扰源类型', minWidth: "150px", },
{ field: 'lineObjectName', title: '监测点对象名称', minWidth: "150px", formatter: (row: any) => { return row.cellValue == null ? '/' : row.cellValue } },
{ field: 'overDay', title: '超标天数', minWidth: "150px", },
{ field: 'freqOverDay', title: '频率偏差超标天数', minWidth: "150px", },
{ field: 'volDevOverDay', title: '电压偏差超标天数', minWidth: "180px", },
{ field: 'volDisOverDay', title: '电压总畸变率超标天数', minWidth: "180px", },
{ field: 'volContainOverDay', title: '谐波电压含有率超标天数', minWidth: "180px", },
{ field: 'harmVolOverDay', title: '谐波电压超标天数', minWidth: "180px", },
{ field: 'harmCurOverDay', title: '谐波电流超标天数', minWidth: "180px", },
{ field: 'overDay', title: '超标天数', minWidth: "80px", },
{ field: 'freqOverDay', title: '频率偏差超标天数', minWidth: "100px", },
{ field: 'volDevOverDay', title: '电压偏差超标天数', minWidth: "100px", },
{ field: 'volDisOverDay', title: '电压总畸变率超标天数', minWidth: "100px", },
{ field: 'volContainOverDay', title: '谐波电压含有率超标天数', minWidth: "110px", },
{ field: 'harmVolOverDay', title: '谐波电压超标天数', minWidth: "100px", },
{ field: 'harmCurOverDay', title: '谐波电流超标天数', minWidth: "100px", },
{
title: '各次谐波电压含有率超标天数',
children: [
{ field: 'overVolThreeTimes', title: '3次', minWidth: "80px", },
{ field: 'overVolFiveTimes', title: '5次', minWidth: "80px", },
{ field: 'overVolSevenTimes', title: '7次', minWidth: "80px", },
{ field: 'overVolElevenTimes', title: '11次', minWidth: "80px", },
{ field: 'overVolThirteenTimes', title: '13次', minWidth: "80px", },
{ field: 'overVolTwentyThreeTimes', title: '23次', minWidth: "80px", },
{ field: 'overVolTwentyFiveTimes', title: '25次', minWidth: "80px", },
{ field: 'overVolOtherTimes', title: '其他次', minWidth: "80px", },
{ field: 'overVolThreeTimes', title: '3次', minWidth: "70px", },
{ field: 'overVolFiveTimes', title: '5次', minWidth: "70px", },
{ field: 'overVolSevenTimes', title: '7次', minWidth: "70px", },
{ field: 'overVolElevenTimes', title: '11次', minWidth: "70px", },
{ field: 'overVolThirteenTimes', title: '13次', minWidth: "70px", },
{ field: 'overVolTwentyThreeTimes', title: '23次', minWidth: "70px", },
{ field: 'overVolTwentyFiveTimes', title: '25次', minWidth: "70px", },
{ field: 'overVolOtherTimes', title: '其他次', minWidth: "70px", },
],
},
{
title: '各次谐波电流幅值超标天数',
children: [
{ field: 'overCurThreeTimes', title: '3次', minWidth: "80px", },
{ field: 'overCurFiveTimes', title: '5次', minWidth: "80px", },
{ field: 'overCurSevenTimes', title: '7次', minWidth: "80px", },
{ field: 'overCurElevenTimes', title: '11次', minWidth: "80px", },
{ field: 'overCurThirteenTimes', title: '13次', minWidth: "80px", },
{ field: 'overCurTwentyThreeTimes', title: '23次', minWidth: "80px", },
{ field: 'overCurTwentyFiveTimes', title: '25次', minWidth: "80px", },
{ field: 'overCurOtherTimes', title: '其他次', minWidth: "80px", },
{ field: 'overCurThreeTimes', title: '3次', minWidth: "70px", },
{ field: 'overCurFiveTimes', title: '5次', minWidth: "70px", },
{ field: 'overCurSevenTimes', title: '7次', minWidth: "70px", },
{ field: 'overCurElevenTimes', title: '11次', minWidth: "70px", },
{ field: 'overCurThirteenTimes', title: '13次', minWidth: "70px", },
{ field: 'overCurTwentyThreeTimes', title: '23次', minWidth: "70px", },
{ field: 'overCurTwentyFiveTimes', title: '25次', minWidth: "70px", },
{ field: 'overCurOtherTimes', title: '其他次', minWidth: "70px", },
],
},
{ field: 'threeUnbalance', title: '三相电压不平衡度超标天数', minWidth: "180px", },
{ field: 'negativeOverDay', title: '负序电流超标天数', minWidth: "180px", },
{ field: 'flickerOverDay', title: '闪变超标天数', minWidth: "180px", },
{ field: 'threeUnbalance', title: '三相电压不平衡度超标天数', minWidth: "110px", },
{ field: 'negativeOverDay', title: '负序电流超标天数', minWidth: "100px", },
{ field: 'flickerOverDay', title: '闪变超标天数', minWidth: "100px", },
{ field: 'monitorNumber', title: '监测点编号', minWidth: "180px", formatter: (row: any) => { return row.cellValue == null ? '/' : row.cellValue } },

View File

@@ -110,7 +110,7 @@ const tableStore = new TableStore({
{
field: 'onlineMonitorNumber',
title: '在线监测点数量(个)',
minWidth: '200px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -118,7 +118,7 @@ const tableStore = new TableStore({
{
field: 'overLimitMonitorNumber',
title: '超标监测点数量(个)',
minWidth: '200px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -126,7 +126,7 @@ const tableStore = new TableStore({
{
field: 'overBiLi',
title: '超标监测点占比(%)',
minWidth: '200px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -137,7 +137,7 @@ const tableStore = new TableStore({
{
field: 'frequencyMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -145,7 +145,7 @@ const tableStore = new TableStore({
{
field: 'frequencyBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -153,7 +153,7 @@ const tableStore = new TableStore({
{
field: 'frequencyOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -166,7 +166,7 @@ const tableStore = new TableStore({
{
field: 'voltageMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -174,7 +174,7 @@ const tableStore = new TableStore({
{
field: 'voltageBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -182,7 +182,7 @@ const tableStore = new TableStore({
{
field: 'voltageOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -195,7 +195,7 @@ const tableStore = new TableStore({
{
field: 'harmonicVoltageMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -203,7 +203,7 @@ const tableStore = new TableStore({
{
field: 'harmonicVoltageBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -211,7 +211,7 @@ const tableStore = new TableStore({
{
field: 'harmonicVoltageOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -224,7 +224,7 @@ const tableStore = new TableStore({
{
field: 'harmonicCurrentMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -232,7 +232,7 @@ const tableStore = new TableStore({
{
field: 'harmonicCurrentBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -240,7 +240,7 @@ const tableStore = new TableStore({
{
field: 'harmonicCurrentOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -253,7 +253,7 @@ const tableStore = new TableStore({
{
field: 'threePhaseVoltageMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -261,7 +261,7 @@ const tableStore = new TableStore({
{
field: 'threePhaseVoltageBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -269,7 +269,7 @@ const tableStore = new TableStore({
{
field: 'threePhaseVoltageOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -282,7 +282,7 @@ const tableStore = new TableStore({
{
field: 'flickerMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -290,7 +290,7 @@ const tableStore = new TableStore({
{
field: 'flickerBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -298,7 +298,7 @@ const tableStore = new TableStore({
{
field: 'flickerOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -311,7 +311,7 @@ const tableStore = new TableStore({
{
field: 'negativeMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -319,7 +319,7 @@ const tableStore = new TableStore({
{
field: 'negativeBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -327,7 +327,7 @@ const tableStore = new TableStore({
{
field: 'negativeOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -340,7 +340,7 @@ const tableStore = new TableStore({
{
field: 'interHarmonicMonitorNumber',
title: '超标点数(天/点)',
minWidth: '200px',
minWidth: '140px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -348,7 +348,7 @@ const tableStore = new TableStore({
{
field: 'interHarmonicBiLi',
title: '超标占比(%)',
minWidth: '120px',
minWidth: '100px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}
@@ -356,7 +356,7 @@ const tableStore = new TableStore({
{
field: 'interHarmonicOverDayBiLi',
title: '平均超标天数(天/点)',
minWidth: '200px',
minWidth: '150px',
formatter: (row: any) => {
return row.cellValue == -1 ? '/' : row.cellValue
}

View File

@@ -1,41 +1,27 @@
<template>
<div class="flex" style="margin: 15px 0">
<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" style="margin: 15px 0">
<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>
<div class="flex" style="margin: 15px 0">
<div class="flex">
<span style="width: 100px; line-height: 32px">兼容曲线:</span>
<el-radio-group v-model="radio" @change="radioChange">
<el-radio label="ITIC">ITIC</el-radio>
@@ -57,6 +43,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 dictData = useDictData()
const isIndeterminate = ref(false)
const isIndeterminate1 = ref(false)
@@ -146,6 +133,10 @@ const info = async (list: any) => {
left: '80px',
top: '18px'
},
grid: {
top: '60px',
bottom: '10px'
},
color: ['#FF8C00', '#00BFFF', 'green', 'red'],
xAxis: {
type: 'log',
@@ -253,6 +244,10 @@ const info = async (list: any) => {
left: '80px',
top: '18px'
},
grid: {
top: '60px',
bottom: '10px'
},
color: ['#DAA520', 'green', 'red'],
xAxis: {
type: 'log',
@@ -475,20 +470,23 @@ const gongfunction = () => {
}
defineExpose({ checkedVoltage, checkedSource, info })
const layout = mainHeight(390) as any
const layout = mainHeight(320) as any
</script>
<style lang="scss" scoped>
.flex {
display: flex;
}
.bars_w {
height: calc(v-bind('layout.height'));
}
.dw {
position: absolute;
top: 210px;
top: 160px;
right: 70px;
}
:deep(.vxe-table--body-wrapper) {
min-height: 30px !important;
height: 40px !important;

View File

@@ -131,7 +131,7 @@ const map = (res: any) => {
tooltip: {
formatter: function (params: any) {
var tips = ''
console.log('🚀 ~ map ~ params:', params)
if (Number.isNaN(params.value) == true) {
tips += params.name + '</br>'

View File

@@ -102,8 +102,9 @@ const initFirst = () => {
},
backgroundColor: 'rgba(0,0,0,0.55)',
formatter: function(params: any) {
let tips = ''
tips += '时间:' + year + '</br/>'
tips += '时间:' + params[0].name + '</br/>'
for (let i = 0; i < params.length; i++) {
if (params[i].value == 3.14159) {
tips += '在线率' + ':暂无数据<br/>'
@@ -301,6 +302,7 @@ onMounted(() => {
box-sizing: border-box;
padding: 14px;
border: 1px solid var(--el-border-color);
overflow: hidden;
.zanjiangfenbutongji {
position: relative;

View File

@@ -1,5 +1,5 @@
<template>
<el-dialog draggable class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-dialog draggable width="700px" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline="false" :model="form" label-width="120px" :rules="rules" ref="formRef">
<el-form-item label="部门编号:">