From 16985f7674bbec4e87e5eaa011e1e789350be8df Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期二, 05 三月 2024 17:25:44 +0800
Subject: [PATCH] fix:修改表格滚动
---
src/views/HomeView.vue | 77 +++++++++++++++++++++++++++++++++++---
1 files changed, 71 insertions(+), 6 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index fe23153..c7898b8 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,14 +1,79 @@
-<script setup lang="ts">
+<script setup>
+import { ref } from "vue";
import { RouterView } from "vue-router";
+import ScaleScreen from "@/components/scale-screen";
+import Headers from "./header.vue";
+import Setting from "./setting.vue";
+import { useSettingStore } from "@/stores/index";
+import { storeToRefs } from "pinia";
+import MessageContent from "@/components/Plugins/MessageContent";
+
+import {mapState} from '@/stores/map.js';
+
+// import Chartgd from "@/views/daoAnOffice/chartgd.vue";
+
+// 涓績鍦板浘
+import Map from './daoAnOffice/center/map.vue';
+
+const settingStore = useSettingStore();
+const { isScale } = storeToRefs(settingStore);
+const wrapperStyle = {};
</script>
<template>
- <div>
- <RouterView />
-
+ <scale-screen
+ width="3840"
+ height="1080"
+ :delay="500"
+ :fullScreen="false"
+ :boxStyle="{
+ background: '#03050C',
+ overflow: isScale ? 'hidden' : 'auto',
+ }"
+ :wrapperStyle="wrapperStyle"
+ :autoScale="isScale"
+ >
+ <div class="content_wrap">
+ <!-- <chartgd class="gddt" v-show="!mapState"></chartgd> -->
+ <Map v-if="!mapState"></Map>
+ <Headers />
+ <RouterView />
+ <MessageContent />
+ <div class="d-bottom">
+ </div>
</div>
+ </scale-screen>
+ <Setting />
</template>
-<style lang="scss" scoped>
+<style lang="scss" scoped>
+.gddt{
+ position: absolute;
+ z-index: 0;
+ width: 3840px;
+ height: 1080px;
+}
+.content_wrap {
+ width: 100%;
+ height: 100%;
+ //padding: 16px 16px 16px 16px;
+ box-sizing: border-box;
+ background-image: url("@/assets/img/pageBg1.png");
+ background-size: cover;
+ background-position: center center;
+}
+.d-bottom{
+ position: absolute;
+ //width: 120px;
+ width: 1920px;
+ height: 41px;
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: 0;
+ background-image: url("@/assets/img/bottombg.png");
+ background-size: contain;
+ background-position: center center;
+ margin-bottom: 4px;
-</style>
\ No newline at end of file
+}
+</style>
--
Gitblit v1.8.0