修改itic点击波形图
This commit is contained in:
@@ -1504,7 +1504,7 @@ window.BMAP_AUTHENTIC_KEY = "Yp57V71dkOPiXjiN8VdcFRsVELzlVNKK";
|
|||||||
for (d in b) c = c + "&" + d + "=" + encodeURIComponent(b[d]);
|
for (d in b) c = c + "&" + d + "=" + encodeURIComponent(b[d]);
|
||||||
var e = function (a) {
|
var e = function (a) {
|
||||||
a && (rb = o, setTimeout(function () {
|
a && (rb = o, setTimeout(function () {
|
||||||
sb.src = B.oc + "images/blank.gif?" + a.src
|
// sb.src = B.oc + "images/blank.gif?" + a.src
|
||||||
}, 50))
|
}, 50))
|
||||||
},
|
},
|
||||||
f = function () {
|
f = function () {
|
||||||
|
|||||||
@@ -1536,7 +1536,7 @@ window.BMAP_AUTHENTIC_KEY = ''
|
|||||||
a &&
|
a &&
|
||||||
((ob = q),
|
((ob = q),
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
pb.src = B.Wc + 'images/blank.gif?' + a.src
|
// pb.src = B.Wc + 'images/blank.gif?' + a.src
|
||||||
}, 50))
|
}, 50))
|
||||||
},
|
},
|
||||||
g = function () {
|
g = function () {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1498
src/components/echarts/gaoji.js
Normal file
1498
src/components/echarts/gaoji.js
Normal file
File diff suppressed because it is too large
Load Diff
@@ -972,7 +972,7 @@ export default {
|
|||||||
align: "left",
|
align: "left",
|
||||||
},
|
},
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.8rem",
|
fontSize: "16",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -983,7 +983,7 @@ export default {
|
|||||||
enabled: true,
|
enabled: true,
|
||||||
itemDistance: 5,
|
itemDistance: 5,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.7rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
rich: {
|
rich: {
|
||||||
a: {
|
a: {
|
||||||
@@ -1019,14 +1019,14 @@ export default {
|
|||||||
title: {
|
title: {
|
||||||
text: "ms",
|
text: "ms",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
enabled: true,
|
enabled: true,
|
||||||
align: "high",
|
align: "high",
|
||||||
},
|
},
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
},
|
},
|
||||||
labels: {
|
labels: {
|
||||||
formatter: function () {
|
formatter: function () {
|
||||||
@@ -1046,7 +1046,7 @@ export default {
|
|||||||
onZero: false, //-----------重点
|
onZero: false, //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
// interval: 50,
|
// interval: 50,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
@@ -1077,7 +1077,7 @@ export default {
|
|||||||
// min: min.toFixed(2),
|
// min: min.toFixed(2),
|
||||||
opposite: false,
|
opposite: false,
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
//minInterval: 1,
|
//minInterval: 1,
|
||||||
@@ -1090,7 +1090,7 @@ export default {
|
|||||||
onZero: false, //-----------重点
|
onZero: false, //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
return (value - 0).toFixed(2);
|
return (value - 0).toFixed(2);
|
||||||
@@ -1395,7 +1395,7 @@ export default {
|
|||||||
left: "center",
|
left: "center",
|
||||||
text: titlename,
|
text: titlename,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.8rem",
|
fontSize: "16",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -1406,7 +1406,7 @@ export default {
|
|||||||
enabled: true,
|
enabled: true,
|
||||||
itemDistance: 5,
|
itemDistance: 5,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.7rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
rich: {
|
rich: {
|
||||||
a: {
|
a: {
|
||||||
@@ -1437,7 +1437,7 @@ export default {
|
|||||||
title: {
|
title: {
|
||||||
text: "ms",
|
text: "ms",
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
enabled: true,
|
enabled: true,
|
||||||
@@ -1449,7 +1449,7 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
},
|
},
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false,
|
show: false,
|
||||||
@@ -1464,7 +1464,7 @@ export default {
|
|||||||
onZero: false, //-----------重点
|
onZero: false, //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
// interval: 50,
|
// interval: 50,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
@@ -1498,7 +1498,7 @@ export default {
|
|||||||
// formatter: "{value}",
|
// formatter: "{value}",
|
||||||
// },
|
// },
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
},
|
},
|
||||||
//minInterval: 1,
|
//minInterval: 1,
|
||||||
@@ -1511,7 +1511,7 @@ export default {
|
|||||||
onZero: false, //-----------重点
|
onZero: false, //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: "0.6rem",
|
fontSize: "12",
|
||||||
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
color: _this.DColor ? "#fff" : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
return (value - 0).toFixed(2);
|
return (value - 0).toFixed(2);
|
||||||
|
|||||||
@@ -634,7 +634,7 @@ export default {
|
|||||||
left: 'center',
|
left: 'center',
|
||||||
text: title,
|
text: title,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.8rem',
|
fontSize: '16',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -645,7 +645,7 @@ export default {
|
|||||||
enabled: true,
|
enabled: true,
|
||||||
itemDistance: 5,
|
itemDistance: 5,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
rich: {
|
rich: {
|
||||||
a: {
|
a: {
|
||||||
@@ -681,7 +681,7 @@ export default {
|
|||||||
title: {
|
title: {
|
||||||
text: 'ms',
|
text: 'ms',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
},
|
},
|
||||||
enabled: true,
|
enabled: true,
|
||||||
@@ -691,7 +691,7 @@ export default {
|
|||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: '0.6rem'
|
fontSize: '12'
|
||||||
},
|
},
|
||||||
axisTick: {
|
axisTick: {
|
||||||
alignWithLabel: true
|
alignWithLabel: true
|
||||||
@@ -703,7 +703,7 @@ export default {
|
|||||||
onZero: false //-----------重点
|
onZero: false //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
if (_this.valA != (value - 0).toFixed(0)) {
|
if (_this.valA != (value - 0).toFixed(0)) {
|
||||||
@@ -732,7 +732,7 @@ export default {
|
|||||||
min: min.toFixed(2) > 0 ? min.toFixed(2) - min.toFixed(2) * 0.1 : min.toFixed(2) * 1.1,
|
min: min.toFixed(2) > 0 ? min.toFixed(2) - min.toFixed(2) * 0.1 : min.toFixed(2) * 1.1,
|
||||||
opposite: false,
|
opposite: false,
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
},
|
},
|
||||||
//minInterval: 1,
|
//minInterval: 1,
|
||||||
@@ -745,7 +745,7 @@ export default {
|
|||||||
onZero: false //-----------重点
|
onZero: false //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
return (value - 0).toFixed(2)
|
return (value - 0).toFixed(2)
|
||||||
@@ -1000,7 +1000,7 @@ export default {
|
|||||||
left: 'center',
|
left: 'center',
|
||||||
text: titlename,
|
text: titlename,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.8rem',
|
fontSize: '16',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -1011,7 +1011,7 @@ export default {
|
|||||||
enabled: true,
|
enabled: true,
|
||||||
itemDistance: 5,
|
itemDistance: 5,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
rich: {
|
rich: {
|
||||||
a: {
|
a: {
|
||||||
@@ -1042,7 +1042,7 @@ export default {
|
|||||||
title: {
|
title: {
|
||||||
text: 'ms',
|
text: 'ms',
|
||||||
textStyle: {
|
textStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
},
|
},
|
||||||
enabled: true,
|
enabled: true,
|
||||||
@@ -1061,10 +1061,10 @@ export default {
|
|||||||
onZero: false //-----------重点
|
onZero: false //-----------重点
|
||||||
},
|
},
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: '0.6rem'
|
fontSize: '12'
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
if (_this.valB != (value - 0).toFixed(0)) {
|
if (_this.valB != (value - 0).toFixed(0)) {
|
||||||
@@ -1095,7 +1095,7 @@ export default {
|
|||||||
// formatter: "{value}",
|
// formatter: "{value}",
|
||||||
// },
|
// },
|
||||||
nameTextStyle: {
|
nameTextStyle: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
color: _this.DColor ? '#fff' : echartsColor.WordColor
|
||||||
},
|
},
|
||||||
//minInterval: 1,
|
//minInterval: 1,
|
||||||
@@ -1108,7 +1108,7 @@ export default {
|
|||||||
onZero: false //-----------重点
|
onZero: false //-----------重点
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
fontSize: '0.6rem',
|
fontSize: '12',
|
||||||
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
color: _this.DColor ? '#fff' : echartsColor.WordColor,
|
||||||
formatter: function (value, index) {
|
formatter: function (value, index) {
|
||||||
return (value - 0).toFixed(2)
|
return (value - 0).toFixed(2)
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -152,6 +152,7 @@ function createAxios<Data = any, T = ApiPromise<Data>>(
|
|||||||
return Axios(response.config)
|
return Axios(response.config)
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
|
window.location.reload()
|
||||||
adminInfo.removeToken()
|
adminInfo.removeToken()
|
||||||
router.push({ name: 'login' })
|
router.push({ name: 'login' })
|
||||||
return Promise.reject(err)
|
return Promise.reject(err)
|
||||||
|
|||||||
@@ -844,7 +844,7 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
.btnBox {
|
.btnBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
:deep(.vxe-table--header thead tr:first-of-type th:first-of-type) {
|
||||||
|
|||||||
@@ -157,7 +157,7 @@ defineExpose({ open })
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.formBox{
|
.formBox{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -40,7 +40,14 @@
|
|||||||
></Table>
|
></Table>
|
||||||
</div>
|
</div>
|
||||||
<div class="pd10" style="width: 400px" v-loading="loading">
|
<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>
|
<template #prefix>
|
||||||
<Icon name="el-icon-Search" style="font-size: 16px" />
|
<Icon name="el-icon-Search" style="font-size: 16px" />
|
||||||
</template>
|
</template>
|
||||||
@@ -139,7 +146,7 @@
|
|||||||
></el-option>
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="最大终端数:" prop="nodeDevNum" class="top" >
|
<el-form-item label="最大终端数:" prop="nodeDevNum" class="top">
|
||||||
<el-input
|
<el-input
|
||||||
v-model.trim.number="formData.nodeDevNum"
|
v-model.trim.number="formData.nodeDevNum"
|
||||||
onkeyup="value = value.replace(/[^0-9]/g,'')"
|
onkeyup="value = value.replace(/[^0-9]/g,'')"
|
||||||
@@ -273,7 +280,7 @@ const tableStore = new TableStore({
|
|||||||
method: 'POST',
|
method: 'POST',
|
||||||
column: [
|
column: [
|
||||||
{ title: '名称', field: 'name' },
|
{ title: '名称', field: 'name' },
|
||||||
{ title: 'IP', field: 'ip' ,width:'120px' },
|
{ title: 'IP', field: 'ip', width: '120px' },
|
||||||
{
|
{
|
||||||
title: '等级',
|
title: '等级',
|
||||||
field: 'nodeGrade',
|
field: 'nodeGrade',
|
||||||
@@ -317,7 +324,8 @@ const tableStore = new TableStore({
|
|||||||
{ title: '描述', field: 'remark' },
|
{ title: '描述', field: 'remark' },
|
||||||
|
|
||||||
{
|
{
|
||||||
title: '操作',fixed: 'right',
|
title: '操作',
|
||||||
|
fixed: 'right',
|
||||||
align: 'center',
|
align: 'center',
|
||||||
width: '180',
|
width: '180',
|
||||||
render: 'buttons',
|
render: 'buttons',
|
||||||
@@ -376,8 +384,8 @@ const tableStore = new TableStore({
|
|||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
if (hasDevices.value) {
|
if (hasDevices.value) {
|
||||||
ElMessage.warning('此前置机绑定了设备,无法删除!');
|
ElMessage.warning('此前置机绑定了设备,无法删除!')
|
||||||
return;
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
delNode(row.id).then(res => {
|
delNode(row.id).then(res => {
|
||||||
@@ -399,10 +407,10 @@ const tableStore = new TableStore({
|
|||||||
title: '确定分配终端吗?'
|
title: '确定分配终端吗?'
|
||||||
},
|
},
|
||||||
click: row => {
|
click: row => {
|
||||||
if (!hasDevices.value) {
|
// if (!hasDevices.value) {
|
||||||
ElMessage.warning('此前置机下无设备,无法分配终端!');
|
// ElMessage.warning('此前置机下无设备,无法分配终端!')
|
||||||
return;
|
// return
|
||||||
}
|
// }
|
||||||
allotTerminal({
|
allotTerminal({
|
||||||
nodeId: row.id
|
nodeId: row.id
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
@@ -410,7 +418,7 @@ const tableStore = new TableStore({
|
|||||||
tableStore.index()
|
tableStore.index()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@@ -448,26 +456,25 @@ const currentChangeEvent = () => {
|
|||||||
// 检查返回的数据是否存在且不为空
|
// 检查返回的数据是否存在且不为空
|
||||||
if (res.data && res.data.processDeviceList) {
|
if (res.data && res.data.processDeviceList) {
|
||||||
// 检查是否有设备绑定
|
// 检查是否有设备绑定
|
||||||
const hasAnyDevices = res.data.processDeviceList.some(item =>
|
const hasAnyDevices = res.data.processDeviceList.some(
|
||||||
item.deviceInfoList && item.deviceInfoList.length > 0
|
item => item.deviceInfoList && item.deviceInfoList.length > 0
|
||||||
);
|
)
|
||||||
hasDevices.value = hasAnyDevices;
|
hasDevices.value = hasAnyDevices
|
||||||
|
|
||||||
dataSource.value = res.data.processDeviceList.filter(item => {
|
dataSource.value = res.data.processDeviceList.filter(item => {
|
||||||
item.name = item.processNo + '';
|
item.name = item.processNo + ''
|
||||||
return true; // 保持原有的过滤逻辑
|
return true // 保持原有的过滤逻辑
|
||||||
});
|
})
|
||||||
} else {
|
} else {
|
||||||
dataSource.value = []
|
dataSource.value = []
|
||||||
hasDevices.value = false;
|
hasDevices.value = false
|
||||||
}
|
}
|
||||||
loading.value = false
|
loading.value = false
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
// 添加错误处理,确保 loading 状态也能关闭
|
// 添加错误处理,确保 loading 状态也能关闭
|
||||||
dataSource.value = []
|
dataSource.value = []
|
||||||
hasDevices.value = false;
|
hasDevices.value = false
|
||||||
loading.value = false
|
loading.value = false
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -518,7 +525,7 @@ const filterNode = (value: string, data: any, node: any) => {
|
|||||||
|
|
||||||
// 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配,则返回该节点以及其下的所有子节点;如果参数是子节点,则返回该节点的父节点。name是中文字符,enName是英文字符.
|
// 过滤父节点 / 子节点 (如果输入的参数是父节点且能匹配,则返回该节点以及其下的所有子节点;如果参数是子节点,则返回该节点的父节点。name是中文字符,enName是英文字符.
|
||||||
const chooseNode = (value: string, data: any, node: any) => {
|
const chooseNode = (value: string, data: any, node: any) => {
|
||||||
if (data.name.indexOf(value) !== -1) {
|
if ((data.subName + data.name).indexOf(value) !== -1) {
|
||||||
return true
|
return true
|
||||||
}
|
}
|
||||||
const level = node.level
|
const level = node.level
|
||||||
|
|||||||
@@ -1740,8 +1740,8 @@ const optionarr = ref([
|
|||||||
])
|
])
|
||||||
/**母线类型 */
|
/**母线类型 */
|
||||||
const busBarType = ref([
|
const busBarType = ref([
|
||||||
{ name: '实际母线', value: 0 },
|
{ name: '实际母线', value: 1 },
|
||||||
{ name: '虚拟母线', value: 1 }
|
{ name: '虚拟母线', value: 0 }
|
||||||
])
|
])
|
||||||
const bigList: any = ref([])
|
const bigList: any = ref([])
|
||||||
const smallList: any = ref([])
|
const smallList: any = ref([])
|
||||||
|
|||||||
@@ -613,7 +613,7 @@ onMounted(() => {
|
|||||||
.harmonicButton {
|
.harmonicButton {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
:deep(.el-tabs__content) {
|
:deep(.el-tabs__content) {
|
||||||
|
|||||||
@@ -158,7 +158,7 @@ onMounted(() => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.title {
|
.title {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|||||||
@@ -363,7 +363,7 @@ defineExpose({
|
|||||||
|
|
||||||
.actionButtons {
|
.actionButtons {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loading-container {
|
.loading-container {
|
||||||
|
|||||||
@@ -454,7 +454,7 @@ onMounted(() => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.actionButtons {
|
.actionButtons {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
:deep(.el-collapse-item__header) {
|
:deep(.el-collapse-item__header) {
|
||||||
// font-family: AlimamaDongFangDaKai;
|
// font-family: AlimamaDongFangDaKai;
|
||||||
|
|||||||
@@ -184,7 +184,7 @@ defineExpose({
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.btnsBox {
|
.btnsBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
::v-deep .el-radio-button__inner {
|
::v-deep .el-radio-button__inner {
|
||||||
padding: 8px 18px;
|
padding: 8px 18px;
|
||||||
|
|||||||
@@ -235,7 +235,7 @@ defineExpose({ open })
|
|||||||
}
|
}
|
||||||
.form {
|
.form {
|
||||||
// display: flex;
|
// display: flex;
|
||||||
// justify-content: end;
|
// justify-content: flex-end;
|
||||||
// position: relative;
|
// position: relative;
|
||||||
// .form_but {
|
// .form_but {
|
||||||
|
|
||||||
|
|||||||
@@ -1,23 +1,37 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<span style="width: 100px; margin-top: 3px">电压等级:</span>
|
<span style="width: 100px; margin-top: 3px">电压等级:</span>
|
||||||
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange"
|
<el-checkbox
|
||||||
style="margin-right: 28px">
|
:indeterminate="isIndeterminate"
|
||||||
|
v-model="checkAll"
|
||||||
|
@change="handleCheckAllChange"
|
||||||
|
style="margin-right: 28px"
|
||||||
|
>
|
||||||
全选
|
全选
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
<el-checkbox-group v-model="checkedVoltage" @change="handleCheckedVoltageChange"
|
<el-checkbox-group
|
||||||
style="height: 72px; overflow-y: auto; flex: 1">
|
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 v-for="(item, index) in grade" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<span style="width: 100px; margin-top: 3px">干扰源类型:</span>
|
<span style="width: 100px; margin-top: 3px">干扰源类型:</span>
|
||||||
<el-checkbox :indeterminate="isIndeterminate1" v-model="checkAll1" @change="handleCheckAllChange1"
|
<el-checkbox
|
||||||
style="margin-right: 28px">
|
:indeterminate="isIndeterminate1"
|
||||||
|
v-model="checkAll1"
|
||||||
|
@change="handleCheckAllChange1"
|
||||||
|
style="margin-right: 28px"
|
||||||
|
>
|
||||||
全选
|
全选
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
<el-checkbox-group v-model="checkedSource" @change="handleCheckedSourceChange"
|
<el-checkbox-group
|
||||||
style="height: 72px; overflow-y: auto; flex: 1">
|
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 v-for="(item, index) in type" :label="item" :key="index">{{ item.name }}</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
</div>
|
</div>
|
||||||
@@ -28,7 +42,7 @@
|
|||||||
<el-radio label="F47">F47</el-radio>
|
<el-radio label="F47">F47</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</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-table class="dw" :data="TableData" height="50px" v-bind="defaultAttribute">
|
||||||
<vxe-column field="name" title="名称" width="100px"></vxe-column>
|
<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 { mainHeight } from '@/utils/layout'
|
||||||
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
import { defaultAttribute } from '@/components/table/defaultAttribute'
|
||||||
import { ref, reactive } from 'vue'
|
import { ref, reactive } from 'vue'
|
||||||
import { Bottom } from '@element-plus/icons-vue/dist/types'
|
const emit = defineEmits(['viewWave'])
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
const isIndeterminate = ref(false)
|
const isIndeterminate = ref(false)
|
||||||
const isIndeterminate1 = ref(false)
|
const isIndeterminate1 = ref(false)
|
||||||
@@ -340,7 +354,7 @@ const gongfunction = () => {
|
|||||||
var index = datalist.value[i].lineId
|
var index = datalist.value[i].lineId
|
||||||
var eventId = datalist.value[i].eventId
|
var eventId = datalist.value[i].eventId
|
||||||
var lineName = datalist.value[i].lineName
|
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) {
|
if (xx <= 0.003) {
|
||||||
var line = 0
|
var line = 0
|
||||||
@@ -468,6 +482,10 @@ const gongfunction = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const echartClick = (params: any) => {
|
||||||
|
|
||||||
|
emit('viewWave', params.value[8])
|
||||||
|
}
|
||||||
|
|
||||||
defineExpose({ checkedVoltage, checkedSource, info })
|
defineExpose({ checkedVoltage, checkedSource, info })
|
||||||
const layout = mainHeight(320) as any
|
const layout = mainHeight(320) as any
|
||||||
|
|||||||
@@ -1,17 +1,27 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main">
|
<div class="default-main">
|
||||||
|
<div v-show="view">
|
||||||
<TableHeader date-picker area>
|
<TableHeader date-picker area>
|
||||||
<template v-slot:select></template>
|
<template v-slot:select></template>
|
||||||
</TableHeader>
|
</TableHeader>
|
||||||
<el-tabs v-model="activeName" type="border-card" @tab-change="handleClick" v-loading="tableStore.table.loading">
|
<el-tabs
|
||||||
|
v-model="activeName"
|
||||||
|
type="border-card"
|
||||||
|
@tab-change="handleClick"
|
||||||
|
v-loading="tableStore.table.loading"
|
||||||
|
>
|
||||||
<el-tab-pane label="暂降原因及类型统计" name="1">
|
<el-tab-pane label="暂降原因及类型统计" name="1">
|
||||||
<TypeStatistics ref="Statistics" />
|
<TypeStatistics ref="Statistics" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="电压容忍度曲线兼容性统计" name="2">
|
<el-tab-pane label="电压容忍度曲线兼容性统计" name="2">
|
||||||
<Compatibility ref="compatibility" />
|
<Compatibility ref="compatibility" @viewWave="viewWave" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</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>
|
</template>
|
||||||
|
|
||||||
<!-- "area": "",
|
<!-- "area": "",
|
||||||
@@ -24,7 +34,7 @@
|
|||||||
"voltage": "" -->
|
"voltage": "" -->
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import TableHeader from '@/components/table/header/index.vue'
|
import TableHeader from '@/components/table/header/index.vue'
|
||||||
|
import waveForm from '@/components/echarts/waveForm.vue'
|
||||||
import { useDictData } from '@/stores/dictData'
|
import { useDictData } from '@/stores/dictData'
|
||||||
import TableStore from '@/utils/tableStore'
|
import TableStore from '@/utils/tableStore'
|
||||||
import { onMounted, reactive, ref, provide } from 'vue'
|
import { onMounted, reactive, ref, provide } from 'vue'
|
||||||
@@ -34,11 +44,15 @@ import { mainHeight } from '@/utils/layout'
|
|||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'Region/overview'
|
name: 'Region/overview'
|
||||||
})
|
})
|
||||||
|
const pageHeight = mainHeight(20)
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
const Statistics = ref()
|
const Statistics = ref()
|
||||||
const compatibility = ref()
|
const compatibility = ref()
|
||||||
const dictData = useDictData()
|
const dictData = useDictData()
|
||||||
|
const view = ref(true)
|
||||||
|
const view2 = ref(false)
|
||||||
|
const boxoList = ref({})
|
||||||
|
const wp = ref({})
|
||||||
const tableStore = new TableStore({
|
const tableStore = new TableStore({
|
||||||
url: '/event-boot/areaAnalysis/getEventReason',
|
url: '/event-boot/areaAnalysis/getEventReason',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
@@ -53,8 +67,6 @@ const tableStore = new TableStore({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
loadCallback: () => {
|
loadCallback: () => {
|
||||||
|
|
||||||
|
|
||||||
if (activeName.value == '1') {
|
if (activeName.value == '1') {
|
||||||
Statistics.value.info(tableStore.table.data)
|
Statistics.value.info(tableStore.table.data)
|
||||||
} else {
|
} else {
|
||||||
@@ -84,6 +96,21 @@ const handleClick = async (e: any) => {
|
|||||||
await tableStore.onTableAction('search', {})
|
await tableStore.onTableAction('search', {})
|
||||||
}
|
}
|
||||||
const layout = mainHeight(123) as any
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
|
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
<div style="flex: 1" class="mt10">
|
<div style="flex: 1" class="mt10">
|
||||||
<my-echart :options="options" />
|
<my-echart :options="options" @echartClick="echartClick" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -186,7 +186,7 @@ function gongfunction(arr: any) {
|
|||||||
let time = arr[i].time
|
let time = arr[i].time
|
||||||
let eventId = arr[i].eventId
|
let eventId = arr[i].eventId
|
||||||
// let index =arr[i].eventDetailIndex;
|
// let index =arr[i].eventDetailIndex;
|
||||||
point = [xx, yy, time, eventId]
|
point = [xx, yy, time, eventId, arr[i]]
|
||||||
|
|
||||||
if (xx <= 0.003) {
|
if (xx <= 0.003) {
|
||||||
let line = 0
|
let line = 0
|
||||||
@@ -324,6 +324,10 @@ function gongfunction(arr: any) {
|
|||||||
pointFun
|
pointFun
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const emit = defineEmits(['viewWave'])
|
||||||
|
const echartClick = (params: any) => {
|
||||||
|
emit('viewWave', params.value[4])
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
datePickerRef.value.setTheDate(1)
|
datePickerRef.value.setTheDate(1)
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
|
<el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
<div style="flex: 1" class="mt10">
|
<div style="flex: 1" class="mt10">
|
||||||
<my-echart :options="options" />
|
<my-echart :options="options" @echartClick="echartClick" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -172,7 +172,7 @@ function gongfunction(arr: any) {
|
|||||||
let time = arr[i].time
|
let time = arr[i].time
|
||||||
let eventId = arr[i].eventId
|
let eventId = arr[i].eventId
|
||||||
// let index =arr[i].eventDetailIndex;
|
// let index =arr[i].eventDetailIndex;
|
||||||
point = [xx, yy, time, eventId]
|
point = [xx, yy, time, eventId, arr[i]]
|
||||||
|
|
||||||
if (xx <= 0.003) {
|
if (xx <= 0.003) {
|
||||||
let line = 0
|
let line = 0
|
||||||
@@ -205,8 +205,6 @@ function gongfunction(arr: any) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
} else if (xx <= 0.5) {
|
} else if (xx <= 0.5) {
|
||||||
|
|
||||||
|
|
||||||
if (yy > 120 || yy < 70) {
|
if (yy > 120 || yy < 70) {
|
||||||
unstandI++
|
unstandI++
|
||||||
pointIun.push({
|
pointIun.push({
|
||||||
@@ -251,14 +249,12 @@ function gongfunction(arr: any) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (xx < 0.05) {
|
if (xx < 0.05) {
|
||||||
|
|
||||||
standF++
|
standF++
|
||||||
pointF.push({
|
pointF.push({
|
||||||
value: point,
|
value: point,
|
||||||
itemStyle: { normal: { color: 'green' } }
|
itemStyle: { normal: { color: 'green' } }
|
||||||
})
|
})
|
||||||
} else if (xx < 0.2) {
|
} else if (xx < 0.2) {
|
||||||
|
|
||||||
if (yy > 50) {
|
if (yy > 50) {
|
||||||
standF++
|
standF++
|
||||||
pointF.push({
|
pointF.push({
|
||||||
@@ -274,7 +270,6 @@ function gongfunction(arr: any) {
|
|||||||
}
|
}
|
||||||
} else if (xx < 0.5) {
|
} else if (xx < 0.5) {
|
||||||
if (yy > 70) {
|
if (yy > 70) {
|
||||||
|
|
||||||
standF++
|
standF++
|
||||||
pointF.push({
|
pointF.push({
|
||||||
value: point,
|
value: point,
|
||||||
@@ -289,7 +284,6 @@ function gongfunction(arr: any) {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (yy > 80) {
|
if (yy > 80) {
|
||||||
|
|
||||||
standF++
|
standF++
|
||||||
pointF.push({
|
pointF.push({
|
||||||
value: point,
|
value: point,
|
||||||
@@ -316,7 +310,10 @@ function gongfunction(arr: any) {
|
|||||||
pointFun
|
pointFun
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const emit = defineEmits(['viewWave'])
|
||||||
|
const echartClick = (params: any) => {
|
||||||
|
emit('viewWave', params.value[4])
|
||||||
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
datePickerRef.value.setTheDate(1)
|
datePickerRef.value.setTheDate(1)
|
||||||
init()
|
init()
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-tabs v-model="activeName" type="border-card" class="event-statistics" tab-position="left" :style="height">
|
<el-tabs v-model="activeName" type="border-card" class="event-statistics" tab-position="left" :style="height">
|
||||||
<el-tab-pane lazy label="ITIC曲线分析" name="1">
|
<el-tab-pane lazy label="ITIC曲线分析" name="1">
|
||||||
<ITICquxianfenxi />
|
<ITICquxianfenxi @viewWave="viewWave"/>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane lazy label="SEMI F47 分析" name="2">
|
<el-tab-pane lazy label="SEMI F47 分析" name="2">
|
||||||
<SEMIF47fenxi />
|
<SEMIF47fenxi @viewWave="viewWave"/>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane lazy label="电压暂降表及密度" name="3">
|
<el-tab-pane lazy label="电压暂降表及密度" name="3">
|
||||||
<Dianyazanjiangbiaojimidu />
|
<Dianyazanjiangbiaojimidu />
|
||||||
@@ -35,12 +35,16 @@ const props = defineProps({
|
|||||||
default: 0
|
default: 0
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
const emit = defineEmits(['viewWave'])
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
const height = ref(mainHeight(84 + props.externalHeight))
|
const height = ref(mainHeight(84 + props.externalHeight))
|
||||||
// onMounted(() => {
|
// onMounted(() => {
|
||||||
// height.value = mainHeight(84 + props.externalHeight)
|
// height.value = mainHeight(84 + props.externalHeight)
|
||||||
// console.log("🚀 ~ 84 + props.externalHeight:", 84 + props.externalHeight)
|
// console.log("🚀 ~ 84 + props.externalHeight:", 84 + props.externalHeight)
|
||||||
// })
|
// })
|
||||||
|
const viewWave=(row:any)=>{
|
||||||
|
emit('viewWave',row)
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.event-statistics {
|
.event-statistics {
|
||||||
|
|||||||
@@ -1,12 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="default-main" style="position: relative">
|
<div class="default-main" style="position: relative">
|
||||||
|
<div v-show="view">
|
||||||
<el-tabs v-model="activeName" type="border-card" class="demo-tabs">
|
<el-tabs v-model="activeName" type="border-card" class="demo-tabs">
|
||||||
<el-tab-pane label="导航" name="1" :style="height" lazy>
|
<el-tab-pane label="导航" name="1" :style="height" lazy>
|
||||||
<Navigation @changeTab="changeTab" ref="navigationRef" />
|
<Navigation @changeTab="changeTab" ref="navigationRef" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
|
<el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
|
||||||
<EventStatistics />
|
<EventStatistics @viewWave="viewWave" />
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
|
<el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
|
||||||
<EventStudy />
|
<EventStudy />
|
||||||
@@ -20,15 +20,20 @@
|
|||||||
</el-tabs>
|
</el-tabs>
|
||||||
<div class="monitoring-point">当前位置:{{ monitoringPoint.state.lineName }}</div>
|
<div class="monitoring-point">当前位置:{{ monitoringPoint.state.lineName }}</div>
|
||||||
</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>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { defineOptions, nextTick, ref, watch } from 'vue'
|
import { nextTick, ref, watch } from 'vue'
|
||||||
import Navigation from './navigation/index.vue'
|
import Navigation from './navigation/index.vue'
|
||||||
import EventStatistics from './eventStatistics/index.vue'
|
import EventStatistics from './eventStatistics/index.vue'
|
||||||
import EventStudy from './eventStudy/index.vue'
|
import EventStudy from './eventStudy/index.vue'
|
||||||
import RunningCondition from './runningCondition/index.vue'
|
import RunningCondition from './runningCondition/index.vue'
|
||||||
import TransientReport from './transientReport/index.vue'
|
import TransientReport from './transientReport/index.vue'
|
||||||
import { mainHeight } from '@/utils/layout'
|
import { mainHeight } from '@/utils/layout'
|
||||||
|
import waveForm from '@/components/echarts/waveForm.vue'
|
||||||
import router from '@/router'
|
import router from '@/router'
|
||||||
import { useMonitoringPoint } from '@/stores/monitoringPoint'
|
import { useMonitoringPoint } from '@/stores/monitoringPoint'
|
||||||
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
|
||||||
@@ -37,14 +42,17 @@ defineOptions({
|
|||||||
})
|
})
|
||||||
const isReload = ref(false)
|
const isReload = ref(false)
|
||||||
const navigationRef = ref()
|
const navigationRef = ref()
|
||||||
|
const pageHeight = mainHeight(20)
|
||||||
const monitoringPoint = useMonitoringPoint()
|
const monitoringPoint = useMonitoringPoint()
|
||||||
const height = mainHeight(82)
|
const height = mainHeight(82)
|
||||||
const activeName = ref('1')
|
const activeName = ref('1')
|
||||||
|
const view = ref(true)
|
||||||
|
const view2 = ref(false)
|
||||||
|
const boxoList = ref({})
|
||||||
|
const wp = ref({})
|
||||||
watch(
|
watch(
|
||||||
() => router.currentRoute.value.query.lineId,
|
() => router.currentRoute.value.query.lineId,
|
||||||
(newLineId, oldLineId) => {
|
(newLineId, oldLineId) => {
|
||||||
|
|
||||||
if (!newLineId) return
|
if (!newLineId) return
|
||||||
// 在这里处理 lineId 的变化
|
// 在这里处理 lineId 的变化
|
||||||
console.log('newLineId')
|
console.log('newLineId')
|
||||||
@@ -62,7 +70,6 @@ watch(
|
|||||||
watch(
|
watch(
|
||||||
() => monitoringPoint.state.lineId,
|
() => monitoringPoint.state.lineId,
|
||||||
() => {
|
() => {
|
||||||
|
|
||||||
// 刷新页面
|
// 刷新页面
|
||||||
isReload.value = true
|
isReload.value = true
|
||||||
nextTick(() => {
|
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
|
activeName.value = e
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -242,7 +242,7 @@ const handler = async ({ BMap, map }: any) => {
|
|||||||
siteList.value = list
|
siteList.value = list
|
||||||
|
|
||||||
center.value.lng = list[0]?.lng || 0
|
center.value.lng = list[0]?.lng || 0
|
||||||
center.value.lat = list[0]?.lat + 0.01 || 0
|
center.value.lat = list[0]?.lat
|
||||||
watch(
|
watch(
|
||||||
() => monitoringPoint.state.lineId,
|
() => monitoringPoint.state.lineId,
|
||||||
(newLineId, oldLineId) => {
|
(newLineId, oldLineId) => {
|
||||||
@@ -251,7 +251,7 @@ const handler = async ({ BMap, map }: any) => {
|
|||||||
if (value == undefined) return
|
if (value == undefined) return
|
||||||
|
|
||||||
center.value.lng = value.lng
|
center.value.lng = value.lng
|
||||||
center.value.lat = value.lat + 0.01
|
center.value.lat = value.lat
|
||||||
infoWindowPoint.value = value
|
infoWindowPoint.value = value
|
||||||
infoWindowPoint.value.show = true
|
infoWindowPoint.value.show = true
|
||||||
|
|
||||||
@@ -274,7 +274,6 @@ const syncCenterAndZoom = (e: any) => {
|
|||||||
const markerClick = (e: any) => {
|
const markerClick = (e: any) => {
|
||||||
//console.log("🚀 ~ markerClick ~ e:", e)
|
//console.log("🚀 ~ markerClick ~ e:", e)
|
||||||
infoWindowPoint.value = e
|
infoWindowPoint.value = e
|
||||||
monitoringPoint.setValue('lineId', e.lineId)
|
|
||||||
infoWindowPoint.value.show = true
|
infoWindowPoint.value.show = true
|
||||||
}
|
}
|
||||||
const changeTab = (e: string) => {
|
const changeTab = (e: string) => {
|
||||||
|
|||||||
@@ -91,14 +91,10 @@
|
|||||||
@click="markerClick(path)"
|
@click="markerClick(path)"
|
||||||
></bm-marker>
|
></bm-marker>
|
||||||
</BmlMarkerClusterer>
|
</BmlMarkerClusterer>
|
||||||
<BmlMarkerClusterer maxZoom="12">
|
|
||||||
<bm-marker :position="infoWindowPoint" :icon="{ url: '1', size: { width: 0, height: 0 } }">
|
<bm-marker :position="infoWindowPoint" :icon="{ url: '1', size: { width: 0, height: 0 } }">
|
||||||
<bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
|
<bm-info-window :show="infoWindowPoint.show" @close="infoWindowPoint.show = false">
|
||||||
<el-descriptions
|
<el-descriptions :title="infoWindowPoint.lineName" :column="1" v-if="infoWindowPoint.lineId">
|
||||||
:title="infoWindowPoint.lineName"
|
|
||||||
:column="1"
|
|
||||||
v-if="infoWindowPoint.lineId"
|
|
||||||
>
|
|
||||||
<el-descriptions-item label="供电公司">
|
<el-descriptions-item label="供电公司">
|
||||||
{{ infoWindowPoint.gdName }}
|
{{ infoWindowPoint.gdName }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
@@ -147,7 +143,6 @@
|
|||||||
></el-descriptions>
|
></el-descriptions>
|
||||||
</bm-info-window>
|
</bm-info-window>
|
||||||
</bm-marker>
|
</bm-marker>
|
||||||
</BmlMarkerClusterer>
|
|
||||||
</baidu-map>
|
</baidu-map>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 600px; height: 100%">
|
<div style="width: 600px; height: 100%">
|
||||||
@@ -302,7 +297,7 @@ const pointChange = (val: string) => {
|
|||||||
let data = areaLineInfo.value.find((item: any) => item.lineId == val)
|
let data = areaLineInfo.value.find((item: any) => item.lineId == val)
|
||||||
|
|
||||||
center.value.lng = data.lng
|
center.value.lng = data.lng
|
||||||
center.value.lat = data.lat + 0.04
|
center.value.lat = data.lat
|
||||||
infoWindowPoint.value = data
|
infoWindowPoint.value = data
|
||||||
infoWindowPoint.value.show = true
|
infoWindowPoint.value.show = true
|
||||||
zoom.value = 13
|
zoom.value = 13
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="strategy-manage pd10" :style="height">
|
<div class="strategy-manage pd10" :style="height" style="overflow-y: auto;">
|
||||||
|
|
||||||
<!-- 折叠面板 -->
|
<!-- 折叠面板 -->
|
||||||
<el-collapse v-model="activeNames" >
|
<el-collapse v-model="activeNames" >
|
||||||
@@ -194,7 +194,7 @@ import { ElMessageBox } from 'element-plus'
|
|||||||
|
|
||||||
// 页面缓存
|
// 页面缓存
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: 'system-boot/sysConfig/timer'
|
name: 'system-boot/strategyManage'
|
||||||
})
|
})
|
||||||
|
|
||||||
const height = mainHeight(20)
|
const height = mainHeight(20)
|
||||||
|
|||||||
Reference in New Issue
Block a user