From 2e2ea5dcebd4bd521c9d01317a33d93d19231e8f Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Tue, 21 Oct 2025 14:44:37 +0800
Subject: [PATCH] =?UTF-8?q?workshop=E6=A0=B9=E6=8D=AE=E4=B8=8D=E5=90=8C?=
 =?UTF-8?q?=E7=9A=84viewType=E8=AE=BE=E7=BD=AE=E4=B8=8D=E5=90=8C=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4=E5=88=B0routeChche?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/RouteCache.vue | 38 ++++++++++++++++++++++++++++++-----
 src/views/Workshop/index.vue  | 38 +++--------------------------------
 2 files changed, 36 insertions(+), 40 deletions(-)

diff --git a/src/components/RouteCache.vue b/src/components/RouteCache.vue
index 7821bbd..100c6d6 100644
--- a/src/components/RouteCache.vue
+++ b/src/components/RouteCache.vue
@@ -1,14 +1,17 @@
 <template>
-  <router-view v-slot="{ Component, route }">
-    <keep-alive :include="cachedViews">
-      <component :is="Component" :key="route.name" />
-    </keep-alive>
-  </router-view>
+	<div class="routeCache" :view-type="viewType">
+		<router-view v-slot="{ Component, route }" @view-type="changeViewType">
+			<keep-alive :include="cachedViews">
+				<component :is="Component" :key="route.name" />
+			</keep-alive>
+		</router-view>
+	</div>
 </template>
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { useRouter } from 'vue-router'
 
 const route = useRoute()
 
@@ -51,9 +54,34 @@ const clearCache = (routeName?: string) => {
   }
 }
 
+//根据viewType设置布局风格样式
+const viewType = ref(0)
+const changeViewType = (v: number) => {
+	viewType.value = v
+}
+const router = useRouter()
+watch(
+	() => router.currentRoute.value,
+	() => (viewType.value = 0)
+)
+
+
 // 暴露方法供外部使用
 defineExpose({
   clearCache,
   cachedViews
 })
 </script>
+<style lang="less" scoped>
+	.routeCache {
+		width: 100%;
+		height: 100%;
+		position: relative;
+		font-family: 'satoshiRegular';
+		&[view-type='1'] {
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/Workshop/index.vue b/src/views/Workshop/index.vue
index cb88168..6686783 100644
--- a/src/views/Workshop/index.vue
+++ b/src/views/Workshop/index.vue
@@ -1,42 +1,10 @@
 <script setup lang="ts">
-	import { ref, onMounted, onUnmounted, reactive, toRefs, watch } from 'vue'
-	import { useRouter } from 'vue-router'
+	import RouteCache from '@/components/RouteCache.vue'
 	//const props = defineProps({
 	//})
 	//const emit = defineEmits([
 	//])
-	let data = reactive({})
-	onMounted(() => {})
-	onUnmounted(() => {})
-	defineExpose({})
-	const {} = toRefs(data)
-	const workshopContent = ref<HTMLDivElement>()
-	const router = useRouter()
-
-	const viewType = ref(0)
-	watch(
-		() => router.currentRoute.value,
-		() => (viewType.value = 0)
-	)
-	const changeViewType = (v: number) => {
-		viewType.value = v
-	}
 </script>
 <template>
-	<div class="workshop" :view-type="viewType">
-		<router-view @view-type="changeViewType" />
-	</div>
-</template>
-<style lang="less" scoped>
-	.workshop {
-		width: 100%;
-		height: 100%;
-		position: relative;
-		font-family: 'satoshiRegular';
-		&[view-type='1'] {
-			display: flex;
-			flex-direction: column;
-			overflow: hidden;
-		}
-	}
-</style>
\ No newline at end of file
+	<RouteCache />
+</template>
\ No newline at end of file