|
@@ -1,99 +0,0 @@
|
|
|
-<!-- eslint-disable vue/multi-word-component-names -->
|
|
|
-<template>
|
|
|
- <div class="company-home">
|
|
|
- <div class="top-bg">
|
|
|
- <div class="main-title">{{ mainTitle }}</div>
|
|
|
- </div>
|
|
|
- <a-dropdown class="module-dropdown" :trigger="['click']" placement="bottomRight">
|
|
|
- <a class="ant-dropdown-link" @click.prevent>
|
|
|
- 全矿井通风检测
|
|
|
- <CaretDownOutlined />
|
|
|
- </a>
|
|
|
- <template #overlay>
|
|
|
- <MonitorCenter />
|
|
|
- </template>
|
|
|
- </a-dropdown>
|
|
|
- <!-- 采用定位方式以避免出现各个模块隐藏时其他模块下移的问题 -->
|
|
|
- <SubVentilate />
|
|
|
- <Ventilate />
|
|
|
- <VentilateControl />
|
|
|
- <AirVolumeMonitor />
|
|
|
- <VentilateAnalysis />
|
|
|
- <WorkSurface />
|
|
|
- <DeviceWarning />
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-<script lang="ts" setup>
|
|
|
- import { ref } from 'vue';
|
|
|
- import SubVentilate from './components/SubVentilate.vue';
|
|
|
- import Ventilate from './components/Ventilate.vue';
|
|
|
- import { CaretDownOutlined } from '@ant-design/icons-vue';
|
|
|
- import VentilateControl from './components/VentilateControl.vue';
|
|
|
- import AirVolumeMonitor from './components/AirVolumeMonitor.vue';
|
|
|
- import VentilateAnalysis from './components/VentilateAnalysis.vue';
|
|
|
- import WorkSurface from './components/WorkSurface.vue';
|
|
|
- import DeviceWarning from './components/DeviceWarning.vue';
|
|
|
- import MonitorCenter from './components/MonitorCenter.vue';
|
|
|
- // import mapComponent from './components/3Dmap/index.vue';
|
|
|
-
|
|
|
- const mainTitle = ref('智能通风管控系统');
|
|
|
-
|
|
|
- const moduleCodes = ['fanlocal', 'fanmain', 'vc', 'ar', 'va', 'ws', 'dw'];
|
|
|
-</script>
|
|
|
-<style lang="less" scoped>
|
|
|
- @font-face {
|
|
|
- font-family: 'douyuFont';
|
|
|
- src: url('../../../../assets/font/douyuFont.otf');
|
|
|
- }
|
|
|
-
|
|
|
- .company-home {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- color: @white;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .top-bg {
|
|
|
- width: 100%;
|
|
|
- height: 56px;
|
|
|
- background: url('@/assets/images/home-container/configurable/main_title_bg.png') no-repeat center;
|
|
|
- position: absolute;
|
|
|
- z-index: 1;
|
|
|
- .main-title {
|
|
|
- height: 56px;
|
|
|
- font-family: 'douyuFont';
|
|
|
- font-size: 20px;
|
|
|
- letter-spacing: 2px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .module-left {
|
|
|
- position: absolute;
|
|
|
- width: 450px;
|
|
|
- height: 280px;
|
|
|
- left: 0;
|
|
|
- }
|
|
|
- .module-right {
|
|
|
- position: absolute;
|
|
|
- width: 450px;
|
|
|
- height: 280px;
|
|
|
- right: 0;
|
|
|
- }
|
|
|
- .module-bottom {
|
|
|
- position: absolute;
|
|
|
- width: 1000px;
|
|
|
- height: 280px;
|
|
|
- }
|
|
|
- .module-dropdown {
|
|
|
- padding: 10px;
|
|
|
- background-image: linear-gradient(to bottom, #036886, #072a40);
|
|
|
- border-bottom: 2px solid #3df6ff;
|
|
|
- color: #fff;
|
|
|
- position: absolute;
|
|
|
- top: 70px;
|
|
|
- right: 460px;
|
|
|
- }
|
|
|
- }
|
|
|
-</style>
|