|
@@ -19,17 +19,17 @@
|
|
</div>
|
|
</div>
|
|
<!-- 左中区域 -->
|
|
<!-- 左中区域 -->
|
|
<div class="left-c">
|
|
<div class="left-c">
|
|
- <DanelBd :moduleName="'工作面风险监测'" :contentStyle="{ contentH: '526px' }" :bgSize="'large'">
|
|
|
|
- <workJc :heightT="'25%'" :heightB="'75%'" :cardData="cardData" :echartData="echartDataWork" />
|
|
|
|
|
|
+ <DanelBd :moduleName="'工作面风险监测'" :contentStyle="{ contentH: '808px' }" :bgSize="'large'">
|
|
|
|
+ <workJc :heightT="'18%'" :heightB="'82%'" :cardData="selectListBd" :echartData="echartDataWork" />
|
|
</DanelBd>
|
|
</DanelBd>
|
|
</div>
|
|
</div>
|
|
<!-- 左底部区域 -->
|
|
<!-- 左底部区域 -->
|
|
- <div class="left-f">
|
|
|
|
|
|
+ <!-- <div class="left-f">
|
|
<DanelBd :moduleName="'粉尘实时浓度监测'" :contentStyle="{ contentH: '224px' }"
|
|
<DanelBd :moduleName="'粉尘实时浓度监测'" :contentStyle="{ contentH: '224px' }"
|
|
:bgSize="'middle'">
|
|
:bgSize="'middle'">
|
|
<dustTimeNow :timeNowData="selectListBd"></dustTimeNow>
|
|
<dustTimeNow :timeNowData="selectListBd"></dustTimeNow>
|
|
</DanelBd>
|
|
</DanelBd>
|
|
- </div>
|
|
|
|
|
|
+ </div> -->
|
|
</div>
|
|
</div>
|
|
</transition>
|
|
</transition>
|
|
|
|
|
|
@@ -46,12 +46,12 @@
|
|
<InfoCircleOutlined class="scalc-icon" />
|
|
<InfoCircleOutlined class="scalc-icon" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <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://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>
|
|
</div>
|
|
</div>
|
|
<transition name="fade" mode="out-in">
|
|
<transition name="fade" mode="out-in">
|
|
<div class="center-b" v-if="isShow">
|
|
<div class="center-b" v-if="isShow">
|
|
- <DanelBd :moduleName="'工作面粉尘浓度'" :contentStyle="{ contentH: '222px' }" :commonTitle="'selected'"
|
|
|
|
|
|
+ <DanelBd :moduleName="'工作面粉尘浓度 (mg/m³)'" :contentStyle="{ contentH: '222px' }" :commonTitle="'selected'"
|
|
:selectList="selectListBd" :selectValue="sensorCode" @change-select="changeSelect" :bgSize="''">
|
|
:selectList="selectListBd" :selectValue="sensorCode" @change-select="changeSelect" :bgSize="''">
|
|
<multipleDust :echartData="echartData" />
|
|
<multipleDust :echartData="echartData" />
|
|
</DanelBd>
|
|
</DanelBd>
|
|
@@ -113,7 +113,7 @@ let toggleOpen = ref(false)
|
|
let isShow = ref(true);
|
|
let isShow = ref(true);
|
|
|
|
|
|
//工作面风险监测数据
|
|
//工作面风险监测数据
|
|
-let cardData = reactive<any[]>([]);
|
|
|
|
|
|
+// let cardData = reactive<any[]>([]);
|
|
let echartDataWork = ref<any[]>([]);
|
|
let echartDataWork = ref<any[]>([]);
|
|
let areaType = ref('');
|
|
let areaType = ref('');
|
|
|
|
|
|
@@ -145,9 +145,9 @@ let pwData = reactive<any[]>([]);
|
|
|
|
|
|
//粉尘静态指标数据
|
|
//粉尘静态指标数据
|
|
let selectListJt = reactive<any[]>([
|
|
let selectListJt = reactive<any[]>([
|
|
- // { label: '8#煤层', value: '0' },
|
|
|
|
|
|
+ { label: '8#煤层', value: '0' },
|
|
// { label: '9#煤层', value: '1' },
|
|
// { label: '9#煤层', value: '1' },
|
|
- { label: '10#煤层', value: '0' },
|
|
|
|
|
|
+ // { label: '10#煤层', value: '0' },
|
|
]);
|
|
]);
|
|
let jtzbCode = ref('0');
|
|
let jtzbCode = ref('0');
|
|
|
|
|
|
@@ -192,25 +192,25 @@ async function getDustWarningCntByTypeList() {
|
|
async function getFireAreaInfoList() {
|
|
async function getFireAreaInfoList() {
|
|
let res = await getAreaTypeList();
|
|
let res = await getAreaTypeList();
|
|
if (res.length != 0) {
|
|
if (res.length != 0) {
|
|
- cardData.length = 0;
|
|
|
|
- res.forEach((el) => {
|
|
|
|
- cardData.push({
|
|
|
|
- title: '风险',
|
|
|
|
- val:
|
|
|
|
- el.warningLevel == 1
|
|
|
|
- ? '低'
|
|
|
|
- : el.warningLevel == 2
|
|
|
|
- ? '中'
|
|
|
|
- : el.warningLevel == 3
|
|
|
|
- ? '较大'
|
|
|
|
- : el.warningLevel == 4
|
|
|
|
- ? '重大'
|
|
|
|
- : '--',
|
|
|
|
- label: el.typeName,
|
|
|
|
- title1: '最大值',
|
|
|
|
- val1: el.maxValue,
|
|
|
|
- });
|
|
|
|
- });
|
|
|
|
|
|
+ // cardData.length = 0;
|
|
|
|
+ // res.forEach((el) => {
|
|
|
|
+ // cardData.push({
|
|
|
|
+ // title: '风险',
|
|
|
|
+ // val:
|
|
|
|
+ // el.warningLevel == 1
|
|
|
|
+ // ? '低'
|
|
|
|
+ // : el.warningLevel == 2
|
|
|
|
+ // ? '中'
|
|
|
|
+ // : el.warningLevel == 3
|
|
|
|
+ // ? '较大'
|
|
|
|
+ // : el.warningLevel == 4
|
|
|
|
+ // ? '重大'
|
|
|
|
+ // : '--',
|
|
|
|
+ // label: el.typeName,
|
|
|
|
+ // title1: '最大值',
|
|
|
|
+ // val1: el.maxValue,
|
|
|
|
+ // });
|
|
|
|
+ // });
|
|
areaType.value = res[0]['areaType'];
|
|
areaType.value = res[0]['areaType'];
|
|
//获取粉尘选项数据
|
|
//获取粉尘选项数据
|
|
getRealSensorDataByTypeList();
|
|
getRealSensorDataByTypeList();
|
|
@@ -218,19 +218,14 @@ async function getFireAreaInfoList() {
|
|
}
|
|
}
|
|
//获取粉尘选项数据
|
|
//获取粉尘选项数据
|
|
async function getRealSensorDataByTypeList() {
|
|
async function getRealSensorDataByTypeList() {
|
|
|
|
+ selectListBd.length = 0;
|
|
// let res = await getRealSensorDataByType({ areaType: areaType.value });
|
|
// let res = await getRealSensorDataByType({ areaType: areaType.value });
|
|
let res = await getRealSensorDataByType({ areaType: 2 });
|
|
let res = await getRealSensorDataByType({ areaType: 2 });
|
|
- if (res.length != 0) {
|
|
|
|
- selectListBd.length = 0;
|
|
|
|
- res.forEach((el) => {
|
|
|
|
- // selectListBd.push({
|
|
|
|
- // label: el.name,
|
|
|
|
- // value: el.code,
|
|
|
|
- // temperature: el.temperature,
|
|
|
|
- // humidity: el.humidity,
|
|
|
|
- // windSpeed: el.windSpeed,
|
|
|
|
- // waterPressure: el.waterPressure,
|
|
|
|
- // });
|
|
|
|
|
|
+ let res1 = await getRealSensorDataByType({ areaType: 6 });
|
|
|
|
+ let data=[...res,...res1]
|
|
|
|
+ if (data.length != 0) {
|
|
|
|
+
|
|
|
|
+ data.forEach((el) => {
|
|
if (el.displayStatus) {
|
|
if (el.displayStatus) {
|
|
selectListBd.push({
|
|
selectListBd.push({
|
|
label: el.name,
|
|
label: el.name,
|
|
@@ -243,7 +238,6 @@ async function getRealSensorDataByTypeList() {
|
|
pwList:el.pwList.length
|
|
pwList:el.pwList.length
|
|
});
|
|
});
|
|
}
|
|
}
|
|
-
|
|
|
|
});
|
|
});
|
|
sensorCode.value = sensorCode.value ? sensorCode.value : selectListBd[0]['value'];
|
|
sensorCode.value = sensorCode.value ? sensorCode.value : selectListBd[0]['value'];
|
|
//获取单项数据
|
|
//获取单项数据
|
|
@@ -420,12 +414,11 @@ onUnmounted(() => {
|
|
|
|
|
|
.left-c {
|
|
.left-c {
|
|
width: 100%;
|
|
width: 100%;
|
|
- margin-bottom: 25px;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- .left-f {
|
|
|
|
- width: 100%;
|
|
|
|
- }
|
|
|
|
|
|
+ // .left-f {
|
|
|
|
+ // width: 100%;
|
|
|
|
+ // }
|
|
}
|
|
}
|
|
|
|
|
|
.center-area {
|
|
.center-area {
|