|
|
@@ -53,8 +53,9 @@
|
|
|
<InfoCircleOutlined class="scalc-icon" />
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <iframe src="http://172.18.252.31:8092/micro-vent-3dModal/dashboard/analysis?mock-login=1&type=empty" width="100%" height="100%" frameborder="0"></iframe>
|
|
|
<!-- <iframe src="http://172.16.253.23:91/valkyrja/?type=tf" width="100%" height="100%" frameborder="0"></iframe> -->
|
|
|
- <iframe src="http://82.157.13.146:18224/valkyrja/" width="100%" height="100%" frameborder="0"></iframe>
|
|
|
+ <!-- <iframe src="http://82.157.13.146:18224/valkyrja/" width="100%" height="100%" frameborder="0"></iframe> -->
|
|
|
</div>
|
|
|
<transition>
|
|
|
<div class="center-b" v-if="isShow">
|
|
|
@@ -79,7 +80,8 @@
|
|
|
<div class="right-c">
|
|
|
<DanelBd :moduleName="'带式输送机防灭火监控系统'" :contentStyle="{ contentH: '228px' }" commonTitle="selected"
|
|
|
:selectList="selectListDs" :selectValue="dsCode" @change-select="changeSelect" :bgSize="'middle'">
|
|
|
- <outFireJc :outFireData="outFireData" />
|
|
|
+ <!-- <outFireJc :outFireData="outFireData" /> -->
|
|
|
+ <outFireJc :substationData="outFireData" />
|
|
|
</DanelBd>
|
|
|
</div>
|
|
|
<!-- 右下区域 -->
|
|
|
@@ -125,7 +127,8 @@ import {
|
|
|
getHeadingFace,
|
|
|
getMainTrafficYw,
|
|
|
getDsWd,
|
|
|
- getFireWarningCntByType
|
|
|
+ getFireWarningCntByType,
|
|
|
+ getBdsRealCnt
|
|
|
} from './firehome.api';
|
|
|
|
|
|
//GIs按钮切换显示与隐藏
|
|
|
@@ -201,9 +204,11 @@ function getMonitor() {
|
|
|
//带式
|
|
|
await getFireAreaInfoListDs();
|
|
|
//变电硐室
|
|
|
- await getFireAreaInfoListBd();
|
|
|
+ // await getFireAreaInfoListBd();
|
|
|
+ await getBdsRealCntList()
|
|
|
//安全监控
|
|
|
await getTableList();
|
|
|
+
|
|
|
if (timer) {
|
|
|
timer = null;
|
|
|
}
|
|
|
@@ -228,7 +233,7 @@ function changeSelect(data) {
|
|
|
break;
|
|
|
case '变电硐室防灭火监控系统':
|
|
|
pointCodeBd.value = data.value;
|
|
|
- getGxcwHistoryDataByPointCodeList();
|
|
|
+ // getGxcwHistoryDataByPointCodeList();
|
|
|
break;
|
|
|
case '安全监控系统':
|
|
|
pointCodeAq.value = data.value;
|
|
|
@@ -337,89 +342,83 @@ async function getFireAreaInfoListDs() {
|
|
|
const res = await getFireAreaInfo({});
|
|
|
if (res.length != 0) {
|
|
|
selectListDs.length = 0;
|
|
|
- outFireData.length = 0;
|
|
|
- substationData.length = 0
|
|
|
+ // outFireData.length = 0;
|
|
|
+ // substationData.length = 0
|
|
|
let dataDs = res.filter((m) => m.areaType == 4);
|
|
|
dataDs.forEach((el) => {
|
|
|
selectListDs.push({ label: el.areaName, value: el.areaName });
|
|
|
});
|
|
|
|
|
|
dsCode.value = dsCode.value ? dsCode.value : selectListDs[0].value;
|
|
|
- let dataName = dataDs.filter((v) => v.areaName == dsCode.value)[0];
|
|
|
+ getBdsRealCntList1()
|
|
|
+
|
|
|
+ // let dataName = dataDs.filter((v) => v.areaName == dsCode.value)[0];
|
|
|
//带式输送机
|
|
|
- outFireData.push(
|
|
|
- { title: '光纤预警', val: dataName.infoTypeTwo.maxTemperature, dw: '℃', label: '最高温度' },
|
|
|
- {
|
|
|
- title: '一氧化碳预警',
|
|
|
- val: dataName.infoTypeTwo.returnAirCornerCO,
|
|
|
- dw: 'ppm',
|
|
|
- label: '最高浓度',
|
|
|
- },
|
|
|
- // { title: '烟雾预警', val: dataName.infoTypeTwo.hazard, dw: '', label: '状态' },
|
|
|
- { title: '烟雾预警', val: '无烟雾', dw: '', label: '状态' },
|
|
|
- { title: '火焰预警', val: '无火焰', dw: '', label: '状态' },
|
|
|
- { title: '喷淋阀门', val: '关闭', dw: '', label: '状态' },
|
|
|
- );
|
|
|
+ // outFireData.push(
|
|
|
+ // { title: '光纤预警', val: dataName.infoTypeTwo.maxTemperature, dw: '℃', label: '最高温度' },
|
|
|
+ // {
|
|
|
+ // title: '一氧化碳预警',
|
|
|
+ // val: dataName.infoTypeTwo.returnAirCornerCO,
|
|
|
+ // dw: 'ppm',
|
|
|
+ // label: '最高浓度',
|
|
|
+ // },
|
|
|
+ // { title: '烟雾预警', val: '无烟雾', dw: '', label: '状态' },
|
|
|
+ // { title: '火焰预警', val: '无火焰', dw: '', label: '状态' },
|
|
|
+ // { title: '喷淋阀门', val: '关闭', dw: '', label: '状态' },
|
|
|
+ // );
|
|
|
//变电硐室
|
|
|
- substationData.push(
|
|
|
- // { title: '光纤预警', val: dataName.infoTypeTwo.maxTemperature, dw: '℃', label: '最高温度' },
|
|
|
- // {
|
|
|
- // title: '一氧化碳预警',
|
|
|
- // val: dataName.infoTypeTwo.returnAirCornerCO,
|
|
|
- // dw: 'ppm',
|
|
|
- // label: '最高浓度',
|
|
|
- // },
|
|
|
- { title: '烟雾预警', val: 10, dw: '', label: '数量' },
|
|
|
- { title: '火焰预警', val: 10, dw: '', label: '数量' },
|
|
|
- { title: '电磁阀', val: 10, dw: '', label: '数量' },
|
|
|
- )
|
|
|
+ // substationData.push(
|
|
|
+ // { title: '烟雾预警', val: 10, dw: '', label: '数量' },
|
|
|
+ // { title: '火焰预警', val: 10, dw: '', label: '数量' },
|
|
|
+ // { title: '电磁阀', val: 10, dw: '', label: '数量' },
|
|
|
+ // )
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//变电硐室防灭火监控系统
|
|
|
-async function getFireAreaInfoListBd() {
|
|
|
- const res = await getFireAreaInfo({});
|
|
|
- if (res.length != 0) {
|
|
|
- let dataBd = res.filter((m) => m.areaType == 5);
|
|
|
- areaCodeBd.value = dataBd[0].areaCode;
|
|
|
- //获取光纤条数及测点编号
|
|
|
- getInfosByAreaCodeList();
|
|
|
- }
|
|
|
-}
|
|
|
+// async function getFireAreaInfoListBd() {
|
|
|
+// const res = await getFireAreaInfo({});
|
|
|
+// if (res.length != 0) {
|
|
|
+// let dataBd = res.filter((m) => m.areaType == 5);
|
|
|
+// areaCodeBd.value = dataBd[0].areaCode;
|
|
|
+// //获取光纤条数及测点编号
|
|
|
+// getInfosByAreaCodeList();
|
|
|
+// }
|
|
|
+// }
|
|
|
//获取光纤条数及测点编号
|
|
|
-async function getInfosByAreaCodeList() {
|
|
|
- let res = await getInfosByAreaCode({ areaCode: areaCodeBd.value });
|
|
|
- if (res.length != 0) {
|
|
|
- selectListBd.length = 0;
|
|
|
- res.forEach((el) => {
|
|
|
- selectListBd.push({
|
|
|
- label: el.pointName,
|
|
|
- value: el.pointCode,
|
|
|
- });
|
|
|
- });
|
|
|
- pointCodeBd.value = pointCodeBd.value ? pointCodeBd.value : selectListBd[0].value;
|
|
|
- //获取光纤测温图表数据
|
|
|
- getGxcwHistoryDataByPointCodeList();
|
|
|
- }
|
|
|
-}
|
|
|
+// async function getInfosByAreaCodeList() {
|
|
|
+// let res = await getInfosByAreaCode({ areaCode: areaCodeBd.value });
|
|
|
+// if (res.length != 0) {
|
|
|
+// selectListBd.length = 0;
|
|
|
+// res.forEach((el) => {
|
|
|
+// selectListBd.push({
|
|
|
+// label: el.pointName,
|
|
|
+// value: el.pointCode,
|
|
|
+// });
|
|
|
+// });
|
|
|
+// pointCodeBd.value = pointCodeBd.value ? pointCodeBd.value : selectListBd[0].value;
|
|
|
+// //获取光纤测温图表数据
|
|
|
+// getGxcwHistoryDataByPointCodeList();
|
|
|
+// }
|
|
|
+// }
|
|
|
|
|
|
//获取光纤测温图表数据
|
|
|
-async function getGxcwHistoryDataByPointCodeList() {
|
|
|
- let res = await getGxcwHistoryDataByPointCode({ pointCode: pointCodeBd.value });
|
|
|
- echartDatas.xData.length = 0;
|
|
|
- echartDatas.yData.length = 0;
|
|
|
- echartDatas.yData1.length = 0;
|
|
|
- res.time.forEach((el) => {
|
|
|
- echartDatas.xData.push(el);
|
|
|
- });
|
|
|
- res.maxValue.forEach((el) => {
|
|
|
- echartDatas.yData.push(el);
|
|
|
- });
|
|
|
- res.minValue.forEach((el) => {
|
|
|
- echartDatas.yData1.push(el);
|
|
|
- });
|
|
|
-}
|
|
|
+// async function getGxcwHistoryDataByPointCodeList() {
|
|
|
+// let res = await getGxcwHistoryDataByPointCode({ pointCode: pointCodeBd.value });
|
|
|
+// echartDatas.xData.length = 0;
|
|
|
+// echartDatas.yData.length = 0;
|
|
|
+// echartDatas.yData1.length = 0;
|
|
|
+// res.time.forEach((el) => {
|
|
|
+// echartDatas.xData.push(el);
|
|
|
+// });
|
|
|
+// res.maxValue.forEach((el) => {
|
|
|
+// echartDatas.yData.push(el);
|
|
|
+// });
|
|
|
+// res.minValue.forEach((el) => {
|
|
|
+// echartDatas.yData1.push(el);
|
|
|
+// });
|
|
|
+// }
|
|
|
|
|
|
//获取安全监控列表数据
|
|
|
function getTableList() {
|
|
|
@@ -534,6 +533,24 @@ async function getDsWdList() {
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
+async function getBdsRealCntList(){
|
|
|
+ let res=await getBdsRealCnt({areaType:5})
|
|
|
+ substationData.length=0
|
|
|
+ res.forEach(el=>{
|
|
|
+ substationData.push({
|
|
|
+ title: el.name, val: el.cnt, dw: '', label: '数量' ,warn:el.isWarn,levels:el.warningLevel
|
|
|
+ })
|
|
|
+ })
|
|
|
+}
|
|
|
+async function getBdsRealCntList1(){
|
|
|
+ let res=await getBdsRealCnt({areaType:4})
|
|
|
+ outFireData.length=0
|
|
|
+ res.forEach(el=>{
|
|
|
+ outFireData.push({
|
|
|
+ title: el.name, val: el.cnt, dw: '', label: '数量' ,warn:el.isWarn,levels:el.warningLevel
|
|
|
+ })
|
|
|
+ })
|
|
|
+}
|
|
|
|
|
|
onMounted(() => {
|
|
|
//工作面
|
|
|
@@ -544,9 +561,10 @@ onMounted(() => {
|
|
|
//带式
|
|
|
getFireAreaInfoListDs();
|
|
|
//变电硐室
|
|
|
- getFireAreaInfoListBd();
|
|
|
+ // getFireAreaInfoListBd();
|
|
|
+ getBdsRealCntList()
|
|
|
//安全监控
|
|
|
- getTableList();
|
|
|
+ getTableList();
|
|
|
getMonitor();
|
|
|
});
|
|
|
|
