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

View File

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

View File

@ -1,86 +1,23 @@
<template> <template>
<div class="distributionBox"> <div class="bimBox">
123 <iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
<!-- <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> </div>
</template> </template>
<script> <script lang="ts" setup>
import TopLeft from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topLeft.vue"; import {GlobalStore} from "@/stores";
import TopCenter from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topCenter.vue"; import {onMounted,ref} from "vue";
import TopRight from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/topRight.vue";
import BottomLeft from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/bottomLeft.vue"; const url = ref ("")
import BottomRight from "@/views/sevenLargeScreen/safetyManagement/edgeProtection/bottomRight.vue";
export default { onMounted(() =>{
components: { TopLeft, TopCenter, TopRight, BottomLeft, BottomRight } url.value = "http://jxjzw.zhgdyun.com:6080/goview/#/chart/preview/1772795738648276994"
}; })
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.distributionBox { .bimBox {
width: 100%; width: 100%;
height: 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> <template>
<div class="distributionBox"> <div class="bimBox">
123123 <iframe :src="url" frameborder="0" width="100%" height="100%" id="iframe"></iframe>
<!-- <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> </div>
</template> </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> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.distributionBox { .bimBox {
width: 100%; width: 100%;
height: 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>