From 9da8853f930f0e1e5fe25127a377dafd462ddb80 Mon Sep 17 00:00:00 2001
From: liutao <790864623@qq.com>
Date: Fri, 10 Jul 2026 16:08:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=BF=AE=E6=94=B9=E6=88=90?=
 =?UTF-8?q?=E5=85=A8=E5=B1=8F=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/Index.vue               | 24 +++++++++++++++++++++++-
 src/views/erp/stock/overview/index.vue | 22 ++++++++++++++++++++--
 src/views/mes/energyOverview/index.vue | 25 ++++++++++++++++++++++++-
 3 files changed, 67 insertions(+), 4 deletions(-)

diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 0e0be202..72a92049 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="home-page">
+	<div class="home-page" :class="{ 'is-fullscreen': isFullscreenLayout }">
 		<div class="home-welcome">
 			<div class="home-welcome-left">
 				<div class="home-welcome-title text-white!">{{t("home.welcome")}}</div>
@@ -338,15 +338,26 @@ import { WeatherVO } from '@/api/home/info'
 import bannerImg from '@/assets/imgs/banner.png'
 import { DashboardApi,DashboardProductVO,DeviceStatusVO } from '@/api/dashboard'
 import { formatDate } from '@/utils/formatTime'
+import { useRoute } from 'vue-router'
 defineOptions({ name: 'Home' })
 
 const { t } = useI18n()
+const route = useRoute()
 const userStore = useUserStore()
 const { setWatermark } = useWatermark()
 const loading = ref(true)
 const avatar = userStore.getUser.avatar
 const username = userStore.getUser.nickname
 
+const isEnabledQueryValue = (value: unknown) => {
+  const rawValue = Array.isArray(value) ? value[0] : value
+  return ['1', 'true', 'yes', 'on'].includes(String(rawValue ?? '').toLowerCase())
+}
+
+const isFullscreenLayout = computed(() =>
+  isEnabledQueryValue(route.query.fullscreen ?? route.query.full)
+)
+
 const getCssVar = (name: string, fallback: string) => {
   if (typeof window === 'undefined') return fallback
   const v = getComputedStyle(document.documentElement).getPropertyValue(name).trim()
@@ -869,6 +880,17 @@ getAllApi()
 	gap: 16px;
 }
 
+.home-page.is-fullscreen {
+	position: fixed;
+	inset: 0;
+	z-index: 2000;
+	width: 100vw;
+	height: 100vh;
+	padding: 16px;
+	overflow: auto;
+	background: #f5f7fa;
+}
+
 .home-section {
 	margin-bottom: 16px;
 }
diff --git a/src/views/erp/stock/overview/index.vue b/src/views/erp/stock/overview/index.vue
index 9e5e4ce1..b35b8fe4 100644
--- a/src/views/erp/stock/overview/index.vue
+++ b/src/views/erp/stock/overview/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="stock-overview">
+  <div class="stock-overview" :class="{ 'is-fullscreen': isFullscreenLayout }">
     <ContentWrap>
       <el-form ref="queryFormRef" :inline="true" :model="queryParams" class="-mb-15px stock-overview__query"
         label-width="auto">
@@ -175,6 +175,7 @@ import { StockApi, type StockStatisticsCardsRespVO, type StockVO } from '@/api/e
 import { StockRecordApi, StockRecordVO } from '@/api/erp/stock/record'
 import { WarehouseApi, WarehouseVO } from '@/api/erp/stock/warehouse'
 import { useDictStoreWithOut } from '@/store/modules/dict'
+import {useRoute} from "vue-router";
 
 defineOptions({ name: 'ErpStockOverview' })
 
@@ -195,7 +196,7 @@ const queryParams = reactive<{
   warehouseId: undefined,
   areaId: undefined
 })
-
+const route = useRoute()
 const cardsLoading = ref(false)
 const stockLoading = ref(false)
 const recordLoading = ref(false)
@@ -211,7 +212,14 @@ const recordQuery = reactive({
   pageNo: 1,
   pageSize: 9
 })
+const isEnabledQueryValue = (value: unknown) => {
+  const rawValue = Array.isArray(value) ? value[0] : value
+  return ['1', 'true', 'yes', 'on'].includes(String(rawValue ?? '').toLowerCase())
+}
 
+const isFullscreenLayout = computed(() =>
+  isEnabledQueryValue(route.query.fullscreen ?? route.query.full)
+)
 const displayValue = (value: unknown) => {
   return value === undefined || value === null || value === '' ? '-' : value
 }
@@ -476,6 +484,16 @@ onMounted(async () => {
 
 <style scoped lang="scss">
 .stock-overview {
+  &.is-fullscreen {
+    position: fixed;
+    inset: 0;
+    z-index: 2000;
+    width: 100vw;
+    height: 100vh;
+    padding: 16px;
+    overflow: auto;
+    background: #f5f7fa;
+  }
   .stock-overview__query {
     display: flex;
     align-items: flex-start;
diff --git a/src/views/mes/energyOverview/index.vue b/src/views/mes/energyOverview/index.vue
index 62f7540e..a7a64660 100644
--- a/src/views/mes/energyOverview/index.vue
+++ b/src/views/mes/energyOverview/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="energy-overview-page">
+  <div class="energy-overview-page" :class="{ 'is-fullscreen': isFullscreenLayout }">
     <ContentWrap>
       <el-form
         ref="queryFormRef"
@@ -181,6 +181,7 @@
 
 <script setup lang="ts">
 import { EChartsOption } from 'echarts'
+import { useRoute } from 'vue-router'
 import { Echart } from '@/components/Echart'
 import { EnergyTypeApi, EnergyTypeVO } from '@/api/mes/energytype'
 import {
@@ -196,6 +197,17 @@ import { handleTree } from '@/utils/tree'
 
 defineOptions({ name: 'EnergyOverview' })
 
+const route = useRoute()
+
+const isEnabledQueryValue = (value: unknown) => {
+  const rawValue = Array.isArray(value) ? value[0] : value
+  return ['1', 'true', 'yes', 'on'].includes(String(rawValue ?? '').toLowerCase())
+}
+
+const isFullscreenLayout = computed(() =>
+  isEnabledQueryValue(route.query.fullscreen ?? route.query.full)
+)
+
 interface MetricCard {
   key: string
   label: string
@@ -911,6 +923,17 @@ watch(
 
 <style scoped lang="scss">
 .energy-overview-page {
+  &.is-fullscreen {
+    position: fixed;
+    inset: 0;
+    z-index: 2000;
+    width: 100vw;
+    height: 100vh;
+    padding: 16px;
+    overflow: auto;
+    background: #f5f7fa;
+  }
+
   .energy-overview-filter {
     :deep(.el-form-item) {
       margin-bottom: 15px;