2024.7.11

riku

2024-07-11 505798927f75c84693cc51becf16aa525503fc92

 src/views/main/MonitorView.vue

@@ -1,9 +1,9 @@
<template>
  <el-row>
    <el-col :span="7" class="page-right">
      <!-- <el-scrollbar height="var(--fy-body-height)"> -->
      <ManagementView></ManagementView>
      <!-- </el-scrollbar> -->
      <el-scrollbar height="var(--fy-body-height)">
        <ManagementView></ManagementView>
      </el-scrollbar>
    </el-col>
    <el-col :span="10">
      <el-scrollbar class="page-left-top">
@@ -32,6 +32,15 @@
const windowHeight = ref(window.innerHeight)
const areaStore = useAreaStore()
areaStore.setTimeOneDay()
areaStore.setLocation({
  pCode: '31',
  pName: '上海市',
  cCode: '3100',
  cName: '上海市',
  dCode: '310106',
  dName: '静安区'
})
areaStore.setSceneType('1')

// const headerHeight = computed(()=>{
//   return
@@ -40,16 +49,17 @@
//   console.log(res.text())
// })

provide('mapHeight', 'calc(var(--fy-body-height) / 3 * 2)')
provide('mapHeight', 'calc(var(--fy-body-height) / 4 * 3)')
provide('excludeMapHeight', 'calc(var(--fy-body-height) / 4 * 1)')
</script>

<style scoped>
.page-left-top {
  height: calc(var(--fy-body-height) / 3 * 2);
  height: calc(var(--fy-body-height) / 4 * 3);
  /* background-color: aquamarine; */
}
.page-left-bottom {
  height: calc(var(--fy-body-height) / 3 * 1);
  height: calc(var(--fy-body-height) / 4 * 1);
  /* background-color: bisque; */
}