新增阿克苏 echart地图json
This commit is contained in:
1
src/assets/map/乌什.json
Normal file
1
src/assets/map/乌什.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/库车.json
Normal file
1
src/assets/map/库车.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/拜城.json
Normal file
1
src/assets/map/拜城.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/新和.json
Normal file
1
src/assets/map/新和.json
Normal file
File diff suppressed because one or more lines are too long
5835
src/assets/map/新疆维吾尔族自治区.json
Normal file
5835
src/assets/map/新疆维吾尔族自治区.json
Normal file
File diff suppressed because it is too large
Load Diff
1
src/assets/map/柯坪.json
Normal file
1
src/assets/map/柯坪.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/沙雅.json
Normal file
1
src/assets/map/沙雅.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/温宿.json
Normal file
1
src/assets/map/温宿.json
Normal file
File diff suppressed because one or more lines are too long
2789
src/assets/map/阿克苏.json
Normal file
2789
src/assets/map/阿克苏.json
Normal file
File diff suppressed because it is too large
Load Diff
1
src/assets/map/阿克苏地区.json
Normal file
1
src/assets/map/阿克苏地区.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/阿拉尔.json
Normal file
1
src/assets/map/阿拉尔.json
Normal file
File diff suppressed because one or more lines are too long
1
src/assets/map/阿瓦提.json
Normal file
1
src/assets/map/阿瓦提.json
Normal file
File diff suppressed because one or more lines are too long
@@ -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)
|
||||
// 点击事件
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
2
src/styles/app.min.css
vendored
2
src/styles/app.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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
|
||||
|
||||
@@ -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 */
|
||||
|
||||
2
src/styles/element.min.css
vendored
2
src/styles/element.min.css
vendored
@@ -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}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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", },
|
||||
]
|
||||
},
|
||||
|
||||
|
||||
@@ -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 } },
|
||||
|
||||
|
||||
|
||||
@@ -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
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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>'
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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="部门编号:">
|
||||
|
||||
Reference in New Issue
Block a user