|
@@ -25,10 +25,10 @@
|
|
|
<div v-for="value in accessStatics" :key="value.id" class="card-item">
|
|
<div v-for="value in accessStatics" :key="value.id" class="card-item">
|
|
|
<div class="item-cont"> 组织机构:{{ value.name }} </div>
|
|
<div class="item-cont"> 组织机构:{{ value.name }} </div>
|
|
|
<div class="item-cont"> 应接入:{{ value.yjNum }} </div>
|
|
<div class="item-cont"> 应接入:{{ value.yjNum }} </div>
|
|
|
- <div class="item-cont"> 在线:{{ value.yjNum }} </div>
|
|
|
|
|
- <div class="item-cont"> 中断:{{ value.yjNum }} </div>
|
|
|
|
|
- <div class="item-cont"> 未接入:{{ value.yjNum }} </div>
|
|
|
|
|
- <div class="item-cont"> 接入密闭数:{{ value.yjNum }} </div>
|
|
|
|
|
|
|
+ <div class="item-cont"> 在线:{{ value.zxNum }} </div>
|
|
|
|
|
+ <div class="item-cont"> 中断:{{ value.zdNum }} </div>
|
|
|
|
|
+ <div class="item-cont"> 未接入:{{ value.wjNum }} </div>
|
|
|
|
|
+ <div class="item-cont"> 接入密闭数:{{ value.goafNum }} </div>
|
|
|
<div class="bg-line"> </div>
|
|
<div class="bg-line"> </div>
|
|
|
<div class="bg-icon"></div>
|
|
<div class="bg-icon"></div>
|
|
|
</div>
|
|
</div>
|
|
@@ -89,7 +89,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="details-content">
|
|
<div class="details-content">
|
|
|
- <div v-for="(item, index) in mineData?.records" :key="index" class="warning-item">
|
|
|
|
|
|
|
+ <div v-for="(item, index) in mineData" :key="index" class="warning-item">
|
|
|
<div class="item-header">
|
|
<div class="item-header">
|
|
|
<div class="header-left">
|
|
<div class="header-left">
|
|
|
<div class="icon"></div>
|
|
<div class="icon"></div>
|
|
@@ -197,8 +197,6 @@
|
|
|
import { BasicModal } from '/@/components/Modal';
|
|
import { BasicModal } from '/@/components/Modal';
|
|
|
import { Spin } from 'ant-design-vue';
|
|
import { Spin } from 'ant-design-vue';
|
|
|
import { EChartsOption, graphic } from 'echarts';
|
|
import { EChartsOption, graphic } from 'echarts';
|
|
|
- import { computed } from 'vue';
|
|
|
|
|
- import { get } from 'lodash-es';
|
|
|
|
|
|
|
|
|
|
// 处理矿名选择器相关的逻辑
|
|
// 处理矿名选择器相关的逻辑
|
|
|
const isDetailModalVisible = ref(false);
|
|
const isDetailModalVisible = ref(false);
|
|
@@ -215,7 +213,7 @@
|
|
|
return getGoafData(params);
|
|
return getGoafData(params);
|
|
|
};
|
|
};
|
|
|
// 注册实时数据表格
|
|
// 注册实时数据表格
|
|
|
- const { tableContext: ctxRealtime, onExportXls: onExportXlsTime } = useListPage({
|
|
|
|
|
|
|
+ const { tableContext: ctxRealtime } = useListPage({
|
|
|
tableProps: {
|
|
tableProps: {
|
|
|
api: getDynamicTableData,
|
|
api: getDynamicTableData,
|
|
|
columns,
|
|
columns,
|
|
@@ -273,20 +271,20 @@
|
|
|
{ label: '开始时间', key: 'earliestTime', type: 'text' },
|
|
{ label: '开始时间', key: 'earliestTime', type: 'text' },
|
|
|
{ label: '最新监测时间', key: 'latestReadTime', type: 'text' },
|
|
{ label: '最新监测时间', key: 'latestReadTime', type: 'text' },
|
|
|
];
|
|
];
|
|
|
- const alartTypeColumns = [
|
|
|
|
|
- 'fireAlarm',
|
|
|
|
|
- 'fireAlarmOut',
|
|
|
|
|
- 'explosionAlarm',
|
|
|
|
|
- 'sourcePressureAlarm',
|
|
|
|
|
- 'leakageAlarm',
|
|
|
|
|
- 'unsealAlarm',
|
|
|
|
|
- // {key: 'fireAlarm', label: '闭内自燃发火'},
|
|
|
|
|
- // {key: 'fireAlarmOut', label: '闭外自燃发火'},
|
|
|
|
|
- // {key: 'explosionAlarm', label: '爆炸预警'},
|
|
|
|
|
- // {key: 'sourcePressureAlarm', label: '压差隐患'},
|
|
|
|
|
- // {key: 'leakageAlarm', label: '漏风'},
|
|
|
|
|
- // {key: 'unsealAlarm', label: '密闭启封'},
|
|
|
|
|
- ];
|
|
|
|
|
|
|
+ // const alartTypeColumns = [
|
|
|
|
|
+ // 'fireAlarm',
|
|
|
|
|
+ // 'fireAlarmOut',
|
|
|
|
|
+ // 'explosionAlarm',
|
|
|
|
|
+ // 'sourcePressureAlarm',
|
|
|
|
|
+ // 'leakageAlarm',
|
|
|
|
|
+ // 'unsealAlarm',
|
|
|
|
|
+ // // {key: 'fireAlarm', label: '闭内自燃发火'},
|
|
|
|
|
+ // // {key: 'fireAlarmOut', label: '闭外自燃发火'},
|
|
|
|
|
+ // // {key: 'explosionAlarm', label: '爆炸预警'},
|
|
|
|
|
+ // // {key: 'sourcePressureAlarm', label: '压差隐患'},
|
|
|
|
|
+ // // {key: 'leakageAlarm', label: '漏风'},
|
|
|
|
|
+ // // {key: 'unsealAlarm', label: '密闭启封'},
|
|
|
|
|
+ // ];
|
|
|
async function fetchAccessStatics() {
|
|
async function fetchAccessStatics() {
|
|
|
accessStatics.value = await getGoafAccessCount({ deptId: mineStore.getRootId });
|
|
accessStatics.value = await getGoafAccessCount({ deptId: mineStore.getRootId });
|
|
|
}
|
|
}
|
|
@@ -323,11 +321,12 @@
|
|
|
}));
|
|
}));
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- const mineData = ref<any>();
|
|
|
|
|
|
|
+ const mineData = ref<any>([]);
|
|
|
async function fetchMineData() {
|
|
async function fetchMineData() {
|
|
|
- mineData.value = await getMineData({
|
|
|
|
|
|
|
+ const { records } = await getMineData({
|
|
|
deptId: mineStore.getRootId,
|
|
deptId: mineStore.getRootId,
|
|
|
});
|
|
});
|
|
|
|
|
+ mineData.value = records;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
/**
|
|
@@ -585,6 +584,7 @@
|
|
|
type: 'value',
|
|
type: 'value',
|
|
|
name: '报警数量',
|
|
name: '报警数量',
|
|
|
},
|
|
},
|
|
|
|
|
+ // @ts-ignore-next-line
|
|
|
series: [
|
|
series: [
|
|
|
{
|
|
{
|
|
|
type: 'custom',
|
|
type: 'custom',
|