|
|
@@ -23,26 +23,28 @@
|
|
|
</div>
|
|
|
<div class="tcontent-c">
|
|
|
<div style="margin-bottom: 15px; color: #009bff; font-size: 24px; font-weight: bolder; letter-spacing: 10px">
|
|
|
- {{ data.fireAllMineWarn }}
|
|
|
+ {{ data.dustAllMineWarn }}
|
|
|
</div>
|
|
|
- <div style="color: #fff; font-size: 12px">自燃倾向性等级 : 自燃</div>
|
|
|
+ <!-- <div style="color: #fff; font-size: 12px">自燃倾向性等级 : 容易自燃</div> -->
|
|
|
</div>
|
|
|
<div class="tcontent-r">
|
|
|
- <div>火灾</div>
|
|
|
+ <div>粉尘</div>
|
|
|
<div>风险</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right-t">
|
|
|
- <div class="tcontent-l" @click="redirectTo('/grout-home')">
|
|
|
- <div>智能注浆系统</div>
|
|
|
+ <!-- <div class="right-t">
|
|
|
+ <div class="tcontent-l" @click="redirectTo('https://bing.cn')">
|
|
|
+ <div>智能</div>
|
|
|
+ <div>灌浆系统</div>
|
|
|
</div>
|
|
|
- <div class="tcontent-r" @click="redirectTo('/nitrogen-home')">
|
|
|
- <div>智能注氮系统</div>
|
|
|
+ <div class="tcontent-r" @click="redirectTo('https://bing.cn')">
|
|
|
+ <div>智能</div>
|
|
|
+ <div>注氟系统</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<ModuleBD
|
|
|
- v-for="cfg in cfgs"
|
|
|
+ v-for="cfg in configs"
|
|
|
:key="cfg.deviceType"
|
|
|
:show-style="cfg.showStyle"
|
|
|
:module-data="cfg.moduleData"
|
|
|
@@ -51,64 +53,36 @@
|
|
|
:data="data"
|
|
|
:visible="true"
|
|
|
/>
|
|
|
- <ModuleBDDual
|
|
|
- v-if="cfgA && cfgB"
|
|
|
- :show-style="cfgA.showStyle"
|
|
|
- :module-data-a="cfgA.moduleData"
|
|
|
- :module-name-a="cfgA.moduleName"
|
|
|
- :device-type-a="cfgA.deviceType"
|
|
|
- :module-data-b="cfgB.moduleData"
|
|
|
- :module-name-b="cfgB.moduleName"
|
|
|
- :device-type-b="cfgB.deviceType"
|
|
|
- :data="data"
|
|
|
- :visible="true"
|
|
|
- />
|
|
|
- <div style="width: 1000px; height: 550px; position: absolute; left: calc(50% - 500px); top: 60px">
|
|
|
+ <div style="width: 1000px; height: 570px; position: absolute; left: calc(50% - 500px); top: 60px">
|
|
|
<VentModal />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script lang="ts" setup>
|
|
|
- import { computed, onMounted, onUnmounted } from 'vue';
|
|
|
+ import { onMounted, onUnmounted } from 'vue';
|
|
|
// import { CaretDownOutlined } from '@ant-design/icons-vue';
|
|
|
// import MonitorCenter from './components/MonitorCenter.vue';
|
|
|
import { useInitConfigs, useInitPage } from './hooks/useInit';
|
|
|
import ModuleBD from './components/ModuleBD.vue';
|
|
|
- import ModuleBDDual from './components/ModuleBDDual.vue';
|
|
|
import VentModal from '/@/components/vent/micro/ventModal.vue';
|
|
|
import { getDisHome } from './configurable.api';
|
|
|
- import { testConfigBDFire } from './configurable.data.bd';
|
|
|
+ import { testConfigBDDust } from './configurable.data.bd';
|
|
|
// import { getToken } from '/@/utils/auth';
|
|
|
|
|
|
- const cfgs = computed(() =>
|
|
|
- configs.value.filter((_, index) => {
|
|
|
- return index !== 4 && index !== 3;
|
|
|
- })
|
|
|
- );
|
|
|
- const cfgA = computed<any>(() =>
|
|
|
- configs.value.find((_, index) => {
|
|
|
- return index === 3;
|
|
|
- })
|
|
|
- );
|
|
|
- const cfgB = computed<any>(() =>
|
|
|
- configs.value.find((_, index) => {
|
|
|
- return index === 4;
|
|
|
- })
|
|
|
- );
|
|
|
const { configs, fetchConfigs } = useInitConfigs();
|
|
|
- const { mainTitle, data, updateData } = useInitPage('保德煤矿火灾预警系统');
|
|
|
+ const { mainTitle, data, updateData } = useInitPage('保德煤矿粉尘灾害预警系统');
|
|
|
let interval: number | undefined;
|
|
|
// function hideLoading() {
|
|
|
// loading.value = false;
|
|
|
// }
|
|
|
onMounted(() => {
|
|
|
- // fetchConfigs('BD_fire').then(() => {
|
|
|
- configs.value = testConfigBDFire;
|
|
|
+ // fetchConfigs('BD_dust').then(() => {
|
|
|
+ configs.value = testConfigBDDust;
|
|
|
|
|
|
getDisHome({
|
|
|
dataList: configs.value
|
|
|
.map((e) => e.deviceType)
|
|
|
- .concat('fireAllMineWarn')
|
|
|
+ .concat('dustAllMineWarn')
|
|
|
.join(','),
|
|
|
}).then(updateData);
|
|
|
// });
|
|
|
@@ -116,7 +90,7 @@
|
|
|
// getDisHome({
|
|
|
// dataList: configs.value
|
|
|
// .map((e) => e.deviceType)
|
|
|
- // .concat('fireAllMineWarn')
|
|
|
+ // .concat('dustAllMineWarn')
|
|
|
// .join(','),
|
|
|
// }).then(updateData);
|
|
|
// }, 60000);
|
|
|
@@ -125,10 +99,6 @@
|
|
|
onUnmounted(() => {
|
|
|
clearInterval(interval);
|
|
|
});
|
|
|
-
|
|
|
- function redirectTo(url) {
|
|
|
- window.open(url);
|
|
|
- }
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
@font-face {
|
|
|
@@ -162,13 +132,13 @@
|
|
|
|
|
|
// .module-left {
|
|
|
// position: absolute;
|
|
|
- // width: 440px;
|
|
|
+ // width: 450px;
|
|
|
// height: 280px;
|
|
|
// left: 0;
|
|
|
// }
|
|
|
// .module-right {
|
|
|
// position: absolute;
|
|
|
- // width: 440px;
|
|
|
+ // width: 450px;
|
|
|
// height: 280px;
|
|
|
// right: 0;
|
|
|
// }
|
|
|
@@ -206,7 +176,7 @@
|
|
|
.left-t {
|
|
|
position: absolute;
|
|
|
height: 115px;
|
|
|
- top: 40px;
|
|
|
+ top: 50px;
|
|
|
left: 10px;
|
|
|
width: 440px;
|
|
|
background-image: url('/@/assets/images/home-container/configurable/firehome/qkjaq.png');
|
|
|
@@ -266,11 +236,10 @@
|
|
|
}
|
|
|
.right-t {
|
|
|
position: absolute;
|
|
|
- // height: 160px;
|
|
|
- height: 115px;
|
|
|
- right: 10px;
|
|
|
+ height: 160px;
|
|
|
+ right: 0;
|
|
|
top: 50px;
|
|
|
- width: 440px;
|
|
|
+ width: 450px;
|
|
|
background-image: url('/@/assets/images/home-container/configurable/firehome/common-border2.png');
|
|
|
background-color: #000723;
|
|
|
background-repeat: no-repeat;
|
|
|
@@ -279,31 +248,44 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-around;
|
|
|
- z-index: 1;
|
|
|
|
|
|
.tcontent-l {
|
|
|
flex: 1;
|
|
|
- height: 100%;
|
|
|
- font-size: 16px;
|
|
|
+ height: 70%;
|
|
|
+ font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
- background-image: url(/@/assets/images/home-container/configurable/firehome/znzjxt.png);
|
|
|
- background-size: auto 100%;
|
|
|
+ background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
|
|
|
+ url(/@/assets/images/home-container/configurable/firehome/ggxt.png);
|
|
|
+ background-size:
|
|
|
+ auto 100%,
|
|
|
+ auto auto;
|
|
|
background-repeat: no-repeat;
|
|
|
- background-position: center;
|
|
|
+ background-position:
|
|
|
+ center,
|
|
|
+ center top;
|
|
|
text-align: center;
|
|
|
- padding-top: 85px;
|
|
|
+ padding-top: 40px;
|
|
|
+ line-height: 50px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
.tcontent-r {
|
|
|
flex: 1;
|
|
|
- height: 100%;
|
|
|
- font-size: 16px;
|
|
|
+ height: 70%;
|
|
|
+ font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
- background-image: url(/@/assets/images/home-container/configurable/firehome/znzdxt.png);
|
|
|
- background-size: auto 100%;
|
|
|
+ background-image: url(/@/assets/images/home-container/configurable/firehome/img-5.png),
|
|
|
+ url(/@/assets/images/home-container/configurable/firehome/zjxt.png);
|
|
|
+ background-size:
|
|
|
+ auto 100%,
|
|
|
+ auto auto;
|
|
|
background-repeat: no-repeat;
|
|
|
- background-position: center;
|
|
|
+ background-position:
|
|
|
+ center,
|
|
|
+ center top;
|
|
|
text-align: center;
|
|
|
- padding-top: 85px;
|
|
|
+ padding-top: 40px;
|
|
|
+ line-height: 50px;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
|
