fix: 修改hfqc页面布局

This commit is contained in:
Vce 2024-03-30 10:25:50 +08:00
parent 3fe788fd08
commit 5dafeb0f03
4 changed files with 44 additions and 166 deletions

View File

@ -438,16 +438,12 @@ export const HFQCMenu: Array<any> = [
{
moduleName: "综合管理",
modulePath: "/projectOverview",
// menuList: [
// {
// menuName: "工程概况",
// companyPath: "/projectOverview"
// },
// {
// menuName: "智慧党建",
// companyPath: "/smartPartyBuilding"
// }
// ]
menuList: [
{
menuName: "",
companyPath: "/projectOverview"
}
]
},
{
moduleName: "准入管理",
@ -480,12 +476,12 @@ export const HFQCMenu: Array<any> = [
{
moduleName: "智能安全帽",
modulePath: "/smartSafeHat",
// menuList: [
// {
// menuName: "",
// companyPath: "/smartSafeHat"
// },
// ]
menuList: [
{
menuName: "",
companyPath: "/smartSafeHat"
},
]
},
{
moduleName: "安全风险警示",
@ -505,18 +501,18 @@ export const HFQCMenu: Array<any> = [
},
{
menuName: "智能烟感监测",
companyPath: "/qualityManagement"
companyPath: "/smokeSensor"
}
]
},
{
moduleName: "高支模监测预警",
modulePath: "/highFormwork",
// menuList: [
// {
// menuName: "",
// companyPath: "/highFormwork"
// },
// ]
menuList: [
{
menuName: "",
companyPath: "/highFormwork"
},
]
}
]; //合肥启程项目

View File

@ -436,6 +436,7 @@ const getAllModelMenu = () => {
});
console.log("筛选出的数据看板路由", menuList.value);
};
const dataBoardContent = document.querySelector(".dataBoardContent");
const navigateTo = (path, type) => {
console.log("点击的路由---", path, type);
if (type == 1) {

View File

@ -1,86 +1,23 @@
<template>
<div class="distributionBox">
123
<!-- <div class="top">
<div class="topLeft">
<TopLeft></TopLeft>
</div>
<div class="topCenter">
<TopCenter></TopCenter>
</div>
<div class="topRight">
<TopRight></TopRight>
</div>
</div>
<div class="bottom">
<div class="bottomLeft">
<BottomLeft></BottomLeft>
</div>
<div class="bottomRight">
<BottomRight></BottomRight>
</div>
</div> -->
<div class="bimBox">
<iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
</div>
</template>
<script>
import TopLeft from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topLeft.vue";
import TopCenter from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topCenter.vue";
import TopRight from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topRight.vue";
import BottomLeft from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/bottomLeft.vue";
import BottomRight from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/bottomRight.vue";
export default {
components: { TopLeft, TopCenter, TopRight, BottomLeft, BottomRight }
};
<script lang="ts" setup>
import {GlobalStore} from "@/stores";
import {onMounted,ref} from "vue";
const url = ref ("")
onMounted(() =>{
url.value = "http://jxjzw.zhgdyun.com:6080/goview/#/chart/preview/1772795738648276994"
})
</script>
<style lang="scss" scoped>
.distributionBox {
.bimBox {
width: 100%;
height: 100%;
.top {
width: 100%;
height: 49%;
display: flex;
margin-bottom: 1%;
.topLeft {
width: 33%;
// background-color: orchid;
}
.topCenter {
margin: 0% 1%;
width: 33%;
:deep(.h-card) {
// .content {
// margin-top: 1.5% !important;
// }
}
}
.topRight {
width: 33%;
}
}
.bottom {
width: 100%;
height: 48%;
display: flex;
.bottomLeft {
width: 33%;
margin-right: 1%;
:deep(.h-card) {
.content {
margin-top: 2% !important;
}
}
}
.bottomRight {
width: 66%;
:deep(.h-card) {
.content {
margin-top: 1% !important;
}
}
}
}
}
</style>
</style>

View File

@ -1,79 +1,23 @@
<template>
<div class="distributionBox">
123123
<!-- <div class="top">
<div class="topLeft">
<TopLeft></TopLeft>
</div>
<div class="topCenter">
<TopCenter></TopCenter>
</div>
<div class="topRight">
<TopRight></TopRight>
</div>
</div>
<div class="bottom">
<div class="bottomLeft">
<BottomLeft></BottomLeft>
</div>
<div class="bottomRight">
<BottomRight></BottomRight>
</div>
</div> -->
<div class="bimBox">
<iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
</div>
</template>
<script>
<script lang="ts" setup>
import {GlobalStore} from "@/stores";
import {onMounted,ref} from "vue";
const url = ref ("")
onMounted(() =>{
url.value = "http://jxjzw.zhgdyun.com:6080/goview/#/chart/preview/1772890280001085441"
})
</script>
<style lang="scss" scoped>
.distributionBox {
.bimBox {
width: 100%;
height: 100%;
.top {
width: 100%;
height: 49%;
display: flex;
margin-bottom: 1%;
.topLeft {
width: 33%;
// background-color: orchid;
}
.topCenter {
margin: 0% 1%;
width: 33%;
:deep(.h-card) {
// .content {
// margin-top: 1.5% !important;
// }
}
}
.topRight {
width: 33%;
}
}
.bottom {
width: 100%;
height: 48%;
display: flex;
.bottomLeft {
width: 33%;
margin-right: 1%;
:deep(.h-card) {
.content {
margin-top: 2% !important;
}
}
}
.bottomRight {
width: 66%;
:deep(.h-card) {
.content {
margin-top: 1% !important;
}
}
}
}
}
</style>