|
|
@@ -9,7 +9,7 @@
|
|
|
<div v-if="!route.query.embed" class="top-bg">
|
|
|
<div class="main-title">{{ mainTitle }}</div>
|
|
|
</div>
|
|
|
- <a class="ant-dropdown-link module-dropdown" @click.prevent="showBar = !showBar">
|
|
|
+ <!-- <a class="ant-dropdown-link module-dropdown" @click.prevent="showBar = !showBar">
|
|
|
全矿井通风检测
|
|
|
<CaretDownOutlined />
|
|
|
</a>
|
|
|
@@ -19,7 +19,7 @@
|
|
|
:style="{ width: `${barWidth}px`, left: `calc(50% - ${Math.floor(barWidth / 2)}px)` }"
|
|
|
:is-data-real-time="isDataRealTime"
|
|
|
:data="data"
|
|
|
- />
|
|
|
+ /> -->
|
|
|
<!-- <a-dropdown class="module-dropdown" :class="{ 'module-dropdown-original': isOriginal }" :trigger="['click']" placement="bottomRight">
|
|
|
<template #overlay>
|
|
|
</template>
|
|
|
@@ -84,7 +84,7 @@
|
|
|
<script lang="ts" setup>
|
|
|
import { onMounted, onUnmounted, ref, watch } from 'vue';
|
|
|
// import { CaretDownOutlined } from '@ant-design/icons-vue';
|
|
|
- import MonitorBar from './components/MonitorBar.vue';
|
|
|
+ // import MonitorBar from './components/MonitorBar.vue';
|
|
|
import { useInitConfigs, useInitPage } from './hooks/useInit';
|
|
|
import ModuleEnhanced from './components/ModuleEnhanced.vue';
|
|
|
import ModuleOriginal from './components/ModuleOriginal.vue';
|
|
|
@@ -95,7 +95,7 @@
|
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
import { useGlobSetting } from '/@/hooks/setting';
|
|
|
// import { testConfigVentSsl } from './configurable.data';
|
|
|
- import { computed } from 'vue';
|
|
|
+ // import { computed } from 'vue';
|
|
|
// import { testConfigVent, testConfigVentRealtime } from './configurable.data';
|
|
|
|
|
|
const { sysDataType = 'monitor', title = '智能通风管控系统' } = useGlobSetting();
|
|
|
@@ -104,19 +104,19 @@
|
|
|
const route = useRoute();
|
|
|
const router = useRouter();
|
|
|
const isDataRealTime = ref(sysDataType === 'monitor');
|
|
|
- const showBar = ref(true);
|
|
|
+ // const showBar = ref(true);
|
|
|
/** 最长的模块的长度(一版指正下方模块) */
|
|
|
- const barWidth = computed<number>(() => {
|
|
|
- for (let index = 0; index < configs.value.length; index++) {
|
|
|
- const element = configs.value[index];
|
|
|
- const { size, position } = element.showStyle;
|
|
|
- const [_, width] = size.match(/width:([0-9]+)px/) || [];
|
|
|
- if (position.includes('bottom') || parseInt(width) > 800) {
|
|
|
- return parseInt(width);
|
|
|
- }
|
|
|
- }
|
|
|
- return 1000;
|
|
|
- });
|
|
|
+ // const barWidth = computed<number>(() => {
|
|
|
+ // for (let index = 0; index < configs.value.length; index++) {
|
|
|
+ // const element = configs.value[index];
|
|
|
+ // const { size, position } = element.showStyle;
|
|
|
+ // const [_, width] = size.match(/width:([0-9]+)px/) || [];
|
|
|
+ // if (position.includes('bottom') || parseInt(width) > 800) {
|
|
|
+ // return parseInt(width);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // return 1000;
|
|
|
+ // });
|
|
|
let interval: number | undefined;
|
|
|
|
|
|
function switchDataMode() {
|